:root{--navy:#0b1f33;--navy2:#102c48;--blue:#176aa6;--cyan:#2ba5c7;--gold:#d7a84a;--bg:#eef3f7;--card:#fff;--text:#172a3a;--muted:#6d7f8c;--line:#dce6ed;--green:#1f8a68;--red:#c63e4a;--amber:#b77a18}*{box-sizing:border-box}html{font-family:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif}body{margin:0;background:radial-gradient(circle at 90% 0,#f8fbfd 0,#eef3f7 42%,#e9eff4 100%);color:var(--text);font-family:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font-family:inherit}.topbar{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20;box-shadow:0 6px 25px rgba(15,39,62,.06)}.brand{display:flex;gap:12px;align-items:center}.brand b{font-size:17px}.brand small{display:block;color:var(--muted);margin-top:3px}.logo,.login-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--blue),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:900;font-size:23px;box-shadow:0 8px 22px rgba(23,106,166,.25)}.topmeta{display:flex;align-items:center;gap:20px}.clock,.workday{display:flex;flex-direction:column;align-items:flex-end;line-height:1.4}.clock b,.workday b{font-size:14px;color:var(--navy)}.clock span,.workday span{font-size:10px;color:var(--muted)}.workday{padding:7px 12px;border:1px solid #d9e6ef;background:#f6fafc;border-radius:12px}.user{font-size:12px;color:var(--muted)}.user a{color:var(--blue);text-decoration:none}.app-shell{display:flex;min-height:calc(100vh - 78px)}.sidebar{width:220px;flex:0 0 220px;background:linear-gradient(180deg,var(--navy),#0e2b43 55%,#12344b);padding:18px 12px;color:#dceaf4;position:sticky;top:78px;height:calc(100vh - 78px);display:flex;flex-direction:column}.side-title{font-size:19px;font-weight:900;padding:4px 10px 16px;color:#fff}.side-title small{font-size:10px;color:#86b7d2;margin-right:5px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:10px;color:#d7e6ef;text-decoration:none;padding:9px 10px;border-radius:11px;font-size:12px;transition:.2s}.sidebar nav a:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(-2px)}.sidebar nav i{font-style:normal;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:16px}.sidebar nav .shift-link{margin-top:8px;background:linear-gradient(135deg,rgba(215,168,74,.18),rgba(215,168,74,.08));border:1px solid rgba(215,168,74,.25);color:#ffe6ac}.side-foot{margin-top:auto;font-size:9px;color:#8fa9ba;padding:10px;text-align:center}.content{flex:1;min-width:0;max-width:1500px;padding:24px 26px;margin:0 auto}.content footer{padding:24px 0 8px;text-align:center;color:#81909a;font-size:10px;display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pagehead h1{margin:0;font-size:24px;color:var(--navy)}.pagehead p{margin:5px 0 0;color:var(--muted);font-size:12px}.formcard,.filtercard{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 35px rgba(17,46,71,.06);margin-bottom:18px}.formcard section{border-bottom:1px solid #e9eff3;padding-bottom:18px;margin-bottom:18px}.formcard section:last-of-type{border:0}.formcard h2,.filtercard h2{font-size:14px;margin:0 0 15px;color:var(--navy);display:flex;align-items:center;gap:7px}.grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:13px}.grid.lab{grid-template-columns:repeat(5,minmax(120px,1fr))}.filters{grid-template-columns:repeat(5,minmax(130px,1fr))}label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:750;color:#4e6372}label small{font-weight:400;color:#8999a4}input,select,textarea{width:100%;border:1px solid #d2dee6;border-radius:10px;padding:10px 11px;background:#f9fbfc;color:#203542;outline:none;transition:.18s}input:focus,select:focus,textarea:focus{border-color:#4b9bc8;background:#fff;box-shadow:0 0 0 3px rgba(43,165,199,.12)}textarea{resize:vertical}.primary,button,.btn{border:0;border-radius:10px;padding:10px 15px;background:#e9f0f4;color:#27485d;font-weight:750;cursor:pointer;text-decoration:none;font:inherit}.primary{background:linear-gradient(135deg,var(--blue),#1687b7);color:#fff;box-shadow:0 7px 18px rgba(23,106,166,.18)}.danger{background:#fdecee;color:#a92f3a}.actions,.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.savebar{display:flex;justify-content:flex-end}.savebar .primary{min-width:200px}.flash{background:#e8f6f0;border:1px solid #b9e0d0;padding:11px 15px;border-radius:11px;margin-bottom:15px}.tablewrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 26px rgba(17,46,71,.04)}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:11px;border-bottom:1px solid #eaf0f4;text-align:right;white-space:nowrap}th{background:#f5f8fa;color:#526a79}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settingsgrid .wide{grid-column:1/-1}.rowitem{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f2;font-size:12px}.sectiontitle{font-size:12px;font-weight:900;color:#516b7b;margin:18px 2px 9px}.dashgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;min-height:112px;box-shadow:0 8px 26px rgba(17,46,71,.05);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;left:-20px;top:-20px;width:70px;height:70px;border-radius:50%;background:rgba(43,165,199,.06)}.stat span{font-size:10px;color:#6b7f8d}.stat b{font-size:26px;color:var(--navy);margin-top:7px}.stat small{color:#8797a1}.stat.hero,.stat.outbound{background:linear-gradient(145deg,#0d3150,#176b99);border:0}.stat.hero span,.stat.hero b,.stat.hero small,.stat.outbound span,.stat.outbound b,.stat.outbound small{color:#fff}.stat.bad{border-top:3px solid var(--red)}.dashboard-cols{display:grid;grid-template-columns:2fr 1fr;gap:16px}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-metrics div{border:1px solid #e2ebf0;border-radius:12px;padding:13px;text-align:center;background:#fbfdfe}.mini-metrics b{display:block;font-size:20px;color:var(--blue)}.mini-metrics span{font-size:9px;color:#75868b}.muted{color:#7a898d;font-size:11px}.supplier-bars>div>div:last-child{color:var(--blue)!important}.carry{background:#fff8df;border:1px solid #ead89b;border-radius:14px;padding:14px 18px;margin-bottom:16px}.shift-card{text-align:center;max-width:650px;margin:50px auto}.shift-icon{width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,#e9f8f2,#d7efe5);color:var(--green);display:grid;place-items:center;font-size:38px;font-weight:900;margin:0 auto 14px}.big-action{font-size:14px;padding:13px 20px}.new-day{max-width:620px;margin:70px auto;background:linear-gradient(145deg,#fff,#f5fbff);border:1px solid #dce8ef;border-radius:28px;text-align:center;padding:45px 30px;box-shadow:0 20px 55px rgba(15,45,70,.12);animation:rise .5s ease}.new-day .sun{font-size:55px}.new-day h1{font-size:30px;margin:12px 0 2px;color:var(--navy)}.new-day h2{font-size:18px;color:var(--green);margin:0 0 15px}.center{justify-content:center}.auth-page{min-height:100vh;background:linear-gradient(rgba(5,22,38,.18),rgba(5,22,38,.28)),url('/static/login-bg.png') center/cover fixed no-repeat}.auth-main{min-height:100vh;display:grid;place-items:center;padding:25px}.login-wrap{width:min(440px,94vw)}.login-card{padding:30px;border-radius:26px;text-align:center}.glass{background:rgba(255,255,255,.90);border:1px solid rgba(255,255,255,.6);box-shadow:0 25px 70px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.login-mark{margin:0 auto 13px}.login-card h1{margin:0;color:var(--navy);font-size:25px}.login-card>p{font-size:11px;color:#6f818d;margin:7px 0 20px}.stack{display:flex;flex-direction:column;gap:12px;text-align:right}.login-btn{margin-top:5px;padding:12px}.password-box{position:relative}.password-box input{padding-left:45px}.eye{position:absolute;left:4px;top:4px;width:36px;height:34px;padding:0;background:transparent;color:#668091}.login-version{display:block;margin-top:16px;color:#8a9aa4}.login-error{position:fixed;z-index:99;left:50%;top:50%;transform:translate(-50%,-50%);width:min(470px,90vw);background:linear-gradient(145deg,#b72f3c,#d84b56);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:28px;text-align:center;box-shadow:0 25px 80px rgba(95,0,10,.4);animation:pop .28s ease}.login-error .error-icon{width:54px;height:54px;border-radius:50%;margin:0 auto 12px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:32px;font-weight:900}.login-error b,.login-error span{display:block}.login-error b{font-size:18px}.login-error span{margin-top:6px}.login-error.hide{opacity:0;transform:translate(-50%,-46%) scale(.96);transition:.45s;pointer-events:none}.auth-flash{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:90}.transition{max-width:520px;margin:100px auto;text-align:center;background:#fff;border:1px solid #dce8e7;border-radius:22px;padding:44px;box-shadow:0 12px 40px rgba(20,59,58,.10)}.transition .bigcheck{width:72px;height:72px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#e4f5ed;color:#176b5d;font-size:38px;font-weight:bold}.transition h1{font-size:22px;margin:18px 0 8px}.transition p{color:#7b8a8e}@keyframes pop{from{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(max-width:1100px){.dashgrid{grid-template-columns:repeat(3,1fr)}.grid,.grid.lab,.filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{width:72px;flex-basis:72px}.sidebar nav span,.side-title small,.side-foot{display:none}.side-title{font-size:13px;padding:6px}.sidebar nav a{justify-content:center}.topmeta .user{display:none}.brand small{display:none}.dashboard-cols{grid-template-columns:1fr}}@media(max-width:600px){.content{padding:16px 12px}.dashgrid{grid-template-columns:repeat(2,1fr)}.grid,.grid.lab,.filters{grid-template-columns:1fr}.workday{display:none}.brand b{font-size:12px}.topbar{padding:0 10px}.pagehead{align-items:flex-start;gap:12px;flex-direction:column}}

.lab-item{position:relative;padding-top:2px}.lab-item .param-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:linear-gradient(145deg,#e7f5fb,#edf4ff);color:#1687b7;font-size:10px;margin-bottom:-2px}.grid.lab input{background:linear-gradient(180deg,#fbfdff,#f7fafc)}


/* MilkQC v2.0 glass UI refinement */
.auth-main{display:flex!important;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.auth-main>.login-wrap{position:relative!important;inset:auto!important;transform:none!important;margin:0 auto!important;z-index:5}
.auth-main .login-card{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;width:100%!important;max-width:none!important}
.auth-main .login-wrap .login-card~.login-card{display:none!important}
.auth-page .auth-flash{max-width:min(520px,90vw)}
.login-card.glass{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(225,239,248,.68));border:1px solid rgba(255,255,255,.72);box-shadow:0 28px 90px rgba(1,16,31,.38),inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
.login-card input{background:rgba(255,255,255,.60);border-color:rgba(77,121,151,.26);height:45px}.login-card input:focus{background:rgba(255,255,255,.88)}
.login-btn{height:48px;background:linear-gradient(100deg,#0f5eff,#14bce2);box-shadow:0 10px 26px rgba(13,112,205,.28)}

body:not(.auth-page){background:linear-gradient(135deg,#eaf2f7 0,#f7fbfd 42%,#e5eef5 100%);background-attachment:fixed}
body:not(.auth-page):before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 12%,rgba(20,166,202,.12),transparent 28%),radial-gradient(circle at 82% 10%,rgba(13,67,111,.11),transparent 30%),linear-gradient(115deg,rgba(255,255,255,.42),rgba(255,255,255,.08))}
.topbar{background:rgba(242,248,252,.72);border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 8px 30px rgba(11,43,68,.08);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.sidebar{background:linear-gradient(180deg,rgba(8,31,53,.94),rgba(8,52,76,.91));border-left:1px solid rgba(255,255,255,.09);box-shadow:-10px 0 35px rgba(4,30,50,.12);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.sidebar nav a{border:1px solid transparent}.sidebar nav a:hover{background:linear-gradient(100deg,rgba(20,132,210,.34),rgba(30,190,210,.18));border-color:rgba(128,216,239,.18)}
.sidebar nav i{background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.formcard,.filtercard,.tablewrap,.stat,.mini-metrics div,.carry{background:linear-gradient(145deg,rgba(255,255,255,.73),rgba(240,248,252,.57));border:1px solid rgba(255,255,255,.84);box-shadow:0 12px 36px rgba(13,51,79,.08),inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.stat.hero,.stat.outbound{background:linear-gradient(145deg,rgba(9,48,79,.94),rgba(16,121,160,.88));box-shadow:0 14px 34px rgba(9,68,105,.22)}
.formcard h2:before,.filtercard h2:before{content:"";width:5px;height:20px;border-radius:8px;background:linear-gradient(#0c7ac2,#24bfd0);display:inline-block}
.tablewrap table{background:transparent}.tablewrap th{background:rgba(226,239,247,.70)}.tablewrap td{background:rgba(255,255,255,.25)}
input,select,textarea{background:rgba(250,253,255,.78)}
.pagehead h1{letter-spacing:-.4px}.sectiontitle{font-size:13px;color:#2d5871}


/* ===== MilkQC V2 TRUE GLASS THEME / reference build ===== */
:root{--ink:#eaf7ff;--glass:rgba(8,31,52,.62);--glass2:rgba(12,47,73,.50);--stroke:rgba(148,211,235,.18);--glow:#2dd4e7;--electric:#2788ff;--deep:#061b2c}
.app-page{min-height:100vh;color:#eaf6fb;background:linear-gradient(rgba(3,18,31,.72),rgba(3,22,36,.84)),url('/static/login-bg.png') center/cover fixed no-repeat!important}
.app-page:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 18% 18%,rgba(27,157,206,.20),transparent 28%),radial-gradient(circle at 82% 14%,rgba(255,174,70,.10),transparent 24%),linear-gradient(115deg,rgba(3,17,29,.10),rgba(3,17,29,.38))!important}
.glassbar{height:82px;background:rgba(5,27,45,.72)!important;border-bottom:1px solid var(--stroke)!important;box-shadow:0 12px 38px rgba(0,0,0,.24)!important;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.brand b,.clock b,.workday b{color:#f4fbff!important}.brand small,.clock span,.workday span,.user{color:#8fb1c4!important}.workday{background:rgba(13,57,83,.46)!important;border-color:var(--stroke)!important}.user a{color:#5edcf0!important}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#41e7a2;box-shadow:0 0 10px #41e7a2;margin-left:5px}
.logo,.side-logo{background:linear-gradient(145deg,#1767e8,#24c8df)!important;box-shadow:0 0 26px rgba(36,200,223,.30)!important}
.app-shell{min-height:calc(100vh - 82px)}.glass-side{top:82px;height:calc(100vh - 82px);width:238px;flex-basis:238px;padding:16px 13px;background:linear-gradient(180deg,rgba(4,25,43,.86),rgba(5,40,59,.72))!important;border-left:1px solid var(--stroke)!important;box-shadow:-14px 0 44px rgba(0,0,0,.20)!important;backdrop-filter:blur(26px) saturate(130%)}
.side-brand{display:flex;align-items:center;gap:10px;padding:2px 8px 18px;margin-bottom:8px;border-bottom:1px solid rgba(158,215,235,.10)}.side-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:white;font-size:20px;font-weight:900}.side-brand b{display:block;color:white;font-size:18px}.side-brand small{display:block;color:#7ca5bb;font-size:9px;margin-top:2px}
.sidebar nav{gap:7px}.sidebar nav a{min-height:46px;padding:8px 10px;border:1px solid transparent!important;color:#b9d0dc!important;border-radius:13px!important}.sidebar nav a i{width:31px;height:31px;background:rgba(114,194,224,.09)!important;color:#75d8ee;box-shadow:inset 0 0 0 1px rgba(136,210,235,.08)!important}.sidebar nav a:hover,.sidebar nav a.active{transform:none!important;color:white!important;background:linear-gradient(100deg,rgba(31,126,230,.38),rgba(25,204,215,.15))!important;border-color:rgba(93,201,232,.22)!important;box-shadow:inset 3px 0 0 #28d1df,0 8px 22px rgba(0,0,0,.10)}.sidebar nav .shift-link{color:#ffe1a2!important;background:rgba(178,121,24,.10)!important;border-color:rgba(231,181,80,.18)!important}.side-foot{color:#7197aa!important;line-height:1.9}
.content{max-width:1600px;padding:26px 30px}.pagehead h1{color:#f2fbff!important;font-size:26px}.pagehead p,.sectiontitle{color:#92b3c4!important}.sectiontitle{font-size:13px;letter-spacing:.1px}.btn{background:rgba(16,62,88,.66)!important;border:1px solid rgba(128,207,233,.16)!important;color:#d9f4ff!important;box-shadow:0 8px 22px rgba(0,0,0,.12)}.primary{background:linear-gradient(100deg,#176bf1,#19bdd5)!important;color:#fff!important;border:1px solid rgba(137,225,244,.18)!important;box-shadow:0 10px 28px rgba(17,111,207,.26)!important}
.formcard,.filtercard,.tablewrap,.stat,.mini-metrics div,.carry{background:linear-gradient(145deg,rgba(10,43,66,.66),rgba(9,31,50,.54))!important;border:1px solid var(--stroke)!important;box-shadow:0 16px 44px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
.formcard,.filtercard,.tablewrap,.stat{border-radius:18px!important}.formcard h2,.filtercard h2{color:#e9f8ff!important}.formcard h2:before,.filtercard h2:before{background:linear-gradient(#1c7cff,#25d8dc)!important;box-shadow:0 0 12px rgba(37,216,220,.25)}.formcard section{border-bottom-color:rgba(154,213,233,.10)!important}
label{color:#bcd1dc!important}label small,.muted{color:#7898a9!important}input,select,textarea{background:rgba(4,28,46,.58)!important;border:1px solid rgba(134,202,226,.17)!important;color:#eefaff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}input::placeholder,textarea::placeholder{color:#64869a}input:focus,select:focus,textarea:focus{background:rgba(6,39,61,.82)!important;border-color:#28bdd8!important;box-shadow:0 0 0 3px rgba(40,189,216,.12),0 0 22px rgba(40,189,216,.07)!important}select option{background:#0a2b43;color:#eefaff}
.stat{min-height:122px}.stat:after{background:rgba(50,206,226,.07)!important}.stat span{color:#8eb0c1!important}.stat b{color:#f5fbff!important;text-shadow:0 0 22px rgba(62,207,230,.10)}.stat small{color:#7695a6!important}.stat.hero,.stat.outbound{background:linear-gradient(145deg,rgba(14,80,139,.86),rgba(10,125,145,.72))!important;border-color:rgba(96,218,233,.24)!important;box-shadow:0 18px 44px rgba(0,48,79,.28),inset 0 1px 0 rgba(255,255,255,.08)!important}.stat.bad{border-top:1px solid rgba(255,101,115,.42)!important;box-shadow:inset 0 3px 0 rgba(224,72,88,.55),0 16px 44px rgba(0,0,0,.18)!important}
.mini-metrics b{color:#58d7ed!important}.mini-metrics span{color:#7f9dad!important}.supplier-bars>div>div:last-child{background:rgba(255,255,255,.08)!important}.supplier-bars>div>div:last-child>div{background:linear-gradient(90deg,#217bf2,#22d4dc)!important;box-shadow:0 0 15px rgba(34,212,220,.25)}
.tablewrap{background:rgba(6,30,48,.56)!important}table{color:#cfe3ed}th{background:rgba(15,62,89,.72)!important;color:#9dc4d7!important;border-bottom-color:rgba(139,203,226,.12)!important}td{background:rgba(8,39,60,.28)!important;border-bottom-color:rgba(139,203,226,.08)!important}tr:hover td{background:rgba(22,78,105,.35)!important}td a{color:#5bd9ef}
.content footer{color:#67899b}.flash{background:rgba(26,123,93,.50)!important;border-color:rgba(89,224,178,.22)!important;color:#e5fff6!important}

/* Login: single centered premium glass card */
.auth-page{min-height:100vh;background:linear-gradient(100deg,rgba(3,18,31,.40),rgba(3,18,31,.68)),url('/static/login-bg.png') center/cover fixed no-repeat!important}.auth-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 52% 45%,rgba(36,190,224,.09),transparent 27%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,12,24,.25));pointer-events:none}.auth-main{position:relative;z-index:1;display:flex!important;align-items:center;justify-content:center;min-height:100vh;padding:24px}.v2-login{width:min(430px,92vw)!important;margin:0!important}.v2-login .login-card{width:100%!important;padding:30px 34px 24px!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(7,34,55,.72),rgba(8,47,69,.54))!important;border:1px solid rgba(151,220,240,.24)!important;box-shadow:0 30px 100px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(28px) saturate(135%)!important;-webkit-backdrop-filter:blur(28px) saturate(135%)!important;color:white}.milk-logo{width:66px;height:66px;margin:0 auto 9px;display:grid;place-items:center;border-radius:22px 22px 22px 8px;transform:rotate(45deg);background:linear-gradient(145deg,#176bf2,#22d4dc);box-shadow:0 0 34px rgba(34,212,220,.28)}.milk-logo span{transform:rotate(-45deg);font-size:18px;color:white}.login-kicker{font-size:8px;letter-spacing:2.4px;color:#70bdd2;margin-bottom:7px}.v2-login .login-card h1{color:#fff!important;font-size:25px!important}.login-subtitle{color:#93b6c6!important;font-size:10px!important;margin:6px 0 15px!important}.login-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(125,209,235,.22),transparent);margin:0 0 18px}.v2-login label{gap:7px!important}.field-title{font-size:10px;color:#b9d2dd}.login-field{position:relative}.login-field>i{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-style:normal;color:#52cce0;font-size:9px;z-index:2}.v2-login .login-field input{height:47px!important;padding-right:36px!important;background:rgba(2,24,40,.48)!important;border:1px solid rgba(123,199,224,.19)!important;color:white!important;border-radius:12px!important}.v2-login .login-field input:focus{border-color:#27c5db!important;box-shadow:0 0 0 3px rgba(39,197,219,.11),0 0 20px rgba(39,197,219,.08)!important}.v2-login .password-box input{padding-left:46px!important}.v2-login .eye{left:6px!important;top:6px!important;height:35px!important;color:#7aa6b9!important}.v2-login .login-btn{height:49px!important;margin-top:6px!important;border-radius:12px!important;background:linear-gradient(100deg,#176bf2,#20c7dc)!important;box-shadow:0 12px 30px rgba(18,114,212,.28)!important}.login-safe{margin-top:15px;color:#6f9aac;font-size:8px}.login-safe::first-letter{color:#3be3a3}.login-version{color:#5f879a!important;margin-top:9px!important;font-size:8px}.login-error{background:linear-gradient(145deg,rgba(155,24,42,.94),rgba(211,54,69,.92))!important;border:1px solid rgba(255,193,200,.25)!important;backdrop-filter:blur(18px)}
@media(max-width:850px){.glass-side{width:76px;flex-basis:76px}.side-brand>div:last-child,.sidebar nav span,.side-foot{display:none}.side-brand{justify-content:center;padding:2px 0 16px}.content{padding:20px 16px}}@media(max-width:600px){.v2-login .login-card{padding:26px 22px 22px!important}.glassbar{height:72px}.app-shell{min-height:calc(100vh - 72px)}.glass-side{top:72px;height:calc(100vh - 72px)}}

/* === REFERENCE UI 2.0 — layout matched to approved mockup; data/forms unchanged === */
.ref-ui{background:linear-gradient(rgba(4,22,38,.76),rgba(5,28,45,.88)),url('/static/login-bg.png') center/cover fixed no-repeat!important}
.ref-shell{display:flex!important;flex-direction:row!important;min-height:100vh!important}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.ref-sidebar{order:0;position:fixed!important;right:0!important;top:0!important;bottom:0!important;height:100vh!important;width:205px!important;z-index:40;padding:14px 12px!important;background:rgba(7,38,61,.76)!important;border-left:1px solid rgba(157,218,239,.18)!important;backdrop-filter:blur(25px) saturate(135%)}.workspace{margin-right:205px}.side-user{display:flex;align-items:center;gap:10px;padding:4px 5px 13px;margin-bottom:8px;border-bottom:1px solid rgba(150,213,234,.14)}.avatar{width:43px;height:43px;border:1px solid rgba(89,192,235,.65);border-radius:50%;display:grid;place-items:center;color:#dff8ff;background:rgba(35,122,179,.22);box-shadow:0 0 20px rgba(35,153,219,.16)}.side-user b{display:block;color:#fff;font-size:13px}.side-user small{color:#9bb8c7;font-size:9px}.ref-sidebar nav{gap:3px!important}.ref-sidebar nav a{min-height:40px!important;padding:5px 9px!important;border-radius:9px!important;font-size:11px!important}.ref-sidebar nav a i{width:27px!important;height:27px!important;background:transparent!important;font-size:15px!important;color:#c9e9f6}.ref-sidebar nav a.active{background:linear-gradient(90deg,#1684ed,#24b8e6)!important;border-color:rgba(144,225,247,.25)!important;box-shadow:0 8px 22px rgba(0,114,220,.28)!important}.ref-sidebar .logout-side{color:#ff7282!important;margin-top:5px}.ref-topbar{position:sticky!important;top:0!important;height:68px!important;padding:0 18px!important;background:rgba(8,40,63,.70)!important;border-bottom:1px solid rgba(155,216,237,.18)!important}.ref-brand{display:flex;align-items:center;gap:10px;direction:ltr}.ref-logo{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#176cf4,#24c8e2);font-size:21px;font-weight:900;color:white;box-shadow:0 0 24px rgba(37,185,231,.26)}.ref-brand b{display:block;color:white;font-size:18px}.ref-brand small{display:block;color:#a5c3d0;font-size:9px}.ref-content{padding:18px 20px 26px!important;max-width:none!important}.ref-content .pagehead{margin-bottom:10px}.ref-content .pagehead h1{font-size:19px!important}.ref-content .pagehead p{font-size:10px!important}.ref-content .dashgrid{gap:9px!important;margin-bottom:11px!important}.ref-content .stat{min-height:92px!important;padding:12px 13px!important;border-radius:13px!important;background:rgba(18,63,88,.60)!important}.ref-content .stat b{font-size:22px!important}.ref-content .stat span{font-size:9px!important}.ref-content .stat.hero,.ref-content .stat.outbound{background:linear-gradient(145deg,rgba(19,91,148,.82),rgba(13,109,137,.68))!important}.ref-content .formcard,.ref-content .filtercard,.ref-content .tablewrap{border-radius:13px!important;background:rgba(13,52,76,.61)!important}.ref-content .formcard{padding:15px!important;margin-bottom:12px!important}.ref-content .dashboard-cols{gap:10px!important}.ref-content .sectiontitle{margin:11px 2px 7px!important}.ref-content .mini-metrics div{padding:10px!important;background:rgba(12,53,78,.52)!important}.ref-content .actions .btn{padding:8px 11px!important;font-size:10px!important}.ref-content table{font-size:10px!important}
/* approved reference login */
.auth-page{background:linear-gradient(rgba(3,17,29,.24),rgba(3,22,37,.42)),url('/static/login-bg.png') center/cover fixed no-repeat!important}.auth-main{min-height:100vh!important;display:grid!important;place-items:center!important;padding:20px!important}.reference-login{width:min(450px,92vw)}.ref-login-card{padding:23px 36px 18px;border-radius:28px;text-align:center;background:linear-gradient(145deg,rgba(225,235,242,.50),rgba(159,183,199,.40));border:1px solid rgba(255,255,255,.45);box-shadow:0 26px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.40);backdrop-filter:blur(23px) saturate(125%);-webkit-backdrop-filter:blur(23px) saturate(125%)}.login-m{width:55px;height:55px;margin:0 auto 9px;border-radius:14px;background:linear-gradient(145deg,#1667f4,#23b9f0);display:grid;place-items:center;color:#fff;font-size:28px;font-weight:900;box-shadow:0 8px 24px rgba(14,100,222,.30)}.ref-login-card h1{margin:0;color:#08264c;font-size:25px;font-weight:900}.ref-login-card>p{margin:6px 0 18px;color:#173958;font-size:10px}.ref-login-form{display:flex;flex-direction:column;gap:10px}.ref-input{position:relative}.ref-input>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:2;color:#0a3768;font-size:15px}.ref-input input{height:51px!important;padding:0 44px 0 45px!important;border-radius:13px!important;background:rgba(235,242,247,.42)!important;border:1px solid rgba(255,255,255,.66)!important;color:#082c51!important;font-size:12px!important;box-shadow:inset 0 1px 2px rgba(11,42,66,.05)!important}.ref-input input::placeholder{color:#254c69!important}.ref-input input:focus{background:rgba(245,249,252,.62)!important;border-color:rgba(71,172,232,.85)!important;box-shadow:0 0 0 3px rgba(30,153,230,.13)!important}.ref-eye{position:absolute;left:8px;top:8px;width:36px;height:35px;padding:0!important;background:transparent!important;color:#173e68!important;box-shadow:none!important}.ref-login-btn{height:51px;border-radius:12px!important;background:linear-gradient(90deg,#0863ff,#20c4ee)!important;color:#fff!important;font-weight:850!important;box-shadow:0 10px 26px rgba(8,103,235,.28)!important;margin-top:1px}.remember-ui{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:12px 0 0!important;color:#24475f!important;font-size:10px!important;font-weight:500!important}.remember-ui input{width:15px!important;height:15px!important;accent-color:#176fe9}.ref-version{display:block;margin-top:9px;color:#456378;font-size:8px}.login-error{z-index:100!important}
@media(max-width:900px){.ref-sidebar{width:74px!important}.workspace{margin-right:74px}.side-user>div:last-child,.ref-sidebar nav span{display:none}.side-user{justify-content:center}.ref-sidebar nav a{justify-content:center}.ref-content{padding:14px!important}}@media(max-width:650px){.ref-login-card{padding:22px 20px 17px}.ref-content .dashgrid{grid-template-columns:repeat(2,1fr)!important}.ref-content .dashboard-cols{grid-template-columns:1fr!important}}

/* === AUTH SINGLE PANEL FIX === */
.auth-page{background:linear-gradient(rgba(3,17,29,.28),rgba(3,22,37,.48)),url('/static/login-bg.png') center/cover fixed no-repeat!important}
.auth-page:before{display:none!important}
.auth-main{background:transparent!important}
.reference-login{width:min(470px,92vw)!important}
.ref-login-card{background:linear-gradient(145deg,rgba(225,235,242,.64),rgba(151,178,197,.54))!important;backdrop-filter:blur(26px) saturate(130%)!important;-webkit-backdrop-filter:blur(26px) saturate(130%)!important;box-shadow:0 28px 85px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.48)!important}
.date-quick{display:flex;gap:6px;margin-top:6px}.date-quick .btn{padding:6px 9px;font-size:9px}

.workday-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.workday-pill,.active-day-badge{padding:9px 14px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:800}.active-day-badge{color:#9ff4d2}
/* === Laboratory Automation V3 === */
body{font-size:14px}.ref-sidebar nav a{font-size:13px!important;min-height:44px!important}.ref-content .pagehead h1{font-size:24px!important}.ref-content .pagehead p,.ref-content table{font-size:12px!important}.ref-content .stat span{font-size:11px!important}.ref-content .stat b{font-size:27px!important}.labmark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#176cf4,#24c8e2);font-size:23px}.collapse{margin-right:auto;background:transparent!important;box-shadow:none!important;padding:6px!important}.global-top-search{width:min(390px,30vw)}.global-top-search input{height:39px!important;background:rgba(4,31,50,.52)!important;color:#fff!important;border:1px solid rgba(143,218,240,.18)!important}.fancy-clock{min-width:190px;display:grid!important;grid-template-columns:auto auto;column-gap:10px;align-items:center}.fancy-clock b{font-size:20px!important;grid-row:1/3}.fancy-clock span{font-size:11px}.fancy-clock small{font-size:9px;color:#94b8c8}.micro-link{background:linear-gradient(90deg,rgba(105,64,190,.20),rgba(42,149,218,.12))!important}.toast{position:fixed;left:24px;bottom:24px;z-index:200;background:rgba(241,249,252,.96)!important;color:#12344b!important;border:1px solid rgba(30,130,170,.25)!important;padding:14px 18px!important;border-radius:14px!important;box-shadow:0 15px 45px rgba(0,0,0,.25)!important;font-weight:800;animation:toastIn .35s ease}.toast-hide{opacity:0;transform:translateY(12px);transition:.4s}.modal{position:fixed;inset:0;z-index:500;background:rgba(1,10,20,.64);display:none;place-items:center;backdrop-filter:blur(10px)}.modal.show{display:grid}.modal-card{width:min(430px,90vw);padding:28px;text-align:center;border-radius:24px;background:rgba(14,48,72,.94);border:1px solid rgba(180,230,245,.2);box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-icon{font-size:38px}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.modal-actions form{margin:0}.modal-close{background:transparent!important;box-shadow:none!important;color:#a9c8d6!important}.danger{background:rgba(177,48,67,.32)!important}.side-collapsed .ref-sidebar{width:76px!important}.side-collapsed .workspace{margin-right:76px}.side-collapsed .ref-sidebar nav span,.side-collapsed .side-user>div:nth-child(2){display:none}.side-collapsed .ref-sidebar nav a{justify-content:center}.side-collapsed .collapse{position:absolute;bottom:10px}.incomplete-banner{display:flex;gap:12px;align-items:center;padding:13px 16px;margin:0 0 14px;border:1px solid rgba(255,190,75,.28);background:rgba(151,93,13,.24);border-radius:14px;color:#ffe5ae}.micro-page{background:linear-gradient(145deg,rgba(54,31,101,.55),rgba(13,70,105,.55));border:1px solid rgba(183,148,255,.16)}.micro-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.micro-kpi{padding:18px;border-radius:18px;background:rgba(62,42,115,.42);border:1px solid rgba(196,166,255,.16)}.micro-kpi b{font-size:28px;display:block}.login-dev{display:block;margin-top:14px;color:#24475f;font-size:10px}.ref-login-card{background:linear-gradient(145deg,rgba(225,235,242,.48),rgba(151,178,197,.38))!important}.ref-logo{font-size:23px}.ref-brand{direction:rtl!important}.ref-brand b{font-size:16px!important}@keyframes toastIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:900px){.global-top-search{display:none}.micro-kpis{grid-template-columns:repeat(2,1fr)}}
.warn-chip{display:inline-block;padding:4px 8px;border-radius:8px;background:rgba(225,145,25,.20);color:#ffd38a;border:1px solid rgba(255,193,87,.22);font-size:10px;font-weight:800}
/* V3 final UX additions */
.task-row{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:12px;padding:12px 14px;margin:8px 0;border:1px solid rgba(255,255,255,.12);border-radius:14px;text-decoration:none;color:inherit;background:rgba(255,255,255,.04);transition:.2s transform,.2s background}.task-row:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}.task-row em{font-style:normal;background:#fff1c9;color:#8a5b00;padding:5px 9px;border-radius:20px;font-weight:800}.badge{display:inline-block;padding:4px 9px;border-radius:20px;background:rgba(255,255,255,.12)}.badge.ok{background:#dff7ea;color:#087a42}.badge.bad{background:#ffe0e0;color:#a91f1f}.dossier-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.dossier-hero>div{padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(14,130,150,.2),rgba(60,80,160,.14));border:1px solid rgba(255,255,255,.13)}.dossier-hero span,.dossier-hero b{display:block}.dossier-hero b{font-size:22px;margin-top:8px}.kv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kv-grid>div{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.timeline{padding:11px 15px;border-right:3px solid #3bc4c8;margin:8px 0;background:rgba(255,255,255,.04);border-radius:10px}.timeline b,.timeline span{display:block}.timeline span{margin-top:5px;opacity:.8}.micro-zone{background:radial-gradient(circle at 15% 10%,rgba(115,66,220,.2),transparent 32%),radial-gradient(circle at 80% 25%,rgba(0,180,210,.13),transparent 28%);border-radius:24px;padding:4px 12px 18px}.micro-hero{display:flex;justify-content:space-between;align-items:center;min-height:170px;padding:28px;margin:15px 0;border-radius:24px;background:linear-gradient(115deg,rgba(39,32,100,.82),rgba(48,40,126,.62),rgba(7,115,141,.48));border:1px solid rgba(167,142,255,.25);box-shadow:0 22px 60px rgba(22,12,74,.22);overflow:hidden}.micro-hero h2{font-size:28px;margin:8px 0}.micro-orb{font-size:74px;filter:drop-shadow(0 0 25px rgba(125,100,255,.6));animation:floatMicro 4s ease-in-out infinite}.micro-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:14px 0}.micro-kpi{padding:17px;border-radius:18px;background:rgba(53,42,115,.42);border:1px solid rgba(167,142,255,.18);text-align:center}.micro-kpi span,.micro-kpi b{display:block}.micro-kpi b{font-size:27px;margin-top:6px}.micro-kpi.good{box-shadow:inset 0 -3px 0 #36c98f}.micro-kpi.border{box-shadow:inset 0 -3px 0 #e5ad35}.micro-kpi.bad{box-shadow:inset 0 -3px 0 #e85b72}.micro-chart-card{padding:18px;border-radius:18px;background:rgba(41,35,94,.32);margin:12px 0}.status-bars>div{display:grid;grid-template-columns:90px 1fr 40px;gap:10px;align-items:center;margin:12px 0}.status-bars i{height:12px;border-radius:10px;background:linear-gradient(90deg,#7356d8,#25bfc3);position:relative;overflow:hidden}.status-bars i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:rgba(255,255,255,.8);border-radius:10px}.report-builder{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.report-builder label{min-width:150px}.report-builder .check{display:flex;align-items:center;gap:8px}.report-actions{margin:14px 0}.approve-box{border:1px solid rgba(43,210,154,.4)!important}.micro-status{display:flex;justify-content:space-between;padding:14px 18px;border-radius:16px;margin:12px 0;background:rgba(255,255,255,.06)}@keyframes floatMicro{50%{transform:translateY(-10px) rotate(4deg)}}
@media(max-width:1000px){.micro-kpis,.dossier-hero{grid-template-columns:repeat(2,1fr)}.kv-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* V3.0.1 UI FIX PACK */
.ref-sidebar{display:flex!important;flex-direction:column!important;overflow:hidden!important}.ref-sidebar nav{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 2px 86px!important;scrollbar-width:thin;scrollbar-color:rgba(90,190,230,.45) transparent}.ref-sidebar nav::-webkit-scrollbar{width:5px}.ref-sidebar nav::-webkit-scrollbar-thumb{background:rgba(90,190,230,.45);border-radius:8px}.logout-side{position:sticky!important;bottom:0!important;z-index:5!important;background:rgba(70,19,34,.96)!important;border:1px solid rgba(255,110,130,.25)!important;box-shadow:0 -8px 24px rgba(4,21,33,.65)!important}.labmark img,.ref-logo img{width:100%;height:100%;object-fit:contain;display:block}.labmark,.ref-logo{padding:4px!important;overflow:hidden}.login-m{width:92px!important;height:92px!important;margin:0 auto 10px!important;filter:drop-shadow(0 10px 24px rgba(20,155,220,.32));animation:logoEnter .75s cubic-bezier(.2,.8,.2,1) both}.login-m img{width:100%;height:100%;object-fit:contain}.notif-bell{position:relative;width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:rgba(10,59,84,.66);border:1px solid rgba(128,215,240,.2);text-decoration:none;transition:.25s}.notif-bell:hover{transform:translateY(-2px);background:rgba(24,105,140,.72)}.bell-icon{font-size:20px;animation:bellNudge 5s ease-in-out infinite}.bell-badge{position:absolute;top:-5px;left:-5px;min-width:21px;height:21px;padding:0 5px;border-radius:11px;display:grid;place-items:center;background:#ff5b6f;color:#fff;font-size:10px;box-shadow:0 0 0 3px #0b3048}.bell-tip{position:absolute;top:50px;white-space:nowrap;background:#082b41;color:#e9fbff;padding:5px 8px;border-radius:8px;font-size:10px;opacity:0;pointer-events:none;transition:.2s}.notif-bell:hover .bell-tip{opacity:1}.toast{display:flex!important;align-items:center!important;gap:10px!important;min-width:min(420px,calc(100vw - 32px));background:#f6fbfd!important;color:#102f42!important;border:1px solid #91d8e9!important;font-size:14px!important;line-height:1.8!important;opacity:1!important}.toast-icon{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:50%;background:#138a68;color:#fff}.toast-x{margin-right:auto!important;background:transparent!important;color:#36586a!important;box-shadow:none!important;font-size:20px!important;padding:0 5px!important}.backup-center{scroll-margin-top:88px!important;border:1px solid rgba(54,202,229,.28)!important;box-shadow:0 0 0 1px rgba(52,160,210,.05),0 16px 40px rgba(0,0,0,.16)!important}.backup-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.ref-content>*{animation:pageRise .42s ease both}.ref-content .stat{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.ref-content .stat:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.18);border-color:rgba(100,215,240,.3)!important}.ref-sidebar nav a{transition:transform .18s ease,background .22s ease,border-color .22s ease}.ref-sidebar nav a:hover{transform:translateX(-3px)}button,.btn{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}button:hover,.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.modal.show .modal-card{animation:modalPop .28s cubic-bezier(.2,.8,.2,1) both}@keyframes pageRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes logoEnter{from{opacity:0;transform:scale(.72) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes modalPop{from{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:none}}@keyframes bellNudge{0%,88%,100%{transform:rotate(0)}90%{transform:rotate(15deg)}92%{transform:rotate(-13deg)}94%{transform:rotate(8deg)}96%{transform:rotate(-5deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:650px){.notif-bell{width:40px;height:40px}.fancy-clock{min-width:150px}.toast{left:16px!important;bottom:16px!important}}

/* ===== Desktop v4 visual layer — Mehran Etemadi ===== */
:root{--v4-bg:#eef4f7;--v4-panel:rgba(255,255,255,.78);--v4-text:#13232c;--v4-muted:#61717b;--v4-border:rgba(20,70,90,.12)}
:root[data-theme="dark"]{--v4-bg:#09151c;--v4-panel:rgba(15,35,46,.78);--v4-text:#edf8fb;--v4-muted:#a9bcc5;--v4-border:rgba(170,225,240,.12);color-scheme:dark}
@media(prefers-color-scheme:dark){:root[data-theme="system"]{--v4-bg:#09151c;--v4-panel:rgba(15,35,46,.78);--v4-text:#edf8fb;--v4-muted:#a9bcc5;--v4-border:rgba(170,225,240,.12);color-scheme:dark}}
body.app-page{background:var(--v4-bg);color:var(--v4-text);transition:background .22s ease,color .22s ease;font-family:"Segoe UI",Tahoma,sans-serif}
.formcard,.card,.glassbar,.glass-side,.modal-card{border-color:var(--v4-border)!important}
.formcard{background:var(--v4-panel)!important;backdrop-filter:blur(18px)}
.formcard input,.formcard select,.formcard textarea{font-size:15px;min-height:42px}
.formcard label{font-size:14px;font-weight:600;line-height:1.6}
.theme-toggle{width:40px;height:40px;border-radius:12px;border:1px solid var(--v4-border);background:var(--v4-panel);color:var(--v4-text);cursor:pointer;font-size:20px}
.theme-toggle:hover{transform:translateY(-1px)}
/* v4 desktop polish — Developed by Mehran Etemadi */
:root{--radius:14px;--control-h:42px;--focus:0 0 0 3px rgba(14,165,164,.18)}
html{font-size:16px}body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:0}.content{max-width:1700px;margin:auto}.formcard,.stat,.tablewrap{border-radius:var(--radius)}input,select,textarea,button,.btn{min-height:var(--control-h);font-size:1rem}input:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--focus)}table{font-size:.96rem}th{position:sticky;top:0;z-index:2}.official-report .report-head{text-align:center;border-bottom:2px solid currentColor;padding-bottom:16px;margin-bottom:18px}.reporter-line{margin-top:28px;padding-top:14px;border-top:1px dashed currentColor}.micro-zone{position:relative}.micro-zone:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(124,58,237,.08),transparent 28%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.07),transparent 25%);z-index:-1}@media print{.sidebar,.topbar,.pagehead,.filterbar,footer{display:none!important}.workspace,.content{margin:0!important;padding:0!important}.official-report{box-shadow:none!important;border:0!important}}
/* v4 desktop polish — Mehran Etemadi */
.vehicle-suggestions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 6px}.suggestion-chip{font-size:.88rem!important;padding:7px 10px!important}.official-report{max-width:1080px;margin-inline:auto}.whatsapp-report{background:#fff!important;color:#111!important}.micro-zone{position:relative}.micro-zone:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 15%,rgba(124,58,237,.10),transparent 30%),radial-gradient(circle at 80% 75%,rgba(59,130,246,.08),transparent 32%);z-index:-1}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.uf-share{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 22px}.uf-share>div{border:1px solid rgba(120,130,150,.22);border-radius:14px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:8px}.uf-share span{text-align:left}.uf-share i{grid-column:1/-1;height:8px;border-radius:999px;background:currentColor;opacity:.55;display:block;min-width:2px}

/* V4.2 definitive theme/notification fixes */
:root[data-theme="light"] body.app-page{background:#f2f6f8!important;color:#17242c!important;background-image:none!important}
:root[data-theme="light"] .app-page:before{background:#f2f6f8!important}
:root[data-theme="light"] .glassbar,:root[data-theme="light"] .glass-side{background:rgba(255,255,255,.96)!important;color:#17242c!important;border-color:#d7e2e8!important}
:root[data-theme="light"] .formcard,:root[data-theme="light"] .filtercard,:root[data-theme="light"] .tablewrap,:root[data-theme="light"] .stat,:root[data-theme="light"] .mini-metrics div,:root[data-theme="light"] .carry{background:#fff!important;color:#17242c!important;border-color:#d7e2e8!important;box-shadow:0 8px 28px rgba(20,45,60,.08)!important}
:root[data-theme="light"] .pagehead h1,:root[data-theme="light"] .formcard h2,:root[data-theme="light"] .brand b,:root[data-theme="light"] .clock b,:root[data-theme="light"] .workday b,:root[data-theme="light"] .stat b{color:#17242c!important;text-shadow:none!important}
:root[data-theme="light"] .pagehead p,:root[data-theme="light"] label,:root[data-theme="light"] .stat span,:root[data-theme="light"] .stat small,:root[data-theme="light"] .muted{color:#526773!important}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{background:#fff!important;color:#17242c!important;border-color:#cbd9e0!important}
:root[data-theme="light"] table{color:#17242c!important}:root[data-theme="light"] th{background:#eaf1f4!important;color:#284653!important}:root[data-theme="light"] td{background:#fff!important;color:#17242c!important;border-bottom-color:#e1eaee!important}
:root[data-theme="light"] .sidebar nav a{color:#294b5a!important}:root[data-theme="light"] .sidebar nav a:hover{color:#0b5570!important;background:#e8f4f7!important}
.toast,.flash.toast{background:#f7fcff!important;color:#102f42!important;border:1px solid #64bfd6!important;box-shadow:0 14px 38px rgba(0,0,0,.22)!important}.toast span{color:#102f42!important}.toast-icon{color:#fff!important}.toast-x{color:#244b5e!important}
:root[data-theme="dark"] .toast,:root[data-theme="dark"] .flash.toast{background:#102d3d!important;color:#f2fbff!important;border-color:#49bfd8!important}:root[data-theme="dark"] .toast span{color:#f2fbff!important}:root[data-theme="dark"] .toast-x{color:#d6f4ff!important}
/* V4.3 verified theme layer */
:root[data-theme="light"] body.app-page.ref-ui{background:linear-gradient(rgba(245,250,252,.72),rgba(235,244,248,.82)),url('/static/login-bg.png') center/cover fixed no-repeat!important;color:#17242c!important}
:root[data-theme="light"] body.app-page:before{background:linear-gradient(115deg,rgba(255,255,255,.12),rgba(226,241,247,.28))!important}
:root[data-theme="light"] .ref-content .formcard,:root[data-theme="light"] .ref-content .filtercard,:root[data-theme="light"] .ref-content .tablewrap,:root[data-theme="light"] .ref-content .stat,:root[data-theme="light"] .ref-content .mini-metrics div{background:rgba(255,255,255,.84)!important;color:#17242c!important;border-color:rgba(70,110,130,.22)!important}
:root[data-theme="light"] .micro-page{background:rgba(250,248,255,.90)!important}
:root[data-theme="light"] .ref-content h1,:root[data-theme="light"] .ref-content h2,:root[data-theme="light"] .ref-content h3,:root[data-theme="light"] .ref-content b,:root[data-theme="light"] .ref-content label,:root[data-theme="light"] .ref-content p,:root[data-theme="light"] .ref-content span{color:#17242c}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{background:rgba(255,255,255,.96)!important;color:#142b38!important;border-color:#aebfc8!important}
:root[data-theme="light"] input::placeholder,:root[data-theme="light"] textarea::placeholder{color:#657985!important;opacity:1}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:rgba(5,30,45,.78)!important;color:#f3fbff!important;border-color:rgba(145,210,232,.28)!important}
:root[data-theme="dark"] label,:root[data-theme="dark"] .formcard p,:root[data-theme="dark"] .formcard span{color:#e8f6fb!important}
.toast,.flash.toast{z-index:9999!important;background:#082c3f!important;color:#fff!important;border:2px solid #53d7ef!important;text-shadow:none!important}.toast span{color:#fff!important}.toast-icon{background:#16a578!important;color:#fff!important}.toast-x{color:#fff!important}
:root[data-theme="light"] .toast,:root[data-theme="light"] .flash.toast{background:#08384e!important;color:#fff!important;border-color:#24b9dc!important}:root[data-theme="light"] .toast span,:root[data-theme="light"] .toast-x{color:#fff!important}
.export-status{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#08384e;color:#fff;border:1px solid #24b9dc}.export-status b,.export-status div{color:#fff!important}
/* V4.4 final contrast + desktop background layer */
:root[data-theme="light"] body.app-page.ref-ui{background:linear-gradient(rgba(246,251,253,.68),rgba(235,245,249,.78)),url('/static/login-bg.png') center/cover fixed no-repeat!important}
:root[data-theme="light"] .ref-content,.ref-content{background:transparent!important}
:root[data-theme="light"] .formcard :is(h1,h2,h3,h4,p,span,b,small,label,td,th),:root[data-theme="light"] .micro-page :is(h1,h2,h3,h4,p,span,b,small,label){text-shadow:none!important}
:root[data-theme="dark"] .formcard :is(h1,h2,h3,h4,p,span,b,small,label){color:#edf9ff!important}
.toast,.flash.toast{position:relative!important;background:#07384d!important;color:#fff!important;border:2px solid #5de0f5!important;opacity:1!important}
.toast *,.flash.toast *{color:#fff!important;opacity:1!important}
.link-danger{background:none!important;border:0!important;color:#b42318!important;min-height:auto!important;padding:0!important;cursor:pointer;text-decoration:underline}
@media print{.desktop-print-nav,.noprint{display:none!important}@page{margin:0!important}}

/* V4.5 FINAL THEME/NOTIFICATION CANONICAL LAYER */
:root[data-theme="light"] body.app-page.ref-ui{background:linear-gradient(rgba(246,251,253,.68),rgba(235,245,249,.78)),url('/static/login-bg.png') center/cover fixed no-repeat!important;color:#17242c!important}
:root[data-theme="light"] .ref-content .formcard,:root[data-theme="light"] .ref-content .filtercard,:root[data-theme="light"] .ref-content .tablewrap,:root[data-theme="light"] .ref-content .stat,:root[data-theme="light"] .ref-content .mini-metrics div,:root[data-theme="light"] .ref-content .carry{background:rgba(255,255,255,.86)!important;color:#17242c!important;border-color:rgba(70,110,130,.24)!important}
:root[data-theme="light"] .ref-content input,:root[data-theme="light"] .ref-content select,:root[data-theme="light"] .ref-content textarea{background:rgba(255,255,255,.97)!important;color:#142b38!important;border-color:#aebfc8!important;-webkit-text-fill-color:#142b38!important}
:root[data-theme="light"] .ref-content input::placeholder,:root[data-theme="light"] .ref-content textarea::placeholder{color:#657985!important;opacity:1!important}
:root[data-theme="light"] .ref-content label,:root[data-theme="light"] .ref-content p,:root[data-theme="light"] .ref-content span,:root[data-theme="light"] .ref-content small,:root[data-theme="light"] .ref-content h1,:root[data-theme="light"] .ref-content h2,:root[data-theme="light"] .ref-content h3{color:#17242c!important}
.toast,.flash.toast{position:fixed!important;left:24px!important;bottom:24px!important;z-index:9999!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:min(420px,calc(100vw - 32px))!important;background:#07384d!important;color:#fff!important;border:2px solid #5de0f5!important;opacity:1!important;font-size:14px!important;line-height:1.8!important}
.toast *,.flash.toast *{color:#fff!important;opacity:1!important;-webkit-text-fill-color:#fff!important}
.toast-x{margin-right:auto!important;background:transparent!important;color:#fff!important;box-shadow:none!important}
@media(max-width:650px){.toast,.flash.toast{left:16px!important;bottom:16px!important}}

/* V4.7 final contrast layer */
:root[data-theme="light"] body.app-page.ref-ui{background:linear-gradient(rgba(246,251,253,.64),rgba(235,245,249,.74)),url('/static/login-bg.png') center/cover fixed no-repeat!important}
:root[data-theme="light"] .modal-card{background:#fff!important;color:#142b38!important;border:1px solid #b8cbd5!important}
:root[data-theme="light"] .modal-card *{color:#142b38!important}
:root[data-theme="dark"] .modal-card{background:#102f40!important;color:#f5fbff!important}
:root[data-theme="dark"] .modal-card *{color:#f5fbff!important}
.toast,.toast *,.flash.toast,.flash.toast *{opacity:1!important}
:root[data-theme="light"] option{background:#fff!important;color:#142b38!important}
:root[data-theme="dark"] option{background:#102b39!important;color:#f3fbff!important}

/* V4.8 */
html[lang="fa"] body{font-family:"B Nazanin",Tahoma,"Segoe UI",sans-serif!important} input,select,textarea,button,.btn{font-family:"B Nazanin",Tahoma,"Segoe UI",sans-serif!important}[dir="ltr"],code,.latin{font-family:"Times New Roman",serif!important}.transition,.transition h1,.transition p,.transition-note{color:#fff!important;opacity:1!important}.supplier-report-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}@media print{.noprint,.desktop-print-nav{display:none!important}}



/* V4.9.4 — Single typography and notification source of truth. */
html[lang="fa"],html[lang="fa"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;font-size:16px!important;line-height:1.8!important}
html[lang="fa"] :is(input,select,textarea,button,.btn){font-family:inherit!important;font-size:16px!important;line-height:1.7!important}
html[lang="fa"] :is(label,.rowitem,.muted,.pagehead p,.sectiontitle,.formcard h2,.filtercard h2){font-size:16px!important;line-height:1.8!important}
html[lang="fa"] :is(.sidebar nav a,.side-user,.topbar,.ref-brand,.content footer){font-size:15px!important;line-height:1.7!important}
html[lang="fa"] :is(table,th,td){font-size:15px!important;line-height:1.7!important}
html[lang="fa"] :is(.pagehead h1){font-size:25px!important}
html[lang="fa"] :is(.stat span,.stat small,.mini-metrics span,.clock span,.workday span,.brand small,.ref-brand small){font-size:13px!important;line-height:1.6!important}
[dir="ltr"],code,.latin{font-family:"Times New Roman",serif!important}
/* All flashes live in a single fixed, scroll-independent stack. */
#lab-toast-stack{position:fixed!important;top:20px!important;left:20px!important;right:auto!important;bottom:auto!important;width:min(460px,calc(100vw - 40px))!important;z-index:2147483646!important;display:flex!important;flex-direction:column!important;gap:10px!important;pointer-events:none!important;direction:rtl!important}
#lab-toast-stack .flash.toast{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;display:flex!important;align-items:flex-start!important;gap:12px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:16px!important;border-radius:14px!important;border:1px solid #177b62!important;background:#104d42!important;color:#fff!important;box-shadow:0 12px 34px rgba(0,0,0,.22)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.8!important;font-family:Tahoma,"Segoe UI",sans-serif!important;font-size:16px!important;text-align:right!important}
#lab-toast-stack .flash.toast .toast-message{flex:1!important;min-width:0!important;display:block!important;font-size:16px!important;font-weight:600!important;line-height:1.8!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;white-space:normal!important}
#lab-toast-stack .flash.toast .toast-icon{flex:0 0 28px!important;min-width:28px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;background:#16866a!important;border-radius:50%!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#lab-toast-stack .flash.toast .toast-x{flex:0 0 30px!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;margin:0!important;padding:0!important;border:0!important;background:rgba(255,255,255,.12)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:21px!important;line-height:1!important;cursor:pointer!important}
#lab-toast-stack .flash.toast.toast-error{background:#862a36!important;border-color:#b64a54!important}
#lab-toast-stack .flash.toast.toast-warning{background:#80551a!important;border-color:#aa7a2b!important}
#lab-toast-stack .flash.toast.toast-hide{opacity:0!important;visibility:hidden!important;transform:translateY(-8px)!important;transition:opacity .25s,transform .25s,visibility .25s!important}
@media(max-width:650px){#lab-toast-stack{top:12px!important;left:12px!important;right:12px!important;width:auto!important}}

/* V4.9.6: fixed dark theme and unified readable notification surfaces */
:root[data-theme="dark"]{color-scheme:dark!important;--v4-bg:#081821;--v4-panel:rgba(14,35,48,.94);--v4-text:#f3f9fc;--v4-muted:#b7cbd6;--v4-border:rgba(140,205,229,.24)}
body.app-page,body.auth-page{color:#f3f9fc}
.ref-content,.ref-content label,.ref-content p,.ref-content td,.ref-content th,.ref-content small,.ref-content span{font-size:clamp(15px,1.02vw,17px);line-height:1.85}
.ref-content input,.ref-content select,.ref-content textarea{font-size:16px!important;line-height:1.7!important;color:#f4f9fc!important;-webkit-text-fill-color:#f4f9fc!important}
#lab-toast-stack{direction:rtl!important}
#lab-toast-stack .flash.toast{background:#123447!important;border:1px solid #3286a5!important;color:#f6fbff!important;font-family:Tahoma,"Segoe UI",sans-serif!important;font-size:17px!important;line-height:1.9!important;min-height:68px!important;box-shadow:0 15px 38px rgba(0,0,0,.46)!important}
#lab-toast-stack .flash.toast .toast-message{font-size:17px!important;line-height:1.9!important;font-weight:600!important;color:#f6fbff!important}
#lab-toast-stack .flash.toast.toast-error{background:#54202c!important;border-color:#ef8294!important}
#lab-toast-stack .flash.toast.toast-warning{background:#533b1e!important;border-color:#e9b768!important}
#lab-toast-stack .flash.toast .toast-x{color:#fff!important;min-height:30px!important}

/* V4.9.7: definitive notification contrast and readability */
#lab-toast-stack{position:fixed!important;inset:18px 18px auto auto!important;left:auto!important;right:18px!important;top:18px!important;bottom:auto!important;width:min(480px,calc(100vw - 36px))!important;z-index:2147483647!important;pointer-events:none!important}
#lab-toast-stack>.flash.toast{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 34px!important;align-items:center!important;gap:12px!important;box-sizing:border-box!important;width:100%!important;min-height:74px!important;padding:14px 16px!important;margin:0 0 10px!important;border:1px solid #408cae!important;border-radius:16px!important;background:#102c3e!important;background-image:none!important;box-shadow:0 14px 35px rgba(0,0,0,.6)!important;opacity:1!important;visibility:visible!important;filter:none!important;backdrop-filter:none!important;transform:none!important;pointer-events:auto!important;direction:rtl!important}
#lab-toast-stack>.flash.toast .toast-message{display:block!important;position:static!important;min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important;font:700 18px/1.95 Tahoma,'Segoe UI',sans-serif!important;letter-spacing:normal!important;text-align:right!important;text-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;visibility:visible!important;filter:none!important}
#lab-toast-stack>.flash.toast .toast-icon{display:grid!important;place-items:center!important;position:static!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;background:#17795f!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 20px/1 Tahoma,sans-serif!important}
#lab-toast-stack>.flash.toast .toast-x{display:grid!important;place-items:center!important;position:static!important;margin:0!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:0!important;border-radius:9px!important;background:#29485c!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 24px/1 Arial,sans-serif!important}
#lab-toast-stack>.flash.toast.toast-error{background:#4d202b!important;border-color:#e6788e!important}
#lab-toast-stack>.flash.toast.toast-warning{background:#50371d!important;border-color:#e8b56c!important}
#lab-toast-stack>.flash.toast.toast-hide{opacity:0!important;visibility:hidden!important;transform:translateY(-8px)!important;transition:opacity .3s,transform .3s,visibility .3s!important}
.quality-task{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin:10px 0;background:#102d40;color:#f8fcff;border:1px solid #346d86;border-radius:13px}.quality-task p{margin:8px 0;color:#f8fcff;font-size:16px;line-height:1.9}.quality-task small{color:#c3d7e3}.quality-task form{flex-shrink:0}
@media(max-width:650px){#lab-toast-stack{left:12px!important;right:12px!important;top:12px!important;width:auto!important}.quality-task{flex-direction:column;align-items:stretch}}

/* V4.9.8: isolated dark notifications; avoids inherited flash opacity/text overrides. */
#lab-toast-stack {position:fixed!important;z-index:2147483647!important;top:18px!important;right:18px!important;left:auto!important;bottom:auto!important;width:min(480px,calc(100vw - 36px))!important;direction:rtl!important;pointer-events:none!important;isolation:isolate!important}
#lab-toast-stack .lab-notice-v498 {all:revert!important;box-sizing:border-box!important;display:flex!important;direction:rtl!important;align-items:center!important;gap:14px!important;position:relative!important;width:100%!important;margin:0 0 12px!important;padding:18px!important;background:#102638!important;border:2px solid #3e8ca8!important;border-radius:16px!important;box-shadow:0 15px 38px #000a!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;font-family:Tahoma,'Segoe UI',sans-serif!important;font-size:18px!important;line-height:1.9!important;transform:none!important;filter:none!important;overflow:visible!important}
#lab-toast-stack .lab-notice-v498 .toast-message {all:unset!important;display:block!important;flex:1!important;min-width:0!important;direction:rtl!important;text-align:right!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 18px/1.9 Tahoma,'Segoe UI',sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;opacity:1!important;visibility:visible!important}
#lab-toast-stack .lab-notice-v498 .toast-icon {all:unset!important;display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#167f66!important;color:white!important;-webkit-text-fill-color:white!important;font:bold 20px Tahoma!important}
#lab-toast-stack .lab-notice-v498 .toast-x {all:unset!important;display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:8px!important;background:#315166!important;color:white!important;-webkit-text-fill-color:white!important;font:bold 23px Arial!important;cursor:pointer!important}
#lab-toast-stack .lab-notice-v498.toast-error {background:#4d1d2c!important;border-color:#e77c92!important}
#lab-toast-stack .lab-notice-v498.toast-warning {background:#50371c!important;border-color:#e5b566!important}
#lab-toast-stack .lab-notice-v498.toast-hide {opacity:0!important;visibility:hidden!important;transition:opacity .25s,visibility .25s!important}

/* V4.9.9: full-page transition messages were white-on-white due to inherited dark-theme styles. */
html[data-theme="dark"] body .lab-transition-v499 {background:#112b3d!important;background-image:none!important;border:1px solid #3a7995!important;color:#f7fbff!important;box-shadow:0 20px 60px rgba(0,0,0,.48)!important;max-width:620px!important;padding:38px 35px!important;}
html[data-theme="dark"] body .lab-transition-v499 h1 {display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:700 23px/2 Tahoma,"Segoe UI",sans-serif!important;opacity:1!important;visibility:visible!important;text-shadow:none!important;white-space:pre-line!important;}
html[data-theme="dark"] body .lab-transition-v499 p,html[data-theme="dark"] body .lab-transition-v499 .transition-note {color:#c8e0ed!important;-webkit-text-fill-color:#c8e0ed!important;font:500 16px/1.9 Tahoma,"Segoe UI",sans-serif!important;opacity:1!important;}
html[data-theme="dark"] body .lab-transition-v499 .bigcheck {background:#176d5b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}

/* V5.0.8 archive review indicators */
.ramak-pending-row{border-right:5px solid #f2b340!important}.ramak-pending{display:inline-block;padding:6px 10px;border-radius:9px;background:#fff1c7;color:#714600;font-weight:800;text-decoration:none;white-space:nowrap}.ramak-done{display:inline-block;padding:6px 10px;border-radius:9px;background:#daf5e4;color:#145e38;font-weight:800;white-space:nowrap}

/* V5.0.8 stage 17: user-controlled readability; screen only, never print */
@media screen {
 html {font-size:calc(16px * var(--lab-font-scale, 1));}
 .lab-accessibility{display:flex;gap:4px;align-items:center;flex-wrap:wrap;direction:ltr}
 .lab-view-btn{border:1px solid rgba(110,150,180,.4);border-radius:9px;background:rgba(100,140,175,.13);color:inherit;padding:6px 9px;font:inherit;font-size:.78rem;cursor:pointer;white-space:nowrap}
 .lab-view-btn:focus-visible{outline:2px solid #2494b6;outline-offset:2px}
 .lab-eye-comfort .workspace{filter:saturate(.72)}
 .lab-eye-comfort .content{line-height:1.8}
 .lab-eye-comfort .formcard,.lab-eye-comfort input,.lab-eye-comfort select,.lab-eye-comfort textarea{box-shadow:none!important}
 .lab-eye-comfort *{animation-duration:0s!important;transition-duration:0s!important}
 @media(max-width:900px){.lab-accessibility{order:5;width:100%;justify-content:center}}
}
@media print{.lab-accessibility{display:none!important}}

/* V5.0.8 readable, responsive header and working accessibility controls */
@media screen {
 .ref-topbar{min-height:94px!important;height:auto!important;padding:12px 18px!important;gap:12px!important;flex-wrap:wrap!important;align-content:center!important}
 .ref-topbar .ref-brand{flex-shrink:0;min-width:180px}
 .ref-topbar .ref-brand b{font-size:18px!important;line-height:1.45!important}
 .ref-topbar .ref-brand small{font-size:13px!important}
 .ref-topbar .topmeta{gap:10px!important;flex-wrap:wrap;align-items:stretch!important}
 .ref-topbar .workday,.ref-topbar .fancy-clock{border:1px solid rgba(112,174,205,.28)!important;background:rgba(75,143,181,.10)!important;border-radius:15px!important;padding:9px 13px!important;min-width:150px;justify-content:center;line-height:1.55!important}
 .ref-topbar .workday span,.ref-topbar .fancy-clock span,.ref-topbar .fancy-clock small{font-size:12px!important;line-height:1.5!important;opacity:.95}
 .ref-topbar .workday b,.ref-topbar .fancy-clock b{font-size:19px!important;font-weight:900!important;white-space:nowrap;font-variant-numeric:tabular-nums}
 .ref-topbar .lab-accessibility{padding:6px!important;border:1px solid rgba(112,174,205,.25);border-radius:14px;background:rgba(75,143,181,.08);gap:6px!important;flex-wrap:nowrap!important}
 .ref-topbar .lab-view-btn{font-size:15px!important;font-weight:850!important;min-height:39px;min-width:42px;padding:7px 10px!important}
 .ref-topbar .lab-view-btn:hover{background:rgba(55,158,201,.27)!important}
 .lab-font-status{align-self:center;font-size:12px;font-weight:850;min-width:38px;text-align:center;direction:ltr}
 .workspace>.content{zoom:var(--lab-zoom,100%)}
 .workspace>.content button,.workspace>.content input,.workspace>.content select,.workspace>.content textarea,.workspace>.content table{font-size:inherit}
 .workspace>.content .pagehead h1{font-size:calc(24px * var(--lab-font-scale,1))!important}
 .workspace>.content .formcard,.workspace>.content .filtercard{font-size:calc(14px * var(--lab-font-scale,1))}
 @media(max-width:1300px){.ref-topbar .global-top-search{flex:1 1 200px;min-width:150px}.ref-topbar .topmeta{flex:1 1 auto}.ref-topbar .lab-accessibility{order:3}}
 @media(max-width:800px){.ref-topbar{padding:10px!important}.ref-topbar .workday,.ref-topbar .fancy-clock{min-width:130px}.ref-topbar .topmeta{width:100%}.ref-topbar .lab-accessibility{width:auto!important;order:2!important}}
}

/* V5.0.8: compact icon actions in CIP history */
.cip-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:275px;justify-content:flex-start;direction:rtl}
.cip-row-actions form{display:inline-flex;margin:0;padding:0}
.cip-action{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;white-space:nowrap;text-decoration:none!important;font-size:14px!important;font-weight:750;line-height:1.5;min-height:38px!important;padding:7px 12px!important;border-radius:11px!important;border:1px solid transparent!important;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.cip-action:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.15)}
.cip-action:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}
.cip-action-edit{background:#e4f2ff!important;color:#145ca1!important;border-color:#a7d2f5!important}
.cip-action-history{background:#e1f7ef!important;color:#146a4b!important;border-color:#a2dfc6!important}
.cip-action-delete{background:#ffe8eb!important;color:#a81f36!important;border-color:#f5b2bd!important}
.cip-action span:first-child,.cip-save .cip-icon{font-size:17px;line-height:1}
.cip-save{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px!important;border-radius:13px!important;box-shadow:0 8px 18px rgba(30,120,185,.2)}
@media(max-width:760px){.cip-row-actions{min-width:0;gap:5px}.cip-action{padding:6px 8px!important;font-size:13px!important}}

/* VahdatLab 5.1.4 web acceptance patch: high-contrast navigation and transition actions */
html[data-theme="dark"] body.app-page .ref-sidebar,
html[data-theme="dark"] body.app-page .ref-sidebar nav{background:linear-gradient(180deg,#0c263a 0%,#102f46 100%)!important;color:#f4f9ff!important}
html[data-theme="dark"] body.app-page .ref-sidebar nav a{display:flex!important;align-items:center!important;gap:12px!important;min-height:43px!important;margin:3px 7px!important;padding:10px 12px!important;border:1px solid rgba(128,195,222,.20)!important;border-radius:12px!important;background:rgba(34,76,101,.78)!important;color:#f4f9ff!important;text-decoration:none!important;opacity:1!important;box-shadow:0 3px 10px rgba(0,0,0,.12)!important}
html[data-theme="dark"] body.app-page .ref-sidebar nav a i{display:grid!important;place-items:center!important;min-width:28px!important;height:28px!important;border-radius:8px!important;background:#176b83!important;color:#fff!important;font-style:normal!important}
html[data-theme="dark"] body.app-page .ref-sidebar nav a:hover,
html[data-theme="dark"] body.app-page .ref-sidebar nav a:focus-visible{background:#176f85!important;border-color:#64c7df!important;color:#fff!important;transform:translateX(-2px)!important}
html[data-theme="dark"] body.app-page .ref-sidebar nav a.logout-side{background:#642d3b!important;border-color:#a95468!important}
html[data-theme="dark"] body.app-page .ref-sidebar nav a.micro-link{background:#3c3271!important;border-color:#766bc0!important}
html[data-theme="dark"] body.app-page .transition.lab-transition-v499{display:block!important;width:min(760px,calc(100% - 28px))!important;margin:clamp(20px,7vh,76px) auto!important;padding:clamp(24px,4vw,42px)!important;border-radius:24px!important;background:linear-gradient(145deg,#102b40 0%,#173e55 100%)!important;border:1px solid #3b829e!important;color:#f8fbff!important;box-shadow:0 22px 58px rgba(0,0,0,.35)!important;text-align:center!important;opacity:1!important;visibility:visible!important}
html[data-theme="dark"] body.app-page .lab-transition-v499 .postsave-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:26px!important}
html[data-theme="dark"] body.app-page .lab-transition-v499 .postsave-actions a.btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;padding:12px 16px!important;border:1px solid #56849c!important;border-radius:13px!important;background:#294b62!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;opacity:1!important;box-shadow:0 6px 16px rgba(0,0,0,.18)!important}
html[data-theme="dark"] body.app-page .lab-transition-v499 .postsave-actions a.btn.primary{background:linear-gradient(135deg,#167f86,#1769a6)!important;border-color:#4bb9c4!important;color:#fff!important}
html[data-theme="dark"] body.app-page .lab-transition-v499 .postsave-actions a.btn:hover{filter:brightness(1.12)!important;transform:translateY(-2px)!important}
html[data-theme="dark"] body.app-page .lab-transition-v499 .bigcheck{display:grid!important;place-items:center!important;width:64px!important;height:64px!important;margin:0 auto 18px!important;border-radius:50%!important;background:#16785f!important;color:#fff!important;font-size:36px!important}
html[data-theme="dark"] body.app-page #lab-toast-stack .lab-notice-v498{background:#102c3e!important;border:2px solid #408cae!important;color:#fff!important;opacity:1!important;backdrop-filter:none!important}
@media(max-width:650px){html[data-theme="dark"] body.app-page .lab-transition-v499 .postsave-actions{grid-template-columns:1fr!important}html[data-theme="dark"] body.app-page .ref-sidebar nav a{min-height:46px!important}}

/* VahdatLab 5.1.6: responsive mobile navigation drawer */
.mobile-nav-backdrop{display:none}
@media(max-width:900px){
 html body.app-page .ref-sidebar{width:min(290px,84vw)!important;right:0!important;top:0!important;bottom:0!important;height:100dvh!important;transform:translateX(105%)!important;transition:transform .24s ease!important;z-index:1002!important;box-shadow:none!important}
 html[dir="rtl"] body.app-page.mobile-menu-open .ref-sidebar{transform:translateX(0)!important;box-shadow:-18px 0 48px rgba(0,0,0,.38)!important}
 html body.app-page .workspace{margin-right:0!important;width:100%!important}
 html body.app-page .ref-sidebar .side-user>div:last-child,html body.app-page .ref-sidebar nav span{display:block!important}
 html body.app-page .ref-sidebar nav a{justify-content:flex-start!important}
 html body.app-page .ref-sidebar .collapse{position:static!important;margin-right:auto!important}
 .mobile-nav-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(0,9,18,.62);backdrop-filter:blur(3px);z-index:1001;min-height:100vh}
 body.app-page.mobile-menu-open{overflow:hidden!important}
}
@media(prefers-reduced-motion:reduce){html body.app-page .ref-sidebar{transition:none!important}}