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;