:root{--red:#e31b23;--red2:#b81017;--ink:#101820;--nav:#131c25;--nav2:#1b2732;--bg:#edf1f4;--card:#fff;--line:#dce2e7;--muted:#697681;--green:#1c9b61;--amber:#e69a1a;--shadow:0 8px 24px rgba(16,24,32,.08);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:9px;background:var(--red);color:white;padding:11px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover{filter:brightness(.96)}button.secondary,.button.secondary{background:#eef1f3;color:#1b2833;border:1px solid #d5dce1}.compact{padding:8px 11px}.tiny{padding:7px 10px;font-size:12px}.wide{width:100%}.hidden{display:none!important}.muted{color:var(--muted)}.error{color:var(--red);min-height:20px;margin-top:9px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:900;color:var(--red)}
.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,#303e4b 0,#121a22 48%,#090e13 100%);padding:20px}.login-card{width:min(410px,100%);background:white;padding:40px;border-radius:20px;text-align:center;box-shadow:0 30px 80px #0008}.logo{width:78px;height:78px;border-radius:18px;background:linear-gradient(145deg,#f32b34,#a9080f);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:1000;box-shadow:0 8px 24px #e31b2350;margin:auto}.logo.mini{width:48px;height:48px;border-radius:12px;font-size:16px;margin:0}.login h1{margin:18px 0 4px;font-size:31px}.login p{margin:0 0 25px;color:var(--muted)}.login small{display:block;margin-top:15px;color:var(--muted)}
.app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,var(--nav),#0d141b);color:white;padding:20px 14px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:2px 7px 20px}.brand b{display:block;font-size:16px}.brand small,.who small,.side-foot small,.portal-top small{display:block;color:#98a5af;margin-top:3px}nav{display:flex;flex-direction:column;gap:3px;overflow:auto;padding-right:2px}nav button{justify-content:flex-start;background:transparent;color:#c8d0d7;font-weight:650;border-radius:8px;padding:9px 11px}nav button:hover,nav button.active{background:#ffffff12;color:#fff}nav button.active{box-shadow:inset 3px 0 var(--red)}.side-foot{margin-top:auto;padding:16px 8px 2px;border-top:1px solid #ffffff15;display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;border-radius:50%;background:#aaa;flex:none}.dot.green{background:#29c579;box-shadow:0 0 0 5px #29c57918}
main{grid-column:2;min-width:0}header{height:86px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.header-title h2{margin:0 0 6px;font-size:23px}.dateclock{display:flex;gap:10px;color:var(--muted);align-items:center}.dateclock b{color:var(--ink);font-size:16px}.open-pill{font-size:10px;color:#087343;background:#dcf7e9;border-radius:99px;padding:4px 8px;font-weight:900}.header-actions,.who{display:flex;align-items:center;gap:12px}.header-actions select{width:auto}.avatar{width:42px;height:42px;border-radius:50%;background:var(--red);color:white;display:grid;place-items:center;font-weight:900}.who b{display:block}.menu{display:none;background:transparent;color:var(--ink);font-size:22px;padding:7px}.system-strip{margin:16px 24px 0;background:#17222c;color:#dce6ed;border-radius:9px;padding:9px 13px;display:flex;align-items:center;gap:10px;font-size:12px}.system-strip .pilot{margin-left:auto;color:#fff;background:#ffffff13;padding:4px 8px;border-radius:5px}.pulse{width:8px;height:8px;border-radius:50%;background:#2bd682;box-shadow:0 0 0 4px #2bd68222}.announcement{margin:12px 24px 0;padding:12px 16px;border-radius:9px;background:#fff4d7;border:1px solid #f2d381;color:#6e4a00;font-weight:700}.page{padding:20px 24px 36px;max-width:1600px;margin:auto}.card,.portal-shell{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:19px;box-shadow:var(--shadow);margin-bottom:16px}.card h3,.card h4{margin:0 0 12px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.card-head h3,.card-head h4,.card-head p{margin:0}.hero{background:linear-gradient(115deg,#151f29 0,#293743 72%,#3d171b 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:24px 30px}.hero span{font-size:11px;letter-spacing:.12em;color:#aebbc5;font-weight:800}.hero strong{display:block;font-size:31px;margin:8px 0}.hero small{color:#d8e0e5}.ring{width:86px;height:86px;border-radius:50%;border:9px solid var(--red);display:grid;place-items:center;font-weight:900;font-size:19px;box-shadow:inset 0 0 0 4px #ffffff12}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:17px;box-shadow:var(--shadow)}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;font-size:25px;margin:7px 0}.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.live{background:#dff7eb;color:#087847;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.08em}.pill{background:#eef1f3;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.row{display:grid;grid-template-columns:1.1fr 1.4fr 1.1fr 1fr;gap:10px;align-items:center;border-top:1px solid #e5e9ec;padding:12px 4px}.row:first-child{border-top:0}.row small{color:var(--muted)}
.presence-pill{background:#e5f6ed;color:#087343;border:1px solid #b9e4ce;border-radius:99px;padding:7px 11px;font-size:12px;font-weight:900;white-space:nowrap}.command-stats .stat{background:linear-gradient(145deg,#fff,#f5f8fa);border-top:4px solid var(--red)}.job-finance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.material-cost-row small{display:block;color:var(--green);margin-top:3px}
.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar input{flex:1;min-width:220px}input,select,textarea{width:100%;background:#fff;border:1px solid #ccd5dc;border-radius:8px;padding:10px 11px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #e31b2315}textarea{min-height:92px;resize:vertical}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field>span{font-size:12px;font-weight:750;color:#4e5c66}.formgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.subsection{border-top:1px solid var(--line);padding-top:16px;margin-top:17px}.form-actions{display:flex;gap:9px;margin-top:15px}.estimate-builder{display:grid;grid-template-columns:1.5fr 1fr .7fr auto;gap:8px}.estimate-line{display:grid;grid-template-columns:1.5fr 1fr .7fr auto;gap:8px;align-items:center;background:#f5f7f8;margin-top:7px;padding:8px 10px;border-radius:8px}.photo-upload{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.photo-upload select{width:180px}.photo-button{background:var(--red);color:#fff;padding:11px 16px;border-radius:9px;font-weight:800;cursor:pointer}.photo-button input{display:none}.switchline{display:flex;gap:7px;align-items:center}.switchline input,.check-grid input{width:auto}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px;margin-top:12px}.photo{position:relative;background:#17212a;border-radius:9px;overflow:hidden;aspect-ratio:4/3}.photo img{width:100%;height:100%;object-fit:cover}.photo span{position:absolute;inset:auto 5px 5px;background:#000b;color:#fff;padding:4px 6px;border-radius:5px;font-size:10px}.photo button{position:absolute;right:4px;top:4px;padding:3px 7px;border-radius:50%}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}.check-grid label{background:#f5f7f8;padding:10px;border-radius:8px}
.jobcard{background:#fff;border:1px solid var(--line);border-left:5px solid #89939b;border-radius:12px;margin-bottom:12px;box-shadow:var(--shadow);overflow:hidden}.jobcard.urgent{border-left-color:var(--red)}.jobhead{display:grid;grid-template-columns:1fr 1.5fr 1.2fr .8fr;gap:12px;padding:16px;align-items:center}.jobhead>button{justify-self:end}.job-summary{color:var(--muted)}.job-body{border-top:1px solid var(--line);padding:14px 16px;background:#fbfcfd}.tasks{display:flex;flex-direction:column;gap:6px}.taskrow{display:grid;grid-template-columns:1fr 1fr .8fr 1.7fr;gap:8px;align-items:center;background:white;border:1px solid #e2e7ea;border-radius:8px;padding:8px}.actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.actions button,.actions select{padding:7px 9px;font-size:12px;width:auto}.s-approved{background:#dcf7e9;color:#087343}.s-in_progress{background:#dceeff;color:#075894}.s-completed{background:#fff0cc;color:#7a5100}.s-assigned,.s-accepted{background:#eee8ff;color:#513395}.s-paused{background:#ffe5de;color:#9b2d12}.job-photos{display:flex;gap:7px;margin:10px 0;overflow:auto}.job-photos img{width:92px;height:68px;border-radius:7px;object-fit:cover}.empty{padding:25px;text-align:center;color:var(--muted)}
.job-head-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.job-head-actions button{white-space:nowrap}.jobcard-print{background:#c9151d;box-shadow:0 4px 12px #c9151d2c}.portal-stage{background:#f7f9fa;border:1px solid var(--line);border-radius:9px;padding:12px;margin-bottom:11px}.portal-stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.camera-badge{background:#e7ebee;color:#6a747c;border-radius:99px;padding:5px 9px;font-weight:800;font-size:12px}.camera-badge.has-photo{background:#dcf7e9;color:#087343}.stage-photos{display:flex;gap:8px;overflow:auto;margin-top:10px}.stage-photos img{width:112px;height:82px;object-fit:cover;border-radius:8px;border:2px solid #fff;box-shadow:var(--shadow)}
.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.emp{background:white;border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:var(--shadow);cursor:pointer}.emp:hover{transform:translateY(-1px)}.emphead{display:flex;gap:10px;align-items:center;margin-bottom:15px}.metric{display:flex;justify-content:space-between;margin:9px 0}.progress{height:8px;background:#e7ebee;border-radius:99px;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,var(--red),#ff555b)}.trendup{color:var(--green);font-weight:800}.trenddown,.danger{color:var(--red);font-weight:800}.trendbox{display:grid;grid-template-columns:1fr 1fr;gap:25px}.spark{height:85px;display:flex;align-items:end;gap:7px}.spark i{flex:1;background:linear-gradient(var(--red),#9d1016);border-radius:5px 5px 0 0}.paygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.paybox{padding:12px;background:#f2f5f6;border-radius:8px}.paybox span,.paybox b{display:block}.paybox b{font-size:19px;margin-top:5px}.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.skill{background:#f5f7f8;padding:12px;border-radius:8px}.warn{color:#ad6900}
.kiosk{background:linear-gradient(145deg,#fff,#f6f8f9)}.kiosk-clock{font-size:34px;font-weight:900}.kiosk-people{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.person-tile{padding:18px 10px;border:2px solid transparent;border-radius:13px;text-align:center;background:#e9eef1;color:var(--ink)}.person-tile .avatar{margin:0 auto 8px;width:62px;height:62px;font-size:18px}.person-tile.selected{border-color:var(--red);background:#fff1f1}.kiosk-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.attendance-in{color:var(--green)}.attendance-out{color:var(--muted)}.tablet-card{max-width:1000px}.mytask{border:1px solid var(--line);border-radius:11px;padding:15px;margin:9px 0}.mytask h3{margin:0 0 6px}.tablet-card .mytask{font-size:16px}.tablet-card .actions button{min-height:48px;min-width:110px}
.matrow{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:8px;border-top:1px solid var(--line);padding:13px 4px;align-items:center}.matrow:first-child{border-top:0}.calendar{display:grid;gap:8px}.calendar.week,.calendar.four,.calendar.month{grid-template-columns:repeat(7,1fr)}.calday{min-height:115px;border:1px solid var(--line);border-radius:9px;padding:9px;background:#f7f9fa}.calday.today{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.caldate{font-weight:850;margin-bottom:8px}.caljob{font-size:11px;background:#fff;border-left:3px solid var(--red);padding:6px;margin:5px 0;border-radius:4px;box-shadow:0 2px 6px #0000000c}.staffrow{display:grid;grid-template-columns:180px repeat(7,1fr);border-top:1px solid var(--line)}.staffrow>div{padding:12px 8px;border-left:1px solid var(--line)}.staffrow>div:first-child{border-left:0}.shift{background:#e3f4ec;color:#176c49;border-radius:5px;text-align:center;font-size:11px}
.segments{display:flex;gap:5px}.segments button{padding:7px 9px;background:#edf1f3;color:#293640}.automation-row,.setting-row,.rate-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;align-items:center;border-top:1px solid var(--line);padding:13px 2px}.automation-row:first-child,.setting-row:first-child,.rate-row:first-child{border-top:0}.mode-buttons{display:flex;gap:5px}.mode-buttons button{background:#edf1f3;color:#4a5660;padding:7px 9px}.mode-buttons button.selected{background:var(--red);color:#fff}.portal-shell{max-width:920px;margin:auto;padding:0;overflow:hidden}.portal-top{background:#121c25;color:#fff;padding:18px;display:flex;gap:12px;align-items:center}.portal-content{padding:20px}.timeline{border-left:3px solid #dfe4e7;margin-left:8px;padding-left:20px}.timeline-item{position:relative;margin-bottom:17px}.timeline-item:before{content:"";position:absolute;left:-27px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--red)}
.customer-card,.estimate-card{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:11px;box-shadow:var(--shadow);overflow:hidden}.customer-main,.estimate-main{display:grid;grid-template-columns:1.4fr 1.1fr 1fr auto;gap:14px;align-items:center;padding:16px}.customer-main small,.estimate-main small{display:block;color:var(--muted);margin-top:4px}.customer-detail,.estimate-detail{border-top:1px solid var(--line);background:#fafcfd;padding:16px}.vehicle-chip{display:inline-flex;gap:7px;align-items:center;background:#eaf0f3;padding:8px 10px;border-radius:8px;margin:4px}.quote-builder{display:grid;grid-template-columns:1.3fr 1fr .45fr .7fr .6fr;gap:8px}.quote-line{display:grid;grid-template-columns:1.3fr 1fr .45fr .7fr .65fr auto;gap:8px;align-items:center;padding:9px;border-bottom:1px solid var(--line)}.quote-totals{margin:14px 0 0 auto;width:min(360px,100%);background:#f1f4f6;border-radius:10px;padding:14px}.quote-total-row{display:flex;justify-content:space-between;padding:5px}.quote-total-row.grand{border-top:2px solid var(--ink);font-size:18px;font-weight:900;margin-top:5px;padding-top:10px}.status-Draft{background:#e9edf0;color:#3f4c55}.status-Sent{background:#dceeff;color:#075894}.status-Approved,.status-Converted{background:#dcf7e9;color:#087343}.status-Rejected,.status-Expired{background:#ffe2e2;color:#9b151b}.attention-list{display:grid;gap:8px}.attention{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#fff7e3;border:1px solid #f1d58c;border-radius:8px;padding:10px}.attention.danger{background:#fff0f0;border-color:#efb1b4;color:#7d1116}
.tv-screen{background:#0b1218;color:white;min-height:calc(100vh - 150px);border-radius:15px;padding:24px}.tv-head{display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center;border-bottom:1px solid #ffffff22;padding-bottom:16px}.tv-head .logo{margin:0;width:65px;height:65px}.tv-head h2{margin:0 0 5px}.tv-target{font-size:24px;font-weight:900}.tv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px}.tv-job{background:#17232d;border-left:7px solid var(--red);padding:20px;border-radius:10px}.tv-job b{font-size:25px}.tv-job span{display:block;color:#aebac3;margin-top:7px}.tv-announcement{margin-top:18px;padding:15px;background:#e31b23;border-radius:9px;font-size:18px;font-weight:800}
.modal{position:fixed;inset:0;background:#081017cc;z-index:100;display:grid;place-items:center;padding:20px;overflow:auto}.modal-card{width:min(1050px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:15px;padding:24px;position:relative}.modal-x{position:absolute;right:10px;top:10px;border-radius:50%;width:36px;height:36px;padding:0}.toast{position:fixed;right:22px;bottom:22px;background:#14202a;color:white;padding:13px 18px;border-radius:9px;z-index:200;box-shadow:0 10px 30px #0005}.print-a4{background:#fff;color:#111}.print-head{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border-bottom:4px solid var(--red);padding-bottom:12px}.print-logo{width:62px;height:62px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900}.print-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.print-box{border:1px solid #bbb;padding:10px}.car-diagram{display:grid;grid-template-columns:1fr 1.3fr;gap:15px}.car-outline svg{height:310px;width:100%}.notes-lines div{height:28px;border-bottom:1px solid #bbb}.print-table .pr{display:grid;grid-template-columns:1.3fr 1.3fr 1fr .5fr}.print-table .pr span{padding:7px;border:1px solid #bbb}.print-table .head{background:#17222c;color:white;font-weight:800}
@media(max-width:1050px){.app{grid-template-columns:220px 1fr}aside{width:220px}.stats{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:repeat(2,1fr)}.employee-grid{grid-template-columns:repeat(2,1fr)}.matrow{grid-template-columns:1.4fr repeat(2,1fr)}.matrow span:nth-child(n+4){display:none}.calendar.four,.calendar.month{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.app{display:block}aside{transform:translateX(-100%);transition:.2s;width:270px}.nav-open aside{transform:none}.nav-open:after{content:"";position:fixed;inset:0;background:#0008;z-index:25}.nav-open aside{z-index:35}main{width:100%}header{padding:0 13px;height:78px}.menu{display:block}.header-actions .who,.header-actions>select{display:none}.dateclock #date{display:none}.system-strip{margin:10px 10px 0}.system-strip span:nth-of-type(2){display:none}.page{padding:12px 10px 25px}.grid2,.trendbox,.car-diagram{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.hero{padding:19px}.hero strong{font-size:24px}.ring{width:70px;height:70px}.formgrid,.employee-grid{grid-template-columns:1fr}.estimate-builder,.estimate-line,.quote-builder,.quote-line{grid-template-columns:1fr}.customer-main,.estimate-main{grid-template-columns:1fr 1fr}.jobhead{grid-template-columns:1fr 1fr}.taskrow{grid-template-columns:1fr 1fr}.taskrow .actions{grid-column:1/-1;justify-content:flex-start}.kiosk-people,.kiosk-actions{grid-template-columns:repeat(2,1fr)}.check-grid{grid-template-columns:repeat(2,1fr)}.calendar.week,.calendar.four,.calendar.month{grid-template-columns:1fr}.calday{min-height:70px}.staffrow{grid-template-columns:120px repeat(7,100px);width:max-content}.card:has(.staffrow){overflow:auto}.tv-grid{grid-template-columns:1fr}.paygrid,.skills{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr 1fr}.photo-upload select{width:100%}}
@media print{aside,header,.system-strip,.toolbar,.announcement,.modal-x,.print-a4>button{display:none!important}.app{display:block}.page{display:none!important;padding:0}.modal{position:static;background:white;padding:0;display:block!important}.modal-card{width:100%;max-height:none;padding:0;overflow:visible}.print-a4{display:block}@page{size:A4 portrait;margin:10mm}}
@media(max-width:760px){.job-finance{grid-template-columns:1fr}.presence-pill{font-size:10px;padding:6px 8px}}
.employee-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.employee-card-actions button:first-child{grid-column:1/-1}.finance-row{display:grid;grid-template-columns:1.5fr 1.1fr 170px auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 4px}.finance-row:first-child{border-top:0}.finance-row small{display:block;color:var(--muted);margin-top:4px}.finance-row select{width:170px}.secondary-upload{background:#eef1f3;color:#1b2833;border:1px solid #d5dce1}.barcode{display:block;width:190px;height:55px}.job-code{text-align:right}.job-code>b{display:block;font-size:20px}.signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 18px;padding-top:20px;border-top:1px solid #999}.employee-print-head{text-align:center}.avatar.large{width:58px;height:58px;margin:0 auto 5px}.invoice-totals{margin:15px 0 15px auto;width:250px;text-align:right;border-top:2px solid #111}.calevent,.staff-event{position:relative;background:#fff0d6;border-left:3px solid var(--amber);padding:6px 19px 6px 6px;margin:5px 0;border-radius:4px;font-size:11px}.calevent button,.staff-event button{position:absolute;right:2px;top:2px;background:transparent;color:#8b1b20;padding:2px 5px}.calevent small{display:block}.compact-toolbar{margin:0}.job-print h3,.employee-print h3{margin:14px 0 7px}
@media(max-width:760px){.finance-row{grid-template-columns:1fr 1fr}.signatures{grid-template-columns:1fr}}
.print-centre-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#fff,#f5f7f9)}.print-centre-hero h2{margin:5px 0}.print-centre-hero p{margin:0;color:var(--muted)}.print-centre-card{display:grid;grid-template-columns:220px 1fr;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}.print-car-preview{display:grid;place-items:center;background:#f5f7f8;border-right:1px solid var(--line);padding:12px}.print-car-preview .top-car{height:250px}.print-centre-info{padding:24px}.print-centre-info h2{margin:6px 0}.print-kpis{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.print-kpis span{background:#eef2f4;border-radius:8px;padding:9px 12px}.print-kpis b{font-size:18px;margin-right:4px}.print-centre-actions{display:flex;gap:8px;flex-wrap:wrap}.top-car{width:100%;height:430px}.damage-editor{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:24px}.damage-editor #damageCar{background:#f4f6f8;border:1px solid var(--line);border-radius:12px;padding:10px}.damage-form{grid-template-columns:1fr 1fr;align-items:end}.damage-form label:nth-child(3){grid-column:1/-1}.damage-draft-row,.damage-legend-row{display:grid;grid-template-columns:36px 1fr 1fr 1.5fr auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding:9px}.damage-legend-row{grid-template-columns:36px 1fr 1fr 1.5fr}.damage-draft-row b,.damage-legend-row b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff}.damage-draft-row button{padding:5px 8px}.job-map-print{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:12px}.job-map-print .top-car{height:500px}.job-print-page{min-height:1000px}.page-break{break-before:page;padding-top:4px}.compact-print-head{grid-template-columns:auto 1fr auto}.print-qr,.invoice-qr{display:grid;place-items:center}.print-qr small,.invoice-qr small{display:block;font-size:10px}.qr-code{background:#fff}.qr-panel{display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:center}.qr-panel>div:first-child{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.portal-preview-tools{display:flex;gap:10px;padding:14px 20px;background:#eef2f4}.portal-preview-tools select{max-width:420px}.customer-v076{padding-top:16px}.customer-vehicle-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.customer-vehicle-head h1,.customer-vehicle-head h2{margin:6px 0}.portal-progress{width:112px;height:112px;border-radius:50%;border:11px solid var(--red);display:grid;place-content:center;text-align:center;flex:none}.portal-progress b{font-size:26px}.portal-progress span{font-size:10px}.customer-photo-stage{background:#fff;border:1px solid var(--line);border-radius:13px;margin:15px 0;padding:16px}.customer-photo-head{display:flex;gap:12px;align-items:center}.customer-photo-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-weight:900}.customer-photo-head h3{margin:0}.customer-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:13px}.customer-photo-grid figure{margin:0;background:#f1f4f6;border-radius:9px;overflow:hidden}.customer-photo-grid img{width:100%;height:135px;object-fit:cover;display:block}.customer-photo-grid figcaption{padding:8px;font-size:11px}.customer-privacy{background:#eaf4ef;color:#176b49;border-radius:9px;padding:12px;margin-top:18px}.public-portal{min-height:100vh;background:#edf1f4}.public-head{position:static;height:auto;background:#121c25;color:#fff;padding:18px max(18px,calc((100% - 920px)/2));justify-content:flex-start}.public-head small{display:block;color:#aeb8c0;margin-top:3px}.public-shell{max-width:920px;margin:0 auto;padding:28px 18px}.portal-loading,.portal-error{max-width:540px;margin:15vh auto;background:#fff;padding:35px;border-radius:16px;text-align:center}.portal-error .logo{margin:auto}.timeline>div.done:before{background:var(--green)}
@media(max-width:760px){.print-centre-card,.damage-editor,.qr-panel,.job-map-print{grid-template-columns:1fr}.print-car-preview{border-right:0;border-bottom:1px solid var(--line)}.print-centre-info{padding:17px}.print-centre-actions button{width:100%}.damage-form{grid-template-columns:1fr}.damage-form label:nth-child(3){grid-column:auto}.customer-vehicle-head{align-items:flex-start}.portal-progress{width:82px;height:82px;border-width:8px}.portal-progress b{font-size:20px}.finance-row{grid-template-columns:1fr}.jobhead{grid-template-columns:1fr}.job-head-actions{justify-content:flex-start}.job-head-actions button{width:100%}}
@media print{.job-print-page{min-height:auto}.page-break{break-before:page}.job-print-v076>button{display:none!important}.top-car{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.job-photo-manager{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px;margin:12px 0}.managed-photo{display:grid;grid-template-columns:90px 1fr;gap:9px;align-items:center;background:#f3f6f7;border:1px solid var(--line);border-radius:9px;padding:7px}.managed-photo img{width:90px;height:70px;object-fit:cover;border-radius:6px}.managed-photo small{display:block;color:var(--muted);margin:3px 0}.managed-photo button{font-size:10px;padding:5px 7px}

/* v0.7.7 operational workflow */
.customer-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 20px}.v077-vehicle{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.v077-vehicle small{display:block;color:var(--muted);margin-top:3px}.customer-timeline{display:grid;gap:7px}.history-row{display:grid;grid-template-columns:100px 1fr 1fr;text-align:left;align-items:center;background:#f7f8fa;color:var(--ink);border:1px solid var(--line)}.history-row small{text-align:right;color:var(--muted)}.job-control-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#101827;color:#fff;margin-bottom:14px}.job-control-strip select{max-width:180px}.delivery-check{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.delivery-check label{border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafc}.invoice-ledger{border-bottom:1px solid var(--line);padding:5px 0}.invoice-actions{display:flex;gap:6px;flex-wrap:wrap}.invoice-actions button{white-space:nowrap}.payment-history{padding:0 16px 12px}.payment-history summary{cursor:pointer;color:var(--muted);font-weight:700}.payment-row{display:grid;grid-template-columns:100px 100px 1fr auto auto;gap:10px;align-items:center;padding:9px;border-top:1px solid var(--line)}.payment-balance{display:flex;justify-content:space-between;gap:12px;background:#101827;color:#fff;padding:15px;border-radius:12px;margin-bottom:16px}.invoice-edit-line{display:grid;grid-template-columns:1fr 100px 130px 42px;gap:8px;margin-bottom:8px}.estimate-edit-line{display:grid;grid-template-columns:1fr 1fr 75px 75px 100px 42px;gap:7px;margin-bottom:8px}.accountant-message{min-height:190px}.receipt-amount{text-align:center;border:2px solid #111827;border-radius:14px;padding:24px;margin:22px 0}.receipt-amount span{display:block;color:var(--muted)}.receipt-amount strong{font-size:38px}.invoice-actions button[disabled]{opacity:.4;cursor:not-allowed}
@media(max-width:850px){.customer-ledger{grid-template-columns:1fr 1fr}.history-row,.payment-row{grid-template-columns:1fr}.history-row small{text-align:left}.delivery-check{grid-template-columns:1fr}.invoice-edit-line{grid-template-columns:1fr 80px 100px 42px}.estimate-edit-line{grid-template-columns:1fr 1fr 65px 65px 90px 42px}.job-control-strip{align-items:stretch;flex-direction:column}}

/* v0.7.8 Employee Mobile PWA */
.install-app{white-space:nowrap}.mobile-welcome{display:flex;align-items:center;gap:14px;color:#fff;background:linear-gradient(135deg,#111820,#263744);border-radius:20px;padding:20px;margin-bottom:14px}.mobile-welcome h2{margin:3px 0}.mobile-welcome p,.mobile-welcome span{margin:0;color:#c7d0d7}.mobile-welcome .mobile-sync{margin-left:auto}.mobile-sync{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;background:#ffffff18;font-size:12px;font-weight:800;white-space:nowrap}.mobile-sync span{width:9px;height:9px;border-radius:50%;background:#20c477}.mobile-sync.offline span{background:#ffb020}.mobile-status{display:flex;align-items:center;justify-content:space-between;gap:15px}.mobile-status h3{margin:5px 0}.mobile-status h3:first-letter{color:#20a765}.mobile-job{border-top:5px solid var(--red)}.mobile-job-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.mobile-job-head h2{margin:5px 0}.mobile-job-head p{margin:0;color:var(--muted)}.mobile-job-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:17px 0}.mobile-job-actions button{min-height:58px;font-size:15px}.mobile-job-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mobile-job-detail span{background:#f1f4f6;border-radius:9px;padding:10px;font-size:12px}.mobile-job-detail b{display:block;margin-top:4px}.mobile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.phone-setup{display:grid;grid-template-columns:1fr 230px;gap:24px;align-items:center;background:#f2f5f7;padding:20px;border-radius:15px;margin-top:22px}.phone-qr{display:grid;place-items:center;background:#fff;border-radius:13px;padding:12px}.phone-qr small{margin-top:7px}.install-guide{text-align:center}.install-guide .logo{margin:auto}.install-guide p{font-size:17px;line-height:1.55}
@media(max-width:760px){.mobile-welcome{align-items:flex-start}.mobile-welcome .mobile-sync{position:absolute;right:24px}.mobile-status{align-items:stretch;flex-direction:column}.mobile-job-actions,.mobile-metrics{grid-template-columns:1fr 1fr}.mobile-job-detail{grid-template-columns:1fr}.phone-setup{grid-template-columns:1fr}.install-app{font-size:12px}.employee-mobile #sidebar{display:block;position:fixed;z-index:100;left:0;right:0;top:auto;bottom:0;width:100%;height:72px;padding:0;background:#111820}.employee-mobile #sidebar .brand,.employee-mobile #sidebar .side-foot{display:none}.employee-mobile #sidebar nav{height:100%;display:grid;grid-template-columns:repeat(4,1fr)}.employee-mobile #sidebar nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 3px;border-left:0;border-top:3px solid transparent;border-radius:0;font-size:10px}.employee-mobile #sidebar nav button span{font-size:19px}.employee-mobile #sidebar nav button.active{border-top-color:var(--red)}.employee-mobile main{margin-left:0;padding-bottom:78px}.employee-mobile header{left:0;height:72px;padding:8px 12px}.employee-mobile .header-title,.employee-mobile .who>div:last-child,.employee-mobile #installHeader{display:none}.employee-mobile .header-actions{margin-left:auto;gap:6px}.employee-mobile .header-actions select{max-width:115px}.employee-mobile .system-strip{margin-top:72px;padding:8px 12px}.employee-mobile .system-strip span:nth-of-type(2),.employee-mobile #engineBadge{display:none}.employee-mobile .page{padding:14px}.employee-mobile .menu{display:none}}

/* v0.7.8 customer and dealer history app */
.customer-app{min-height:100vh;background:#edf1f4}.customer-app-head{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;background:#111820;color:#fff;padding:14px max(16px,calc((100% - 980px)/2));box-shadow:0 4px 20px #0002}.customer-app-head small{display:block;color:#aeb8c0}.customer-app-head select{margin-left:auto;max-width:150px}.customer-app-shell{max-width:980px;margin:auto;padding:24px 16px 50px}.customer-app-welcome{background:linear-gradient(130deg,#101923,#293c4b);color:#fff;border-radius:20px;padding:25px;margin-bottom:22px}.customer-app-welcome h1{margin:5px 0}.customer-app-welcome p{margin:0;color:#c8d2d9}.customer-app-shell>section{margin:22px 0}.customer-vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.customer-vehicle-card,.customer-repair-card,.customer-doc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin:10px 0;box-shadow:var(--shadow)}.customer-vehicle-card h3{margin:10px 0 4px}.reg-plate{display:inline-block;background:#f6df36;color:#111;border:2px solid #111;border-radius:5px;padding:5px 12px;font-weight:900;letter-spacing:2px}.customer-doc.awaiting{border:2px solid var(--red)}.customer-doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.customer-doc-head h3{margin:5px 0}.customer-doc-head>div:last-child{display:grid;text-align:right;gap:6px}.customer-doc-head strong{font-size:22px}.customer-doc-lines{margin:12px 0}.customer-doc-lines>div{display:flex;justify-content:space-between;gap:12px;padding:8px;border-top:1px solid var(--line)}.customer-decision{display:flex;gap:9px;margin-top:14px}.customer-decision button{flex:1;min-height:48px}.portal-success{background:#e4f7ec;color:#087343;padding:11px;border-radius:9px;font-weight:750}.customer-invoice-total{display:flex;justify-content:flex-end;gap:18px;border-top:2px solid #17212a;padding-top:10px}.dealer-priority{margin-top:14px}.customer-app-actions{margin-top:15px}.print-portal{margin-top:18px}
@media(max-width:620px){.customer-app-head{padding:10px}.customer-app-head select{max-width:120px}.customer-app-shell{padding:14px 10px 40px}.customer-app-welcome{padding:18px}.customer-doc-head{flex-direction:column}.customer-doc-head>div:last-child{text-align:left}.customer-invoice-total{flex-direction:column;gap:5px}.customer-decision{flex-direction:column}}
@media print{.customer-app-head,.customer-decision,.dealer-priority,.print-portal{display:none!important}.customer-app{background:#fff}.customer-repair-card,.customer-doc,.customer-vehicle-card{box-shadow:none;break-inside:avoid}}

/* v0.7.9 panel workflow, deep calendar and Invoice Simple import */
.v079-planner{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(560px,1.4fr);gap:24px}.v079-plan-car{max-width:360px;margin:10px auto}.v079-plan-car svg{width:100%;height:auto}.v079-panel-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.v079-panel-picker button{background:#eef1f4;color:#26323d;border:1px solid #d8dee4}.v079-panel-picker button.selected{background:#c8102e;color:white;border-color:#c8102e}.v079-plan-row{padding:14px;border:1px solid #dfe4e8;border-radius:14px;margin-bottom:10px;background:#fff}.v079-plan-title{display:grid;grid-template-columns:130px 1fr 105px 36px;gap:8px;align-items:center}.v079-plan-title label{display:flex;align-items:center;gap:5px;font-size:12px}.v079-plan-title input{min-width:0}.v079-note{width:100%;margin:8px 0}.v079-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px}.v079-stage{border:1px solid #dce2e7;border-radius:9px;padding:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:#f8fafb}.v079-stage.active{border-color:#35a764;background:#effaf3}.v079-stage select{width:100%;font-size:12px}.v079-workflow{margin:18px 0;padding:16px;background:#f5f7f9;border-radius:15px}.v079-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.v079-board>article{background:#fff;border:1px solid #dfe4e8;border-radius:12px;padding:12px}.v079-board-head,.v079-board-stage{display:flex;justify-content:space-between;gap:8px;align-items:center}.v079-board-stages{display:grid;gap:6px;margin-top:9px}.v079-board-stage{padding:7px;border-radius:8px;background:#f3f5f7}.v079-board-stage small{display:block}.v079-board-stage select{max-width:130px}.v079-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:14px}.v079-caljob{width:100%;text-align:left;margin:4px 0}.v079-caljob small{display:block}.caldate{display:flex;justify-content:space-between;align-items:center}.calendar-job-detail{min-width:min(720px,90vw)}.v079-import-summary{display:flex;justify-content:space-between;padding:12px;background:#edf8f1;border-radius:10px;margin:12px 0}.v079-import-table{max-height:420px;overflow:auto;border:1px solid #dce2e7;border-radius:10px}.v079-import-table>div{display:grid;grid-template-columns:45px 110px 1fr 110px 100px 100px;gap:8px;padding:8px;border-bottom:1px solid #e5e9ed;align-items:center}.v079-import-table .head{position:sticky;top:0;background:#17212b;color:white;font-weight:700}.v079-import-table .needs-review{background:#fff1e6}.mobile-panel-work{margin-top:16px}.employee-mobile .v079-board{grid-template-columns:1fr}.employee-mobile .v079-board-stage{align-items:flex-start}.employee-mobile .v079-board-stage button{min-height:42px}.v079-tablet-panels{margin-top:20px}
@media(max-width:900px){.v079-planner{grid-template-columns:1fr}.v079-stage-grid{grid-template-columns:repeat(2,1fr)}.v079-plan-title{grid-template-columns:1fr 1fr}.v079-import-table>div{grid-template-columns:35px 90px 1fr 85px}.v079-import-table>div span:nth-child(4),.v079-import-table>div span:nth-child(6){display:none}}
@media(max-width:560px){.v079-stage-grid,.v079-check-grid{grid-template-columns:1fr}.v079-plan-title{grid-template-columns:1fr}.v079-board{grid-template-columns:1fr}}

/* v0.7.9.1 employee accounts and complete intake card */
.v0791-employee-toolbar{margin-bottom:16px;align-items:center}.v0791-employee-toolbar>div{display:flex;flex-direction:column;gap:3px}.v0791-employee-toolbar small{color:var(--muted)}
.emp.inactive{opacity:.58;filter:grayscale(.45)}.v0791-account-card{border-left:5px solid var(--red)}
.v0791-days{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 18px}.v0791-days label{background:#f1f4f6;border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.v0791-skills{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:18px}.v0791-skill{display:grid;grid-template-columns:1fr 58px 28px;align-items:center;gap:7px;background:#f7f9fa;border:1px solid var(--line);border-radius:10px;padding:10px}.v0791-skill input{width:58px}
.v0791-mode-help{border-radius:10px;margin:0 0 14px;padding:1px 14px;background:#edf7ff;border:1px solid #c6dff2}.v0791-mode-help p{margin:9px 0;font-weight:700}.v0791-job-sheet{background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.v0791-intake-map{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:22px;align-items:start}.v0791-intake-map svg{max-height:430px}.v0791-full-card{background:#f3f5f7}
@media(max-width:900px){.v0791-skills{grid-template-columns:repeat(2,minmax(140px,1fr))}.v0791-intake-map{grid-template-columns:1fr}}
@media(max-width:560px){.v0791-skills{grid-template-columns:1fr}.v0791-account-card .actions{display:grid;grid-template-columns:1fr}.v0791-employee-toolbar{align-items:stretch}}

/* v0.7.9.2 daily employee workspace and consolidated billing */
.v0792-mobile-job{border-top:5px solid var(--red);margin:14px 0}.v0792-impact{background:#fff4df;border-left:4px solid #e2a126;border-radius:9px;padding:11px 13px;margin:12px 0}.v0792-impact p{margin:5px 0 0;line-height:1.45}.v0792-panel-list{display:grid;gap:10px;margin:14px 0}.v0792-panel{border:1px solid var(--line);border-radius:13px;padding:12px;background:#f8fafb}.v0792-panel>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.v0792-panel small{display:block;color:var(--muted)}.v0792-stage-row{display:grid;grid-template-columns:minmax(140px,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #e1e6ea}.v0792-stage-row>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v0792-stage-row button{min-height:38px;padding:7px 10px}.v0792-recent-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:8px;margin-top:12px}.v0792-recent-photos figure{margin:0;background:#eef2f4;border-radius:10px;overflow:hidden}.v0792-recent-photos img{width:100%;height:95px;object-fit:cover}.v0792-recent-photos figcaption{padding:7px;font-size:11px}.v0792-photo-confirm{background:#edf8f1;border:1px solid #acd9bb;border-radius:10px;padding:14px;margin:15px 0}.v0792-calendar-list{display:grid;gap:7px}.v0792-calendar-list>div{display:grid;grid-template-columns:125px 1fr;gap:10px;padding:10px;border-bottom:1px solid var(--line)}.v0792-request,.v0792-message{border:1px solid var(--line);border-radius:10px;padding:11px;margin:8px 0;background:#f8fafb}.v0792-request{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.v0792-request p,.v0792-message p{margin:5px 0}.v0792-request small,.v0792-message small{display:block;color:var(--muted);margin-top:3px}.v0792-staff-requests{margin-top:18px}.v0792-internal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.v0792-batch-job{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:12px;margin:8px 0;background:#f8fafb}.v0792-batch-job small{display:block;color:var(--muted);margin-top:3px}.v0792-batch-job strong{white-space:nowrap}
@media(max-width:620px){.v0792-stage-row{grid-template-columns:1fr}.v0792-stage-row>div{justify-content:stretch}.v0792-stage-row button{flex:1}.v0792-calendar-list>div,.v0792-request{grid-template-columns:1fr}.v0792-batch-job{grid-template-columns:25px 1fr}.v0792-batch-job strong{grid-column:2}.employee-mobile #sidebar nav{grid-template-columns:repeat(4,1fr)}}

/* v0.7.9.3 live devices, visible calendar, employee instrument and photo approval */
.calendar .calday{background:#f6f8fa;color:#17212b}.calendar .v079-caljob,.calendar .caljob{display:block;width:100%;background:#fff!important;color:#17212b!important;border:1px solid #e0e5e9;border-left:5px solid var(--red);box-shadow:0 3px 10px #18232d12;opacity:1;text-align:left;min-height:52px;padding:8px;margin:7px 0}.calendar .v079-caljob b,.calendar .v079-caljob small,.calendar .caljob b,.calendar .caljob small{display:block;color:#17212b!important;opacity:1}.calendar .v079-caljob small{color:#53606b!important;margin-top:4px}.calendar .calevent{display:block;width:100%;color:#3b2a00!important;background:#fff0d6!important;border:1px solid #f0d59a;border-left:5px solid #d99516;text-align:left;min-height:46px}.calendar .calevent b,.calendar .calevent small{color:#3b2a00!important}.calendar .caldate{color:#17212b}
.v0793-device-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#111a24;color:#fff;border-radius:10px;padding:11px 14px;margin-bottom:14px}.v0793-device-status span{color:#d8e0e7}.v0793-device-status span:last-child{margin-left:auto}.v0793-photo-inbox{margin-top:14px}.v0793-photo-inbox article{display:grid;grid-template-columns:92px minmax(170px,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.v0793-photo-inbox article>img{width:92px;height:72px;object-fit:cover;border-radius:9px;background:#e5e9ec}.v0793-photo-inbox article small,.v0793-photo-inbox article span{display:block;color:var(--muted);margin-top:3px}.v0793-photo-inbox article>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.v0793-tablet-inbox{margin-top:18px;background:#fff}.v0793-performance{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:20px}.v0793-gauge{text-align:center;position:relative;max-width:230px;margin:8px auto}.v0793-gauge svg{width:100%;overflow:visible}.v0793-gauge svg path{fill:none;stroke:#dfe4e7;stroke-width:16;stroke-linecap:round}.v0793-gauge svg line{stroke:#87919a;stroke-width:3}.v0793-gauge svg .needle{stroke:#d10e2f;stroke-width:5;stroke-linecap:round}.v0793-gauge svg circle{fill:#d10e2f}.v0793-gauge strong{display:block;color:#c8102e;font-size:24px;margin-top:-6px}.v0793-gauge small{display:block;color:var(--muted)}.v0793-rate-share{display:grid;grid-template-columns:minmax(220px,1fr) minmax(230px,.8fr);gap:16px;align-items:end;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.v0793-rate-share .actions{grid-column:1/-1}.v0793-sync-flash{animation:v0793flash .8s ease}@keyframes v0793flash{50%{box-shadow:0 0 0 4px #2aab682b}}
@media(max-width:720px){.v0793-photo-inbox article{grid-template-columns:74px 1fr}.v0793-photo-inbox article>img{width:74px;height:62px}.v0793-photo-inbox article>div:last-child{grid-column:1/-1;justify-content:stretch}.v0793-photo-inbox article button{flex:1}.v0793-performance,.v0793-rate-share{grid-template-columns:1fr}.v0793-device-status span:last-child{margin-left:0;width:100%}}

/* v0.7.9.4 employee QR and performance inside the employee folder only */
.v0794-qr-panel .phone-qr b{color:#15804f;margin-top:8px}.v0794-qr-check{background:#eaf7ef;color:#176b49;border-radius:9px;padding:10px 12px}.v0794-performance-bottom{margin-top:18px;border-top:5px solid var(--red)}.v0794-performance-bottom .segments button.active{background:#c8102e;color:#fff}.v0794-performance-grid{display:grid;grid-template-columns:330px 1fr;gap:25px;align-items:center}.v0794-trend-svg{width:100%;min-height:230px;background:#f7f9fa;border-radius:12px;padding:10px;overflow:visible}.v0794-trend-svg line{stroke:#aab3ba;stroke-width:2}.v0794-trend-svg line.target{stroke:#d10e2f;stroke-dasharray:7 6}.v0794-trend-svg polyline{fill:none;stroke:#d10e2f;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.v0794-trend-svg circle{fill:#fff;stroke:#d10e2f;stroke-width:4}.v0794-trend-svg text{font-size:11px;fill:#53606b}.v0794-performance-bottom .v0793-gauge{max-width:250px}.employee-grid>.emp>.v0793-gauge{display:none!important}
@media(max-width:760px){.v0794-performance-grid{grid-template-columns:1fr}.v0794-performance-bottom .segments{display:grid;grid-template-columns:1fr 1fr;width:100%}.v0794-performance-bottom .card-head{align-items:flex-start;flex-direction:column}.v0794-trend-svg{min-height:180px}}

/* v0.7.9.5 confirmed attendance sync */
.v0795-live-state{display:flex;align-items:center;gap:9px;margin:10px 0;padding:11px 14px;border-radius:12px;border:1px solid #cbd5df;background:#f7fafc;color:#31404d}.v0795-live-state b{font-size:13px}.v0795-live-state small{margin-left:auto;color:#63717d}.v0795-live-state.confirmed{border-color:#9bd5b1;background:#edf9f1;color:#17663a}.v0795-live-state.waiting{border-color:#efb2b2;background:#fff1f1;color:#9e1f27}.v0795-receipt{display:block;flex-basis:100%;margin-top:8px;color:#17733f;font-weight:700}.v0795-owner-live{display:flex;align-items:center;gap:14px;margin-bottom:15px}.v0795-owner-live .v0795-live-state{flex:1;margin:0}.v0795-owner-live>span{font-size:12px;color:#63717d}@media(max-width:760px){.v0795-owner-live{align-items:stretch;flex-direction:column}.v0795-owner-live>span{padding:0 4px}.mobile-status{flex-wrap:wrap}}