diff --git a/docs/mockup_cabinet.html b/docs/mockup_cabinet.html
index 4703626..05d6e4b 100644
--- a/docs/mockup_cabinet.html
+++ b/docs/mockup_cabinet.html
@@ -450,8 +450,22 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text);
/* Demo */
.demo{background:#0F0F1A;border-top:1px solid rgba(255,255,255,.06);padding:7px 18px;display:flex;align-items:center;gap:7px;flex-shrink:0}
.demo-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.25);margin-right:2px}
-.db{padding:4px 11px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.4);cursor:pointer;font-family:'Inter',sans-serif;transition:all .12s}
-.db:hover,.db.on{background:var(--primary);border-color:var(--primary);color:#fff}
+.db{padding:4px 11px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.1);background:transparent;color:rgba(255,255,255,.35);cursor:pointer;font-family:'Inter',sans-serif;transition:all .15s;position:relative}
+/* HOME — всегда белый */
+.db.db-home{background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.9);color:#0F0F1A;font-weight:700}
+.db.db-home:hover{background:#fff}
+.db.db-home.on{background:#fff;border-color:#fff;color:#0F0F1A}
+/* Пройден — зелёный тинт */
+.db.db-done{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.28);color:#10B981}
+.db.db-done:hover{background:rgba(16,185,129,.2)}
+.db.db-done.on{background:rgba(16,185,129,.22);border-color:#10B981;color:#10B981}
+/* Начат / активен — primary accent */
+.db.db-active{background:rgba(4,120,87,.22);border-color:rgba(4,120,87,.45);color:#6EE7B7}
+.db.db-active:hover{background:rgba(4,120,87,.32)}
+.db.db-active.on{background:var(--primary);border-color:var(--primary);color:#fff}
+/* Locked — остаётся дефолтным серым, без изменений */
+/* Overdue badge */
+.db[data-overdue]::after{content:attr(data-overdue);position:absolute;top:-7px;right:-7px;background:#EF4444;color:#fff;font-size:9px;font-weight:800;padding:1px 5px;border-radius:8px;line-height:1.5;white-space:nowrap;border:1.5px solid #0F0F1A}
@@ -1527,10 +1541,10 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text);
Демо
-
-
-
-
+
+
+
+
@@ -1548,7 +1562,11 @@ function go(n){
const si=document.getElementById('si'+i);
if(si) si.classList.remove('active');
const db=document.getElementById('db'+i);
- if(db) db.classList.toggle('on',i===n);
+ if(db){
+ db.classList.toggle('on',i===n);
+ // HOME button keeps white regardless
+ if(i===0) db.classList.add('db-home');
+ }
}
const sv=document.getElementById('sv'+n);
if(sv) sv.style.display='flex';