diff --git a/public/App/Doctor/index.html b/public/App/Doctor/index.html index 95adcdb..44880aa 100644 --- a/public/App/Doctor/index.html +++ b/public/App/Doctor/index.html @@ -51,6 +51,13 @@ color: #334155; } + /* Android TV D-Pad Remote Focus Glow Outline */ + :focus-visible, button:focus, select:focus, input:focus, .card:focus, a:focus { + outline: 3px solid #2563eb !important; + outline-offset: 2px !important; + box-shadow: 0 0 16px rgba(37, 99, 235, 0.6) !important; + } + /* Sleek Doctor Topbar */ .doctor-header { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); diff --git a/public/App/Nursing/index.html b/public/App/Nursing/index.html index 07a204f..a6cebf5 100644 --- a/public/App/Nursing/index.html +++ b/public/App/Nursing/index.html @@ -51,6 +51,13 @@ color: #334155; } + /* Android TV D-Pad Remote Focus Glow Outline */ + :focus-visible, button:focus, select:focus, input:focus, .card:focus, a:focus { + outline: 3px solid #2563eb !important; + outline-offset: 2px !important; + box-shadow: 0 0 16px rgba(37, 99, 235, 0.6) !important; + } + /* Topbar Header */ .nursing-header { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); diff --git a/public/App/index.html b/public/App/index.html index 26a08c6..61eb089 100644 --- a/public/App/index.html +++ b/public/App/index.html @@ -59,7 +59,7 @@ display: block; } - .app-option-card:hover, .app-option-card:active { + .app-option-card:hover, .app-option-card:active, .app-option-card:focus { border-color: #2563eb; background: #eff6ff; transform: translateY(-2px); @@ -67,6 +67,13 @@ color: inherit; } + /* Android TV D-Pad Remote Control Focus Outline */ + :focus-visible, .app-option-card:focus, button:focus, a:focus { + outline: 3px solid #2563eb !important; + outline-offset: 3px !important; + box-shadow: 0 0 18px rgba(37, 99, 235, 0.6) !important; + } + .app-option-card.disabled { opacity: 0.6; cursor: not-allowed;