:root {font-family: system-ui,-apple-system,'Segoe UI',Tahoma,Arial,sans-serif;color-scheme:dark;--bg:#071c2d;--bar:#09283c;--panel:#0c3247;--panel2:#103e52;--line:#245064;--text:#ebfbff;--muted:#a3c2ca;--accent:#21d5c5;--accent2:#48bdf4;--pill:#154c59;--shadow:0 17px 50px #020e1980;--input:#082638}
body[data-theme="light_blue"]{color-scheme:light;--bg:#edf5fb;--bar:#fff;--panel:#fff;--panel2:#eaf5ff;--line:#d8e7f3;--text:#153044;--muted:#637c8e;--accent:#087ade;--accent2:#00a9cb;--pill:#e6f4ff;--shadow:0 12px 36px #44789a24;--input:#f6fbff}
body[data-theme="neon_blue"]{--bg:#080e28;--bar:#0a1234;--panel:#0d1c42;--panel2:#18275a;--line:#354988;--text:#ecf5ff;--muted:#abb6dd;--accent:#30cafa;--accent2:#8b71ff;--pill:#152653;--shadow:0 17px 50px #04092396;--input:#0d1c3e}
body[data-theme="green_gold"]{color-scheme:light;--bg:#eef3ee;--bar:#093f34;--panel:#fffdf9;--panel2:#edf8f0;--line:#d6e3d8;--text:#193d32;--muted:#638276;--accent:#087d65;--accent2:#c19437;--pill:#ebf8f2;--shadow:0 12px 42px #123e3021;--input:#f5fbf7}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin:0}h1{font-size:clamp(21px,2.7vw,28px)}h2{font-size:20px}h3{font-size:16px}small,.muted{color:var(--muted)}.splash{padding:36px}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,460px);align-items:center;gap:clamp(18px,5vw,100px);max-width:1300px;margin:auto;padding:40px}.login-hero{max-width:630px}.login-hero h1{font-size:clamp(35px,5vw,66px);margin:18px 0}.login-hero p{color:var(--muted);font-size:17px;line-height:1.9}.logo-mark{width:62px;height:62px;border-radius:18px;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#032332;display:grid;place-items:center;font-size:36px;box-shadow:0 10px 35px #29c6d13b}.hero-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.hero-cards span{border:1px solid var(--line);border-radius:14px;padding:18px 12px;background:var(--panel);color:var(--muted);text-align:center}.login-card,.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.login-card{padding:32px}.login-card h2{margin:12px 0}.login-card p{color:var(--muted);line-height:1.7}.form{display:grid;gap:14px}.field{display:grid;gap:7px;color:var(--muted);font-size:13px}.field input,.field select,.input,.search-input{width:100%;border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:12px;padding:13px 14px;min-height:44px;outline:none}.field input:focus,.field select:focus,.search-input:focus{border-color:var(--accent)}input::placeholder{color:var(--muted)}.primary{border:0;border-radius:12px;background:linear-gradient(110deg,var(--accent),var(--accent2));color:#042332;font-weight:800;padding:12px 19px;min-height:44px}.secondary{border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);padding:11px 16px;min-height:43px}.smallbtn{border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:8px 13px}.error{color:#ffb8b8;font-size:14px;line-height:1.65;min-height:18px}.help{font-size:12px;color:var(--muted);line-height:1.7}.pill{border-radius:30px;background:var(--pill);border:1px solid var(--line);color:var(--accent);font-size:12px;padding:7px 13px;display:inline-flex;align-items:center;gap:7px}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.offline{color:#ffca80}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--bar);border-inline-end:1px solid var(--line);padding:23px 17px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;gap:11px;align-items:center}.brand .logo-mark{width:46px;height:46px;font-size:27px;border-radius:13px}.brand b{font-size:16px;display:block}.brand small{display:block;font-size:11px;margin-top:4px}.nav{display:grid;gap:7px}.nav-btn{border:1px solid transparent;display:flex;align-items:center;gap:12px;text-align:start;width:100%;background:transparent;color:var(--muted);padding:13px;border-radius:12px}.nav-btn.active{background:var(--pill);border-color:var(--line);color:var(--accent);font-weight:750}.nav-btn .ico{width:25px;text-align:center;font-size:19px}.sidebar-end{margin-top:auto}.app-main{min-width:0;overflow:hidden}.topbar{background:var(--bar);border-bottom:1px solid var(--line);padding:17px clamp(18px,3vw,35px);display:flex;gap:14px;justify-content:space-between;align-items:center}.topbar h3{font-size:16px}.right-top{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.page{padding:clamp(16px,3vw,32px);max-width:1450px;margin:auto;display:grid;gap:21px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.pagehead p{color:var(--muted);margin-top:8px}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{padding:23px;border-radius:19px;background:var(--panel);border:1px solid var(--line);min-height:130px;box-shadow:var(--shadow)}.stat .title{color:var(--muted);font-size:14px}.stat strong{display:block;margin:17px 0 6px;font-size:32px;font-variant-numeric:tabular-nums}.stat .delta{color:var(--accent);font-size:12px}.cols{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.card{padding:21px;box-shadow:none}.card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.list{display:grid;gap:0}.line{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 2px;font-size:14px}.line:first-child{border-top:0}.row-start{display:flex;align-items:center;gap:11px;min-width:0}.avatar{flex-shrink:0;width:38px;height:38px;border-radius:11px;background:var(--pill);display:grid;place-items:center;color:var(--accent);font-size:21px}.line b,.line small{display:block}.line small{margin-top:4px}.visual-bars{display:flex;align-items:end;gap:13px;height:170px;justify-content:space-around;border-bottom:1px solid var(--line);margin-top:26px}.bar{flex:1;max-width:65px;min-width:10px;background:linear-gradient(0deg,var(--accent),var(--accent2));border-radius:8px 8px 0 0;opacity:.85}.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{padding:8px 12px;background:var(--pill);border-radius:10px;color:var(--muted);font-size:12px}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.toolbar .search-input{max-width:360px}.table-wrapper{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:start}.data-table th{color:var(--muted);font-weight:550;font-size:12px}.data-table td,.data-table th{padding:16px 10px;border-bottom:1px solid var(--line);text-align:start}.data-table td{font-size:14px}.empty{padding:45px 8px;text-align:center;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-item{display:flex;gap:13px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:12px}.swatch{width:38px;height:38px;border-radius:12px}.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.footer-note{font-size:12px;line-height:1.8;color:var(--muted)}.alert{border:1px solid #bb8549;border-radius:11px;padding:12px 15px;color:var(--text);font-size:13px;background:#97702720}.mobiletabs{display:none}.lang-top{max-width:145px}.caution{max-width:540px;margin-top:22px;color:var(--muted);font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.mini-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mini-form .wide{grid-column:1/-1}.spinner{opacity:.75}.rtl-num{direction:ltr;unicode-bidi:isolate;display:inline-block}.demo-label{color:#ffc27a;border:1px solid #b27941;border-radius:9px;padding:7px 12px;font-size:12px}
@media (max-width:1000px){.cols{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;max-width:580px}.login-hero{display:none}.kpis{grid-template-columns:repeat(3,1fr)}}
@media (max-width:740px){.layout{display:block}.sidebar{display:none}.topbar{padding:13px 15px}.topbar h3{font-size:14px}.topbar .logo-mark{display:none}.page{padding:16px 13px 90px}.kpis{gap:8px}.stat{padding:14px 11px;min-height:112px}.stat strong{font-size:24px}.stat .title{font-size:11px}.pagehead h1{font-size:21px}.pagehead p{font-size:12px}.card{padding:15px}.mobiletabs{display:flex;position:fixed;z-index:5;bottom:0;left:0;right:0;padding:7px 5px calc(8px + env(safe-area-inset-bottom));background:var(--bar);border-top:1px solid var(--line);justify-content:space-around}.mobiletabs .nav-btn{flex-direction:column;gap:2px;justify-content:center;width:24%;font-size:10px;padding:8px 3px}.mobiletabs .nav-btn .ico{font-size:18px}.settings-grid,.twocol{grid-template-columns:1fr}.login-shell{padding:18px}.login-card{padding:23px}.mini-form{grid-template-columns:1fr}.mobile-hide{display:none}}
/* v0.9 — approved dental reference direction. Visually advanced; never depict decorative charts as live clinical data. */
:root{--bg:#06172d;--bar:#071b32;--panel:#0b2440;--panel2:#0f3252;--line:#245477;--accent:#27dcdd;--accent2:#44a2fb;--muted:#a3c4dc;--pill:#123850;--input:#092238;--shadow:0 14px 40px #020b1e69}
body[data-theme="sky_teal"]{--bg:#06172d;--bar:#071b32;--panel:#0b2440;--panel2:#0e3254;--line:#275270;--accent:#29e2d2;--accent2:#3e9ffc;--muted:#a3c3db;--pill:#123853;--input:#0a2540}
body[data-theme="neon_blue"]{--bg:#080e27;--bar:#0a1130;--panel:#111c42;--panel2:#172756;--line:#34487b;--accent:#28d7ff;--accent2:#996dff;--muted:#a5b7e0;--pill:#172851;--input:#0e1b40}
body[data-theme="light_blue"]{--bg:#edf6fc;--bar:#ffffff;--panel:#ffffff;--panel2:#f0f8fe;--line:#d6e6f3;--accent:#117ddc;--accent2:#26a1dd;--pill:#ecf7ff;--input:#f6fbff;--muted:#647f93}
body[data-theme="green_gold"]{--bg:#edf4f0;--bar:#063b31;--panel:#fffefa;--panel2:#eaf6ef;--line:#d3e6da;--accent:#0f9176;--accent2:#c9a25a;--pill:#e7f8f0;--input:#f3fbf6;--muted:#607d70}
body{background:radial-gradient(circle at 60% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 42%),var(--bg);font-family:'Segoe UI',Tahoma,Arial,sans-serif}
.layout{grid-template-columns:255px minmax(0,1fr)}
.sidebar{position:relative;isolation:isolate;padding:26px 17px;background:linear-gradient(180deg,var(--bar),color-mix(in srgb,var(--bar),black 15%));box-shadow:4px 0 38px #00122338}
.sidebar:after{content:'🦷';opacity:.04;position:absolute;bottom:85px;left:10px;font-size:155px;z-index:-1;pointer-events:none}
.brand{padding-bottom:21px;border-bottom:1px solid var(--line)}
.brand b{font-size:17px;letter-spacing:.15px}.brand small{color:var(--muted);line-height:1.5}
.logo-mark{background:linear-gradient(140deg,#0a4565,var(--accent2));border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);box-shadow:0 3px 25px color-mix(in srgb,var(--accent) 24%,transparent);color:white}
.nav-btn{border-radius:13px;padding:14px 13px;font-weight:600;transition:background .14s;color:var(--muted)}
.nav-btn .ico{width:33px;font-size:22px}
.nav-btn.active{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:inset 4px 0 0 var(--accent),0 5px 18px color-mix(in srgb,var(--accent) 9%,transparent);color:var(--text);background:linear-gradient(95deg,color-mix(in srgb,var(--accent) 22%,var(--bar)),var(--pill))}
.nav-btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.topbar{min-height:78px;box-shadow:0 8px 23px #020a211c;background:color-mix(in srgb,var(--bar) 87%,var(--panel));backdrop-filter:blur(12px)}
.topbar h3{font-size:18px}.topbar small{line-height:1.7}
.page{gap:18px;max-width:1600px;padding:31px 34px}
.pagehead{padding:6px 0 7px}.pagehead h1{font-size:clamp(25px,2.5vw,33px);font-weight:850}.pagehead p{margin-top:8px;font-size:14px}
.kpis{gap:17px}.stat{min-height:151px;padding:21px 25px;background:linear-gradient(142deg,color-mix(in srgb,var(--accent2) 8%,var(--panel)),var(--panel) 70%);position:relative;overflow:hidden;border-radius:18px;box-shadow:0 9px 25px #00071822}
.stat:before{content:'';position:absolute;right:-45px;top:-45px;width:155px;height:155px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 17%,transparent),transparent 70%);pointer-events:none}
.stat strong{margin:14px 0 5px;font-size:clamp(33px,3.2vw,45px);font-weight:800;letter-spacing:.1px}
.stat .title{font-size:13px;color:var(--muted);font-weight:650}.stat .delta{font-size:12px;font-weight:600}
.cols{grid-template-columns:1.24fr 1fr;gap:18px}.card{border-radius:18px;padding:22px;box-shadow:0 5px 19px #020c241a;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--accent2) 2%,var(--panel)))}
.card-header h2{font-size:17px}.line{padding:16px 1px}.avatar{border:1px solid var(--line);border-radius:14px;width:41px;height:41px}
.pill{background:var(--pill);font-weight:650}.alert{background:color-mix(in srgb,var(--gold,#d49e47) 8%,var(--panel))}
.primary{border-radius:13px;box-shadow:0 4px 15px color-mix(in srgb,var(--accent) 17%,transparent)}
.primary:hover{filter:brightness(1.07)}.secondary:hover,.smallbtn:hover{border-color:var(--accent)}
.search-input,.field input,.field select,.input{border-radius:11px}
.readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:19px 0}.readiness span{display:flex;align-items:center;min-height:54px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:13px 14px;color:var(--muted);font-size:12px;font-weight:600}
.detail-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}.detail-cards>div{background:var(--panel2);border:1px solid var(--line);padding:15px;border-radius:13px}.detail-cards span{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.detail-cards strong{display:block;font-size:15px;overflow-wrap:anywhere}
.theme-item{min-height:68px}.swatch{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--text) 17%,transparent)}
.login-shell{max-width:1450px}.login-hero h1{letter-spacing:-1px}.login-card{box-shadow:0 23px 75px #010b2680;border-radius:26px}
.app-main{background:radial-gradient(circle at 10% 2%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 35%)}
@media(max-width:1000px){.page{padding:22px}.readiness{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.page{padding:16px 12px 94px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:16px 13px;min-height:108px}.stat strong{font-size:28px}.readiness,.detail-cards{grid-template-columns:1fr}.nav-btn.active{box-shadow:inset 0 3px 0 var(--accent)}.sidebar{display:none}.mobiletabs{box-shadow:0 -10px 35px #02102c45}.login-shell{padding:16px}.topbar{min-height:65px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* v1.2 clinical tooth map. Horizontal scroll stays inside chart card on phones. */
.tooth-scroll{overflow-x:auto;max-width:100%;padding:12px 0;scrollbar-width:thin}
.tooth-row{display:flex;justify-content:center;gap:5px;min-width:max-content;margin:8px auto}
.tooth{min-width:41px;min-height:70px;border:1px solid var(--border,#446);border-radius:11px;background:var(--panel,#132b3d);color:var(--text,#eef);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-size:12px}
.tooth span:first-child{font-size:23px}.tooth.active{outline:3px solid #22c4d9;outline-offset:1px}.tooth:focus-visible{outline:3px solid #22c4d9}
.finding-dot{width:7px;height:7px;border-radius:50%;background:#8295a6;display:block}.f-caries{background:#ef5265}.f-filling{background:#3a9dfa}.f-crown{background:#f8bf4d}.f-root_canal{background:#ad84f9}.f-missing{background:#666}.f-implant{background:#23c787}.f-healthy{background:#23c787}
.chart-detail{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0;padding:12px;border:1px solid var(--border,#446);border-radius:12px}
#chart-form,#treatment-form{margin:10px 0;padding:12px;border:1px solid var(--border,#446);border-radius:12px}
@media(max-width:500px){.tooth{min-width:38px}.chart-detail{display:grid}}

/* v2.7 billing screen */
.bill-line{display:grid;grid-template-columns:minmax(0,3fr) minmax(70px,.7fr) minmax(100px,1fr) auto;gap:10px;align-items:end;padding:10px 0;border-bottom:1px dashed var(--line)}
.bill-line .wide{grid-column:auto}
.field.check{display:flex;align-items:center;gap:9px;color:var(--text);font-size:14px}.field.check input{width:auto;min-height:auto}
.bill-estimate{margin:12px 0;color:var(--muted);line-height:1.9}.bill-estimate b{color:var(--text);font-size:17px}
.chip.st-open{color:#ffc56b}.chip.st-paid{color:#3fe0a0}.chip.st-void{color:#ff8f9a;text-decoration:line-through}.chip.st-draft{color:var(--muted)}
body[data-theme="light_blue"] .chip.st-open,body[data-theme="green_gold"] .chip.st-open{color:#a5660a}
body[data-theme="light_blue"] .chip.st-paid,body[data-theme="green_gold"] .chip.st-paid{color:#08794f}
.smallbtn[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}
.bill-void{margin-top:14px}.bill-void summary{cursor:pointer;color:var(--muted)}.danger{border-color:#c4505c!important;color:#ff9aa4}
.bill-kpis .stat strong{font-size:clamp(20px,2.2vw,28px)}.bill-kpis .stat strong small{font-size:13px;color:var(--muted)}
.mobiletabs .nav-btn{flex:1;width:auto;min-width:0}
@media(max-width:740px){.bill-line{grid-template-columns:1fr 1fr}.bill-line .wide{grid-column:1/-1}.bill-kpis{grid-template-columns:1fr}}
/* v2.7 fix: grid children default to min-width:auto, so a wide table inside a card
   stretched the whole page beyond the phone screen (content clipped on the left in RTL). */
.page>*{min-width:0}.card{min-width:0;max-width:100%}.table-wrapper{max-width:100%}
.chip[class*="st-"]{white-space:nowrap}

/* v2.8 inventory */
.inv-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.inv-forms form,.inv-forms details{border:1px solid var(--line);border-radius:13px;padding:13px;background:var(--panel2)}
.inv-forms h3{margin-bottom:4px}
@media(max-width:740px){.inv-forms{grid-template-columns:1fr}.mobiletabs .nav-btn{font-size:9px;padding:7px 1px}.mobiletabs .nav-btn .ico{font-size:17px}}
/* v2.8 fix: a later `.cols` rule overrode the narrow-screen single column (dashboard + alerts). */
@media(max-width:1000px){.cols,.inv-alerts{grid-template-columns:1fr}}

/* v2.9 consent */
.consent-form{margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.consent-text{max-height:260px;overflow:auto;background:#fff;color:#111;border-radius:12px;padding:12px 16px;line-height:1.95;border:1px solid var(--line)}
.consent-text p{margin:0 0 8px}.consent-text h3{margin-bottom:8px;color:#111}
.sig-wrap{display:grid;gap:8px}
#sig-pad{width:100%;max-width:600px;aspect-ratio:3/1;background:#fff;border:2px dashed var(--accent);border-radius:12px;touch-action:none;cursor:crosshair}
#consent-card .line{flex-wrap:wrap}

/* v3.1 treatment plans */
.plan{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:12px;background:var(--panel2)}
.plan .card-header{margin-bottom:6px}.plan-row{grid-template-columns:90px minmax(0,3fr) minmax(110px,1fr) auto}
#plans-card .line{flex-wrap:wrap}
@media(max-width:740px){.plan-row{grid-template-columns:1fr 1fr}}

/* v3.3 reports */
.rep-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.rep-kpis .stat{min-height:104px;padding:16px 18px}.rep-kpis .stat strong{font-size:clamp(24px,2.4vw,32px);margin:10px 0 0}
.rep-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:12px}.rep-groups h3{margin-bottom:9px;font-size:14px;color:var(--muted)}
#rep-audit .toolbar .search-input{max-width:280px;min-height:42px;padding:9px 12px}#rep-audit-list td small.muted{word-break:break-all}
@media(max-width:740px){.rep-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-groups{grid-template-columns:1fr}#rep-audit .toolbar .search-input{max-width:none}}
@media(max-width:740px){#rep-audit-list thead{display:none}#rep-audit-list,#rep-audit-list tbody{display:block}
#rep-audit-list tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:11px 2px;border-bottom:1px solid var(--line)}
#rep-audit-list td{border:0;padding:0;font-size:13px}#rep-audit-list td:nth-child(1){order:2;text-align:end}#rep-audit-list td:nth-child(2){order:1}
#rep-audit-list td:nth-child(3){order:3}#rep-audit-list td:nth-child(4){order:4;text-align:end}}

/* v3.4 staff */
.staff-temp{display:flex;gap:8px}.staff-temp input{flex:1;min-width:0}.staff-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.staff-secret{font-size:16px;letter-spacing:.5px;user-select:all;background:var(--input);padding:3px 8px;border-radius:8px;display:inline-block;margin-top:6px}
#staff-list select.search-input{min-height:38px;padding:7px 10px;max-width:180px}
@media(max-width:740px){#staff-list thead{display:none}#staff-list,#staff-list tbody{display:block}#staff-list tr{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 2px;border-bottom:1px solid var(--line)}
#staff-list td{border:0;padding:0}#staff-list td.staff-actions-cell{grid-column:1/-1}#staff-list .staff-actions{justify-content:flex-start}#staff-list select.search-input{max-width:none}}
.mfa-box{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:10px 0}.mfa-qr{width:190px;height:190px;border-radius:10px;image-rendering:pixelated}
.sub-readonly{border-color:#c25b5b;background:#a03c3c26}