/* Larger desktop baseline; browser zoom remains independent. */
:root{--sg-ui-scale:1}
@media screen{html[data-gougeon-desktop="true"]{--sg-ui-scale:1.25;zoom:1.25}}
@media print{html{--sg-ui-scale:1!important;zoom:1!important}}
/* Neutral specular edges: no canvas, idle animation or obstruction of controls. */
/* Neutral specular edges: no canvas, idle animation or obstruction of controls. */
/* Neutral specular edges: no canvas, idle animation or obstruction of controls. */
.sg-reflection-position{position:relative}
.sg-reflection-edge{display:none;position:absolute;inset:0;border-radius:inherit;pointer-events:none!important;user-select:none;z-index:2;padding:1px;--sg-light-x:18%;--sg-light-y:0%;background:radial-gradient(ellipse 160px 95px at var(--sg-light-x) var(--sg-light-y),rgba(255,255,255,.86),rgba(255,255,255,.32) 24%,rgba(255,255,255,.06) 55%,transparent 80%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.sg-reflections-dark .sg-reflection-edge{display:block}
.sg-reflections-dark .sg-reflection-edge:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 1px #fff1,inset 0 -1px 1px #000b}
@media(prefers-reduced-motion:reduce){.sg-reflection-edge{--sg-light-x:18%!important;--sg-light-y:0%!important}}
@media print{.sg-reflection-edge{display:none!important}}


:root{color-scheme:dark;font-family:Inter,'Segoe UI',Arial,sans-serif;color:#e8ece8;background:#141916;--bg:#141916;--panel:#1b241e;--line:#354338;--muted:#a3b2a6;--green:#b1d3ac;--gold:#ddc384;--red:#eca795}*{box-sizing:border-box}body{margin:0;font-size:14px}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{border:0}input,select,textarea{width:100%;min-height:44px;padding:11px 13px;border:1px solid #45584a;border-radius:8px;background:#152019;color:#e8ece8;min-width:0}textarea{min-height:85px;resize:vertical;line-height:1.6}label{display:grid;gap:8px;color:#bacbbd;font-size:12px}small{color:var(--muted);line-height:1.6}svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app{min-height:calc(100vh / var(--sg-ui-scale, 1))}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:linear-gradient(165deg,#204a37,#153526 70%);padding:30px 18px 18px;display:flex;flex-direction:column;border-right:1px solid #3c5d43;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 28px}.brandmark{font-size:44px;font-weight:800;color:var(--gold);letter-spacing:-5px}.brandmark span{color:var(--green)}.brand strong{font-size:17px;letter-spacing:2.4px;font-weight:700;color:#f1efdc}.brand small{display:block;font-size:9px;letter-spacing:2.7px;color:#bbd0ba;margin-top:6px}.orglabel{font-size:10px;letter-spacing:1.2px;color:#a2bfa9;margin:0 4px 10px}.orgselect{background:#143022;border-color:#567358;color:#e6efdf;font-size:12px;margin-bottom:30px}.navlabel{font-size:9px;letter-spacing:1.8px;color:#92ad98;margin:12px 12px}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:11px;border-radius:8px;background:transparent;color:#bed0c1;padding:13px 12px;font-size:12px;text-align:left;min-height:46px}.nav button.active{background:#66825b40;color:#ebd89e;box-shadow:inset 3px 0 #ddc384}.nav button:hover{background:#ffffff0a}.sidebar-bottom{margin-top:auto;border-top:1px solid #66805a55;padding-top:18px}.suite-links{display:grid;gap:9px;padding:10px;font-size:11px}.suite-links a{display:flex;justify-content:space-between;gap:8px;color:#b8cfb9;min-height:28px;align-items:center}.profile{display:flex;gap:10px;padding:20px 10px 0;align-items:center}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#58724b66;color:#d8ddba;border:1px solid #69825866;border-radius:50%;font-size:11px;flex-shrink:0}.profile>div{min-width:0}.profile strong{display:block;overflow:hidden;text-overflow:ellipsis;max-width:140px;font-size:11px;white-space:nowrap}.profile small{font-size:10px}.workspace{margin-left:244px}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 34px;background:#171e19}.breadcrumb{font-size:12px;color:#91a395;display:flex;gap:12px;align-items:center}.breadcrumb strong{color:#d3decf;font-weight:500}.connection{display:flex;align-items:center;gap:7px;font-size:11px;color:#b4c7b3}.connection i,.status i{width:6px;height:6px;background:currentColor;border-radius:50%}.connection.bad{color:#e4b58a}.main{max-width:1500px;padding:34px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2px;color:#a2ba9e;margin-bottom:12px;font-weight:600}h1{font-size:32px;font-weight:600;letter-spacing:-1.1px}h2{font-size:17px;font-weight:600;letter-spacing:-.3px}h3{font-size:14px;font-weight:600}.page-head p{color:var(--muted);font-size:12px;margin-top:10px;line-height:1.7}.secondary,.primary,.danger,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:8px;min-height:43px;font-size:12px;font-weight:600;line-height:1.5}.primary{background:#bdd4aa;color:#183623;border:1px solid #c8deba}.primary:hover{background:#d5e6c5}.secondary{background:#26372b;color:#cedec7;border:1px solid #4c624b}.secondary:hover{background:#344933}.danger{background:#533a30;border:1px solid #7d5442;color:#f2c4b3}.ghost{background:transparent;color:#c4d6b8;border:1px solid var(--line)}.head-actions,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.dashboard{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:22px}.hero{border:1px solid #5e7450;background:radial-gradient(ellipse at 30% 0,#34482e,#202c23 65%);border-radius:14px;padding:28px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;right:-80px;top:35px;width:280px;height:280px;border:1px solid #a5b78510;border-radius:50%;pointer-events:none}.hero-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.status{display:inline-flex;gap:7px;align-items:center;border:1px solid #617a4e;border-radius:30px;padding:7px 11px;font-size:11px;color:#c4dcb0;background:#a4ba7e0a}.status.break{color:#e1c88a;border-color:#8b744b}.status.finished,.status.not_clocked{color:#a8b6ac;border-color:#526358}.clock{font-size:12px;color:#a5b899;font-variant-numeric:tabular-nums}.timerlabel{margin-top:35px;font-size:11px;color:#a8b99f}.timer{font-size:clamp(42px,calc(5vw / var(--sg-ui-scale, 1)),69px);letter-spacing:-2.5px;font-weight:450;line-height:1.15;margin:9px 0 10px;color:#edf1df;font-variant-numeric:tabular-nums}.starttime{font-size:11px;color:#a5b69e}.punch-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:29px;position:relative;z-index:1}.punch-actions button{font-size:15px;min-height:60px;padding:16px}.punch-actions .full{grid-column:1/-1}.hero-foot{border-top:1px solid #63734c55;margin-top:22px;padding-top:17px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#a2b698;line-height:1.7}.hero-foot svg{width:12px;height:12px;vertical-align:middle}.panel{border:1px solid var(--line);border-radius:12px;background:#1b231e;min-width:0;overflow:hidden}.panel-head{padding:21px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head small{display:block;font-size:10px;margin-top:6px}.panel-body{padding:22px}.project-card{display:flex;flex-direction:column;gap:17px}.project-icon{width:43px;height:43px;border-radius:10px;border:1px solid #6b684544;background:#6b68451f;color:#dbc68e;display:grid;place-items:center}.project-card h3{font-size:20px;line-height:1.4}.project-card p{font-size:11px;color:#a5b39f;line-height:1.8}.project-card .secondary{width:100%;margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;grid-column:1/-1}.metric{border:1px solid #374536;background:linear-gradient(125deg,#222c23,#1a231d);border-radius:10px;padding:20px}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a7b6a5;gap:8px}.metric strong{font-size:27px;font-weight:500;letter-spacing:-.8px;display:block;margin:17px 0 7px;font-variant-numeric:tabular-nums}.metric small{font-size:10px}.metric.gold{border-color:#776f404f;background:#2b2e20}.metric.gold strong{color:#ded19b}.list-stack{display:grid;gap:22px}.event-row{display:flex;gap:13px;padding:18px 22px;border-bottom:1px solid #35433880;align-items:flex-start}.event-row:last-child{border-bottom:0}.event-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#52664833;color:#b0c498;flex-shrink:0}.event-row .content{flex:1;min-width:0}.event-row strong{font-size:12px;display:block;font-weight:500}.event-row small{font-size:10px;display:block;margin-top:6px}.event-row time{font-size:11px;color:#b0c4a5;font-variant-numeric:tabular-nums;white-space:nowrap}.mini-button{background:transparent;color:#c9d6b5;font-size:10px;padding:8px;border-radius:6px;border:1px solid #4f6246}.mini-button svg{width:13px;height:13px;vertical-align:middle}.badge{font-size:9px;border:1px solid #5b6c4f;padding:4px 7px;border-radius:5px;display:inline-flex;color:#c2d4af;line-height:1.4}.badge.warn{border-color:#897347;color:#e2c58d;background:#7f5c221a}.badge.bad{border-color:#885646;color:#e8b1a0}.empty{padding:32px 22px;color:#9bad9a;font-size:12px;line-height:1.85;text-align:center}.notice{padding:14px 17px;border:1px solid #756340;background:#423b242f;border-radius:9px;color:#dcc99c;font-size:12px;line-height:1.7;margin-bottom:22px}.notice.error{border-color:#815b4e;color:#efb8a4;background:#4b302926}.notice.success{border-color:#5c7852;color:#c2dcb1;background:#374f2e40}.notice .actions{margin-top:12px}.toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:21px;border-bottom:1px solid var(--line)}.toolbar label{flex:1;min-width:130px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px;white-space:nowrap}th{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#9eb09c;font-weight:500;background:#182019}td,th{padding:16px 20px;border-bottom:1px solid #35433877}td{color:#bdcdb5}td strong{color:#e0e8d7;font-weight:500}td small{display:block;font-size:10px;margin-top:4px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#93ab7406}.employee-link{background:none;color:#e0e8d7;text-align:left;padding:0}.employee-link:hover{text-decoration:underline}.report-total{padding:22px;display:flex;gap:24px;flex-wrap:wrap;background:#283521}.report-total strong{display:block;font-size:24px;font-weight:500;color:#d6e1bf;margin-top:7px}.report-total small{font-size:10px}.timeline-card{padding:21px;border-bottom:1px solid var(--line)}.timeline-card h3{display:flex;justify-content:space-between;gap:14px}.timeline-card p{font-size:12px;color:#a7b9a1;line-height:1.7;margin:12px 0}.timeline-card small{font-size:10px;display:block;margin-top:9px}.timeline-card .actions{margin-top:14px}.timeline-card pre{white-space:pre-wrap;word-break:break-word;background:#131d16;border:1px solid #344532;padding:12px;border-radius:7px;font-size:11px;color:#afc2a8;max-height:200px;overflow:auto}details{margin-top:12px;font-size:11px;color:#b9c9ad}summary{cursor:pointer;padding:8px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:10px;line-height:1.6}.check input{width:18px;min-height:18px;accent-color:#c5d6a9}.setting-note{font-size:11px;line-height:1.8;color:#a2b29b;margin:20px 0}.break-edit{border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.break-edit>strong{grid-column:1/-1;font-size:12px}.delete-break{background:none;color:#e3ab94;font-size:11px;padding:8px;text-align:right}.day-card{margin-bottom:18px}.day-meta{padding:19px 22px;color:#c4d3bb;font-size:12px;display:flex;gap:17px;flex-wrap:wrap}.day-meta small{font-size:10px}.footer{display:flex;justify-content:space-between;gap:12px;margin-top:32px;padding-top:18px;border-top:1px solid #33432d;font-size:9px;color:#8ea087;line-height:1.7}.loading{min-height:calc(100dvh / var(--sg-ui-scale, 1));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;text-align:center;background:radial-gradient(ellipse at top,#294b30,#131b15 65%)}.loading p{font-size:13px;color:#a8bd9f;max-width:500px;line-height:1.9}.loading h1{font-size:34px}.loading .brandmark{font-size:65px}.loading .actions{justify-content:center}.loading .notice{max-width:550px}dialog{width:min(640px,calc(100% - 28px));max-height:calc(90dvh / var(--sg-ui-scale, 1));overflow:auto;border:1px solid #60754e;border-radius:15px;padding:0;background:#1c291f;color:#e7eddf;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#050b07b8;backdrop-filter:blur(7px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line);gap:20px}.modal-head button{background:none;color:#becdb2;font-size:25px;padding:0 5px}.modal-body{padding:22px}.modal-foot{padding:18px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.modal-body .notice{font-size:11px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#d8e4c7;color:#20371e;border-radius:10px;padding:14px 19px;box-shadow:0 9px 35px #0005;max-width:calc(100% - 30px);z-index:100;font-size:13px;line-height:1.6}.toast.error{background:#ebc3ad;color:#4a2820}.mobile-menu{display:none}.subheading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 16px}.pending-item{border-top:1px solid #75634066;padding-top:12px;margin-top:12px;display:flex;gap:10px;justify-content:space-between;align-items:center}.hint{font-size:10px;color:#9cac94;line-height:1.7}.duration-options{display:flex;gap:8px;margin:12px 0 19px}.duration-options button{flex:1}.selected-person{padding:14px 18px;background:#283a2b;border:1px solid #526e49;border-radius:9px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.selected-person strong{font-size:13px}.selected-person small{display:block;font-size:11px;margin-top:4px}@media(min-width:1600px){.main{padding:42px}.hero{padding:34px}.dashboard{gap:25px}.timer{font-size:76px}}@media(max-width:1150px){.sidebar{width:218px;padding-left:13px;padding-right:13px}.workspace{margin-left:218px}.main{padding:26px}.topbar{padding:0 26px}.dashboard{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:16px}.hero{padding:23px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:24px}.metric-label{font-size:9px}}@media(max-width:950px){.dashboard{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{display:grid;grid-template-columns:auto 1fr;gap:13px}.project-card .secondary{grid-column:1/-1}.project-card>p{grid-column:2}.page-head{flex-wrap:wrap}.page-head .head-actions{width:100%}.timer{font-size:64px}.list-stack{gap:16px}}@media(max-width:700px){.sidebar{width:260px;z-index:40;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 100px #000b}.workspace{margin-left:0}.mobile-menu{display:inline-flex;background:none;color:#bdcfb6;padding:8px}.topbar{height:62px;padding:0 14px;gap:8px}.breadcrumb{font-size:10px;gap:7px;flex:1}.topbar .connection{font-size:9px}.main{padding:24px 16px}.page-head{gap:16px;margin-bottom:22px}h1{font-size:29px}.page-head p{font-size:11px}.head-actions{gap:8px}.head-actions .secondary,.head-actions .ghost{font-size:11px;flex:1;padding:10px}.hero{padding:22px}.hero-top{gap:10px}.timer{font-size:60px}.timerlabel{margin-top:28px}.punch-actions button{min-height:65px;font-size:14px;padding:13px}.hero-foot{font-size:9px}.metric{padding:17px}.metric strong{font-size:27px}.metric-label{font-size:10px}.panel-head,.panel-body{padding:19px}.event-row{padding:17px 19px;gap:10px}.event-row time{font-size:10px}.form-grid{grid-template-columns:1fr}.break-edit{grid-template-columns:1fr}.toolbar{padding:16px;gap:12px}.toolbar label{min-width:calc(50% - 12px)}.toolbar .actions{width:100%}.toolbar .actions button{flex:1}.footer{font-size:8px}.modal-head,.modal-body{padding:19px}.modal-foot{padding:16px 19px}.table-wrap td,.table-wrap th{padding:15px}.subheading{flex-wrap:wrap}.selected-person{align-items:flex-start}.clock{font-size:10px}.timeline-card{padding:18px}.report-total{gap:20px;padding:18px}.report-total strong{font-size:21px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.sidebar,.topbar,.page-head .head-actions,.toolbar,.footer,.no-print,.toast{display:none!important}.workspace{margin:0}.main{padding:0;max-width:none}:root{color-scheme:light;background:white;color:black}.panel,table,.report-total{background:white;color:black;border-color:#ddd}td,th,td strong,.report-total strong{color:black}small{color:#444}}
.repair-panel{margin-top:24px}.repair-completion{margin-bottom:16px}.repair-completion-copy{display:grid;gap:14px;line-height:1.6;overflow-wrap:anywhere}.repair-completion-form .modal-foot{flex-wrap:wrap}.repair-completion-form .modal-foot>button{flex:1;min-width:0}.repair-note{margin:0 0 18px}.repair-list{display:grid;gap:14px}.repair-card{border:1px solid var(--line);border-radius:10px;padding:18px;display:grid;gap:15px}.repair-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.repair-card h3{font-size:18px;line-height:1.5;margin:5px 0 9px;overflow-wrap:anywhere}.repair-totals{display:flex;gap:30px;flex-wrap:wrap;color:var(--muted);font-size:11px}.repair-totals strong{display:block;color:#e4ebda;font-variant-numeric:tabular-nums;font-size:15px;margin-top:6px}.repair-active{background:#314529;border:1px solid #72845a;border-radius:10px;padding:20px;margin-bottom:18px;display:flex;gap:20px;justify-content:space-between;align-items:center}.repair-active h3{font-size:20px;margin:12px 0 7px;overflow-wrap:anywhere}.repair-active p{font-size:12px;color:#c8d6bd}.repair-active small{display:block}.repair-active .actions{max-width:340px}.repair-time{display:block;font-size:27px;font-weight:500;margin:14px 0 7px;font-variant-numeric:tabular-nums}.repair-footer{padding-top:18px}.repair-card .actions .primary{flex:1}@media(max-width:700px){.repair-active{display:block;padding:17px}.repair-active .actions{margin-top:18px;max-width:none}.repair-card .actions>*{width:100%}.repair-totals{gap:18px}.repair-card{padding:15px}}
.app-signout{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex-shrink:0;padding:10px 12px;border:1px solid #8c774d;border-radius:8px;color:#f0d486;background:#22241e;font-size:12px;font-weight:600;white-space:nowrap}.app-signout:hover{background:#35372c}.app-brand-icon{object-fit:contain;border-radius:12px;flex-shrink:0}.brand .app-brand-icon{width:43px;height:43px}.loading .app-brand-icon{width:84px;height:84px}.topbar .breadcrumb{margin-right:auto}@media(max-width:700px){.topbar .connection{display:none}.topbar .breadcrumb{font-size:0;gap:0}.topbar .breadcrumb>span{display:none}.topbar .breadcrumb strong{font-size:11px}.app-signout{font-size:11px;padding:9px 10px;gap:6px}}

.install-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #8c774d;border-radius:8px;padding:10px 14px;background:#26271f;color:#f0d486;font:600 12px/1.5 Inter,'Segoe UI',sans-serif;cursor:pointer;white-space:normal}.install-button:hover{background:#35372a}.install-button:disabled{opacity:.65;cursor:wait}.install-button:focus-visible,.install-tabs button:focus-visible,.install-close:focus-visible{outline:2px solid #f0c660;outline-offset:3px}.install-strip{display:flex;justify-content:flex-end;padding:10px 34px;border-bottom:1px solid #354338;background:#171e19}.install-dialog{padding:0;width:min(620px,calc(calc(100vw / var(--sg-ui-scale, 1)) - 24px));max-height:calc(calc(100dvh / var(--sg-ui-scale, 1)) - 32px);border:1px solid #897a55;border-radius:16px;background:#19221c;color:#e7eddf;overflow:auto;box-shadow:0 24px 90px #0008}.install-dialog::backdrop{background:#050b07ba;backdrop-filter:blur(5px)}.install-dialog-head{display:flex;align-items:center;gap:14px;padding:22px;border-bottom:1px solid #3d493b}.install-dialog-head img{border-radius:12px;flex-shrink:0}.install-dialog-head>div{flex:1}.install-dialog-head p{font-size:9px;letter-spacing:1.3px;color:#a8b99e;margin:0 0 6px}.install-dialog-head h2{font-size:24px;margin:0;color:#eee7cb;line-height:1.25}.install-close{min-width:44px;min-height:44px;background:none;border:0;color:#c7d7bc;display:grid;place-items:center;cursor:pointer}.install-dialog-body{padding:22px}.install-dialog-body p{font-size:13px;line-height:1.75;margin:0 0 16px;color:#b9c8b4}.install-notice{display:flex;gap:9px;align-items:center;padding:12px 14px;border:1px solid #727855;border-radius:8px;background:#33402b;color:#e1dfb7!important}.install-native{width:100%;margin-bottom:18px}.install-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:20px 0}.install-tabs button{border:1px solid #465342;border-radius:7px;background:#202d22;color:#bdcbb6;min-height:44px;padding:8px 5px;cursor:pointer;font:600 11px/1.4 Inter,'Segoe UI',sans-serif}.install-tabs button[aria-selected=true]{color:#f0d486;background:#3b3b26;border-color:#aa9052}.install-dialog ol{padding-left:23px;margin:0 0 22px;display:grid;gap:13px;font-size:13px;line-height:1.7;color:#d3ddc9}.install-browser-help{border-top:1px solid #3a4738;padding-top:20px}.install-browser-help h3{font-size:15px;margin:0 0 10px;color:#e2e7d1}.install-copy{display:flex;gap:8px}.install-copy input{width:100%;min-width:0;border:1px solid #45553f;border-radius:8px;background:#121c16;color:#d3dfc8;padding:10px;font:12px/1.5 system-ui;min-height:44px}.install-copy-status{font-size:11px!important;margin-top:9px!important;min-height:18px}.install-dialog-body .install-footnote{font-size:11px;color:#98ac91;margin-bottom:0}.welcome>.install-button{margin-top:8px}@media(max-width:700px){.install-strip{padding:10px 15px}.install-strip .install-button{width:100%}.install-dialog-head,.install-dialog-body{padding:18px}.install-dialog-head{gap:10px}.install-dialog-head h2{font-size:21px}.install-dialog-head img{width:45px;height:45px}.install-tabs{grid-template-columns:repeat(2,1fr)}.install-copy{flex-wrap:wrap}.install-copy .install-button{width:100%}}@media print{.install-strip,.install-button,.install-dialog{display:none!important}}

.install-dialog [hidden]{display:none!important}.loading>.install-button{margin-top:14px}

.company-tools{align-items:center;justify-content:space-between;gap:20px}.company-switcher{min-width:0;width:min(400px,100%)}.company-switcher label{display:grid;gap:6px}.company-switcher label>span{display:flex;gap:7px;align-items:center;color:#b9c8b4;font-size:11px;font-weight:600}.company-switcher select{width:100%;min-width:0;min-height:44px;padding:9px 12px;border:1px solid #6c7d64;border-radius:8px;background:#1f2e23;color:#edf1e6;font:600 13px/1.5 system-ui;overflow:hidden;text-overflow:ellipsis}.company-switcher select:focus-visible{outline:2px solid #f0c660;outline-offset:2px}.company-switcher select:disabled{opacity:.8}.company-switcher small{display:block;margin-top:7px;font-size:11px}.company-switch-error{color:#ffb5a8}.install-device{color:#f0d486!important;font-weight:650;margin:18px 0 8px!important}.install-other{margin:0 0 18px}.install-other summary{cursor:pointer;color:#b9c8b4;font-size:12px;min-height:38px;padding:8px 0}.install-other .install-tabs{margin:0 0 12px}.install-reminder{position:fixed;right:18px;bottom:18px;z-index:110;display:flex;align-items:flex-start;gap:12px;width:min(360px,calc(calc(100vw / var(--sg-ui-scale, 1)) - 28px));padding:16px;border:1px solid #8c774d;border-radius:12px;background:#1e2b22;color:#e7eddf;box-shadow:0 8px 32px #0006}.install-reminder[hidden]{display:none!important}.install-reminder img{border-radius:10px;flex-shrink:0}.install-reminder>div{flex:1;min-width:0}.install-reminder strong{font-size:13px}.install-reminder p{font-size:11px;line-height:1.6;color:#b9c8b4;margin:5px 0}.install-reminder-action{border:0;background:none;padding:6px 0;color:#f0d486;font:600 12px system-ui;min-height:36px;cursor:pointer;text-align:left}.install-reminder>.install-close{min-width:28px;min-height:28px;padding:0}.install-reminder-action:focus-visible{outline:2px solid #f0c660;outline-offset:2px}@media(max-width:700px){.company-tools{align-items:stretch;flex-direction:column;gap:10px}.company-switcher{width:100%}.install-reminder{right:14px;bottom:14px}.company-tools>.install-button{width:100%}}@media print{.install-reminder,.company-switcher{display:none!important}}

.install-button[hidden],[data-app-install][hidden]{display:none!important}@media(display-mode:standalone){.install-button,.install-reminder,.install-dialog,.install-only,.install-strip:not(.company-tools){display:none!important}}

.menu-backdrop,.mobile-menu-close{display:none}.menu-backdrop[hidden]{display:none!important}
@media(max-width:700px){.menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:120;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;cursor:pointer}.sidebar{z-index:130;width:min(260px,calc(calc(100vw / var(--sg-ui-scale, 1)) - 52px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar.open{box-shadow:none}.mobile-menu-close{display:grid;place-items:center;position:absolute;right:8px;top:8px;width:44px;height:44px;padding:0;background:transparent;color:#d8e4cf;border:1px solid #69825866;border-radius:8px;font-size:28px;line-height:1}.sidebar .brand{padding-right:40px}}

.pay-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;margin:24px 0}.pay-link h2{margin:0 0 7px;font-size:18px}.pay-link p{margin:0;color:#a9bba2;font-size:13px}.pay-config{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.pay-config strong{color:#edcf81}.pay-periods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.pay-periods button{flex:1;min-width:120px}.pay-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pay-stat{padding:22px;border:1px solid #43533c;border-radius:12px;display:grid;gap:10px;min-width:0}.pay-stat small{font-size:10px;letter-spacing:1.2px;color:#b7c7ad}.pay-stat strong{font-size:clamp(24px,calc(3.3vw / var(--sg-ui-scale, 1)),38px);letter-spacing:-1px;overflow-wrap:anywhere}.pay-stat span{font-size:12px;color:#a9bba2}.pay-net{background:#303a26;border-color:#ad9150}.pay-net strong{color:#edcf81}.pay-detail{margin-top:22px}.pay-detail>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #3b4836}.pay-detail span{overflow-wrap:anywhere;min-width:0}.pay-detail small{margin-left:8px;color:#a9bba2}.pay-detail strong{white-space:nowrap}.pay-note{margin-top:26px;padding-top:20px;border-top:1px solid #3b4836;font-size:12px;line-height:1.7;color:#a9bba2}.pay-note p{margin:8px 0}.pay-note strong{color:#d7e1cb}.pay-empty{text-align:center;max-width:480px;margin:20px auto 35px}.pay-empty-icon{width:64px;height:64px;margin:auto;display:grid;place-items:center;background:#354127;color:#edcf81;border:1px solid #8c774d;border-radius:16px}.pay-empty-icon svg{width:30px;height:30px}.pay-empty h2{font-size:23px;line-height:1.3}.pay-empty p{color:#a9bba2;line-height:1.7}.pay-deduction{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid #43533c}.pay-deduction label{min-width:0}.pay-deduction button{margin-bottom:14px;min-height:44px}.pay-deduction input{min-width:0;width:100%}#modal-form:has(#pay-deductions) .subheading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px}@media(max-width:700px){.pay-link{align-items:stretch;flex-direction:column}.pay-config{align-items:stretch;flex-direction:column}.pay-summary{gap:10px}.pay-stat{padding:15px 12px}.pay-stat strong{font-size:24px}.pay-stat small{font-size:9px;letter-spacing:.7px}.pay-deduction{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pay-deduction button{grid-column:1/-1;margin:0 0 8px}.pay-deduction input,#modal-form:has(#pay-deductions) input{font-size:16px}.pay-detail>div{font-size:13px}.pay-note{font-size:12px}}@media(max-width:360px){.pay-summary{grid-template-columns:1fr}.pay-deduction{grid-template-columns:1fr}}
/* Suite Gougeon: screen-only finishes keep printed attendance reports unchanged. */
@media screen {
  :root {
    --bg:#090d0b; --panel:#162019; --line:#44513f; --muted:#c0c9bc;
    --gold:#ddc384; --suite-ivory:#f3efdf; --suite-bronze:#b6815b;
    --suite-shadow:0 14px 35px #0005,0 2px 6px #0005;
    color:var(--suite-ivory); background:var(--bg);
  }
  body,.app {background:radial-gradient(ellipse at 90% 0,#9d773b20,transparent 45%),radial-gradient(ellipse at 10% 65%,#204a3729,transparent 52%),linear-gradient(140deg,#0e1511,#090d0b 65%);}
  .sidebar {background:radial-gradient(ellipse at 100% 0,#ddc38422,transparent 46%),linear-gradient(160deg,#204a37,#153526 65%,#10271d);border-right-color:#8d794b80;box-shadow:8px 0 32px #0004,inset -1px 0 #f0d48615;}
  .brand strong {color:var(--suite-ivory);}
  .brand small,.orglabel {color:#d0cbaa;}
  .navlabel,.eyebrow {color:#d2ab81;}
  .nav button.active {color:#f0d486;background:linear-gradient(105deg,#9d773b4d,#ddc38410);box-shadow:inset 3px 0 #f0d486,inset 0 1px #f0d4861c,0 3px 12px #0002;}
  .sidebar-bottom {border-top-color:#b6815b58;}
  .topbar,.install-strip {background:linear-gradient(105deg,#17211b,#0b110e 75%);border-bottom-color:#9d773b70;box-shadow:0 5px 20px #0003;}
  .breadcrumb strong,.page-head h1,.panel-head h2,.project-card h3 {color:var(--suite-ivory);}
  .panel,.metric,.pay-stat,.repair-card {background:radial-gradient(ellipse at 100% 0,#ddc3840d,transparent 60%),linear-gradient(145deg,#1d2a21,#101813 85%);border-color:#62705470;box-shadow:inset 0 1px #f0d48620,var(--suite-shadow);}
  .panel-head,.toolbar {background:linear-gradient(110deg,#ddc38408,#090d0b35);border-bottom-color:#87744952;}
  .hero {background:radial-gradient(ellipse at 12% 0,#9d773b52,transparent 58%),linear-gradient(130deg,#274932,#182c20 55%,#101a14);border-color:#af9259;box-shadow:inset 0 1px #f0d48666,0 18px 48px #0006,0 0 35px #9d773b12;}
  .hero:after {border-color:#ddc38424;box-shadow:0 0 45px #ddc38406,inset 0 0 40px #ddc38406;}
  .timer {color:#fff5d9;text-shadow:0 2px 18px #ddc38425;}
  .hero-foot {border-top-color:#ddc38440;color:#c0c9bc;}
  .timerlabel,.clock,.starttime {color:#c0c9bc;}
  .metric.gold,.pay-net {background:radial-gradient(ellipse at 15% 0,#ddc3842e,transparent 65%),linear-gradient(135deg,#39331f,#1b2117);border-color:#a1844d;box-shadow:inset 0 1px #f0d48655,var(--suite-shadow);}
  .metric.gold strong,.pay-net strong,.pay-config strong {color:#f0d486;}
  .metric-label,.project-card p,.pay-stat span,.pay-link p {color:#c0c9bc;}
  .repair-active,.selected-person {background:radial-gradient(ellipse at 0 0,#ddc38422,transparent 75%),linear-gradient(135deg,#294c35,#172b1e);border-color:#a48b54;box-shadow:inset 0 1px #f0d48630,var(--suite-shadow);}
  .repair-card.selected {border-color:#f0d486;box-shadow:inset 0 1px #f0d48640,0 0 0 1px #ddc38470,var(--suite-shadow);}
  .project-icon,.pay-empty-icon {background:linear-gradient(145deg,#4a3e25,#24291d);border-color:#b6925480;color:#f0d486;box-shadow:inset 0 1px #f0d48635,0 5px 12px #0003;}
  .primary {background:linear-gradient(135deg,#f0d486,#ddc384 52%,#c6a35f);color:#17271c;border-color:#f0d486;box-shadow:inset 0 1px #fff2c8a6,0 5px 15px #0004;}
  .secondary {background:linear-gradient(135deg,#314a36,#1d3023);color:#e2e8d5;border-color:#6e835d;box-shadow:inset 0 1px #b1d3ac20,0 3px 9px #0003;}
  .ghost {background:linear-gradient(135deg,#1d2920,#111c15);border-color:#5a6c4e;color:#d8e4cd;}
  .app-signout,.install-button {background:linear-gradient(135deg,#3d3421,#1d241b);color:#f0d486;border-color:#ad9055;box-shadow:inset 0 1px #f0d4862c,0 4px 12px #0003;}
  input,select,textarea {background:#0e1711;border-color:#647457;color:var(--suite-ivory);box-shadow:inset 0 2px 6px #0004;}
  input::placeholder,textarea::placeholder {color:#a7b59f;}
  .orgselect,.company-switcher select {background:linear-gradient(135deg,#203b2a,#102219);border-color:#9b8556;color:var(--suite-ivory);}
  label {color:#d0dac6;}
  th {background:#0c1510;color:#ddc384;border-bottom-color:#9d773b70;}
  td {border-bottom-color:#56634b65;color:#c0c9bc;}
  td strong {color:var(--suite-ivory);}
  .report-total {background:linear-gradient(110deg,#29402c,#19271c);border-top:1px solid #b6815b66;}
  .report-total strong {color:#f0d486;}
  .event-mark {background:linear-gradient(140deg,#3a4b31,#233423);border:1px solid #b6815b40;color:#ddc384;}
  .event-row {border-bottom-color:#6a715044;}
  dialog,.install-dialog {background:radial-gradient(ellipse at 100% 0,#9d773b22,transparent 52%),linear-gradient(145deg,#1d2a21,#0e1711);border-color:#aa8b50;box-shadow:inset 0 1px #f0d48655,0 30px 100px #000b;color:var(--suite-ivory);}
  .modal-head,.modal-foot,.install-dialog-head {background:#090d0b30;border-color:#9d773b55;}
  .install-reminder {background:linear-gradient(135deg,#253725,#101b14);border-color:#bc9a59;box-shadow:inset 0 1px #f0d48645,0 15px 40px #0007;}
  .install-tabs button[aria-selected=true] {background:linear-gradient(135deg,#514328,#2e3020);border-color:#ddc384;color:#f0d486;}
  .loading {background:radial-gradient(ellipse at 50% 0,#9d773b35,transparent 60%),radial-gradient(ellipse at 20% 30%,#204a3760,transparent 65%),#090d0b;}
  .loading h1 {color:var(--suite-ivory);}
  button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #f0d486;outline-offset:3px;}
}
@media screen and (hover:hover) {
  .primary:not(:disabled):hover {background:linear-gradient(135deg,#ffe8ac,#ead18e 55%,#d9b875);box-shadow:inset 0 1px #fff5d9,0 5px 18px #9d773b36;}
  .secondary:not(:disabled):hover {background:linear-gradient(135deg,#3e5c42,#29432e);border-color:#a8ba8d;}
  .nav button:not(.active):hover {background:linear-gradient(90deg,#ddc38418,#ffffff04);color:var(--suite-ivory);}
  tbody tr:hover {background:#ddc38409;}
}

.app-company-brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;max-width:100%}.app-company-brand img{display:block;flex-shrink:0;object-fit:contain}.app-company-brand .app-brand-icon{width:40px;height:40px;border-radius:9px}.app-company-brand .company-brand-symbol{width:54px;height:42px;padding:0;border-radius:0;background:transparent;border:0}.app-company-brand img[hidden]{display:none}.brand:has(.company-brand-symbol){flex-wrap:wrap;gap:10px}.topbar>.app-company-brand.compact{display:none}@media(max-width:700px){.topbar>.app-company-brand.compact{display:inline-flex;gap:5px}.topbar>.app-company-brand.compact .app-brand-icon{width:29px;height:29px}.topbar>.app-company-brand.compact .company-brand-symbol{width:40px;height:31px}.topbar{height:auto;min-height:62px;flex-wrap:wrap;padding-block:10px}.topbar>.breadcrumb{font-size:10px;min-width:0}.topbar:has(.company-brand-symbol)>.breadcrumb{flex-basis:calc(100% - 140px)}.topbar .connection{margin-left:auto}}
.job-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.job-card{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-width:0;border:1px solid var(--line);border-radius:11px;padding:20px;background:linear-gradient(140deg,#d9be7610,#17332222);text-align:left}.job-card>.primary{margin-top:auto}.job-details{display:grid;gap:9px;min-width:0;overflow-wrap:anywhere;text-align:left}.job-details strong{font-size:17px;line-height:1.4;color:var(--gold)}.job-details>span,.job-details p{font-size:12px;line-height:1.7;color:var(--muted)}.job-details .mini-button{justify-self:start;max-width:100%;white-space:normal}.generic-projects{margin-top:22px}.location-disclosure{font-size:11px;margin-bottom:20px}.location-result p{margin-top:7px}.kiosk-job-select{margin-block:16px;text-align:left}.loading>.panel{width:min(100%,640px)}.loading .location-disclosure{margin-top:16px;text-align:left}.loading #kiosk-location-status{font-size:12px;line-height:1.7}.loading .kiosk-brand-footer{margin-top:8px}@media(max-width:700px){.job-card{padding:17px}.job-details strong{font-size:16px}.job-list{grid-template-columns:minmax(0,1fr)}.loading .punch-actions{grid-template-columns:1fr}.loading .punch-actions button{min-width:0}}
.job-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px #ddc38466,inset 0 1px #f4dfa933}.job-card.selected>.badge{align-self:flex-start}
.day-tabs{margin:0 0 16px}.day-card .hint{padding:0 22px 16px}.modal-body .check{margin-top:18px}
/* Compact mobile bar: menu, app and transparent company mark, then sign out. */
@media(max-width:700px){
 .topbar{position:sticky;top:0;z-index:35;height:auto;min-height:56px;flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding:calc(6px + env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) 6px max(4px,env(safe-area-inset-left,0px));}
 .topbar>.mobile-menu{order:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:10px;}
 .topbar>.app-company-brand.compact{order:1;display:inline-flex;gap:7px;flex:0 1 auto;min-width:0;}
 .topbar>.app-company-brand.compact .app-brand-icon{width:32px;height:32px;}
 .topbar>.app-company-brand.compact .company-brand-symbol{width:46px;height:36px;padding:0;background:transparent;border:0;border-radius:0;}
 .topbar>.breadcrumb,.topbar>.connection{display:none;}
 .topbar>.app-signout{order:2;margin-left:auto;flex:0 0 auto;min-height:44px;padding:8px 9px;font-size:12px;gap:6px;}
 .topbar>.app-signout svg{width:18px;height:18px;}
}

/* Suite Gougeon depth: screen-only finishes; no layout, logo, print or 3D material changes. */
@media screen {
 :root[data-theme=light] {
  --sg-card:linear-gradient(150deg,#fff 5%,#fcfdf8 62%,#eaf1e5);
  --sg-card-edge:#b5c7af;
  --sg-depth:inset 0 1px 0 #fff,0 3px 6px #1d452316,0 15px 30px #1d45231c;
  --sg-selected:inset 3px 0 #c39738,inset 0 1px #fff,0 3px 9px #173c2524;
  --sg-chrome:linear-gradient(110deg,#fffef8,#f3f7ed 65%,#e9f0e3);
 }
 :root:not([data-theme=light]) {
  --sg-card:radial-gradient(ellipse at 100% 0,#e3ba592b,transparent 55%),linear-gradient(150deg,#263c2c 0%,#16251b 45%,#0b140f);
  --sg-card-edge:#91a75c;
  --sg-depth:inset 0 1px 0 #f5db8f40,inset 0 -1px 0 #0009,0 5px 10px #0007,0 20px 38px #0006,0 0 2px #dcc57488,0 0 24px #7bc85d30;
  --sg-selected:inset 3px 0 #f4d580,inset 0 1px #f5d78a66,0 4px 12px #0005,0 0 18px #dbb75630;
  --sg-chrome:radial-gradient(ellipse at 5% 0,#64c2821c,transparent 55%),linear-gradient(110deg,#203526,#0b150f 75%,#292315);
 }
 :root[data-theme=light] body {background:radial-gradient(ellipse at 96% 0,#e5c17225,transparent 46%),radial-gradient(ellipse at 0 65%,#2d8c5020,transparent 55%),#f1f5eb;}
 :root:not([data-theme=light]) body {background:radial-gradient(ellipse at 94% 0,#debd6420,transparent 45%),radial-gradient(ellipse at 0 50%,#4cbd6f1c,transparent 52%),#080e0a;}
 :root[data-theme=light] :is(.panel,.metric,.pay-stat,.repair-card:not(.selected),.job-card:not(.selected)),:root:not([data-theme=light]) :is(.panel,.metric,.pay-stat,.repair-card:not(.selected),.job-card:not(.selected)) {background:var(--sg-card);border-color:var(--sg-card-edge);box-shadow:var(--sg-depth);}
 :root[data-theme=light] :is(.topbar,.install-strip) {background:var(--sg-chrome);border-bottom-color:#b3c69f;box-shadow:inset 0 -1px #fff,0 4px 14px #1e412521;}
 :root:not([data-theme=light]) :is(.topbar,.install-strip) {background:var(--sg-chrome);border-bottom-color:#d2ad596f;box-shadow:inset 0 -1px #ebd17e26,0 6px 22px #0007,0 1px 14px #aaca6620;}
 :root[data-theme=light] :is(.sidebar) {background:radial-gradient(ellipse at 100% 0,#e4c36426,transparent 50%),linear-gradient(155deg,#24563d,#173b2a 58%,#102a1d);box-shadow:inset -1px 0 #f0da9250,7px 0 22px #20422a26;}
 :root:not([data-theme=light]) :is(.sidebar) {background:radial-gradient(ellipse at 85% 0,#bfcf4f20,transparent 47%),linear-gradient(155deg,#235038,#163422 54%,#09150d);box-shadow:inset -1px 0 #d7bb5f58,8px 0 28px #0006;}
 :root[data-theme=light] :is(.nav button.active,.tabs button.active,.day-tabs button.active) {box-shadow:var(--sg-selected);}
 :root:not([data-theme=light]) :is(.nav button.active,.tabs button.active,.day-tabs button.active) {color:#f7dc8b;box-shadow:var(--sg-selected);}
 :root[data-theme=light] :is(.primary) {box-shadow:inset 0 1px #fff8,0 3px 0 #123a2333,0 6px 13px #20452a30;}
 :root:not([data-theme=light]) :is(.primary) {box-shadow:inset 0 1px #ffedb5a0,0 3px 0 #05170c,0 7px 15px #0008,0 0 3px #f1d87b80,0 0 25px #c7d76560;}
 :root[data-theme=light] :is(.project-icon,.event-mark) {background:linear-gradient(145deg,#edf3df,#d5e4c9);border-color:#adc78d;color:#285336;box-shadow:inset 0 1px #fff,0 4px 9px #21462a20;}
 :root:not([data-theme=light]) :is(.project-icon,.event-mark) {background:linear-gradient(145deg,#3c542d,#152e1f);color:#f3d581;border-color:#a4b26188;box-shadow:inset 0 1px #f4dc8c5c,0 4px 10px #0007,0 0 16px #c5ba501f;}
 :root[data-theme=light] :is(dialog,.install-dialog) {background:linear-gradient(145deg,#fffef9,#f2f7ec);border-color:#9cb780;box-shadow:inset 0 1px #fff,0 8px 16px #193f2526,0 30px 80px #193f2540;}
 :root:not([data-theme=light]) :is(dialog,.install-dialog) {background:radial-gradient(ellipse at 100% 0,#dfb94d20,transparent 50%),linear-gradient(145deg,#263b2c,#101e15 65%,#0a130d);border-color:#cfb166;box-shadow:inset 0 1px #f4dc8c70,0 12px 24px #0007,0 32px 90px #000a,0 0 30px #bc9a4c17;}
 :root:not([data-theme=light]) :is(.metric.gold,.pay-net,.hero) {background:radial-gradient(ellipse at 12% 0,#ebce6a30,transparent 60%),linear-gradient(135deg,#354929,#152d1d 70%,#10190e);border-color:#c8ac5c;box-shadow:inset 0 1px #f7df9275,0 8px 18px #0007,0 20px 38px #0005,0 0 3px #e8cb7870,0 0 26px #d3b75c3d;}
}
@media screen and (hover:hover) {
 :root[data-theme=light] :is(.primary):not(:disabled):hover {box-shadow:inset 0 1px #fff9,0 3px 0 #123a2340,0 8px 18px #20452a40;}
 :root:not([data-theme=light]) :is(.primary):not(:disabled):hover {box-shadow:inset 0 1px #fff2c3,0 3px 0 #05170c,0 8px 18px #0008,0 0 3px #fff1b0c0,0 0 30px #d6ca6e7a;}
}
@media screen and (max-width:780px) {
 :root[data-theme=light] {--sg-depth:inset 0 1px #fff,0 4px 9px #21462a1c,0 10px 20px #21462a19;}
 :root:not([data-theme=light]) {--sg-depth:inset 0 1px #f5db8f44,0 6px 12px #0008,0 14px 26px #0005,0 0 2px #dcc57470,0 0 16px #7bc85d2b;}
}

@media screen {
 :root[data-theme=light]{color-scheme:light;--bg:#f1f5eb;--panel:#fffef9;--line:#b8c9ad;--muted:#546b50;--green:#315c36;--gold:#80601e;--red:#9c4431;--suite-ivory:#213f29;--suite-bronze:#8b5837;color:#213d2a;background:#f1f5eb;}
 :root[data-theme=light] :is(h1,h2,h3,.timer,.metric strong,.pay-stat strong,.project-card h3,.employee-link,.event-row strong,.day-card h3,.repair-heading strong,.breadcrumb strong,label){color:#203f2b;}
 :root[data-theme=light] :is(.page-head p,.project-card p,.metric-label,.timerlabel,.starttime,.clock,.hero-foot,.event-row time,.empty,.company-switcher label>span,.footer,.breadcrumb,.panel-head small,.install-dialog-body p,.install-other summary,.install-dialog ol,.install-dialog-head p,.install-reminder p,.pay-note){color:#52694e;}
 :root[data-theme=light] :is(input,select,textarea):not(.sidebar *){background:#fffefb;color:#25442c;border-color:#9db68d;box-shadow:inset 0 2px 4px #1c442719;}
 :root[data-theme=light] :is(input,textarea):not(.sidebar *)::placeholder{color:#64785b;}
 :root[data-theme=light] :is(.hero,.metric.gold,.pay-net){background:radial-gradient(ellipse at 15% 0,#e5c46c45,transparent 65%),linear-gradient(140deg,#fff9e6,#e0eed2);border-color:#b2ae71;color:#29482d;}
 :root[data-theme=light] :is(.metric.gold strong,.pay-net strong){color:#71551c;}
 :root[data-theme=light] .primary{background:linear-gradient(135deg,#f4d77f,#e0bb5f 65%,#caa34c);color:#213924;border-color:#b98e36;}
 :root[data-theme=light] :is(.secondary,.ghost,.mini-button,.install-button,.app-signout):not(.sidebar *){background:linear-gradient(135deg,#fffdf4,#e4eed6);color:#2d5232;border-color:#9fb887;box-shadow:inset 0 1px #fff,0 3px 7px #22492a20;}
 :root[data-theme=light] :is(.danger,.notice.error){background:#fff0e8;color:#913a2b;border-color:#c68e78;}
 :root[data-theme=light] :is(.notice.success,.status){background:#e1eed4;color:#2c6037;border-color:#95b681;}
 :root[data-theme=light] :is(.status.break,.badge.warn){background:#f8edc9;color:#7d5d1a;border-color:#baa167;}
 :root[data-theme=light] :is(.status.finished,.status.not_clocked){background:#edf2e6;color:#51684c;border-color:#adc0a0;}
 :root[data-theme=light] .notice{background:#fbf1d5;color:#745522;border-color:#c0a56a;}
 :root[data-theme=light] :is(.panel-head,.toolbar,.modal-head,.modal-foot,.install-dialog-head){background:linear-gradient(110deg,#f2f7e9,#e3edda);border-color:#bdcdaa;}
 :root[data-theme=light] .connection{color:#34683d;}
 :root[data-theme=light] .connection.bad{color:#9b6231;}
 :root[data-theme=light] .badge{color:#335d32;background:#e3eed7;border-color:#a8c08f;}
 :root[data-theme=light] .badge.bad{color:#943f2e;background:#fff0e7;border-color:#c58e73;}
 :root[data-theme=light] th{background:#e0ebd2;color:#37572f;border-color:#b0c598;}
 :root[data-theme=light] td{color:#3e5b36;border-color:#bfceb1;}
 :root[data-theme=light] td strong{color:#233f29;}
 :root[data-theme=light] tbody tr:hover{background:#edf4e4;}
 :root[data-theme=light] :is(.repair-active,.selected-person){background:linear-gradient(135deg,#e9edcf,#d3e8c4);border-color:#91ac70;color:#2a4c2d;}
 :root[data-theme=light] :is(.repair-card.selected,.job-card.selected){background:linear-gradient(145deg,#fcf7df,#e1edcf);border-color:#9b7f34;box-shadow:inset 0 1px #fff,0 0 0 1px #a5b47c,0 8px 20px #234c2d24;}
 :root[data-theme=light] :is(.repair-card h3,.job-details strong){color:#365b31;}
 :root[data-theme=light] .repair-paused{background:#f6ebcf;border-color:#c0a76d;}
 :root[data-theme=light] :is(dialog,.install-dialog){color:#243e2b;}
 :root[data-theme=light] :is(.install-dialog-head h2,.install-browser-help h3,.install-close){color:#23462b;}
 :root[data-theme=light] .install-notice{background:#f4ebc9;color:#5b5329!important;border-color:#adad70;}
 :root[data-theme=light] .install-device{color:#80601e!important;}
 :root[data-theme=light] .install-tabs button{background:#f4f8ee;color:#3d5e34;border-color:#a9bd94;}
 :root[data-theme=light] :is(.install-tabs button[aria-selected=true],.tabs button.active,.day-tabs button.active){background:linear-gradient(135deg,#f5e6b9,#dce9c6);color:#294a2d;border-color:#ad9e5b;}
 :root[data-theme=light] .install-reminder{background:linear-gradient(135deg,#fff9e6,#e5efd8);color:#29492f;border-color:#b9ae71;box-shadow:inset 0 1px #fff,0 12px 28px #24452c35;}
 :root[data-theme=light] .install-reminder-action{color:#6b501c;}
 :root[data-theme=light] .loading{background:radial-gradient(ellipse at 50% 0,#e8c76638,transparent 65%),#f2f6eb;}
 :root[data-theme=light] .loading h1{color:#213f2a;}
 :root[data-theme=light] .sidebar :is(label,.profile strong){color:#e4ecd3;}
 :root[data-theme=light] :is(button,a,input,select,textarea):focus-visible{outline-color:#826119;}
 .app-appearance{display:grid;gap:7px;margin:16px 10px 0;color:#c9d9b9;font-size:11px;}
 .app-appearance select{min-height:44px;padding:8px;max-width:100%;font-size:12px;background:#193724;color:#f3efdf;border-color:#829b62;}
}
@media print{.app-appearance{display:none!important;}}


@media screen{:root[data-theme=light] .app{background:transparent;}:root[data-theme=light] .sidebar{--muted:#c2d7b7;--gold:#efcf7a;--green:#b5d7a3;--suite-ivory:#f3efdf;}}

/* Contextual guidance: native disclosure, readable in the page flow. */
.context-help{display:block;min-width:0;margin:.45rem 0;font-size:.875rem;line-height:1.55}
.context-help>summary{display:flex;align-items:center;justify-content:center;width:28px;min-height:28px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font-weight:700;font-size:14px;line-height:1;font-family:inherit;cursor:pointer;list-style:none;user-select:none}
.context-help>summary::marker{content:''}.context-help>summary::-webkit-details-marker{display:none}
.context-help>summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.context-help-content{max-width:68ch;margin-top:.5rem;padding:.6rem .8rem;border-inline-start:2px solid currentColor;white-space:normal;overflow-wrap:anywhere;color:inherit;text-align:start}
@media(pointer:coarse){.context-help>summary{width:44px;min-height:44px}}

/* Quick sub-punches inherit the shared glass panels and dialog. */
.quick-punch-launch{margin-top:12px}.quick-punch-launch:empty{display:none}
.quick-punch-create{min-height:44px}.quick-punch-panel .panel-head{flex-wrap:wrap}
.quick-punch-active{display:grid;gap:14px}
.quick-punch-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px 20px;padding:18px;border:1px solid var(--line);border-radius:12px;min-width:0}
.quick-punch-card h3{margin:9px 0 7px;overflow-wrap:anywhere}
.quick-punch-card>div:first-child>small{display:block;color:var(--muted);font-size:11px;line-height:1.6}
.quick-punch-card>.actions{display:flex;flex-wrap:wrap;gap:8px;max-width:290px;justify-content:flex-end}
.quick-punch-card>.actions button{min-height:44px}
.quick-punch-associations{display:grid;gap:4px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.quick-punch-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;margin:10px 0}
.quick-punch-time{display:block;font-size:clamp(22px,3vw,30px);color:var(--gold);font-variant-numeric:tabular-nums;margin:12px 0 6px}
.quick-punch-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}.quick-punch-links:empty{display:none}
.quick-punch-history{margin-top:24px;min-width:0}
.quick-punch-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.quick-punch-history-row>div>strong{display:block;overflow-wrap:anywhere}.quick-punch-history-row>div>small{display:block;color:var(--muted);margin:5px 0;font-size:11px}
.quick-punch-history-row>strong{color:var(--gold);font-size:13px;font-variant-numeric:tabular-nums}
.quick-punch-history-row details{margin-top:9px;font-size:12px}.quick-punch-history-row summary{cursor:pointer}
.quick-punch-pagination{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.quick-punch-pagination button{min-height:44px}
.quick-punch-pending{display:block}.quick-punch-pending p{margin:8px 0}.quick-punch-pending .actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
#modal-form[data-quick-task] [hidden]{display:none!important}
@media(max-width:700px){.quick-punch-card{grid-template-columns:minmax(0,1fr);padding:15px}.quick-punch-card>.actions{max-width:none;justify-content:flex-start}.quick-punch-card>.actions button{flex:1;min-width:140px}.quick-punch-history-row{grid-template-columns:minmax(0,1fr)}.quick-punch-create{width:100%}.quick-punch-panel [data-quick-button-host]{width:100%}}

/* Correction records use the same glass surfaces and native dialog as attendance. */
.subpunch-history .panel-head,.subpunch-changes .panel-head{flex-wrap:wrap;gap:12px}
.subpunch-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.subpunch-filters>label{flex:1;min-width:180px}.subpunch-status-filter{max-width:420px;margin-bottom:18px}
.subpunch-rows{display:grid;gap:12px}.subpunch-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}
.subpunch-row h3{margin:9px 0 6px;overflow-wrap:anywhere}.subpunch-row small,.subpunch-change>small{display:block;color:var(--muted);font-size:12px;line-height:1.65}
.subpunch-row-actions{display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:10px}.subpunch-row-actions>strong{color:var(--gold);font-size:16px;font-variant-numeric:tabular-nums}
.subpunch-row-actions button,.subpunch-correct,.subpunch-change .actions button,.subpunch-pagination button{min-height:44px}
.subpunch-associations{display:grid;gap:4px;margin-top:8px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.subpunch-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.subpunch-row .subpunch-notes{margin:8px 0}
.subpunch-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.subpunch-pagination>span{font-size:12px;color:var(--muted)}
.subpunch-change{padding:18px 0;border-bottom:1px solid var(--line);min-width:0}.subpunch-change-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.subpunch-change-heading h3{margin:0 0 9px;overflow-wrap:anywhere}
.subpunch-change details{margin:14px 0}.subpunch-change summary{cursor:pointer;min-height:32px;font-size:13px}.subpunch-change>.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.subpunch-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:14px 0}.subpunch-comparison>section{padding:14px;border:1px solid var(--line);border-radius:12px;min-width:0}.subpunch-comparison h4{margin:0 0 14px;color:var(--gold);font-size:13px}
.subpunch-snapshot{display:grid;grid-template-columns:minmax(70px,.6fr) minmax(0,1fr);gap:9px 12px;margin:0;font-size:12px;line-height:1.6}.subpunch-snapshot dt{color:var(--muted)}.subpunch-snapshot dd{margin:0;overflow-wrap:anywhere}.subpunch-snapshot ul{margin:0;padding-left:16px}.subpunch-snapshot .subpunch-notes{font-size:12px}
.subpunch-form-context{display:grid;gap:6px;margin:12px 0 20px;line-height:1.6;font-size:13px}.subpunch-form-context>span{color:var(--muted);overflow-wrap:anywhere}
.subpunch-readonly{display:grid;align-content:start;gap:8px;font-size:12px;overflow-wrap:anywhere}.subpunch-readonly>span{color:var(--muted)}
.subpunch-pauses{margin:20px 0}.subpunch-pauses .subheading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.subpunch-pause{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0;min-width:0}.subpunch-pause legend{font-size:12px;padding:0 7px;color:var(--muted)}.subpunch-pause>.hint{display:block;margin-top:7px}.subpunch-pause>button{min-height:44px;margin-top:7px}
.subpunch-pending{display:block}.subpunch-pending p{margin:8px 0}.subpunch-pending .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#modal-form[data-sub-correction] [hidden]{display:none!important}#modal-form[data-sub-correction] input[type=datetime-local]{max-width:100%;min-width:0}#modal-form[data-sub-correction] .form-grid>label{min-width:0}
@media(max-width:700px){.subpunch-row{grid-template-columns:minmax(0,1fr)}.subpunch-row-actions{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.subpunch-comparison{grid-template-columns:minmax(0,1fr)}.subpunch-filters>label{min-width:100%}.subpunch-pause{padding:12px}.subpunch-change .actions>button{flex:1;min-width:140px}.event-row>.subpunch-correct{margin-left:auto}}
/* Keep related controls readable without enlarging the glass cards. */
@media screen {
 .days-selection{display:grid;gap:12px;margin-bottom:16px}
 .days-selection #days-filter{gap:12px;min-width:0}
 .days-selection #days-filter>label{min-width:0}
 .days-selection #days-filter>button{grid-column:1/-1}
 .days-selection>.setting-note,.days-selection>p{margin:0;line-height:1.65}
 .days-selection>.actions{gap:10px 12px}
 .main>.panel+.panel{margin-top:16px}
 .modal-body>:is(.form-grid,label)+:is(.form-grid,label,.actions){margin-top:12px}
 .panel-body:not(.days-selection)>:is(.actions,form)+:is(.actions,p,form){margin-top:12px}
}
@media screen and (max-width:700px){
 .days-selection .actions>button{flex:1 1 180px;min-width:0;white-space:normal}
 .day-card .panel-head{flex-wrap:wrap;row-gap:12px}
 .day-card .panel-head .employee-link{max-width:100%;text-align:left}
}

/* Keep the mobile glass header open at the screen edges, with its bottom divider. */
@media screen and (max-width:700px),screen and (pointer:coarse){
 html:root .workspace>.topbar{border-top-width:0!important;border-inline-width:0!important;box-shadow:0 4px 16px -8px var(--glass-shadow,#0003)!important}
 html:root .workspace>.topbar>.sg-reflection-edge{display:none!important}
 .loading{padding:max(30px,env(safe-area-inset-top,0px)) max(30px,env(safe-area-inset-right,0px)) max(30px,env(safe-area-inset-bottom,0px)) max(30px,env(safe-area-inset-left,0px))}
 #app>.suite-app-boot{padding:max(32px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(32px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px))}
 html:root .install-reminder{right:max(14px,env(safe-area-inset-right,0px));bottom:max(14px,env(safe-area-inset-bottom,0px))}
}
@media screen and (max-width:700px){
 .main{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
 .sidebar{padding-top:calc(30px + env(safe-area-inset-top,0px));padding-left:max(13px,env(safe-area-inset-left,0px));padding-right:max(13px,env(safe-area-inset-right,0px));padding-bottom:max(18px,env(safe-area-inset-bottom,0px))}
 .mobile-menu-close{top:calc(8px + env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px))}
}
@media screen and (min-width:701px) and (pointer:coarse){
 .workspace>.topbar{height:calc(72px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-right:max(26px,env(safe-area-inset-right,0px))}
 .sidebar{padding-top:calc(30px + env(safe-area-inset-top,0px));padding-left:max(13px,env(safe-area-inset-left,0px));padding-bottom:max(18px,env(safe-area-inset-bottom,0px))}
 .main{padding-right:max(26px,env(safe-area-inset-right,0px));padding-bottom:max(26px,env(safe-area-inset-bottom,0px))}
}

/* Personal palettes affect screen chrome only. Gold, documents, logos and semantic states retain their meaning. */
@media screen {
html[data-suite-palette=navy]{--palette-h:216;--palette-s:49%;--palette-bg:hsl(216 44% 6%);--palette-panel:hsl(216 39% 13%);--palette-field:hsl(216 37% 9%);--palette-text:#f7f0e6;--palette-muted:hsl(216 19% 77%);--palette-line:hsl(216 23% 35%);--palette-accent:hsl(216 56% 75%);--palette-nav:linear-gradient(155deg,hsl(216 49% 24%),hsl(216 44% 12%) 70%,#100e0c);--palette-card:radial-gradient(ellipse at 100% 0,#e3ba592b,transparent 55%),linear-gradient(150deg,hsl(216 41% 21%),var(--palette-panel) 48%,var(--palette-field));--palette-chrome:radial-gradient(ellipse at 5% 0,#e5c57a20,transparent 55%),linear-gradient(110deg,var(--palette-panel),var(--palette-field) 75%,#292315);}
html[data-suite-palette=navy][data-theme=light],html[data-suite-palette=navy][data-suite-theme=light]{--palette-bg:hsl(216 49% 96%);--palette-panel:hsl(216 45% 98%);--palette-field:#fffdfa;--palette-text:hsl(216 37% 20%);--palette-muted:hsl(216 20% 36%);--palette-line:hsl(216 23% 72%);--palette-accent:hsl(216 49% 36%);--palette-card:linear-gradient(150deg,#fff 5%,hsl(216 50% 98%) 62%,hsl(216 40% 90%));--palette-chrome:linear-gradient(110deg,#fffef8,hsl(216 40% 97%) 65%,hsl(216 35% 91%));}
html[data-suite-palette=wine]{--palette-h:350;--palette-s:43%;--palette-bg:hsl(350 38% 6%);--palette-panel:hsl(350 33% 13%);--palette-field:hsl(350 31% 9%);--palette-text:#f7f0e6;--palette-muted:hsl(350 19% 77%);--palette-line:hsl(350 23% 35%);--palette-accent:hsl(350 50% 75%);--palette-nav:linear-gradient(155deg,hsl(350 43% 24%),hsl(350 38% 12%) 70%,#100e0c);--palette-card:radial-gradient(ellipse at 100% 0,#e3ba592b,transparent 55%),linear-gradient(150deg,hsl(350 35% 21%),var(--palette-panel) 48%,var(--palette-field));--palette-chrome:radial-gradient(ellipse at 5% 0,#e5c57a20,transparent 55%),linear-gradient(110deg,var(--palette-panel),var(--palette-field) 75%,#292315);}
html[data-suite-palette=wine][data-theme=light],html[data-suite-palette=wine][data-suite-theme=light]{--palette-bg:hsl(350 43% 96%);--palette-panel:hsl(350 45% 98%);--palette-field:#fffdfa;--palette-text:hsl(350 37% 20%);--palette-muted:hsl(350 20% 36%);--palette-line:hsl(350 23% 72%);--palette-accent:hsl(350 43% 36%);--palette-card:linear-gradient(150deg,#fff 5%,hsl(350 50% 98%) 62%,hsl(350 40% 90%));--palette-chrome:linear-gradient(110deg,#fffef8,hsl(350 40% 97%) 65%,hsl(350 35% 91%));}
html[data-suite-palette=purple]{--palette-h:278;--palette-s:38%;--palette-bg:hsl(278 33% 6%);--palette-panel:hsl(278 28% 13%);--palette-field:hsl(278 26% 9%);--palette-text:#f7f0e6;--palette-muted:hsl(278 19% 77%);--palette-line:hsl(278 23% 35%);--palette-accent:hsl(278 45% 75%);--palette-nav:linear-gradient(155deg,hsl(278 38% 24%),hsl(278 33% 12%) 70%,#100e0c);--palette-card:radial-gradient(ellipse at 100% 0,#e3ba592b,transparent 55%),linear-gradient(150deg,hsl(278 30% 21%),var(--palette-panel) 48%,var(--palette-field));--palette-chrome:radial-gradient(ellipse at 5% 0,#e5c57a20,transparent 55%),linear-gradient(110deg,var(--palette-panel),var(--palette-field) 75%,#292315);}
html[data-suite-palette=purple][data-theme=light],html[data-suite-palette=purple][data-suite-theme=light]{--palette-bg:hsl(278 38% 96%);--palette-panel:hsl(278 45% 98%);--palette-field:#fffdfa;--palette-text:hsl(278 37% 20%);--palette-muted:hsl(278 20% 36%);--palette-line:hsl(278 23% 72%);--palette-accent:hsl(278 38% 36%);--palette-card:linear-gradient(150deg,#fff 5%,hsl(278 50% 98%) 62%,hsl(278 40% 90%));--palette-chrome:linear-gradient(110deg,#fffef8,hsl(278 40% 97%) 65%,hsl(278 35% 91%));}
html[data-suite-palette=brown]{--palette-h:24;--palette-s:32%;--palette-bg:hsl(24 27% 6%);--palette-panel:hsl(24 22% 13%);--palette-field:hsl(24 20% 9%);--palette-text:#f7f0e6;--palette-muted:hsl(24 19% 77%);--palette-line:hsl(24 23% 35%);--palette-accent:hsl(24 39% 75%);--palette-nav:linear-gradient(155deg,hsl(24 32% 24%),hsl(24 27% 12%) 70%,#100e0c);--palette-card:radial-gradient(ellipse at 100% 0,#e3ba592b,transparent 55%),linear-gradient(150deg,hsl(24 24% 21%),var(--palette-panel) 48%,var(--palette-field));--palette-chrome:radial-gradient(ellipse at 5% 0,#e5c57a20,transparent 55%),linear-gradient(110deg,var(--palette-panel),var(--palette-field) 75%,#292315);}
html[data-suite-palette=brown][data-theme=light],html[data-suite-palette=brown][data-suite-theme=light]{--palette-bg:hsl(24 32% 96%);--palette-panel:hsl(24 45% 98%);--palette-field:#fffdfa;--palette-text:hsl(24 37% 20%);--palette-muted:hsl(24 20% 36%);--palette-line:hsl(24 23% 72%);--palette-accent:hsl(24 32% 36%);--palette-card:linear-gradient(150deg,#fff 5%,hsl(24 50% 98%) 62%,hsl(24 40% 90%));--palette-chrome:linear-gradient(110deg,#fffef8,hsl(24 40% 97%) 65%,hsl(24 35% 91%));}
html[data-suite-palette=rose]{--palette-h:329;--palette-s:47%;--palette-bg:hsl(329 42% 12%);--palette-panel:hsl(329 37% 22%);--palette-field:hsl(329 35% 9%);--palette-text:#f7f0e6;--palette-muted:hsl(329 19% 77%);--palette-line:hsl(329 23% 35%);--palette-accent:hsl(329 54% 75%);--palette-nav:linear-gradient(155deg,hsl(329 47% 39%),hsl(329 42% 12%) 70%,#100e0c);--palette-card:radial-gradient(ellipse at 100% 0,#e3ba592b,transparent 55%),linear-gradient(150deg,hsl(329 39% 28%),var(--palette-panel) 48%,var(--palette-field));--palette-chrome:radial-gradient(ellipse at 5% 0,#e5c57a20,transparent 55%),linear-gradient(110deg,var(--palette-panel),var(--palette-field) 75%,#292315);}
html[data-suite-palette=rose][data-theme=light],html[data-suite-palette=rose][data-suite-theme=light]{--palette-bg:hsl(329 47% 94%);--palette-panel:hsl(329 45% 98%);--palette-field:#fffdfa;--palette-text:hsl(329 37% 20%);--palette-muted:hsl(329 20% 36%);--palette-line:hsl(329 23% 72%);--palette-accent:hsl(329 47% 36%);--palette-card:linear-gradient(150deg,#fff 5%,hsl(329 50% 98%) 62%,hsl(329 40% 90%));--palette-chrome:linear-gradient(110deg,#fffef8,hsl(329 40% 97%) 65%,hsl(329 35% 91%));}
html[data-suite-palette]:not([data-suite-palette=green]){--bg:var(--palette-bg);--background:var(--palette-bg);--panel:var(--palette-panel);--surface:var(--palette-panel);--field:var(--palette-field);--text:var(--palette-text);--ink:var(--palette-text);--foreground:var(--palette-text);--muted:var(--palette-muted);--muted-foreground:var(--palette-muted);--line:var(--palette-line);--border:var(--palette-line);--green:var(--palette-accent);--card:var(--palette-card);--sg-card:var(--palette-card);--sg-chrome:var(--palette-chrome);--sg-card-edge:var(--palette-line);}
html[data-suite-palette]:not([data-suite-palette=green]) body{background:radial-gradient(ellipse at 94% 0,#debd6420,transparent 45%),var(--palette-bg);color:var(--palette-text)}
html[data-suite-palette]:not([data-suite-palette=green]) :is(.panel,.stat,.account-card,.portal-card,.equipment-card,.dispatch-job-card,.dispatch-stats>div,.pricing-card,.phase-card,.quick-card,.report-card,.app-card,.kpi-card){background:var(--palette-card);color:var(--palette-text);border-color:var(--palette-line)}
html[data-suite-palette]:not([data-suite-palette=green]) :is(.sidebar){background:var(--palette-nav);color:#f5ebdd}
html[data-suite-palette]:not([data-suite-palette=green]) :is(.topbar,.account-header,.install-strip,.mobile-header,.site-header){background:var(--palette-chrome);color:var(--palette-text)}
html[data-suite-palette]:not([data-suite-palette=green]) :is(.modal,.pricing-dialog,.dispatch-dialog,.transport-detail,.portal-dialog,.install-dialog){background:var(--palette-card);color:var(--palette-text);border-color:#b69b5a}
html[data-suite-palette]:not([data-suite-palette=green]) :is(.nav-item.active,.nav-item.selected,.sidebar nav button.selected,.sidebar nav button.active){background:linear-gradient(135deg,hsl(var(--palette-h) var(--palette-s) 30%),#a4873425);color:#f7dc8b;border-color:#d0ae65}
html[data-suite-palette]:not([data-suite-palette=green]) :is(.primary,.button.primary,.btn-primary):not(.document-paper *,.team-paper *,[disabled]){background:linear-gradient(145deg,hsl(var(--palette-h) var(--palette-s) 36%),hsl(var(--palette-h) var(--palette-s) 20%));border-color:#c3a666;color:#fff5dc}
html[data-suite-palette]:not([data-suite-palette=green]) :is(input,select,textarea):not(.team-paper *,[type=checkbox],[type=radio],[type=color],.document-paper *){background-color:var(--palette-field);color:var(--palette-text);border-color:var(--palette-line)}
html[data-suite-palette]:not([data-suite-palette=green]) :is(.sidebar,.sidebar-bottom,.sidebar-foot) :is(select,input){background:#141311;color:#f4ebd9;border-color:#bba76b66}
.suite-compact-menu{position:relative;margin:0;width:100%;font-size:13px;line-height:1.25;flex:0 0 auto}
.suite-compact-menu>summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:44px;padding:6px 10px;cursor:pointer;border:1px solid #c3aa6155;border-radius:10px;color:inherit}
.suite-compact-menu>summary::-webkit-details-marker{display:none}.suite-compact-menu>summary:after{content:'⚙';margin-left:auto;font-size:19px;color:#d9bc70}.suite-compact-menu>summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suite-compact-menu>summary>svg{flex:0 0 auto}
.suite-compact-panel{position:absolute;bottom:calc(100% + 8px);left:0;right:0;max-height:min(60dvh,420px);overflow:auto;padding:14px;border:1px solid #c6a354;border-radius:12px;background:var(--palette-panel,#17271d);color:var(--palette-text,#f7efdf);box-shadow:0 10px 35px #0007;z-index:100}
.suite-compact-panel :is(button,a,select){font-size:13px;min-height:36px}.suite-compact-panel .profile{padding:10px 0;margin:0}.suite-compact-panel .app-appearance{margin:0 0 10px}.suite-compact-panel .avatar{width:28px;height:28px;font-size:12px}.suite-compact-panel .profile small{font-size:11px}
.sidebar:has(>.suite-sidebar-scroll){overflow:visible;display:flex;flex-direction:column;min-height:0}.suite-sidebar-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;overscroll-behavior:contain}.suite-sidebar-footer{flex:0 0 auto!important;margin-top:auto!important;padding:8px!important;min-height:0!important;max-height:62px;position:relative;z-index:30}
.sidebar-foot:has(>.suite-compact-menu){padding:8px!important;flex:0 0 auto!important;min-height:0!important}.sidebar-foot .suite-compact-panel .collapse-btn{display:flex}.collapsed .suite-compact-menu>summary>span{display:none}
@media(max-height:850px),(pointer:coarse){.suite-sidebar-footer,.sidebar-foot:has(>.suite-compact-menu){padding:5px 8px!important}.suite-compact-menu>summary{min-height:40px}.sidebar .brand{padding-top:14px;padding-bottom:14px}.sidebar .company{margin-top:6px;margin-bottom:12px}}
}

@media screen{.sidebar:has(>.sidebar-foot>.suite-compact-menu){overflow:visible}.sidebar:has(>.sidebar-foot>.suite-compact-menu)>.nav-scroll{min-height:0;flex:1;overflow-y:auto}.suite-compact-panel label{color:inherit}.suite-compact-panel a{color:#e8cd8d}.suite-compact-panel .profile{color:inherit}.suite-appearance:has(.suite-compact-menu){padding:4px;min-width:130px;max-width:210px}.suite-appearance .suite-compact-panel{min-width:190px;left:auto}.suite-appearance .suite-compact-panel label{display:block;margin-bottom:7px}.suite-appearance .suite-compact-panel select{width:100%}}

@media screen {html[data-suite-palette]:not([data-suite-palette=green]) :is(.app,.account-page,.app-shell,.company,.org-strip,.company-strip){background:var(--palette-chrome);color:var(--palette-text)}html[data-suite-palette]:not([data-suite-palette=green]) .sidebar .company{background:var(--palette-nav);color:#f5ebdd}html[data-suite-palette]:not([data-suite-palette=green]) .secondary:not(.document-paper *,.team-paper *){background:var(--palette-card);color:var(--palette-text);border-color:var(--palette-line)}html[data-suite-palette]:not([data-suite-palette=green]) .nav-drawer{background:var(--palette-nav);color:#f5ebdd}}

/* Bleu verre: an opt-in material. Business documents and semantic status badges keep their own appearance. */
@media screen {
html[data-suite-palette="blue-glass"] {
  --palette-h:216;--palette-s:49%;--palette-bg:#081321;--palette-panel:#162b43;--palette-field:#0d2035;
  --palette-text:#f1f6ff;--palette-muted:#b9cce1;--palette-line:#627d9b;--palette-accent:#b9d8ff;
  --glass-surface:linear-gradient(140deg,rgba(135,183,231,.24),rgba(27,57,90,.68) 42%,rgba(15,32,53,.82));
  --glass-chrome:linear-gradient(120deg,rgba(72,111,154,.66),rgba(13,32,55,.86) 70%,rgba(83,72,43,.52));
  --glass-nav:linear-gradient(155deg,rgba(54,89,131,.84),rgba(15,34,58,.94) 72%);
  --glass-edge:rgba(189,217,247,.43);--glass-rim:rgba(234,247,255,.44);--glass-shadow:rgba(0,6,18,.45);
  --glass-gold:#f1d18b;--glass-glow:rgba(160,207,255,.16);--glass-blur:14px;--glass-chrome-blur:18px;--glass-dialog-blur:22px;
  --palette-card:var(--glass-surface);--palette-nav:var(--glass-nav);--palette-chrome:var(--glass-chrome);
}
html[data-suite-palette="blue-glass"]:is([data-theme="light"],[data-suite-theme="light"]) {
  --palette-bg:#dce9f5;--palette-panel:#eef5fc;--palette-field:#f8fbff;--palette-text:#142d49;
  --palette-muted:#435d77;--palette-line:#7391ae;--palette-accent:#234f80;
  --glass-surface:linear-gradient(140deg,rgba(255,255,255,.89),rgba(230,242,254,.71) 50%,rgba(200,222,243,.77));
  --glass-chrome:linear-gradient(120deg,rgba(255,255,255,.86),rgba(221,237,252,.84) 70%,rgba(255,242,207,.72));
  --glass-nav:linear-gradient(155deg,rgba(42,78,119,.91),rgba(16,38,65,.96) 72%);
  --glass-edge:rgba(74,111,151,.51);--glass-rim:rgba(255,255,255,.95);--glass-shadow:rgba(21,53,87,.17);
  --glass-gold:#77540b;--glass-glow:rgba(255,255,255,.55);
}
html[data-suite-palette]:root body {
  background:radial-gradient(ellipse 920px 640px at 6% 5%,var(--sg-glass-tone-558ed9-42,#558ed942),transparent 76%),radial-gradient(ellipse 820px 600px at 95% 52%,var(--sg-glass-tone-64b6ce-25,#64b6ce25),transparent 72%),radial-gradient(ellipse 800px 560px at 70% 100%,#dbb75d1f,transparent 75%),var(--palette-bg);
  color:var(--palette-text);
}
html[data-suite-palette]:root :is(.app,.app-shell,.account-page){background:transparent;color:var(--palette-text)}
html[data-suite-palette]:root :is(.panel,.card,.stat,.stat-card,.metric-card,.summary-card,.account-card,.admin-card,.suite-card,.portal-card,.equipment-card,.project-card,.dispatch-panel,.dispatch-job-card,.delivery-card,.dispatch-stats>div,.pricing-card,.phase-card,.quick-card,.report-card,.app-card,.kpi-card,.feature-card,.client-history-document,.business-card,.connection-card,.pickup-card,.job-card,.day-card,.timeline-card,.repair-card,.pay-stat,.record-summary,.model-panel,.damage-panel,.history-panel,.services-panel,.readiness-panel,.completed-repair-card,.urgent-repair-card,.equipment-part-card,.plan-card,.product-demo,.try-cards>a,.tracker-link-panel,.empty,.help-card,.busy-card,.agent-card,.integration-card,.automation-card,.approval-card,.room-tile,.world-panel,.welcome,.category-repairs,.fleet-notepad):not(.document-paper,.document-paper *,.print-page,.print-page *,.team-paper,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
  background:var(--glass-surface);color:var(--palette-text);border-color:var(--glass-edge);
  box-shadow:inset 0 1px 0 var(--glass-rim),inset 0 -1px 0 var(--sg-glass-tone-0a1a33-26,#0a1a3326),0 12px 30px -12px var(--glass-shadow),0 2px 5px -2px var(--glass-shadow);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);backdrop-filter:blur(var(--glass-blur)) saturate(135%);
}
html[data-suite-palette]:root :is(.sidebar,.nav-drawer){background:var(--glass-nav);color:var(--sg-glass-tone-f1f6ff-ff,#f1f6ff);border-color:var(--glass-edge);box-shadow:inset -1px 0 0 var(--sg-glass-tone-dcefff-30,#dcefff30),10px 0 32px -22px #0009;-webkit-backdrop-filter:blur(var(--glass-chrome-blur)) saturate(130%);backdrop-filter:blur(var(--glass-chrome-blur)) saturate(130%)}
html[data-suite-palette]:root :is(.topbar,.account-header,.install-strip,.mobile-header,.site-header,.company,.org-strip,.company-strip,.header,.dialog-header,.dialog-footer,.brand-label){background:var(--glass-chrome);color:var(--palette-text);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-rim),0 4px 16px -8px var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-chrome-blur)) saturate(140%);backdrop-filter:blur(var(--glass-chrome-blur)) saturate(140%)}
html[data-suite-palette]:root .sidebar .company{background:var(--sg-glass-tone-122a46-9e,rgba(18,42,70,.62));color:var(--sg-glass-tone-f1f6ff-ff,#f1f6ff)}
html[data-suite-palette]:root :is(dialog,.modal,.pricing-dialog,.dispatch-dialog,.dispatch-modal,.dispatch-departure-modal,.transport-detail,.portal-dialog,.install-dialog,.fleet-dialog,.model-admin-dialog,.notepad-dialog,.oil-spec-dialog,.catalogue-dialog,.professional-modal,.quantity-dialog,.signup-dialog,.gate-install-dialog,[data-slot="dialog-content"],.suite-compact-panel):not(.document-paper,.document-paper *,.contract-signing-dialog,.dispatch-contract-modal,.print-page){background:var(--glass-surface);color:var(--palette-text);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-rim),0 28px 70px -18px var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-dialog-blur)) saturate(130%);backdrop-filter:blur(var(--glass-dialog-blur)) saturate(130%)}
html[data-suite-palette]:root :is(dialog,.modal)::backdrop{background:var(--sg-glass-tone-061223-52,rgba(6,18,35,.32));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
html[data-suite-palette]:root :is(input,textarea,select):not(.document-paper *,.print-page *,.team-paper *,[type="checkbox"],[type="radio"],[type="color"]){background:var(--palette-field)!important;color:var(--palette-text);border-color:var(--palette-line);box-shadow:inset 0 2px 4px var(--sg-glass-tone-071629-15,#07162915),0 1px 0 var(--glass-rim)}
html[data-suite-palette]:root :is(input,select,textarea,button,a,summary):focus-visible{outline:2px solid var(--glass-gold);outline-offset:3px}
html[data-suite-palette]:root :is(.primary,.button.primary,.btn-primary,.primary-button):not(.document-paper *,.print-page *,.team-paper *,[disabled]){background:linear-gradient(155deg,var(--sg-glass-tone-467aaa-ff,#467aaa),var(--sg-glass-tone-1c446e-ff,#1c446e) 55%,var(--sg-glass-tone-172f4d-ff,#172f4d))!important;color:#fff5dc;border-color:#d7b76f;box-shadow:inset 0 1px 0 #fff7,0 4px 12px var(--sg-glass-tone-07172c-4d,#07172c4d),0 0 15px #d4b36316}
html[data-suite-palette]:root .secondary:not(.document-paper *,.print-page *,.team-paper *){background:var(--glass-surface);color:var(--palette-text);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-rim),0 3px 10px -6px var(--glass-shadow)}
html[data-suite-palette]:root .sidebar :is(input,select){background:var(--sg-glass-tone-112840-ff,#112840);color:var(--sg-glass-tone-f1f6ff-ff,#f1f6ff);border-color:var(--sg-glass-tone-849ab6-ff,#849ab6)}
html[data-suite-palette]:root :is(.sidebar,.nav-drawer) :is(a,button,summary):focus-visible{outline-color:#f1d18b}
/* Optical rim only: the text, numbers, signatures, photos and 3D scenes are never distorted. */
html[data-suite-palette] .sg-reflection-edge{display:block;padding:1.5px;background:radial-gradient(ellipse 210px 110px at var(--sg-light-x) var(--sg-light-y),#fff,var(--sg-glass-tone-e2f6ff-c9,#e2f6ffc9) 20%,var(--sg-glass-tone-a4d8ff-52,#a4d8ff52) 46%,transparent 78%),linear-gradient(125deg,#fff3,transparent 28%,var(--sg-glass-tone-b2e0ff-25,#b2e0ff25) 64%,#e8c57966);filter:drop-shadow(0 0 2px var(--glass-glow))}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html[data-suite-palette] :is(.primary,.secondary,.btn-primary):hover:not([disabled]){box-shadow:inset 0 1px 0 #fff9,0 6px 18px -6px var(--glass-shadow),0 0 12px #d9bc6b24}}
@media(pointer:coarse){html[data-suite-palette]{--glass-blur:9px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-suite-palette]{--glass-surface:linear-gradient(var(--palette-panel),var(--palette-panel));--glass-chrome:var(--glass-surface);--glass-nav:linear-gradient(var(--sg-glass-tone-203e62-ff,#203e62),var(--sg-glass-tone-10263f-ff,#10263f))}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-suite-palette]{--glass-surface:linear-gradient(var(--palette-panel),var(--palette-panel));--glass-chrome:var(--glass-surface);--glass-nav:linear-gradient(var(--sg-glass-tone-203e62-ff,#203e62),var(--sg-glass-tone-10263f-ff,#10263f));--glass-blur:0px;--glass-chrome-blur:0px;--glass-dialog-blur:0px}html[data-suite-palette] :is(.sg-reflection-edge){display:none}html[data-suite-palette] :is(dialog,.modal)::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--sg-glass-tone-081321-aa,#081321aa)}}
@media(forced-colors:active){html[data-suite-palette] .sg-reflection-edge{display:none}html[data-suite-palette]:root :is(.panel,.card,.equipment-card,dialog,.modal,.sidebar,.nav-drawer,.topbar){background:Canvas;color:CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:CanvasText}}
}

@media screen {html[data-suite-palette] .suite-compact-panel a{color:var(--glass-gold)}html[data-suite-palette] .why-section{background:var(--glass-nav);color:var(--sg-glass-tone-f1f6ff-ff,#f1f6ff)}}
@media screen and (prefers-reduced-transparency:reduce),screen and (prefers-contrast:more){html[data-suite-palette] :is(.sidebar,.nav-drawer,.topbar,.account-header,.install-strip,.mobile-header,.site-header,.company,.org-strip,.company-strip,.header,.dialog-header,.dialog-footer,dialog,.modal,.pricing-dialog,.dispatch-dialog,.dispatch-modal,.dispatch-departure-modal,.transport-detail,.portal-dialog,.install-dialog,.fleet-dialog,.model-admin-dialog,.notepad-dialog,.oil-spec-dialog,.catalogue-dialog,.professional-modal,.quantity-dialog,.signup-dialog,.gate-install-dialog,[data-slot="dialog-content"],.suite-compact-panel){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

@media screen {html[data-suite-palette]:root :is(.fleet-dialog,.modal,.pricing-dialog,.catalogue-dialog,[data-slot="dialog-content"]) label{color:var(--palette-text)}html[data-suite-palette]:root :is(.brand-label,.sidebar-company){color:var(--palette-text)}}

/* Liquid v2: clear material uses the real backdrop, with optical displacement
   enabled only on browsers known to render SVG backdrop filters safely. */
.sg-liquid-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
@media screen {
html[data-suite-palette="blue-glass"] {
 --palette-bg:#07111f;--palette-panel:#14283f;--palette-field:rgba(10,25,43,.84);
 --palette-text:#f5f8ff;--palette-muted:#c2d3e8;
 --glass-surface:linear-gradient(125deg,rgba(219,242,255,.13),rgba(131,184,224,.025) 43%,rgba(154,203,237,.075));
 --glass-chrome:linear-gradient(120deg,rgba(220,243,255,.12),rgba(113,171,222,.045) 70%,rgba(238,211,154,.08));
 --glass-nav:linear-gradient(140deg,rgba(191,225,255,.1),rgba(55,102,154,.045) 78%);
 --glass-edge:rgba(226,244,255,.47);--glass-rim:rgba(255,255,255,.79);--glass-shadow:rgba(0,5,18,.47);
 --glass-blur:8px;--glass-chrome-blur:8px;--glass-dialog-blur:9px;
 --liquid-haze:6px;--liquid-brightness:1.08;--liquid-sheen:rgba(255,255,255,.14);
 --liquid-ambient:radial-gradient(ellipse 60vw 60vh at 5% 10%,#20749e91,transparent 74%),radial-gradient(ellipse 52vw 56vh at 92% 40%,#4d479579,transparent 70%),radial-gradient(ellipse 42vw 55vh at 45% 95%,#b58b474d,transparent 72%),linear-gradient(135deg,#0d2239,#091525 56%,#172c40);
}
html[data-suite-palette="blue-glass"]:is([data-theme="light"],[data-suite-theme="light"]) {
 --palette-bg:#dceaf5;--palette-panel:#edf5fc;--palette-field:rgba(252,254,255,.88);
 --palette-text:#102c47;--palette-muted:#304e69;
 --glass-surface:linear-gradient(125deg,rgba(255,255,255,.32),rgba(255,255,255,.10) 43%,rgba(231,246,255,.22));
 --glass-chrome:linear-gradient(120deg,rgba(255,255,255,.3),rgba(224,242,255,.13) 70%,rgba(255,243,217,.22));
 --glass-nav:linear-gradient(140deg,rgba(255,255,255,.3),rgba(220,236,251,.13) 78%);
 --glass-edge:rgba(255,255,255,.85);--glass-rim:#fff;--glass-shadow:rgba(29,62,97,.22);
 --liquid-brightness:1.02;--liquid-sheen:rgba(255,255,255,.4);
 --liquid-ambient:radial-gradient(ellipse 60vw 60vh at 5% 10%,#50b7df70,transparent 74%),radial-gradient(ellipse 52vw 56vh at 92% 40%,#afa7ed80,transparent 70%),radial-gradient(ellipse 42vw 55vh at 45% 95%,#efd09788,transparent 72%),linear-gradient(135deg,#cee3f4,#e4ecfa 56%,#d9e9f4);
}
/* Stationary, coloured scenery gives the translucent cards a visible depth.
   It is CSS decoration only; no screenshot, camera or screen-reading is used. */
html[data-suite-palette]:root body{background:var(--liquid-ambient);background-attachment:fixed;color:var(--palette-text)}
html[data-suite-palette]:root .sg-liquid-surface.sg-liquid-surface.sg-liquid-surface {
 background:radial-gradient(ellipse 260px 140px at var(--sg-light-x,18%) var(--sg-light-y,0%),var(--liquid-sheen),transparent 75%),var(--glass-surface);
 color:var(--palette-text);border-color:var(--glass-edge);
 box-shadow:inset 0 1px 0 var(--glass-rim),inset 1px 0 0 #ffffff47,inset -1px -1px 0 var(--sg-glass-tone-b5d5ef-33,#b5d5ef33),0 13px 30px -13px var(--glass-shadow),0 1px 4px var(--sg-glass-tone-061426-26,#06142626);
 -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%) brightness(var(--liquid-brightness));
 backdrop-filter:blur(var(--glass-blur)) saturate(160%) brightness(var(--liquid-brightness));
}
html[data-suite-palette]:root .sg-liquid-refract.sg-liquid-refract.sg-liquid-refract {
 backdrop-filter:url("#sg-liquid-lens") blur(var(--liquid-haze)) saturate(155%) brightness(var(--liquid-brightness));
}
/* Nested controls do not refilter a parent layer or stack dozens of GPU filters. */
html[data-suite-palette]:root .sg-liquid-nested.sg-liquid-nested.sg-liquid-nested{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(125deg,#ffffff0c,#ffffff04);box-shadow:inset 0 1px 0 #ffffff36,0 3px 9px var(--sg-glass-tone-061426-15,#06142615)}
html[data-suite-palette]:root .sg-reflection-edge{padding:2px;background:radial-gradient(ellipse 200px 120px at var(--sg-light-x) var(--sg-light-y),#fff,var(--sg-glass-tone-f3fcff-ee,#f3fcffee) 18%,var(--sg-glass-tone-c0eaff-73,#c0eaff73) 42%,transparent 78%),conic-gradient(from 135deg,var(--sg-glass-tone-d7f6ff-22,#d7f6ff22),#fff9,var(--sg-glass-tone-bce6ff-33,#bce6ff33),#eed69c66,#fff9,var(--sg-glass-tone-d7f6ff-22,#d7f6ff22));filter:none}
html[data-suite-palette]:root :is(.sidebar,.nav-drawer,.suite-mobile-navigation){color:var(--palette-text)}
html[data-suite-palette]:root :is(.sidebar,.nav-drawer) :is(a,button,summary,.brand,.brand-label,.company,.sidebar-company,.nav-item,.nav-label,.profile){color:var(--palette-text)}
html[data-suite-palette]:root .sidebar .company{background:var(--glass-chrome);color:var(--palette-text)}
html[data-suite-palette]:root :is(.sidebar,.nav-drawer) :is(.active,.selected,[aria-current="page"]){color:var(--glass-gold);border-color:var(--glass-gold);background:linear-gradient(120deg,#e4bd6a20,var(--sg-glass-tone-b4ddff-0a,#b4ddff0a))}
html[data-suite-palette]:root :is(.sidebar,.nav-drawer) :is(input,select){color:var(--palette-text);background:var(--palette-field)}
/* Remove the frosted full-screen scrim. Only the actual glass pane refracts. */
html[data-suite-palette]:root dialog::backdrop{background:var(--sg-glass-tone-081425-0f,rgba(8,20,37,.06))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-suite-palette]:root :is(.sidebar-scrim,.sidebar-scrim.is-open,[data-slot="dialog-overlay"],.menu-backdrop,.nav-veil,.modal-backdrop,.sidebar-overlay,.modal-scrim,.mobile-scrim,.mobile-scrim.open,.nav-scrim,.portal-dialog-backdrop){background:var(--sg-glass-tone-081425-0f,rgba(8,20,37,.06))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-suite-palette]:root dialog.transport-overlay{background:transparent!important;box-shadow:none!important;border-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-suite-palette]:root :is(.sg-liquid-surface,.sg-liquid-surface *){text-shadow:none}
@media(pointer:coarse){html[data-suite-palette]{--glass-blur:7px;--liquid-haze:5px}html[data-suite-palette]:root body{background-attachment:scroll}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-suite-palette]:root .sg-liquid-surface.sg-liquid-surface.sg-liquid-surface{background:var(--palette-panel)}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html[data-suite-palette]:root .sg-liquid-surface.sg-liquid-surface.sg-liquid-surface{background:var(--palette-panel);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--palette-line);box-shadow:none}
 html[data-suite-palette]:root .sg-reflection-edge{display:none}
}
@media(forced-colors:active){html[data-suite-palette]:root .sg-liquid-surface.sg-liquid-surface.sg-liquid-surface{background:Canvas;color:CanvasText;border-color:CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}html[data-suite-palette]:root .sg-reflection-edge{display:none}}
}
@media print{.sg-liquid-definitions,.sg-reflection-edge{display:none!important}}

/* Shared update notice: same behavior, compact layout, no hidden page links. */
@media screen {
#gougeon-data-update.sg-data-update{box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px!important;width:max-content;max-width:min(520px,calc(100vw / var(--sg-ui-scale,1) - 24px))!important;padding:8px 10px;border:1px solid var(--palette-line,#c4ac6a);border-radius:14px;background:var(--palette-panel,#193a2c);color:var(--palette-text,#fff7df);box-shadow:0 5px 24px #0003;font-family:inherit;font-size:13px;font-weight:500;line-height:1.35;isolation:isolate}
#gougeon-data-update .sg-data-update-label{min-width:0;font-size:13px;line-height:1.35}
#gougeon-data-update :is(.sg-data-update-refresh,.sg-data-update-later){display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 10px;border-radius:9px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer}
#gougeon-data-update .sg-data-update-refresh{border:1px solid var(--glass-gold,#d9bf70);background:#d9bf7026;color:inherit}
#gougeon-data-update .sg-data-update-later{border:1px solid transparent;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px;padding-inline:7px}
#gougeon-data-update button:focus-visible{outline:2px solid var(--glass-gold,#d9bf70);outline-offset:2px}
/* Keep the pending notice intact, but reveal it after the drawer/dialog closes. */
body:has(.sidebar.mobile-open,.sidebar.open,#expanded-nav,dialog[open],[role="dialog"][aria-modal="true"],#suite-mobile-navigation[open]) #gougeon-data-update,
body.menu-open #gougeon-data-update{display:none!important}
html[data-suite-palette]:root #gougeon-data-update.sg-data-update{background:var(--glass-surface);color:var(--palette-text);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-rim),0 8px 25px -8px var(--glass-shadow);-webkit-backdrop-filter:blur(var(--sg-glass-screen-blur, 14px)) saturate(145%);backdrop-filter:blur(var(--sg-glass-screen-blur, 14px)) saturate(145%)}
html[data-suite-palette]:root #gougeon-data-update .sg-data-update-refresh{background:linear-gradient(125deg,#f0d08b29,var(--sg-glass-tone-b4ddff-16,#b4ddff16));color:var(--glass-gold);border-color:var(--glass-gold);box-shadow:inset 0 1px 0 #fff5}
/* Known action variants only; operational colours and document controls stay semantic. */
html[data-suite-palette]:root :is(button[data-slot="button"][data-variant="outline"],.secondary-button,button.icon,button.icon-btn,button.icon-button,button.mini-button,button.button,a.button,button.btn,.gougeon-signout,.app-signout,.logout,.logout-link):not(.primary,.btn-primary,.primary-button,.danger,.destructive,[data-variant="destructive"],.document-paper *,.print-page *,.contract-signing-dialog *,.dispatch-contract-modal *,.team-paper *,.state-filters *,.availability-filters *){background:var(--glass-chrome)!important;color:var(--sg-control-ink,var(--palette-text))!important;border:1px solid var(--glass-edge);border-radius:10px;box-shadow:inset 0 1px 0 var(--glass-rim),0 3px 10px -5px var(--glass-shadow);-webkit-backdrop-filter:blur(var(--sg-glass-screen-blur, 8px)) saturate(140%);backdrop-filter:blur(var(--sg-glass-screen-blur, 8px)) saturate(140%)}
html[data-suite-palette]:root :is(.gougeon-signout,.app-signout,.logout,.logout-link):not(.document-paper):not(.print-page){--sg-control-ink:var(--glass-gold);color:var(--glass-gold)!important;border-color:var(--glass-gold)}
html[data-suite-palette]:root :is(.modal>header,.dispatch-update){background:var(--glass-chrome);color:var(--palette-text);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-rim);-webkit-backdrop-filter:blur(var(--sg-glass-screen-blur, 8px)) saturate(140%);backdrop-filter:blur(var(--sg-glass-screen-blur, 8px)) saturate(140%)}
html[data-suite-palette]:root .dispatch-update{border-radius:12px;padding:10px 12px;gap:8px;font-size:13px}
@media(hover:hover){html[data-suite-palette]:root :is(button[data-slot="button"][data-variant="outline"],.secondary-button,button.icon,button.icon-btn,button.icon-button,button.mini-button,button.button,a.button,.gougeon-signout,.app-signout,.logout,.logout-link):hover:not(:disabled,.danger,.destructive){box-shadow:inset 0 1px 0 #fff9,0 3px 14px var(--sg-glass-tone-b5ddff-26,#b5ddff26)}}
@media(max-width:480px){#gougeon-data-update.sg-data-update{right:10px!important;max-width:calc(100vw - 20px)!important;padding:6px 8px;gap:4px!important}#gougeon-data-update :is(.sg-data-update-refresh,.sg-data-update-later){min-height:44px;padding-inline:7px;font-size:12px}#gougeon-data-update .sg-data-update-label{font-size:12px;max-width:135px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-suite-palette]:root #gougeon-data-update.sg-data-update{background:var(--palette-panel);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(forced-colors:active){#gougeon-data-update.sg-data-update{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#gougeon-data-update button{color:ButtonText!important;border:1px solid ButtonText!important}}
}
@media print{#gougeon-data-update{display:none!important}}

@media screen{html[data-suite-palette]:root .sidebar .brand-label{background:transparent;box-shadow:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}}

@media screen{html[data-suite-palette]:root :is(h1,h2,h3):not(.document-paper *,.print-page *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *){color:var(--palette-text)}html[data-suite-palette]:root .eyebrow:not(.document-paper *,.print-page *,.team-paper *){color:var(--glass-gold)}}

@media screen and (prefers-reduced-transparency:reduce),screen and (prefers-contrast:more){html[data-suite-palette]:root :is(button[data-slot="button"][data-variant="outline"],.secondary-button,button.icon,button.icon-btn,button.icon-button,button.mini-button,button.button,a.button,button.btn,.gougeon-signout,.app-signout,.logout,.logout-link,.modal>header,.dispatch-update):not(.danger,.destructive,[data-variant="destructive"],.document-paper *,.print-page *,.contract-signing-dialog *,.dispatch-contract-modal *,.team-paper *,.availability-filters *){background:var(--palette-panel)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none}}
@media screen and (forced-colors:active){html[data-suite-palette]:root :is(button.icon,button.icon-btn,button.icon-button,button.mini-button,button.button,a.button,button.btn,.gougeon-signout,.app-signout,.logout,.logout-link,.modal>header,.dispatch-update){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none}}
/* Shared flat group headings and palette-safe navigation. */
@media screen {
/* Keep one outer card. Inner titles, captions and action groups stay unboxed. */
html[data-suite-palette]:root :is(.panel-heading,.panel-head,.panel-header,.panel>header,.section-heading,.sidebar-company,.nav-caption,.nav-label,.navlabel):not(.document-paper *,.print-page *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *){background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-suite-palette]:root :is(.panel-heading,.panel-head,.panel-header,.panel>header,.section-heading)>.sg-reflection-edge{display:none}
/* Neutral Tracker surfaces inherit the chosen palette; operational state colours are untouched. */
html[data-suite-palette]:not([data-suite-palette="green"]):root :is(.queue-list>.operation-entry,.damage-photo-grid>article,.service-card:not(.soon):not(.due),.maintenance-aside):not(.document-paper *,.print-page *,.team-paper *){background:var(--palette-card);color:var(--palette-text);border-color:var(--palette-line)}
html[data-suite-palette]:not([data-suite-palette="green"]):root :is(.gallery-code-list button,.equipment-icon,.service-icon,.empty-icon){background:var(--palette-field);color:var(--palette-accent);border-color:var(--palette-line)}
html[data-suite-palette]:not([data-suite-palette="green"]):root .record-tabs{background:var(--palette-chrome);border-color:var(--palette-line)}
html[data-suite-palette]:not([data-suite-palette="green"]):root .model-bottom{background:transparent;border-color:var(--palette-line)}
/* Menu items belong to their outer pane, without a separate rectangle around each link. */
html[data-suite-palette]:root :is(.sidebar,.nav-drawer,.suite-mobile-navigation) :is(.nav-item,.nav-expanded,nav>button,nav>a,.suite-links>a):not(.active,.selected,[aria-current="page"],.urgent-nav,.has-unread-notes,.team-paper *,.suite-compact-panel *){background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-suite-palette]:root :is(.sidebar,.nav-drawer,.suite-mobile-navigation) :is(.nav-item,.nav-expanded,nav>button,nav>a,.suite-links>a):not(.team-paper *,.suite-compact-panel *):focus-visible{outline:2px solid var(--glass-gold,var(--palette-accent,#efd080));outline-offset:-3px}
/* The normal and disabled states must not resurrect the original green theme. */
html[data-suite-palette]:not([data-suite-palette="green"],[data-suite-palette="blue-glass"]):root :is(.primary,.button.primary,.btn-primary,.primary-button):not(.danger,.destructive,[data-variant="destructive"],.document-paper *,.print-page *,.contract-signing-dialog *,.dispatch-contract-modal *,.team-paper *,.availability-filters *,.state-filters *){background:linear-gradient(145deg,hsl(var(--palette-h) var(--palette-s) 36%),hsl(var(--palette-h) var(--palette-s) 20%))!important;color:#fff5dc!important;border-color:#c3a666!important}
html[data-suite-palette]:not([data-suite-palette="green"],[data-suite-palette="blue-glass"]):root :is(.secondary-button,.fleet-business button:not(.primary)) :where(svg){color:inherit}
html[data-suite-palette]:not([data-suite-palette="green"],[data-suite-palette="blue-glass"]):root :is(.secondary-button,.fleet-business button:not(.primary)):not(.danger,.destructive,[data-variant="destructive"],.document-paper *,.print-page *,.contract-signing-dialog *,.dispatch-contract-modal *,.team-paper *,.availability-filters *,.state-filters *){background:var(--glass-chrome,var(--palette-field))!important;color:var(--palette-text)!important;border-color:var(--palette-line)!important}
html[data-suite-palette]:not([data-suite-palette="green"]):root :is(.primary,.button.primary,.btn-primary,.primary-button,.secondary,.secondary-button,button.button,button.btn,button.mini-button,button.icon,button.icon-btn,button.icon-button,button[data-slot="button"]):is(:disabled,[aria-disabled="true"]):not(.danger,.destructive,[data-variant="destructive"],.document-paper *,.print-page *,.contract-signing-dialog *,.dispatch-contract-modal *,.team-paper *,.availability-filters *,.state-filters *){background:var(--palette-field)!important;color:var(--palette-muted)!important;border-color:var(--palette-line)!important;box-shadow:none!important;opacity:.65;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* A selected item remains identifiable; pointer-only hover cannot stick after a phone tap. */
@media(hover:hover) and (pointer:fine){
 html[data-suite-palette]:root :is(.sidebar,.nav-drawer,.suite-mobile-navigation) :is(.nav-item,.nav-expanded,nav>button,nav>a,.suite-links>a):hover:not(:disabled,[aria-disabled="true"],.active,.selected,[aria-current="page"],.urgent-nav,.has-unread-notes,.team-paper *,.suite-compact-panel *){background:var(--palette-chrome,linear-gradient(110deg,#ffffff0d,#ffffff05))!important;border-color:transparent!important;box-shadow:none!important}
}
/* Preserve repair deadline accents when the card material changes. */
html[data-suite-palette]:not([data-suite-palette="green"]):root .queue-list>.operation-entry.due{border-left:4px solid #d75849}
html[data-suite-palette]:not([data-suite-palette="green"]):root .queue-list>.operation-entry.soon{border-left:4px solid #d6a327}
@media(forced-colors:active){
 html[data-suite-palette]:root :is(.sidebar,.nav-drawer,.suite-mobile-navigation) :is(.nav-item,.nav-expanded,nav>button,nav>a,.suite-links>a):focus-visible{outline-color:Highlight}
 html[data-suite-palette]:root :is(.primary,.button.primary,.btn-primary,.primary-button,.secondary,.secondary-button,button.button,button.btn,button.mini-button,button.icon,button.icon-btn,button.icon-button,button[data-slot="button"]):is(:disabled,[aria-disabled="true"]):not(.document-paper *,.print-page *,.team-paper *){background:Canvas!important;color:GrayText!important;border-color:GrayText!important;opacity:1}
}
}

/* Navigation-only backdrop: a light blur with no tint. Existing open/close state and hit areas stay authoritative. */
@media screen and (max-width:800px), screen and (pointer:coarse){
 html:root :is(.sidebar-scrim.is-open,.menu-backdrop:not([hidden]),.nav-veil,.sidebar-overlay,.mobile-scrim.open,.nav-scrim),
 html[data-suite-palette]:root :is(.sidebar-scrim.is-open,.menu-backdrop:not([hidden]),.nav-veil,.sidebar-overlay,.mobile-scrim.open,.nav-scrim){background:transparent!important;background-image:none!important;-webkit-backdrop-filter:blur(var(--sg-glass-veil-blur, 3px))!important;backdrop-filter:blur(var(--sg-glass-veil-blur, 3px))!important;box-shadow:none!important}
 html:root #suite-mobile-navigation[open]::backdrop,
 html[data-suite-palette]:root #suite-mobile-navigation[open]::backdrop{background:transparent!important;background-image:none!important;-webkit-backdrop-filter:blur(var(--sg-glass-veil-blur, 3px))!important;backdrop-filter:blur(var(--sg-glass-veil-blur, 3px))!important;box-shadow:none!important}
}
@media screen and (prefers-reduced-transparency:reduce), screen and (prefers-contrast:more), screen and (forced-colors:active){
 html:root :is(.sidebar-scrim.is-open,.menu-backdrop:not([hidden]),.nav-veil,.sidebar-overlay,.mobile-scrim.open,.nav-scrim),
 html[data-suite-palette]:root :is(.sidebar-scrim.is-open,.menu-backdrop:not([hidden]),.nav-veil,.sidebar-overlay,.mobile-scrim.open,.nav-scrim),
 html:root #suite-mobile-navigation[open]::backdrop,
 html[data-suite-palette]:root #suite-mobile-navigation[open]::backdrop{background:transparent!important;background-image:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
}

/* Startup only: no company list, and no overlay on later manual refreshes. */
@media screen {
 .suite-app-boot{box-sizing:border-box;min-height:calc(100dvh / var(--sg-ui-scale,1));width:100%;margin:0;padding:32px 24px;display:grid;place-items:center;text-align:center;font-family:inherit;background:radial-gradient(ellipse at 30% 10%,#d7b76519,transparent 55%),var(--palette-bg,var(--boot-default-bg,#0b1710));color:var(--palette-text,var(--boot-default-text,#f7f4e9))}
 html:is([data-theme="light"],[data-suite-theme="light"]) .suite-app-boot{--boot-default-bg:#f5f6ef;--boot-default-text:#183529;--boot-default-muted:#4d6556}
 html[data-suite-palette] .suite-app-boot{background:var(--liquid-ambient,var(--palette-bg))}
 .suite-app-boot-content{display:flex;flex-direction:column;align-items:center;max-width:100%;gap:18px}
 .suite-app-boot .suite-app-boot-icon{display:block;width:84px;height:84px;object-fit:contain;border-radius:20px;box-shadow:0 12px 32px #0002}
 .suite-app-boot h1{margin:0;font-size:clamp(26px,6vw,36px);line-height:1.15;letter-spacing:-.025em;color:inherit;overflow-wrap:anywhere}
 .suite-app-boot p{margin:0;max-width:30ch;font-size:15px;line-height:1.5;color:var(--palette-muted,var(--boot-default-muted,#b9c5b7))}
 .suite-app-boot-progress{display:block;width:36px;height:3px;border-radius:5px;background:var(--glass-gold,#d9bf70);opacity:.75;animation:sg-boot-breathe 1.6s ease-in-out infinite}
 @keyframes sg-boot-breathe{50%{opacity:.25;transform:scaleX(.6)}}
 @media(prefers-reduced-motion:reduce){.suite-app-boot-progress{animation:none}}
 @media(forced-colors:active){.suite-app-boot{background:Canvas;color:CanvasText}.suite-app-boot-progress{background:Highlight}}
}

/* Bleu verre v5: legacy decorative surfaces across the Suite. */

@media screen {
html[data-suite-palette]:root {
 --surface-2:var(--palette-panel);--surface-3:var(--palette-field);--soft:var(--palette-field);--forest:var(--palette-panel);
 --green-strong:var(--palette-accent);--accent:var(--palette-accent);
 --sg-depth:inset 0 1px var(--glass-rim),0 6px 18px -8px var(--glass-shadow);
 --sg-selected:inset 3px 0 var(--glass-gold),inset 0 1px var(--glass-rim),0 3px 9px var(--sg-glass-tone-061426-24,#06142624);
 --sg-success-text:#a9dca1;--sg-success-bg:#76b48b13;--sg-success-edge:#76b48b44;
}
html[data-suite-palette]:root:is([data-theme="light"],[data-suite-theme="light"]){--sg-success-text:#286c37;--sg-success-bg:#e5f0e3;--sg-success-edge:#8eae91}
/* QG: connection panel and all administration subsections (admin-ui.css 50–68). */
html[data-suite-palette]:root :is(.admin-connection,.admin-client-row,.admin-role-card,.admin-access-card,.admin-operation,.admin-permission-group fieldset,.admin-callout:not(.admin-error):not(.admin-warning):not(.warning):not(.warn)){
 background:var(--glass-surface);color:var(--palette-text);border-color:var(--glass-edge);box-shadow:inset 0 1px var(--glass-rim),0 8px 22px -12px var(--glass-shadow);
}
html[data-suite-palette]:root .admin-connection{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%);backdrop-filter:blur(var(--glass-blur)) saturate(145%)}
html[data-suite-palette]:root :is(.admin-connection-mark,.integration-icon,.event-icon,.header-avatar,.avatar,.profile){background:var(--glass-chrome);color:var(--glass-gold);border-color:var(--glass-edge);box-shadow:inset 0 1px var(--glass-rim),0 3px 9px var(--sg-glass-tone-061426-20,#06142620)}
html[data-suite-palette]:root :is(.admin-tabs,.world-tabs,.mode-switch,.department-rail){background:transparent;border-color:var(--glass-edge);box-shadow:none}
html[data-suite-palette]:root :is(.admin-tabs button,.world-tabs button,.department-rail button,.mode-switch button,.choice){background:transparent;color:var(--palette-muted);border-color:var(--glass-edge);box-shadow:none}
html[data-suite-palette]:root :is(.admin-tabs button,.world-tabs button,.department-rail button,.mode-switch button,.choice).active{background:var(--glass-chrome);color:var(--glass-gold);border-color:var(--glass-gold);box-shadow:inset 0 -2px var(--glass-gold)}
html[data-suite-palette]:root .admin-client-row.selected{background:var(--glass-chrome);border-color:var(--glass-gold)}
html[data-suite-palette]:root :is(.admin-table th,.task-table th,.table th){background:var(--glass-chrome);color:var(--palette-text);border-color:var(--glass-edge)}
html[data-suite-palette]:root .admin-chart-track i{background:linear-gradient(90deg,var(--palette-accent),var(--glass-gold))}
html[data-suite-palette]:root .nav-item.active:before{background:var(--glass-gold)}
html[data-suite-palette]:root .nav-item:after{background:var(--palette-panel);color:var(--palette-text);border-color:var(--glass-edge)}
html[data-suite-palette]:root :is(.nav-separator,.workflow-step,.construction-bar){border-color:var(--glass-edge)}
html[data-suite-palette]:root :is(.construction-bar,.world-inspector,.world-clock,.world-tag #renderer-badge,.welcome-pill,.welcome-block){background:var(--glass-chrome);color:var(--palette-text);border-color:var(--glass-edge);box-shadow:inset 0 1px var(--glass-rim),0 6px 18px var(--sg-glass-tone-061426-20,#06142620)}
html[data-suite-palette]:root .welcome-block:nth-child(2n){background:var(--glass-chrome)}
html[data-suite-palette]:root :is(.world-inspector .eyebrow,.world-inspector p,.world-inspector small,.world-coordinate,.inspector-close,.inspector-stats,.welcome-caption,.welcome-art .coordinate,.nav-expanded .shortcut){color:var(--palette-muted);border-color:var(--glass-edge)}
html[data-suite-palette]:root :is(.world-viewport,.world-loading,.welcome-art){background:radial-gradient(ellipse at 50% 40%,var(--sg-glass-tone-76bbec-22,#76bbec22),transparent 70%),var(--palette-bg);color:var(--palette-text)}
html[data-suite-palette]:root .welcome-art:before{background-image:linear-gradient(var(--sg-glass-tone-b4ddff-13,#b4ddff13) 1px,transparent 1px),linear-gradient(90deg,var(--sg-glass-tone-b4ddff-13,#b4ddff13) 1px,transparent 1px)}
html[data-suite-palette]:root .world-loading small{color:var(--palette-muted)}
html[data-suite-palette]:root .load-orbit{border-color:var(--sg-glass-tone-b4ddff-25,#b4ddff25);border-top-color:var(--palette-accent)}
/* Install controls are shared chrome, not positive completion indicators. */
html[data-suite-palette]:root :is(.gougeon-install-trigger,.gougeon-install-dialog,.gougeon-install-reminder,.gougeon-install-devices button,.gougeon-install-copy button){background:var(--glass-surface);color:var(--palette-text);border-color:var(--glass-edge);box-shadow:inset 0 1px var(--glass-rim),0 6px 18px -8px var(--glass-shadow)}
html[data-suite-palette]:root :is(.gougeon-install-dialog h2,.gougeon-install-close,.gougeon-install-dialog a){color:var(--palette-text)}
html[data-suite-palette]:root :is(.gougeon-install-dialog small,.gougeon-install-dialog .gougeon-install-footnote,.gougeon-install-reminder p){color:var(--palette-muted);border-color:var(--glass-edge)}
html[data-suite-palette]:root :is(.gougeon-install-dialog .gougeon-install-tip,.gougeon-install-dialog .gougeon-install-notice){background:var(--glass-chrome);color:var(--palette-text)}
html[data-suite-palette]:root :is(.gougeon-install-native,.gougeon-install-reminder button,.gougeon-install-devices button[aria-pressed="true"]){background:var(--glass-chrome);color:var(--glass-gold);border-color:var(--glass-gold)}
/* Atelier: ordinary stages and selection controls are not progress-success badges. */
html[data-suite-palette]:root :is(.hero,.side-note,.stage-tab,.category-option,.quick-category,.option,.reference-label,.help-card.warm,.notice:not(.success):not(.error):not(.danger):not(.destructive):not(.warning):not(.warn):not([role="alert"])){background:var(--glass-surface);color:var(--palette-text);border-color:var(--glass-edge);box-shadow:inset 0 1px var(--glass-rim),0 5px 16px -10px var(--glass-shadow)}
html[data-suite-palette]:root :is(.stage-tab.active,.category-option.selected,.option:has(input:checked)){background:var(--glass-chrome);color:var(--glass-gold);border-color:var(--glass-gold);box-shadow:inset 0 1px var(--glass-rim)}
html[data-suite-palette]:root :is(.stage-tab.active .stage-num,.record-tab.active .step-number){background:var(--palette-panel);color:var(--glass-gold);border-color:var(--glass-gold)}
html[data-suite-palette]:root :is(.stat-icon,.empty-symbol,.help-icon,.scan-symbol){background:var(--glass-chrome);color:var(--glass-gold);border-color:var(--glass-edge);box-shadow:inset 0 1px var(--glass-rim),0 3px 9px var(--sg-glass-tone-061426-20,#06142620)}
html[data-suite-palette]:root :is(.hero p,.side-note strong,.side-note,.sidebar-footer small,.hero-art,.detail-placeholder,.card-preview,.guide-card .step-mark){color:var(--palette-muted)}
html[data-suite-palette]:root :is(.hero-art,.technical-note,.tracker-outlink,.sidebar-footer,.photo-slot){border-color:var(--glass-edge)}
html[data-suite-palette]:root .hero-art{background:radial-gradient(ellipse at center,var(--sg-glass-tone-76bbec-22,#76bbec22),transparent 75%)}
html[data-suite-palette]:root :is(.progress-track span,.storage-meter span){background:var(--palette-accent)}
html[data-suite-palette]:root :is(.photo-slot.active,.quick-category:hover,.project-card:hover){border-color:var(--glass-gold)}
html[data-suite-palette]:root .photo-slot.filled .slot-label{background:var(--palette-panel);color:var(--palette-text)}
html[data-suite-palette]:root #toast:not(.error):not(.success):not(.warning):not(.warn){background:var(--palette-panel);color:var(--palette-text);border:1px solid var(--glass-edge);box-shadow:0 7px 25px var(--glass-shadow)}
/* Atelier injects this desktop strip with inline background/color (suite-bootstrap.js:18). */
html[data-suite-palette]:root .suite-bar{background:var(--glass-chrome)!important;color:var(--palette-text)!important;border-color:var(--glass-edge);box-shadow:inset 0 1px var(--glass-rim)}
html[data-suite-palette]:root .suite-bar a{color:var(--palette-text)!important}
html[data-suite-palette]:root :is(.scan-camera-frame,.scan-clip video){background:var(--sg-glass-tone-07111f-ff,#07111f)}
html[data-suite-palette]:root .scan-camera-hint{background:var(--sg-glass-tone-07111f-ad,#07111fad)}
html[data-suite-palette]:root .scan-camera-bottom{background:linear-gradient(transparent,var(--sg-glass-tone-07111f-e8,#07111fe8))}
html[data-suite-palette]:root .scan-reticle,
html[data-suite-palette]:root .scan-reticle::before,
html[data-suite-palette]:root .scan-reticle::after{border-color:var(--sg-glass-tone-b4ddff-88,#b4ddff88)}
html[data-suite-palette]:root .busy-mask{background:var(--sg-glass-tone-07111f-80,#07111f80)}
html[data-suite-palette]:root :is(.checkline input,.option input){accent-color:var(--palette-accent)}
/* Decorative SVG diagrams only; camera imagery and 3D materials are untouched. */
html[data-suite-palette]:root :is(.orbit-diagram,.detail-placeholder){color:var(--palette-accent)}
html[data-suite-palette]:root :is(.orbit-line,.orientation-arrow){stroke:var(--palette-accent)}
html[data-suite-palette]:root .equipment-plan{fill:var(--palette-panel);stroke:var(--palette-accent)}
html[data-suite-palette]:root .view-cone{fill:var(--sg-glass-tone-84bbdf-30,#84bbdf30)}
html[data-suite-palette]:root .orbit-point:not(.done) circle{fill:var(--palette-panel);stroke:var(--palette-accent)}
html[data-suite-palette]:root .orbit-point.current circle{fill:var(--palette-panel);stroke:var(--glass-gold)}
html[data-suite-palette]:root :is(.orbit-point:not(.done) text,.diagram-label){fill:var(--palette-muted)}
/* Portal larger surfaces and tabs; its token aliases are appended separately below. */
html[data-suite-palette]:root :is(.portal-account-bar,.portal-notice:not(.portal-error):not(.error):not(.warning):not(.warn):not(.success),.account-explainer,.invitation-receipt,.demo-control-bar,.demo-tour-help,.demo-save-notice,.tp-launch,.demo-sidebar,.tp-body>aside,.try-footer){background:var(--glass-surface);color:var(--palette-text);border-color:var(--glass-edge);box-shadow:inset 0 1px var(--glass-rim),0 6px 18px -8px var(--glass-shadow)}
html[data-suite-palette]:root :is(.portal-tabs,.demo-tabs,.tp-tabs){background:transparent;box-shadow:none;border-color:var(--glass-edge)}
html[data-suite-palette]:root :is(.portal-tabs button,.demo-tabs>button,.tp-tabs a){background:transparent;color:var(--palette-muted);border-color:var(--glass-edge)}
html[data-suite-palette]:root :is(.portal-tabs button.active,.demo-tabs>button[aria-selected="true"],.tp-tabs a:first-child){background:var(--glass-chrome);color:var(--glass-gold);border-color:var(--glass-gold)}
html[data-suite-palette]:root .demo-tabs>button[aria-selected="true"]:after{background:var(--glass-gold)}
html[data-suite-palette]:root :is(.tp-views button[aria-pressed="true"],.tracker-preview .focus-tools button[aria-pressed="true"],.demo-tour-buttons button:last-child){background:var(--glass-chrome);color:var(--glass-gold);border-color:var(--glass-gold)}
/* Restore only explicit positive states after shared aliases, never generic panels. */
html[data-suite-palette]:root :is(.admin-status.approved,.pill.green,.notice.success,.scan-section.done){--soft:var(--sg-success-bg);--green:var(--sg-success-text);--line:var(--sg-success-edge);background:var(--sg-success-bg);color:var(--sg-success-text);border-color:var(--sg-success-edge)}
html[data-suite-palette]:root .orbit-point.done text{fill:var(--sg-success-text)}
@media(hover:hover) and (pointer:fine){
 html[data-suite-palette]:root :is(.admin-tabs button,.world-tabs button,.department-rail button,.mode-switch button,.choice,.admin-client-row,.admin-operation):hover{background:var(--glass-chrome);color:var(--palette-text);border-color:var(--glass-gold)}
 html[data-suite-palette]:root :is(.admin-table tbody tr,.task-table tbody tr,.table tbody tr):hover{background:var(--glass-chrome)}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-suite-palette]:root .admin-connection{background:var(--palette-panel);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(forced-colors:active){html[data-suite-palette]:root :is(.admin-connection,.admin-client-row,.admin-role-card,.admin-access-card,.admin-operation,.admin-tabs,.stage-tab,.gougeon-install-dialog){background:Canvas;color:CanvasText;border-color:CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}}
}

/* Portal legacy colour tokens (suite-theme.css). Positive/error/warning uses and non-green coloured fallbacks are omitted. */
@media screen {html[data-suite-palette]:root {
 --suite-edge-214e38:var(--glass-edge);
 --suite-edge-22432e:var(--glass-edge);
 --suite-edge-3a4e34:var(--glass-edge);
 --suite-edge-3c5334:var(--glass-edge);
 --suite-edge-52794b:var(--glass-edge);
 --suite-edge-5d7353:var(--glass-edge);
 --suite-edge-64816d66:var(--glass-edge);
 --suite-edge-67765d:var(--glass-edge);
 --suite-edge-8bac76:var(--glass-edge);
 --suite-edge-8fa382:var(--glass-edge);
 --suite-edge-9caa88:var(--glass-edge);
 --suite-edge-a4ad9e:var(--glass-edge);
 --suite-edge-b7cdaa:var(--glass-edge);
 --suite-edge-b9c8b8:var(--glass-edge);
 --suite-edge-c6d1bf:var(--glass-edge);
 --suite-edge-c7d1c8:var(--glass-edge);
 --suite-edge-c8d3c1:var(--glass-edge);
 --suite-edge-cad6c5:var(--glass-edge);
 --suite-edge-cfd9ce:var(--glass-edge);
 --suite-edge-d5ddcb:var(--glass-edge);
 --suite-edge-d5ddd0:var(--glass-edge);
 --suite-edge-d6dece:var(--glass-edge);
 --suite-edge-d7dfd7:var(--glass-edge);
 --suite-edge-d8e0d0:var(--glass-edge);
 --suite-edge-d9e2cf:var(--glass-edge);
 --suite-edge-d9e2d0:var(--glass-edge);
 --suite-edge-d9e4cd:var(--glass-edge);
 --suite-edge-dae1d4:var(--glass-edge);
 --suite-edge-dbe3d6:var(--glass-edge);
 --suite-edge-dbe3db:var(--glass-edge);
 --suite-edge-dbe4ce:var(--glass-edge);
 --suite-edge-dbe4d1:var(--glass-edge);
 --suite-edge-dce3d3:var(--glass-edge);
 --suite-edge-dce3d4:var(--glass-edge);
 --suite-edge-dce4d2:var(--glass-edge);
 --suite-edge-dce4d7:var(--glass-edge);
 --suite-edge-dce5d2:var(--glass-edge);
 --suite-edge-dce5d3:var(--glass-edge);
 --suite-edge-deded7:var(--glass-edge);
 --suite-edge-e0e5dd:var(--glass-edge);
 --suite-edge-e0e6dd:var(--glass-edge);
 --suite-edge-e0e7da:var(--glass-edge);
 --suite-edge-e0e8d6:var(--glass-edge);
 --suite-edge-e1e6d9:var(--glass-edge);
 --suite-edge-e1e7df:var(--glass-edge);
 --suite-edge-e1ead8:var(--glass-edge);
 --suite-edge-e4e9df:var(--glass-edge);
 --suite-edge-e5eadf:var(--glass-edge);
 --suite-edge-e5ebde:var(--glass-edge);
 --suite-edge-e6ebe2:var(--glass-edge);
 --suite-edge-e7ebe3:var(--glass-edge);
 --suite-edge-e9ede3:var(--glass-edge);
 --suite-edge-edf0e8:var(--glass-edge);
 --suite-edge-edf0eb:var(--glass-edge);
 --suite-ink-173e2b:var(--palette-muted);
 --suite-ink-183c28:var(--palette-muted);
 --suite-ink-214e38:var(--palette-muted);
 --suite-ink-233d2c:var(--palette-muted);
 --suite-ink-243b2a:var(--palette-muted);
 --suite-ink-2b4e34:var(--palette-muted);
 --suite-ink-2c5639:var(--palette-muted);
 --suite-ink-31502e:var(--palette-muted);
 --suite-ink-31563e:var(--palette-muted);
 --suite-ink-315a36:var(--palette-muted);
 --suite-ink-385c45:var(--palette-muted);
 --suite-ink-3e5632:var(--palette-muted);
 --suite-ink-465635:var(--palette-muted);
 --suite-ink-48604e:var(--palette-muted);
 --suite-ink-486c55:var(--palette-muted);
 --suite-ink-49603c:var(--palette-muted);
 --suite-ink-496341:var(--palette-muted);
 --suite-ink-4a7047:var(--palette-muted);
 --suite-ink-51634e:var(--palette-muted);
 --suite-ink-526849:var(--palette-muted);
 --suite-ink-536c58:var(--palette-muted);
 --suite-ink-537d50:var(--palette-muted);
 --suite-ink-557048:var(--palette-muted);
 --suite-ink-56705e:var(--palette-muted);
 --suite-ink-587953:var(--palette-muted);
 --suite-ink-59654e:var(--palette-muted);
 --suite-ink-607567:var(--palette-muted);
 --suite-ink-657761:var(--palette-muted);
 --suite-ink-65776b:var(--palette-muted);
 --suite-ink-65835b:var(--palette-muted);
 --suite-ink-667b60:var(--palette-muted);
 --suite-ink-678b50:var(--palette-muted);
 --suite-ink-697962:var(--palette-muted);
 --suite-ink-697d5c:var(--palette-muted);
 --suite-ink-6c8459:var(--palette-muted);
 --suite-ink-6d7866:var(--palette-muted);
 --suite-ink-6d7b6d:var(--palette-muted);
 --suite-ink-6f8062:var(--palette-muted);
 --suite-ink-6f8161:var(--palette-muted);
 --suite-ink-708762:var(--palette-muted);
 --suite-ink-718068:var(--palette-muted);
 --suite-ink-72836f:var(--palette-muted);
 --suite-ink-728766:var(--palette-muted);
 --suite-ink-728b5f:var(--palette-muted);
 --suite-ink-737c6a:var(--palette-muted);
 --suite-ink-779263:var(--palette-muted);
 --suite-ink-77936b:var(--palette-muted);
 --suite-ink-779963:var(--palette-muted);
 --suite-ink-78906d:var(--palette-muted);
 --suite-ink-7a8771:var(--palette-muted);
 --suite-ink-7a8772:var(--palette-muted);
 --suite-ink-7a8a73:var(--palette-muted);
 --suite-ink-7b8777:var(--palette-muted);
 --suite-ink-7b8873:var(--palette-muted);
 --suite-ink-7b8a6d:var(--palette-muted);
 --suite-ink-7b8b6f:var(--palette-muted);
 --suite-ink-7c8776:var(--palette-muted);
 --suite-ink-7c8d70:var(--palette-muted);
 --suite-ink-7c8e71:var(--palette-muted);
 --suite-ink-7d8874:var(--palette-muted);
 --suite-ink-7d8c70:var(--palette-muted);
 --suite-ink-7d8c74:var(--palette-muted);
 --suite-ink-7d8d70:var(--palette-muted);
 --suite-ink-7d9070:var(--palette-muted);
 --suite-ink-7e8b73:var(--palette-muted);
 --suite-ink-7e9073:var(--palette-muted);
 --suite-ink-7f8c73:var(--palette-muted);
 --suite-ink-809271:var(--palette-muted);
 --suite-ink-819175:var(--palette-muted);
 --suite-ink-829077:var(--palette-muted);
 --suite-ink-829174:var(--palette-muted);
 --suite-ink-829570:var(--palette-muted);
 --suite-ink-839079:var(--palette-muted);
 --suite-ink-839d6a:var(--palette-muted);
 --suite-ink-849481:var(--palette-muted);
 --suite-ink-85937c:var(--palette-muted);
 --suite-ink-87947a:var(--palette-muted);
 --suite-ink-89947e:var(--palette-muted);
 --suite-ink-8a9580:var(--palette-muted);
 --suite-ink-8a967f:var(--palette-muted);
 --suite-ink-8a977f:var(--palette-muted);
 --suite-ink-8a9880:var(--palette-muted);
 --suite-ink-8a9b7a:var(--palette-muted);
 --suite-ink-8b9585:var(--palette-muted);
 --suite-ink-8b987d:var(--palette-muted);
 --suite-ink-8b987f:var(--palette-muted);
 --suite-ink-8b9882:var(--palette-muted);
 --suite-ink-8c977e:var(--palette-muted);
 --suite-ink-8c9981:var(--palette-muted);
 --suite-ink-8c9a7c:var(--palette-muted);
 --suite-ink-8c9a80:var(--palette-muted);
 --suite-ink-8c9d7d:var(--palette-muted);
 --suite-ink-8c9f7b:var(--palette-muted);
 --suite-ink-8d9c7e:var(--palette-muted);
 --suite-ink-8e9d80:var(--palette-muted);
 --suite-ink-8e9e80:var(--palette-muted);
 --suite-ink-909d84:var(--palette-muted);
 --suite-ink-91a083:var(--palette-muted);
 --suite-ink-91a084:var(--palette-muted);
 --suite-ink-91a086:var(--palette-muted);
 --suite-ink-92a081:var(--palette-muted);
 --suite-ink-92aa7e:var(--palette-muted);
 --suite-ink-92ac7d:var(--palette-muted);
 --suite-ink-939d8b:var(--palette-muted);
 --suite-ink-97a387:var(--palette-muted);
 --suite-ink-98a18e:var(--palette-muted);
 --suite-ink-9aa592:var(--palette-muted);
 --suite-ink-9aa996:var(--palette-muted);
 --suite-ink-9ba68d:var(--palette-muted);
 --suite-ink-9ca691:var(--palette-muted);
 --suite-ink-9fae94:var(--palette-muted);
 --suite-ink-a3ad98:var(--palette-muted);
 --suite-ink-a4b099:var(--palette-muted);
 --suite-ink-a4b994:var(--palette-muted);
 --suite-ink-adbf9c:var(--palette-muted);
 --suite-ink-b3c2a5:var(--palette-muted);
 --suite-ink-b4c6a0:var(--palette-muted);
 --suite-ink-b6c8ad:var(--palette-muted);
 --suite-ink-b9c7a9:var(--palette-muted);
 --suite-ink-bdcbb4:var(--palette-muted);
 --suite-ink-bec9b2:var(--palette-muted);
 --suite-ink-c0cbb4:var(--palette-muted);
 --suite-ink-c4d1b7:var(--palette-muted);
 --suite-ink-d3e2d4:var(--palette-muted);
 --suite-ink-eef3e7:var(--palette-muted);
 --suite-shadow-133f2222:color-mix(in srgb,var(--glass-shadow) 45%,transparent);
 --suite-shadow-14271c50:color-mix(in srgb,var(--glass-shadow) 45%,transparent);
 --suite-shadow-1b342108:color-mix(in srgb,var(--glass-shadow) 45%,transparent);
 --suite-shadow-1b342114:color-mix(in srgb,var(--glass-shadow) 45%,transparent);
 --suite-shadow-1b382313:color-mix(in srgb,var(--glass-shadow) 45%,transparent);
 --suite-shadow-203b2310:color-mix(in srgb,var(--glass-shadow) 45%,transparent);
 --suite-shadow-203b2c09:color-mix(in srgb,var(--glass-shadow) 45%,transparent);
 --suite-shadow-203b2c12:color-mix(in srgb,var(--glass-shadow) 45%,transparent);
 --suite-shadow-223d2610:color-mix(in srgb,var(--glass-shadow) 45%,transparent);
 --suite-shadow-253d2510:color-mix(in srgb,var(--glass-shadow) 45%,transparent);
 --suite-surface-11281fcc:var(--palette-panel);
 --suite-surface-12291e99:var(--palette-panel);
 --suite-surface-14271ccb:var(--palette-panel);
 --suite-surface-163e29:var(--palette-panel);
 --suite-surface-173e2b:var(--palette-panel);
 --suite-surface-193d2b:var(--palette-panel);
 --suite-surface-213b2b:var(--palette-panel);
 --suite-surface-214e38:var(--palette-panel);
 --suite-surface-214e38ec:var(--palette-panel);
 --suite-surface-22432e:var(--palette-panel);
 --suite-surface-22442e:var(--palette-panel);
 --suite-surface-234834:var(--palette-panel);
 --suite-surface-234e36:var(--palette-panel);
 --suite-surface-3c5236:var(--palette-panel);
 --suite-surface-456039:var(--palette-panel);
 --suite-surface-567d4d:var(--palette-panel);
 --suite-surface-85a474:var(--palette-panel);
 --suite-surface-adb7a6:var(--palette-panel);
 --suite-surface-b1bf90:var(--palette-panel);
 --suite-surface-d7dfd0:var(--palette-panel);
 --suite-surface-e2ece3:var(--palette-panel);
 --suite-surface-e3e9da:var(--palette-panel);
 --suite-surface-e4eddc:var(--palette-panel);
 --suite-surface-e6ebdf:var(--palette-panel);
 --suite-surface-e6ecde:var(--palette-panel);
 --suite-surface-e8eedd:var(--palette-panel);
 --suite-surface-e9eee5:var(--palette-panel);
 --suite-surface-eaf0e1:var(--palette-panel);
 --suite-surface-eaf0e2:var(--palette-panel);
 --suite-surface-eaf0e3:var(--palette-panel);
 --suite-surface-eaf3e5:var(--palette-panel);
 --suite-surface-ecf2ea:var(--palette-panel);
 --suite-surface-edf1e8:var(--palette-panel);
 --suite-surface-edf2e6:var(--palette-panel);
 --suite-surface-edf2e7:var(--palette-panel);
 --suite-surface-edf2e8:var(--palette-panel);
 --suite-surface-edf3e6:var(--palette-panel);
 --suite-surface-edf5e9:var(--palette-panel);
 --suite-surface-eef3e6:var(--palette-panel);
 --suite-surface-eff3eb:var(--palette-panel);
 --suite-surface-eff7ea:var(--palette-panel);
 --suite-surface-f0f3e9:var(--palette-panel);
 --suite-surface-f0f3eb:var(--palette-panel);
 --suite-surface-f0f5eb:var(--palette-panel);
 --suite-surface-f2f5ee:var(--palette-panel);
 --suite-surface-f3f6f4:var(--palette-panel);
 --suite-surface-f4f7ee:var(--palette-panel);
 --suite-surface-f4f7f1:var(--palette-panel);
 --suite-surface-f5f7f2:var(--palette-panel);
 --suite-surface-f6f8f2:var(--palette-panel);
 --suite-surface-f7f8f3f5:var(--palette-panel);
 --suite-surface-f7f9f3:var(--palette-panel);
 --suite-surface-f8faf4:var(--palette-panel);
 --suite-surface-f8faf5:var(--palette-panel);
 --suite-surface-f9fbf5:var(--palette-panel);
 --suite-surface-fafaf5:var(--palette-panel);
 --suite-surface-fafbf8:var(--palette-panel);
 --suite-surface-fbfcf8:var(--palette-panel);
 --suite-surface-fcfdf9:var(--palette-panel);
 --suite-surface-fff:var(--palette-panel);
 --suite-surface-ffffff:var(--palette-panel);
 --suite-surface-ffffffda:var(--palette-panel);
 --suite-surface-ffffffeb:var(--palette-panel);
 --suite-surface-fffffff0:var(--palette-panel);
}}


@media screen {
  html[data-suite-palette]:root {
    /* Legacy decoration variables still used by Tracker and Dispatch. */
    --sg-depth:inset 0 1px var(--glass-rim),0 8px 24px -8px var(--glass-shadow),0 0 20px var(--sg-glass-tone-6aa3e6-15,#6aa3e615);
    --depth:var(--sg-depth);
    --gougeon-card:var(--glass-surface);
    --gougeon-shadow:var(--sg-depth);
    --color-secondary:var(--palette-field);
    --color-secondary-foreground:var(--palette-text);
    --color-muted:var(--palette-field);
    --color-muted-foreground:var(--palette-muted);
    --color-accent:var(--palette-field);
    --color-accent-foreground:var(--palette-text);
    --color-input:var(--palette-line);
    --color-ring:var(--glass-gold);
  }

  /* Tracker: neutral metadata uses obsolete --text-HEX green aliases. */
  html[data-suite-palette]:root :is(
    .nav-label,.nav-count,.breadcrumb,.breadcrumb>svg,
    .sidebar-bottom small,.page-heading p,.stat-label,
    .fleet-overview span:not(.stat-label),.overview-note,.equipment-card p,
    .card-bottom,.empty-category p,.fleet-footer,.summary-cell>span:first-child,
    .summary-cell small,.summary-cell>svg,.summary-date,
    .panel-heading span:not(.pill):not(.count-badge),.model-bottom>span,
    .view-corner,.orientation-note,.count-badge,.toggle-label,.pill-neutral,
    .damage-empty,.damage-empty p,.damage-item p,.damage-item small,
    .no-model,.maintenance-title p,.service-stats span,.service-stats small,
    .service-entry span:not(.entry-icon),.service-entry p,.service-entry>svg,
    .maintenance-aside p,.tip,.simple-empty,.timeline-item small,.timeline-item p,
    .model-version small,.reference-photo p,.catalog-label,.model-catalog small,
    .preview-note,.services-panel .section-top p,.spec-table th,
    .point-adjuster p,.operation-main span,.operation-main small,
    .fleet-notepad .section-top p,.note-heading small,.category-repairs>button>b,
    .card-grease small,.gallery-code-list span,.damage-photo-grid small,
    .atelier-tracker-back,.repair-work>small,.company-switcher label>span,
    .company-switcher small,.oil-specification .oil-model-context,
    .oil-specification dt,.repair-history-time small,.completed-repair-equipment,
    .completed-repair-facts dt,.completed-repair-card .completed-repair-hint,
    .equipment-parts-heading p,.equipment-part-heading>span,
    .equipment-part-card dt,.equipment-part-compatibility:not(.incompatible)
  ):not(.team-paper *,.shared-paper *,.document-paper *,.print-page *) {
    color:var(--palette-muted);
  }
  html[data-suite-palette]:root :is(
    .breadcrumb strong,.overview-note p strong,.damage-empty h3,.no-model h3,
    .record-form label:not(.checkbox-label),.fleet-dialog [data-slot="dialog-description"],
    .reference-photo summary,.model-source,.preview-footer a,.editable-entry>span
  ) { color:var(--palette-text); }
  html[data-suite-palette]:root :is(
    .record-form label small,.optional,.checkbox-label,.form-context,.form-hint
  ) { color:var(--palette-muted); }

  /* Strong :root[data-theme] rules currently paint these inner surfaces green. */
  html[data-suite-palette]:root :is(
    .equipment-icon,.service-icon,.empty-icon,.entry-icon,.timeline-item>span
  ) {
    color:var(--glass-gold);
    background:var(--palette-field);
    border-color:var(--glass-edge);
    box-shadow:inset 0 1px var(--glass-rim),0 4px 12px var(--sg-glass-tone-061a38-26,#061a3826);
  }
  html[data-suite-palette]:root :is(
    .model-version,.queue-code,.notepad-list article
  ):not(.sg-liquid-surface) {
    background:var(--glass-surface);
    color:var(--palette-text);
    border-color:var(--palette-line);
  }
  html[data-suite-palette]:root :is(
    .service-card:not(.soon):not(.due),.manual-note
  ):not(.sg-liquid-surface) {
    background:var(--glass-surface);
    border-color:var(--glass-edge);
    box-shadow:var(--sg-depth);
  }
  html[data-suite-palette]:root .part-label {
    background:var(--palette-field);color:var(--palette-text);
  }
  html[data-suite-palette]:root :is(
    .record-tabs button,.view-buttons button,.zoom-buttons button,.text-button,
    .model-catalog button,.focus-tools button,.note-flags button
  ) { color:var(--palette-text);border-color:var(--palette-line); }
  html[data-suite-palette]:root :is(
    .focus-tools button,.note-flags button,.model-catalog button
  ) { background:var(--palette-field); }
  html[data-suite-palette]:root :is(
    .record-tabs button[aria-selected="true"],.view-buttons button[aria-pressed="true"],
    .focus-tools button[aria-pressed="true"]
  ) { color:var(--glass-gold);background:var(--palette-field); }
  html[data-suite-palette]:root .record-tabs button[aria-selected="true"]:after {
    background:var(--glass-gold);
  }
  html[data-suite-palette]:root :is(
    .model-catalog button:hover,.equipment-card:hover,.model-review-list>div.active
  ) { border-color:var(--glass-edge);outline-color:var(--glass-gold); }
  html[data-suite-palette]:root .equipment-card:not(.sg-liquid-surface):hover {
    box-shadow:var(--sg-depth);
  }
  html[data-suite-palette]:root :is(
    .repair-assignments,.repair-part-line,.repair-consumption-confirm,
    .repair-history-time,.repair-history-sessions li,.repair-work,.repair-work-active,
    .completed-repair-facts,.completed-repair-part,.completed-repair-manual-costs>div,
    .equipment-photo-thumbnails>button,.equipment-photo-actions,
    .equipment-photo-upload-buttons>label,.equipment-photo-rename input,
    .equipment-photo-history,.equipment-parts-heading button,.equipment-part-card,
    .attachment-picker,.attachment-controls label,.category-repairs>button,
    .service-stats,.service-stats>div,.service-entry,.history-panel,.form-actions,
    .fleet-notepad,.card-grease,.equipment-bottom-controls,.reference-photo
  ) { border-color:var(--palette-line); }
  html[data-suite-palette]:root :is(
    .equipment-photo-thumbnails>button[aria-pressed="true"],.equipment-photo-selected
  ) { border-color:var(--glass-gold); }
  html[data-suite-palette]:root :is(
    .toggle-label input,.checkbox-label input,.condition-panel input,
    .model-admin input[type="checkbox"],.repair-checkbox input,
    .fleet-business input[type="checkbox"]
  ) { accent-color:var(--glass-gold); }
  /* Legacy dark business actions carry !important and seven class qualifiers. */
  html[data-suite-palette]:root .fleet-business button:not(.primary):not(.danger):not(.destructive):not([data-variant="destructive"]) {
    background:var(--glass-chrome)!important;
    color:var(--palette-text)!important;
    border-color:var(--glass-edge)!important;
    box-shadow:inset 0 1px var(--glass-rim),0 3px 10px -6px var(--glass-shadow);
  }

  /* Punch: these selectors are worker CSS, not React/Next class names. */
  html[data-suite-palette]:root :is(
    .navlabel,.orglabel,.brand small,.clock,.timerlabel,.starttime,.hero-foot,
    .project-card p,.metric-label,.event-row time,.empty,.setting-note,.day-meta,
    .footer,.timeline-card p,.hint,.repair-active p,.pay-link p,
    .pay-stat small,.pay-stat span,.pay-detail small,.pay-note,
    .install-dialog-head p,.install-dialog-body p,.install-footnote,
    .install-other summary,.install-reminder p
  ):not(.team-paper *,.document-paper *,.print-page *) { color:var(--palette-muted); }
  html[data-suite-palette]:root :is(
    .timer,.employee-link,.repair-totals strong,.pay-note strong,.pay-detail strong,
    .install-browser-help h3,.install-close,.mobile-menu-close
  ) { color:var(--palette-text); }
  html[data-suite-palette]:root :is(
    .avatar,.event-mark,.selected-person,.report-total,.repair-active,.pay-net,
    .pay-empty-icon,.install-notice,.install-reminder,.install-tabs button,
    .timeline-card pre
  ):not(.sg-liquid-surface) {
    background:var(--palette-field);color:var(--palette-text);
    border-color:var(--palette-line);
    box-shadow:inset 0 1px var(--glass-rim);
  }
  html[data-suite-palette]:root .report-total strong {color:var(--glass-gold);}
  html[data-suite-palette]:root :is(
    .hero-foot,.event-row,.sidebar-bottom,.footer,.pay-detail,.pay-note,
    .install-dialog-head,.install-browser-help
  ) { border-color:var(--palette-line); }
  html[data-suite-palette]:root .dashboard>.hero:after {
    border-color:var(--glass-edge);
  }
  html[data-suite-palette]:root .check input {accent-color:var(--glass-gold);}

  /* Dispatch: neutral equipment tags and decoration; leave semantic state colors. */
  html[data-suite-palette]:root .dispatch-equipment span {
    background:var(--palette-field);color:var(--palette-text);
  }
  html[data-suite-palette]:root .stat-card:after {
    box-shadow:0 0 30px var(--sg-glass-tone-5d98df-22,#5d98df22);
  }
  html[data-suite-palette]:root .dispatch-check input {
    accent-color:var(--glass-gold);
  }
}

/* Pointer-only hover; avoid reintroducing sticky green after mobile taps. */
@media screen and (hover:hover) and (pointer:fine) {
  html[data-suite-palette]:root :is(
    .focus-tools button,.model-catalog button,.note-flags button,
    .install-tabs button,.install-button
  ):not(:disabled):hover {background:var(--palette-field);border-color:var(--glass-gold);}
}


@media screen {
  html[data-suite-palette]:root {
    --q-border:var(--glass-edge);
    --glass-positive:#add59a;
    --glass-positive-edge:#84b17066;
    --glass-positive-wash:#6b9e4915;
    --depth:inset 0 1px 0 var(--glass-rim),0 5px 15px var(--glass-shadow);
  }
  html[data-suite-palette]:root:is([data-theme="light"],[data-suite-theme="light"]) {
    --glass-positive:#317b34;
  }

  /* Billing quotes/editors + the same pricing editor embedded in Accounting.
     Keep these nested panes flat: do not add more nested backdrop-filter layers. */
  html[data-suite-palette]:root :is(
    .quote-pricing,.combo-part,.combo-options button,
    .shared-catalogue .quote-pricing,.shared-catalogue .combo-part,.shared-catalogue .combo-options button,
    .employee-metrics>div,.account-admin-summary>div,.account-plan-mini,
    .global-search,.search-field,.install-tabs button,
    .install-notice,.install-reminder,.account-free-choice,
    .quantity-result
  ):not(.document-paper,.document-paper *,.print-page,.print-page *,.shared-paper,.shared-paper *,.team-paper,.team-paper *,.contract-signing-dialog,.contract-signing-dialog *,.dispatch-contract-modal,.dispatch-contract-modal *) {
    background:var(--glass-chrome);
    color:var(--palette-text);
    border-color:var(--glass-edge);
    box-shadow:inset 0 1px 0 var(--glass-rim);
  }
  html[data-suite-palette]:root :is(
    .account-plan,.account-invitation,.install-button
  ):not(.document-paper,.document-paper *,.print-page,.print-page *,.shared-paper,.shared-paper *,.team-paper,.team-paper *,.contract-signing-dialog,.contract-signing-dialog *,.dispatch-contract-modal,.dispatch-contract-modal *) {
    background:var(--glass-surface);
    color:var(--palette-text);
    border-color:var(--glass-edge);
    box-shadow:inset 0 1px 0 var(--glass-rim),0 8px 24px -12px var(--glass-shadow);
  }

  /* These notice classes mix neutral instructions and successful operations.
     role=status instances retain their existing positive semantic appearance. */
  html[data-suite-palette]:root :is(
    .inline-notice:not([role="status"]),
    .pricing-notice:not([role="status"]),
    .shared-catalogue .pricing-notice:not([role="status"]),
    .quantity-notice:not([role="status"]),
    .account-message:not([role="status"],.is-error)
  ):not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
    background:var(--glass-chrome);
    color:var(--palette-text);
    border-color:var(--glass-edge);
    box-shadow:none;
  }

  /* Headers and editor action rows: a thin transparent pane, no green fill. */
  html[data-suite-palette]:root :is(
    .toolbar,.editor-footer,.modal-head,.modal-footer,
    .pricing-dialog-head,.pricing-dialog-foot,
    .shared-catalogue .pricing-dialog-head,.shared-catalogue .pricing-dialog-foot,
    .install-dialog-head
  ):not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
    background:var(--glass-chrome);
    color:var(--palette-text);
    border-color:var(--glass-edge);
    box-shadow:none;
  }
  html[data-suite-palette]:root .panel-title:not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
    background:transparent;
    color:var(--palette-text);
    border-color:var(--glass-edge);
    box-shadow:none;
  }

  /* All operational tables, excluding immutable document previews/signatures. */
  html[data-suite-palette]:root :is(thead,th):not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
    background:var(--glass-chrome);
    color:var(--palette-muted);
    border-color:var(--glass-edge);
  }
  html[data-suite-palette]:root td:not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
    color:var(--palette-text);
    border-color:var(--glass-edge);
  }

  /* Billing has hard-coded green typography beyond its generic card wrappers. */
  html[data-suite-palette]:root :is(
    .field,.checkbox,.text-btn,.equipment-code,.equipment-card h3,
    .machine-icon,.machine-icon>span,.fleet-total>strong,.fleet-total svg,
    .client-cell strong,td>strong,.bar-row strong,.timeline-item strong,
    .task-row,.notification-row,.search-result,.payment-row,.integration-link,
    .quote-pricing-title h3,.shared-catalogue .quote-pricing-title h3,
    .account-row h3,.account-detail-line strong,.account-admin-summary strong,
    .account-free-choice strong,.account-seal,.account-checkbox,
    .install-dialog ol,.install-browser-help h3,.install-close
  ):not(.success-text,.danger-text,.badge,.badge *,.account-status,.account-status *,[role="alert"],.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
    color:var(--palette-text);
  }
  html[data-suite-palette]:root :is(
    .brand-text>span,.company small,.profile small,
    .breadcrumb,.breadcrumb svg,.global-search kbd,
    .page-heading p,.overview-date,.stat-title,.stat-title svg,.stat>small,.stat-arrow,
    .panel-title p,.panel-title>svg,td small,.fleet-total>span,.fleet-mini-list small,
    .quick-card p,.empty p,.pager,.pager button,.equipment-meta,.equipment-card p,
    .task-row small,.audit-row small,.audit-row time,.roadmap-item small,
    .search-result small,.payment-row small,.timeline-item small,.line-no,
    .account-brand small,.account-header nav,.account-intro p:last-child,
    .account-card>p:not(.eyebrow),.account-form>small,.account-checkbox small,
    .account-price span,.account-plan>p:not(.eyebrow),.account-plan>small,
    .account-loading,.account-fineprint,.account-user-strip,.account-detail-line,
    .account-help ol span,.account-plan-mini small,.account-search,
    .account-row-top p,.account-row-meta,.account-invitation>small,
    .account-empty,.account-owner-note,.account-free-choice small,
    .employee-entry small,.employee-metrics small,.employee-metrics span,.employee-shift small,
    .install-dialog-head p,.install-dialog-body p,.install-dialog-body .install-footnote,
    .company-switcher label>span,.install-other summary,.install-reminder p
  ):not(.success-text,.danger-text,.badge,.badge *,.account-status,.account-status *,[role="alert"],.account-message,.account-message *, .quantity-notice[role="status"],.quantity-notice[role="status"] *, .pricing-notice[role="status"],.pricing-notice[role="status"] *, .document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
    color:var(--palette-muted);
  }
  html[data-suite-palette]:root :is(.account-text-link,.account-section-head>svg,.account-owner-note>svg,.inline-notice a,.suite-card a):not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
    color:var(--palette-accent);
  }
  html[data-suite-palette]:root .install-notice {color:var(--palette-text)!important}
  html[data-suite-palette]:root input:not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *)::placeholder {color:var(--palette-muted)}
  html[data-suite-palette]:root .account-help ol li::before {border-color:var(--glass-edge)}

  /* Neutral separators and icon plates, not borders encoding a status. */
  html[data-suite-palette]:root :is(
    .account-seal,.account-plan-note,.account-detail-line,
    .account-row,.employee-entry,.employee-shift,.fleet-mini-list>button,
    .sidebar-foot,.page-footer,.account-footer,.equipment-actions,.task-row,.task-check,
    .member-row,.audit-row,.pending-circle,.notification-row,.search-result,.document-line,
    .payment-row,.install-browser-help,.combo-picker,.shared-catalogue .combo-picker,
    .enterprise-counts>div,.enterprise-checklist li,.enterprise-adjustment
  ):not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
    border-color:var(--glass-edge);
  }
  html[data-suite-palette]:root :is(
    .avatar,.top-avatar,.section-icon,.account-symbol,.pricing-intro-icon,
    .shared-catalogue .pricing-intro-icon
  ):not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
    background:var(--glass-chrome);
    color:var(--palette-accent);
    border-color:var(--glass-edge);
    box-shadow:inset 0 1px 0 var(--glass-rim),0 3px 10px -5px var(--glass-shadow);
  }
  html[data-suite-palette]:root .nav-scroll {scrollbar-color:var(--palette-line) transparent}
  html[data-suite-palette]:root :is(.fleet-business article,.fleet-business form):not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {border-color:var(--glass-edge)!important}

  /* Choices are navigation, not a positive equipment/accounting state. */
  html[data-suite-palette]:root :is(
    .pricing-tabs button,.shared-catalogue .pricing-tabs button
  ) {color:var(--palette-muted)}
  html[data-suite-palette]:root :is(
    .pricing-tabs button.selected,.shared-catalogue .pricing-tabs button.selected,
    .install-tabs button[aria-selected="true"],.employee-entry.is-selected,
    .account-free-choice:has(input:checked),.quantity-tabs button[aria-pressed="true"]
  ):not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
    background:linear-gradient(120deg,#e4bd6a20,var(--sg-glass-tone-b4ddff-12,#b4ddff12));
    color:var(--glass-gold);
    border-color:var(--glass-gold);
    box-shadow:inset 0 1px 0 var(--glass-rim);
  }
  html[data-suite-palette]:root input[type="checkbox"]:not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {accent-color:var(--palette-accent)}

  /* Graph bars and totals are neutral business data, not success badges. */
  html[data-suite-palette]:root .bar-row>div {background:var(--palette-field)}
  html[data-suite-palette]:root .bar-row i {background:linear-gradient(90deg,var(--sg-glass-tone-416ba5-ff,#416ba5),var(--sg-glass-tone-b9d8ff-ff,#b9d8ff))}
  html[data-suite-palette]:root :is(.audit-dot,.timeline-item>i) {background:var(--palette-accent)}
  html[data-suite-palette]:root .stat-card::after {border-color:var(--glass-edge);box-shadow:0 0 30px var(--sg-glass-tone-b9d8ff-20,#b9d8ff20)}
  html[data-suite-palette]:root :is(.totals>div,.totals strong):not(.document-paper *,.print-page *,.shared-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {color:var(--palette-text);border-color:var(--glass-edge)}
  html[data-suite-palette]:root .totals .grand-total:not(.document-paper *,.print-page *,.shared-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {background:var(--glass-chrome);color:var(--glass-gold)}

  /* The existing --green alias is blue in this palette: restore true positives.
     Do not reassign --green globally; it also paints all ordinary buttons. */
  html[data-suite-palette]:root :is(.badge.green,.notice.success,.entry-total.balanced>span:last-child):not(.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {color:var(--glass-positive)}
  html[data-suite-palette]:root .badge.green {border-color:var(--glass-positive-edge);background:var(--glass-positive-wash)}

  @media (hover:hover) and (pointer:fine) {
    html[data-suite-palette]:root :is(
      .employee-entry,.install-button,.install-tabs button,.combo-options button,
      .shared-catalogue .combo-options button,.pricing-tabs button,
      .shared-catalogue .pricing-tabs button,.export-links a,
      .steps button,.pagination button,.context>button,.project-chips button,
      .entry-lines button,.form-actions button.secondary,.professional .action-grid button
    ):hover:not(:disabled,[aria-disabled="true"],.danger,.destructive,[data-variant="destructive"],.primary,.selected,.is-selected,[aria-selected="true"],.document-paper *,.print-page *,.shared-paper *,.team-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {
      background:var(--glass-chrome);
      color:var(--palette-accent);
      border-color:var(--glass-edge);
      box-shadow:inset 0 1px 0 var(--glass-rim),0 3px 10px -5px var(--glass-shadow);
    }
    html[data-suite-palette]:root tbody tr:hover:not(.document-paper *,.print-page *,.shared-paper *,.contract-signing-dialog *,.dispatch-contract-modal *) {background:var(--sg-glass-tone-b9d8ff-0a,#b9d8ff0a)}
  }
}

/* Keep high-contrast controls authoritative over translucent decorative panes. */
@media screen and (forced-colors:active) {
  html[data-suite-palette]:root :is(.quote-pricing,.combo-part,.combo-options button,.employee-metrics>div,.account-admin-summary>div,.account-plan-mini,.global-search,.search-field,.install-tabs button,.install-notice,.install-reminder,.account-free-choice,.quantity-result,.account-plan,.account-invitation,.install-button,.toolbar,.editor-footer,.modal-head,.modal-footer,.pricing-dialog-head,.pricing-dialog-foot,.install-dialog-head) {background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important}
}

/* Bleu verre v6: one continuous glass window, no opaque title or action bands. */
@media screen {
html[data-suite-palette]:root dialog .dialog-header,
html[data-suite-palette]:root dialog .dialog-footer,
html[data-suite-palette]:root dialog .dialog-body,
html[data-suite-palette]:root .modal>.modal-head,
html[data-suite-palette]:root .modal>.modal-body,
html[data-suite-palette]:root .modal>.modal-foot,
html[data-suite-palette]:root .modal>.modal-footer,
html[data-suite-palette]:root .modal>header,
html[data-suite-palette]:root .modal>form>.modal-head,
html[data-suite-palette]:root .modal>form>.modal-body,
html[data-suite-palette]:root .modal>form>.modal-foot,
html[data-suite-palette]:root .modal>form>.modal-footer,
html[data-suite-palette]:root #modal>form>.modal-head,
html[data-suite-palette]:root #modal>form>.modal-body,
html[data-suite-palette]:root #modal>form>.modal-foot,
html[data-suite-palette]:root .pricing-dialog .pricing-dialog-head,
html[data-suite-palette]:root .pricing-dialog .pricing-dialog-body,
html[data-suite-palette]:root .pricing-dialog .pricing-dialog-foot,
html[data-suite-palette]:root .dispatch-modal>form>header,
html[data-suite-palette]:root .dispatch-modal>form>footer,
html[data-suite-palette]:root .dispatch-modal>form>.suite-modal-scroll,
html[data-suite-palette]:root .dispatch-contract-modal>header,
html[data-suite-palette]:root .dispatch-contract-modal>footer,
html[data-suite-palette]:root .install-dialog>.install-dialog-head,
html[data-suite-palette]:root .install-dialog>.install-dialog-body,
html[data-suite-palette]:root .install-dialog>.install-dialog-foot,
html[data-suite-palette]:root .gate-install-dialog>header,
html[data-suite-palette]:root .gate-install-dialog>.gate-install-body,
html[data-suite-palette]:root .catalogue-dialog>header,
html[data-suite-palette]:root .catalogue-dialog>form,
html[data-suite-palette]:root .quantity-dialog>header,
html[data-suite-palette]:root .quantity-dialog>form,
html[data-suite-palette]:root .quantity-dialog>form>footer,
html[data-suite-palette]:root .fleet-dialog [data-slot="dialog-header"],
html[data-suite-palette]:root .fleet-dialog [data-slot="dialog-footer"],
html[data-suite-palette]:root .fleet-dialog .form-actions,
html[data-suite-palette]:root [data-slot="dialog-content"]>[data-slot="dialog-header"],
html[data-suite-palette]:root [data-slot="dialog-content"]>[data-slot="dialog-footer"],
html[data-suite-palette]:root [data-slot="alert-dialog-content"]>[data-slot="alert-dialog-header"],
html[data-suite-palette]:root [data-slot="alert-dialog-content"]>[data-slot="alert-dialog-footer"],
html[data-suite-palette]:root [data-slot="sheet-content"]>[data-slot="sheet-header"],
html[data-suite-palette]:root [data-slot="sheet-content"]>[data-slot="sheet-footer"] {
 background:transparent!important;
 border-color:transparent!important;
 box-shadow:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
html[data-suite-palette]:root dialog .dialog-header>.sg-reflection-edge,
html[data-suite-palette]:root dialog .dialog-footer>.sg-reflection-edge,
html[data-suite-palette]:root dialog .dialog-body>.sg-reflection-edge,
html[data-suite-palette]:root .modal>.modal-head>.sg-reflection-edge,
html[data-suite-palette]:root .modal>.modal-body>.sg-reflection-edge,
html[data-suite-palette]:root .modal>.modal-foot>.sg-reflection-edge,
html[data-suite-palette]:root .modal>.modal-footer>.sg-reflection-edge,
html[data-suite-palette]:root .modal>header>.sg-reflection-edge,
html[data-suite-palette]:root .modal>form>.modal-head>.sg-reflection-edge,
html[data-suite-palette]:root .modal>form>.modal-body>.sg-reflection-edge,
html[data-suite-palette]:root .modal>form>.modal-foot>.sg-reflection-edge,
html[data-suite-palette]:root .modal>form>.modal-footer>.sg-reflection-edge,
html[data-suite-palette]:root #modal>form>.modal-head>.sg-reflection-edge,
html[data-suite-palette]:root #modal>form>.modal-body>.sg-reflection-edge,
html[data-suite-palette]:root #modal>form>.modal-foot>.sg-reflection-edge,
html[data-suite-palette]:root .pricing-dialog .pricing-dialog-head>.sg-reflection-edge,
html[data-suite-palette]:root .pricing-dialog .pricing-dialog-body>.sg-reflection-edge,
html[data-suite-palette]:root .pricing-dialog .pricing-dialog-foot>.sg-reflection-edge,
html[data-suite-palette]:root .dispatch-modal>form>header>.sg-reflection-edge,
html[data-suite-palette]:root .dispatch-modal>form>footer>.sg-reflection-edge,
html[data-suite-palette]:root .dispatch-modal>form>.suite-modal-scroll>.sg-reflection-edge,
html[data-suite-palette]:root .dispatch-contract-modal>header>.sg-reflection-edge,
html[data-suite-palette]:root .dispatch-contract-modal>footer>.sg-reflection-edge,
html[data-suite-palette]:root .install-dialog>.install-dialog-head>.sg-reflection-edge,
html[data-suite-palette]:root .install-dialog>.install-dialog-body>.sg-reflection-edge,
html[data-suite-palette]:root .install-dialog>.install-dialog-foot>.sg-reflection-edge,
html[data-suite-palette]:root .gate-install-dialog>header>.sg-reflection-edge,
html[data-suite-palette]:root .gate-install-dialog>.gate-install-body>.sg-reflection-edge,
html[data-suite-palette]:root .catalogue-dialog>header>.sg-reflection-edge,
html[data-suite-palette]:root .catalogue-dialog>form>.sg-reflection-edge,
html[data-suite-palette]:root .quantity-dialog>header>.sg-reflection-edge,
html[data-suite-palette]:root .quantity-dialog>form>.sg-reflection-edge,
html[data-suite-palette]:root .quantity-dialog>form>footer>.sg-reflection-edge,
html[data-suite-palette]:root .fleet-dialog [data-slot="dialog-header"]>.sg-reflection-edge,
html[data-suite-palette]:root .fleet-dialog [data-slot="dialog-footer"]>.sg-reflection-edge,
html[data-suite-palette]:root .fleet-dialog .form-actions>.sg-reflection-edge,
html[data-suite-palette]:root [data-slot="dialog-content"]>[data-slot="dialog-header"]>.sg-reflection-edge,
html[data-suite-palette]:root [data-slot="dialog-content"]>[data-slot="dialog-footer"]>.sg-reflection-edge,
html[data-suite-palette]:root [data-slot="alert-dialog-content"]>[data-slot="alert-dialog-header"]>.sg-reflection-edge,
html[data-suite-palette]:root [data-slot="alert-dialog-content"]>[data-slot="alert-dialog-footer"]>.sg-reflection-edge,
html[data-suite-palette]:root [data-slot="sheet-content"]>[data-slot="sheet-header"]>.sg-reflection-edge,
html[data-suite-palette]:root [data-slot="sheet-content"]>[data-slot="sheet-footer"]>.sg-reflection-edge{display:none!important}
html[data-suite-palette]:root dialog.modal[open]:has(>.modal-body),
html[data-suite-palette]:root dialog[open]:has(>.dialog-body),
html[data-suite-palette]:root dialog[open]:has(>form>.dialog-body),
html[data-suite-palette]:root dialog[open]:has(>form>.modal-body),
html[data-suite-palette]:root dialog.pricing-dialog[open]:has(>form>.pricing-dialog-body),
html[data-suite-palette]:root dialog.suite-modal-frame[open]{display:flex;flex-direction:column;overflow:hidden}
html[data-suite-palette]:root dialog[open]>form:has(>.dialog-body),
html[data-suite-palette]:root dialog[open]>form:has(>.modal-body),
html[data-suite-palette]:root dialog.pricing-dialog[open]>form:has(>.pricing-dialog-body),
html[data-suite-palette]:root dialog.suite-modal-frame[open]>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:inherit;overflow:hidden;gap:0}
html[data-suite-palette]:root dialog.modal[open]>.modal-body,
html[data-suite-palette]:root dialog[open]>.dialog-body,
html[data-suite-palette]:root dialog[open]>form>.dialog-body,
html[data-suite-palette]:root dialog[open]>form>.modal-body,
html[data-suite-palette]:root dialog.pricing-dialog[open]>form>.pricing-dialog-body,
html[data-suite-palette]:root dialog.suite-modal-frame[open]>form>.suite-modal-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
html[data-suite-palette]:root dialog.modal[open]>.modal-body~footer,
html[data-suite-palette]:root dialog.modal[open]>header,
html[data-suite-palette]:root dialog[open]>.dialog-header,
html[data-suite-palette]:root dialog[open]>.dialog-footer,
html[data-suite-palette]:root dialog[open]>form>.dialog-header,
html[data-suite-palette]:root dialog[open]>form>.dialog-footer,
html[data-suite-palette]:root dialog[open]>form>.modal-head,
html[data-suite-palette]:root dialog[open]>form>.modal-foot,
html[data-suite-palette]:root dialog.pricing-dialog[open]>form>.pricing-dialog-head,
html[data-suite-palette]:root dialog.pricing-dialog[open]>form>.pricing-dialog-foot,
html[data-suite-palette]:root dialog.suite-modal-frame[open]>form>header,
html[data-suite-palette]:root dialog.suite-modal-frame[open]>form>footer{flex:0 0 auto;position:relative;top:auto;bottom:auto}
html[data-suite-palette]:root .dispatch-contract-modal>header,
html[data-suite-palette]:root .dispatch-contract-modal>footer{position:relative;top:auto;bottom:auto}
}


/* Liquid v7: shared optical material; personal palette, business state colors and documents stay independent. */
@media screen {
html[data-suite-palette="green"] {
 --palette-h:151;--palette-s:40%;--palette-bg:#090d0b;--palette-panel:#162019;--palette-field:#0e1811;
 --palette-text:#f3efdf;--palette-muted:#c0c9bc;--palette-line:#485644;--palette-accent:#add59a;
}
html[data-suite-palette="green"]:is([data-theme="light"],[data-suite-theme="light"]) {
 --palette-bg:#edf2e8;--palette-panel:#fbfdf7;--palette-field:#fffefb;--palette-text:#193c29;
 --palette-muted:#48644d;--palette-line:#b4c8a9;--palette-accent:#317b34;
}
html[data-suite-palette]:not([data-suite-palette="blue-glass"]):root {
 --glass-surface:linear-gradient(125deg,hsl(var(--palette-h) 90% 94% / .13),hsl(var(--palette-h) 60% 70% / .025) 43%,hsl(var(--palette-h) 65% 80% / .075));
 --glass-chrome:linear-gradient(120deg,hsl(var(--palette-h) 90% 94% / .12),hsl(var(--palette-h) 65% 65% / .045) 70%,rgba(238,211,154,.08));
 --glass-nav:linear-gradient(140deg,hsl(var(--palette-h) 90% 88% / .1),hsl(var(--palette-h) 47% 41% / .045) 78%);
 --glass-edge:hsl(var(--palette-h) 90% 94% / .47);--glass-rim:rgba(255,255,255,.79);--glass-shadow:hsl(var(--palette-h) 80% 4% / .47);
 --glass-gold:#f1d18b;--glass-glow:hsl(var(--palette-h) 90% 80% / .16);
 --glass-blur:8px;--glass-chrome-blur:8px;--glass-dialog-blur:9px;
 --liquid-haze:6px;--liquid-brightness:1.08;--liquid-sheen:rgba(255,255,255,.14);
 --liquid-ambient:radial-gradient(ellipse 60vw 60vh at 5% 10%,hsl(var(--palette-h) var(--palette-s) 42% / .57),transparent 74%),radial-gradient(ellipse 52vw 56vh at 92% 40%,hsl(calc(var(--palette-h) + 17) var(--palette-s) 35% / .47),transparent 70%),radial-gradient(ellipse 42vw 55vh at 45% 95%,#b58b474d,transparent 72%),linear-gradient(135deg,var(--palette-panel),var(--palette-bg) 56%,var(--palette-field));
 --palette-card:var(--glass-surface);--palette-nav:var(--glass-nav);--palette-chrome:var(--glass-chrome);
 --sg-glass-tone-558ed9-42:hsl(calc(var(--palette-h) + -1.909) 63.462% 59.216% / 0.2588);
 --sg-glass-tone-64b6ce-25:hsl(calc(var(--palette-h) + -22.415) 51.961% 60.000% / 0.1451);
 --sg-glass-tone-0a1a33-26:hsl(calc(var(--palette-h) + 0.585) 67.213% 11.961% / 0.1490);
 --sg-glass-tone-f1f6ff-ff:hsl(calc(var(--palette-h) + 2.571) 100.000% 97.255% / 1.0000);
 --sg-glass-tone-dcefff-30:hsl(calc(var(--palette-h) + -8.571) 100.000% 93.137% / 0.1882);
 --sg-glass-tone-122a46-9e:hsl(calc(var(--palette-h) + -3.692) 59.091% 17.255% / 0.6200);
 --sg-glass-tone-061223-52:hsl(calc(var(--palette-h) + -0.828) 70.732% 8.039% / 0.3200);
 --sg-glass-tone-071629-15:hsl(calc(var(--palette-h) + -2.471) 70.833% 9.412% / 0.0824);
 --sg-glass-tone-467aaa-ff:hsl(calc(var(--palette-h) + -7.200) 41.667% 47.059% / 1.0000);
 --sg-glass-tone-1c446e-ff:hsl(calc(var(--palette-h) + -5.268) 59.420% 27.059% / 1.0000);
 --sg-glass-tone-172f4d-ff:hsl(calc(var(--palette-h) + -2.667) 54.000% 19.608% / 1.0000);
 --sg-glass-tone-07172c-4d:hsl(calc(var(--palette-h) + -1.946) 72.549% 10.000% / 0.3020);
 --sg-glass-tone-112840-ff:hsl(calc(var(--palette-h) + -5.362) 58.025% 15.882% / 1.0000);
 --sg-glass-tone-849ab6-ff:hsl(calc(var(--palette-h) + -2.400) 25.510% 61.569% / 1.0000);
 --sg-glass-tone-e2f6ff-c9:hsl(calc(var(--palette-h) + -17.379) 100.000% 94.314% / 0.7882);
 --sg-glass-tone-a4d8ff-52:hsl(calc(var(--palette-h) + -10.286) 100.000% 82.157% / 0.3216);
 --sg-glass-tone-b2e0ff-25:hsl(calc(var(--palette-h) + -11.844) 100.000% 84.902% / 0.1451);
 --sg-glass-tone-203e62-ff:hsl(calc(var(--palette-h) + -3.273) 50.769% 25.490% / 1.0000);
 --sg-glass-tone-10263f-ff:hsl(calc(var(--palette-h) + -4.085) 59.494% 15.490% / 1.0000);
 --sg-glass-tone-081321-aa:hsl(calc(var(--palette-h) + -2.400) 60.976% 8.039% / 0.6667);
 --sg-glass-tone-b5d5ef-33:hsl(calc(var(--palette-h) + -9.103) 64.444% 82.353% / 0.2000);
 --sg-glass-tone-061426-26:hsl(calc(var(--palette-h) + -2.250) 72.727% 8.627% / 0.1490);
 --sg-glass-tone-061426-15:hsl(calc(var(--palette-h) + -2.250) 72.727% 8.627% / 0.0824);
 --sg-glass-tone-f3fcff-ee:hsl(calc(var(--palette-h) + -21.000) 100.000% 97.647% / 0.9333);
 --sg-glass-tone-c0eaff-73:hsl(calc(var(--palette-h) + -16.000) 100.000% 87.647% / 0.4510);
 --sg-glass-tone-d7f6ff-22:hsl(calc(var(--palette-h) + -22.500) 100.000% 92.157% / 0.1333);
 --sg-glass-tone-bce6ff-33:hsl(calc(var(--palette-h) + -13.612) 100.000% 86.863% / 0.2000);
 --sg-glass-tone-b4ddff-0a:hsl(calc(var(--palette-h) + -8.800) 100.000% 85.294% / 0.0392);
 --sg-glass-tone-081425-0f:hsl(calc(var(--palette-h) + -0.828) 64.444% 8.824% / 0.0600);
 --sg-glass-tone-b4ddff-16:hsl(calc(var(--palette-h) + -8.800) 100.000% 85.294% / 0.0863);
 --sg-glass-tone-b5ddff-26:hsl(calc(var(--palette-h) + -8.432) 100.000% 85.490% / 0.1490);
 --sg-glass-tone-061426-24:hsl(calc(var(--palette-h) + -2.250) 72.727% 8.627% / 0.1412);
 --sg-glass-tone-061426-20:hsl(calc(var(--palette-h) + -2.250) 72.727% 8.627% / 0.1255);
 --sg-glass-tone-76bbec-22:hsl(calc(var(--palette-h) + -11.085) 75.641% 69.412% / 0.1333);
 --sg-glass-tone-b4ddff-13:hsl(calc(var(--palette-h) + -8.800) 100.000% 85.294% / 0.0745);
 --sg-glass-tone-b4ddff-25:hsl(calc(var(--palette-h) + -8.800) 100.000% 85.294% / 0.1451);
 --sg-glass-tone-07111f-ff:hsl(calc(var(--palette-h) + -1.000) 63.158% 7.451% / 1.0000);
 --sg-glass-tone-07111f-ad:hsl(calc(var(--palette-h) + -1.000) 63.158% 7.451% / 0.6784);
 --sg-glass-tone-07111f-e8:hsl(calc(var(--palette-h) + -1.000) 63.158% 7.451% / 0.9098);
 --sg-glass-tone-b4ddff-88:hsl(calc(var(--palette-h) + -8.800) 100.000% 85.294% / 0.5333);
 --sg-glass-tone-07111f-80:hsl(calc(var(--palette-h) + -1.000) 63.158% 7.451% / 0.5020);
 --sg-glass-tone-84bbdf-30:hsl(calc(var(--palette-h) + -12.264) 58.710% 69.608% / 0.1882);
 --sg-glass-tone-6aa3e6-15:hsl(calc(var(--palette-h) + -3.581) 71.264% 65.882% / 0.0824);
 --sg-glass-tone-061a38-26:hsl(calc(var(--palette-h) + 0.000) 80.645% 12.157% / 0.1490);
 --sg-glass-tone-5d98df-22:hsl(calc(var(--palette-h) + -3.231) 67.010% 61.961% / 0.1333);
 --sg-glass-tone-b4ddff-12:hsl(calc(var(--palette-h) + -8.800) 100.000% 85.294% / 0.0706);
 --sg-glass-tone-416ba5-ff:hsl(calc(var(--palette-h) + -1.200) 43.478% 45.098% / 1.0000);
 --sg-glass-tone-b9d8ff-ff:hsl(calc(var(--palette-h) + -2.571) 100.000% 86.275% / 1.0000);
 --sg-glass-tone-b9d8ff-20:hsl(calc(var(--palette-h) + -2.571) 100.000% 86.275% / 0.1255);
 --sg-glass-tone-b9d8ff-0a:hsl(calc(var(--palette-h) + -2.571) 100.000% 86.275% / 0.0392);
}
html[data-suite-palette]:not([data-suite-palette="blue-glass"]):root:is([data-theme="light"],[data-suite-theme="light"]) {
 --glass-surface:linear-gradient(125deg,rgba(255,255,255,.32),rgba(255,255,255,.10) 43%,hsl(var(--palette-h) 90% 96% / .22));
 --glass-chrome:linear-gradient(120deg,rgba(255,255,255,.30),hsl(var(--palette-h) 90% 94% / .13) 70%,rgba(255,243,217,.22));
 --glass-nav:linear-gradient(140deg,rgba(255,255,255,.30),hsl(var(--palette-h) 75% 92% / .13) 78%);
 --glass-edge:rgba(255,255,255,.85);--glass-rim:#fff;--glass-shadow:hsl(var(--palette-h) 50% 25% / .22);
 --glass-gold:#77540b;--glass-glow:rgba(255,255,255,.55);--liquid-brightness:1.02;--liquid-sheen:rgba(255,255,255,.4);
 --liquid-ambient:radial-gradient(ellipse 60vw 60vh at 5% 10%,hsl(var(--palette-h) var(--palette-s) 64% / .44),transparent 74%),radial-gradient(ellipse 52vw 56vh at 92% 40%,hsl(calc(var(--palette-h) + 17) var(--palette-s) 78% / .5),transparent 70%),radial-gradient(ellipse 42vw 55vh at 45% 95%,#efd09788,transparent 72%),linear-gradient(135deg,var(--palette-bg),var(--palette-panel) 56%,var(--palette-bg));
}
@media(pointer:coarse){html[data-suite-palette]:not([data-suite-palette="blue-glass"]):root{--glass-blur:7px;--liquid-haze:5px}}
/* Custom application colors: exact actions, adaptive glass and neutral greys. */
html[data-suite-palette="custom"][data-suite-app-color]:root {
 --palette-h:var(--sg-app-hue);--palette-s:var(--sg-app-saturation);
 --palette-bg:var(--sg-app-dark-background);
 --palette-panel:var(--sg-app-dark-panel);
 --palette-field:var(--sg-app-dark-field);
 --palette-text:var(--sg-app-dark-text);
 --palette-muted:var(--sg-app-dark-muted);
 --palette-line:var(--sg-app-dark-line);
 --palette-accent:var(--sg-app-dark-link);
 --sg-app-action:var(--sg-app-dark-accent);
 --sg-app-action-end:var(--sg-app-dark-accent-end);
 --sg-app-action-text:var(--sg-app-dark-accent-text);
 --liquid-ambient:var(--sg-app-dark-ambient);
 --glass-surface:var(--sg-app-dark-surface);
 --glass-chrome:var(--sg-app-dark-chrome);
 --glass-nav:var(--sg-app-dark-nav);
 --glass-edge:var(--sg-app-dark-edge);
 --glass-rim:var(--sg-app-dark-rim);
 --glass-shadow:var(--sg-app-dark-shadow);
 --glass-gold:var(--sg-app-dark-gold);
 --glass-glow:var(--sg-app-dark-glow);
 --liquid-sheen:var(--sg-app-dark-sheen);
 --palette-card:var(--glass-surface);--palette-nav:var(--glass-nav);--palette-chrome:var(--glass-chrome);
 /* Scale decorative saturation with the chosen color; hue zero must not tint greys red. */
 --sg-glass-tone-558ed9-42:hsl(calc(var(--palette-h) + -1.909) calc(var(--palette-s) * 0.63462) 59.216% / 0.2588);
 --sg-glass-tone-64b6ce-25:hsl(calc(var(--palette-h) + -22.415) calc(var(--palette-s) * 0.51961) 60.000% / 0.1451);
 --sg-glass-tone-0a1a33-26:hsl(calc(var(--palette-h) + 0.585) calc(var(--palette-s) * 0.67213) 11.961% / 0.1490);
 --sg-glass-tone-f1f6ff-ff:hsl(calc(var(--palette-h) + 2.571) calc(var(--palette-s) * 1) 97.255% / 1.0000);
 --sg-glass-tone-dcefff-30:hsl(calc(var(--palette-h) + -8.571) calc(var(--palette-s) * 1) 93.137% / 0.1882);
 --sg-glass-tone-122a46-9e:hsl(calc(var(--palette-h) + -3.692) calc(var(--palette-s) * 0.59091) 17.255% / 0.6200);
 --sg-glass-tone-061223-52:hsl(calc(var(--palette-h) + -0.828) calc(var(--palette-s) * 0.70732) 8.039% / 0.3200);
 --sg-glass-tone-071629-15:hsl(calc(var(--palette-h) + -2.471) calc(var(--palette-s) * 0.70833) 9.412% / 0.0824);
 --sg-glass-tone-467aaa-ff:hsl(calc(var(--palette-h) + -7.200) calc(var(--palette-s) * 0.41667) 47.059% / 1.0000);
 --sg-glass-tone-1c446e-ff:hsl(calc(var(--palette-h) + -5.268) calc(var(--palette-s) * 0.5942) 27.059% / 1.0000);
 --sg-glass-tone-172f4d-ff:hsl(calc(var(--palette-h) + -2.667) calc(var(--palette-s) * 0.54) 19.608% / 1.0000);
 --sg-glass-tone-07172c-4d:hsl(calc(var(--palette-h) + -1.946) calc(var(--palette-s) * 0.72549) 10.000% / 0.3020);
 --sg-glass-tone-112840-ff:hsl(calc(var(--palette-h) + -5.362) calc(var(--palette-s) * 0.58025) 15.882% / 1.0000);
 --sg-glass-tone-849ab6-ff:hsl(calc(var(--palette-h) + -2.400) calc(var(--palette-s) * 0.2551) 61.569% / 1.0000);
 --sg-glass-tone-e2f6ff-c9:hsl(calc(var(--palette-h) + -17.379) calc(var(--palette-s) * 1) 94.314% / 0.7882);
 --sg-glass-tone-a4d8ff-52:hsl(calc(var(--palette-h) + -10.286) calc(var(--palette-s) * 1) 82.157% / 0.3216);
 --sg-glass-tone-b2e0ff-25:hsl(calc(var(--palette-h) + -11.844) calc(var(--palette-s) * 1) 84.902% / 0.1451);
 --sg-glass-tone-203e62-ff:hsl(calc(var(--palette-h) + -3.273) calc(var(--palette-s) * 0.50769) 25.490% / 1.0000);
 --sg-glass-tone-10263f-ff:hsl(calc(var(--palette-h) + -4.085) calc(var(--palette-s) * 0.59494) 15.490% / 1.0000);
 --sg-glass-tone-081321-aa:hsl(calc(var(--palette-h) + -2.400) calc(var(--palette-s) * 0.60976) 8.039% / 0.6667);
 --sg-glass-tone-b5d5ef-33:hsl(calc(var(--palette-h) + -9.103) calc(var(--palette-s) * 0.64444) 82.353% / 0.2000);
 --sg-glass-tone-061426-26:hsl(calc(var(--palette-h) + -2.250) calc(var(--palette-s) * 0.72727) 8.627% / 0.1490);
 --sg-glass-tone-061426-15:hsl(calc(var(--palette-h) + -2.250) calc(var(--palette-s) * 0.72727) 8.627% / 0.0824);
 --sg-glass-tone-f3fcff-ee:hsl(calc(var(--palette-h) + -21.000) calc(var(--palette-s) * 1) 97.647% / 0.9333);
 --sg-glass-tone-c0eaff-73:hsl(calc(var(--palette-h) + -16.000) calc(var(--palette-s) * 1) 87.647% / 0.4510);
 --sg-glass-tone-d7f6ff-22:hsl(calc(var(--palette-h) + -22.500) calc(var(--palette-s) * 1) 92.157% / 0.1333);
 --sg-glass-tone-bce6ff-33:hsl(calc(var(--palette-h) + -13.612) calc(var(--palette-s) * 1) 86.863% / 0.2000);
 --sg-glass-tone-b4ddff-0a:hsl(calc(var(--palette-h) + -8.800) calc(var(--palette-s) * 1) 85.294% / 0.0392);
 --sg-glass-tone-081425-0f:hsl(calc(var(--palette-h) + -0.828) calc(var(--palette-s) * 0.64444) 8.824% / 0.0600);
 --sg-glass-tone-b4ddff-16:hsl(calc(var(--palette-h) + -8.800) calc(var(--palette-s) * 1) 85.294% / 0.0863);
 --sg-glass-tone-b5ddff-26:hsl(calc(var(--palette-h) + -8.432) calc(var(--palette-s) * 1) 85.490% / 0.1490);
 --sg-glass-tone-061426-24:hsl(calc(var(--palette-h) + -2.250) calc(var(--palette-s) * 0.72727) 8.627% / 0.1412);
 --sg-glass-tone-061426-20:hsl(calc(var(--palette-h) + -2.250) calc(var(--palette-s) * 0.72727) 8.627% / 0.1255);
 --sg-glass-tone-76bbec-22:hsl(calc(var(--palette-h) + -11.085) calc(var(--palette-s) * 0.75641) 69.412% / 0.1333);
 --sg-glass-tone-b4ddff-13:hsl(calc(var(--palette-h) + -8.800) calc(var(--palette-s) * 1) 85.294% / 0.0745);
 --sg-glass-tone-b4ddff-25:hsl(calc(var(--palette-h) + -8.800) calc(var(--palette-s) * 1) 85.294% / 0.1451);
 --sg-glass-tone-07111f-ff:hsl(calc(var(--palette-h) + -1.000) calc(var(--palette-s) * 0.63158) 7.451% / 1.0000);
 --sg-glass-tone-07111f-ad:hsl(calc(var(--palette-h) + -1.000) calc(var(--palette-s) * 0.63158) 7.451% / 0.6784);
 --sg-glass-tone-07111f-e8:hsl(calc(var(--palette-h) + -1.000) calc(var(--palette-s) * 0.63158) 7.451% / 0.9098);
 --sg-glass-tone-b4ddff-88:hsl(calc(var(--palette-h) + -8.800) calc(var(--palette-s) * 1) 85.294% / 0.5333);
 --sg-glass-tone-07111f-80:hsl(calc(var(--palette-h) + -1.000) calc(var(--palette-s) * 0.63158) 7.451% / 0.5020);
 --sg-glass-tone-84bbdf-30:hsl(calc(var(--palette-h) + -12.264) calc(var(--palette-s) * 0.5871) 69.608% / 0.1882);
 --sg-glass-tone-6aa3e6-15:hsl(calc(var(--palette-h) + -3.581) calc(var(--palette-s) * 0.71264) 65.882% / 0.0824);
 --sg-glass-tone-061a38-26:hsl(calc(var(--palette-h) + 0.000) calc(var(--palette-s) * 0.80645) 12.157% / 0.1490);
 --sg-glass-tone-5d98df-22:hsl(calc(var(--palette-h) + -3.231) calc(var(--palette-s) * 0.6701) 61.961% / 0.1333);
 --sg-glass-tone-b4ddff-12:hsl(calc(var(--palette-h) + -8.800) calc(var(--palette-s) * 1) 85.294% / 0.0706);
 --sg-glass-tone-416ba5-ff:hsl(calc(var(--palette-h) + -1.200) calc(var(--palette-s) * 0.43478) 45.098% / 1.0000);
 --sg-glass-tone-b9d8ff-ff:hsl(calc(var(--palette-h) + -2.571) calc(var(--palette-s) * 1) 86.275% / 1.0000);
 --sg-glass-tone-b9d8ff-20:hsl(calc(var(--palette-h) + -2.571) calc(var(--palette-s) * 1) 86.275% / 0.1255);
 --sg-glass-tone-b9d8ff-0a:hsl(calc(var(--palette-h) + -2.571) calc(var(--palette-s) * 1) 86.275% / 0.0392);
}
html[data-suite-palette="custom"][data-suite-app-color]:root:is([data-theme="light"],[data-suite-theme="light"]) {
 --palette-bg:var(--sg-app-light-background);
 --palette-panel:var(--sg-app-light-panel);
 --palette-field:var(--sg-app-light-field);
 --palette-text:var(--sg-app-light-text);
 --palette-muted:var(--sg-app-light-muted);
 --palette-line:var(--sg-app-light-line);
 --palette-accent:var(--sg-app-light-link);
 --sg-app-action:var(--sg-app-light-accent);
 --sg-app-action-end:var(--sg-app-light-accent-end);
 --sg-app-action-text:var(--sg-app-light-accent-text);
 --liquid-ambient:var(--sg-app-light-ambient);
 --glass-surface:var(--sg-app-light-surface);
 --glass-chrome:var(--sg-app-light-chrome);
 --glass-nav:var(--sg-app-light-nav);
 --glass-edge:var(--sg-app-light-edge);
 --glass-rim:var(--sg-app-light-rim);
 --glass-shadow:var(--sg-app-light-shadow);
 --glass-gold:var(--sg-app-light-gold);
 --glass-glow:var(--sg-app-light-glow);
 --liquid-sheen:var(--sg-app-light-sheen);
}
html[data-suite-palette="custom"][data-suite-app-color]:root :is(.primary,.button.primary,.btn-primary,.primary-button):not(:disabled,[aria-disabled="true"],.danger,.destructive,.success,.error,.warning,.warn,[data-variant="destructive"],.badge,.badge *,.account-status,.account-status *,.document-paper *,.print-page *,.shared-paper *,.contract-signing-dialog *,.dispatch-contract-modal *,.team-paper *,.availability-filters *,.state-filters *) {
 background:linear-gradient(145deg,var(--sg-app-action),var(--sg-app-action-end))!important;
 color:var(--sg-app-action-text)!important;border-color:var(--glass-gold)!important;
}
@media(forced-colors:active){
 html[data-suite-palette="custom"][data-suite-app-color]:root :is(.primary,.button.primary,.btn-primary,.primary-button):not(.danger,.destructive,.success,.error,.warning,.warn,[data-variant="destructive"],.badge,.badge *,.account-status,.account-status *,.document-paper *,.print-page *,.shared-paper *,.contract-signing-dialog *,.dispatch-contract-modal *,.team-paper *,.availability-filters *,.state-filters *){background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 html[data-suite-palette="custom"][data-suite-app-color]:root :is(.primary,.button.primary,.btn-primary,.primary-button):is(:disabled,[aria-disabled="true"]):not(.danger,.destructive,.success,.error,.warning,.warn,[data-variant="destructive"],.badge,.badge *,.account-status,.account-status *,.document-paper *,.print-page *,.shared-paper *,.contract-signing-dialog *,.dispatch-contract-modal *,.team-paper *,.availability-filters *,.state-filters *){background:Canvas!important;color:GrayText!important;border-color:GrayText!important;opacity:1}
}

/* One accessibility layer wins after all color variables, in every palette and appearance. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-suite-palette]:root{--glass-surface:linear-gradient(var(--palette-panel),var(--palette-panel))!important;--glass-chrome:var(--glass-surface)!important;--glass-nav:var(--glass-surface)!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html[data-suite-palette]:root{--glass-surface:linear-gradient(var(--palette-panel),var(--palette-panel))!important;--glass-chrome:var(--glass-surface)!important;--glass-nav:var(--glass-surface)!important;--glass-blur:0px!important;--glass-chrome-blur:0px!important;--glass-dialog-blur:0px!important;--liquid-haze:0px!important}
 html[data-suite-palette]:root .sg-liquid-surface.sg-liquid-surface.sg-liquid-surface{background:var(--palette-panel)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
 html[data-suite-palette]:root .sg-reflection-edge{display:none!important}
}
@media(forced-colors:active){html[data-suite-palette]:root .sg-liquid-surface.sg-liquid-surface.sg-liquid-surface{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}}
}

/* The existing transparent artwork is also the alpha mask for line color.
   Keep body unisolated so glass panels sample the same ambient backdrop.
   The preview uses these same layers with its own frame dimensions. */
@media screen {
 /* Keep a real theme color behind the artwork for the status/overscroll
    areas managed by the browser. Decorative layers remain full-viewport. */
 html[data-suite-palette]:root{
  min-height:100%;background-color:var(--palette-panel,var(--palette-bg,#162019));color-scheme:dark;
 }
 html[data-suite-palette]:root:is([data-theme="light"],[data-suite-theme="light"]){color-scheme:light}
 @media (max-width:900px),(pointer:coarse){
  html[data-suite-palette]:root body{min-height:100vh;min-height:100dvh}
 }
 html[data-suite-pattern]:not([data-suite-pattern="none"]):root{
  background:var(--liquid-ambient,var(--palette-bg,#090d0b));
  background-color:var(--palette-panel,var(--palette-bg,#162019));
  background-attachment:fixed;
  --sg-pattern-artwork:var(--sg-pattern-landscape,none);
  --sg-pattern-aspect:1.5987903226;
  --sg-pattern-frame-width:calc(100vw / var(--sg-ui-scale,1));
  --sg-pattern-frame-height:calc(100vh / var(--sg-ui-scale,1));
 }
 html[data-suite-pattern]:not([data-suite-pattern="none"]):root body{background:transparent}
 @media (pointer:coarse){
  html[data-suite-pattern]:not([data-suite-pattern="none"]):root{background-attachment:scroll}
 }
 @media (max-width:767px),(orientation:portrait){
  html[data-suite-pattern]:not([data-suite-pattern="none"]):root{
   --sg-pattern-artwork:var(--sg-pattern-portrait,none);
   --sg-pattern-aspect:.5627990431;
  }
 }
 .sg-pattern-canvas{
  position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;
  --sg-pattern-artwork:var(--sg-pattern-landscape,none);
  --sg-pattern-aspect:1.5987903226;
  --sg-pattern-frame-width:100cqw;
  --sg-pattern-frame-height:62.5cqw;
 }
 .sg-pattern-canvas[data-pattern-orientation="portrait"]{
  --sg-pattern-artwork:var(--sg-pattern-portrait,none);
  --sg-pattern-aspect:.5627990431;
  --sg-pattern-frame-height:177.7777778cqw;
 }
 /* A known detailed area of each original composition moves into the middle.
    The ellipse fades before an image edge; the artwork is never tiled. */
 html[data-suite-pattern],.sg-pattern-canvas{
  --sg-pattern-center-x:.25;--sg-pattern-center-y:.25;
  --sg-pattern-cover-bleed:1;--sg-pattern-center-content:"";
 }
 html[data-suite-pattern="waves"],.sg-pattern-canvas[data-sg-pattern="waves"]{--sg-pattern-center-x:.2;--sg-pattern-center-y:-.2}
 html[data-suite-pattern="industrial"],.sg-pattern-canvas[data-sg-pattern="industrial"]{--sg-pattern-center-x:-.25;--sg-pattern-center-y:-.25}
 html[data-suite-pattern="circuits"],.sg-pattern-canvas[data-sg-pattern="circuits"]{--sg-pattern-center-x:.3;--sg-pattern-center-y:.3}
 html[data-suite-pattern="mesh"],.sg-pattern-canvas[data-sg-pattern="mesh"]{--sg-pattern-center-x:.25;--sg-pattern-center-y:-.2}
 /* These square drawings already cover their whole canvas. The extra margin
    keeps every edge covered at the smallest 75% size, without repeating art.
    Resetting these variables on every canvas above keeps older previews intact
    when the application's selected background is one of these full-field motifs. */
 html[data-suite-pattern]:root:is([data-suite-pattern="hexagons"],[data-suite-pattern="dunes"],[data-suite-pattern="crystals"],[data-suite-pattern="weave"],[data-suite-pattern="constellations"]),
 .sg-pattern-canvas:is([data-sg-pattern="hexagons"],[data-sg-pattern="dunes"],[data-sg-pattern="crystals"],[data-sg-pattern="weave"],[data-sg-pattern="constellations"]){
  --sg-pattern-aspect:1;--sg-pattern-cover-bleed:1.3333333334;--sg-pattern-center-content:none;
 }
 html[data-suite-pattern]:not([data-suite-pattern="none"]):root body::before,
 html[data-suite-pattern]:not([data-suite-pattern="none"]):root body::after,
 .sg-pattern-canvas::before,.sg-pattern-canvas::after{
  position:absolute;inset:0;pointer-events:none;user-select:none;
  --sg-pattern-art-width:calc(max(var(--sg-pattern-frame-width),calc(var(--sg-pattern-frame-height) * var(--sg-pattern-aspect))) * var(--sg-pattern-scale,1) * var(--sg-pattern-cover-bleed,1));
  --sg-pattern-art-height:calc(var(--sg-pattern-art-width) / var(--sg-pattern-aspect));
 }
 html[data-suite-pattern]:not([data-suite-pattern="none"]):root body::before,
 html[data-suite-pattern]:not([data-suite-pattern="none"]):root body::after{position:fixed;z-index:-1}
 html[data-suite-pattern]:not([data-suite-pattern="none"]):root body::before,
 .sg-pattern-canvas::before{
  content:"";
  background-image:var(--sg-pattern-artwork,none);
  background-repeat:no-repeat;background-position:center;
  background-size:var(--sg-pattern-art-width) auto;
  opacity:var(--sg-pattern-opacity,.35);
 }
 /* Browsers without alpha masks keep the original transparent black artwork. */
 @supports (mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000)){
  html[data-suite-pattern]:not([data-suite-pattern="none"]):root body::before,
  .sg-pattern-canvas::before{
   background-image:none;background-color:var(--sg-pattern-color,#000000);
   -webkit-mask-image:var(--sg-pattern-artwork,none);mask-image:var(--sg-pattern-artwork,none);
   -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
   -webkit-mask-position:center;mask-position:center;
   -webkit-mask-size:var(--sg-pattern-art-width) auto;mask-size:var(--sg-pattern-art-width) auto;
   mask-mode:alpha;
  }
  html[data-suite-pattern]:not([data-suite-pattern="none"]):root body::after,
  .sg-pattern-canvas::after{
   content:var(--sg-pattern-center-content,"");background-color:var(--sg-pattern-color,#000000);
   opacity:calc(var(--sg-pattern-opacity,.35) * .65);
   --sg-pattern-center-fade:radial-gradient(ellipse calc(var(--sg-pattern-art-width) * .19) calc(var(--sg-pattern-art-height) * .19) at 50% 50%,#000 28%,transparent 100%);
   --sg-pattern-center-position:calc(50% + var(--sg-pattern-art-width) * var(--sg-pattern-center-x)) calc(50% + var(--sg-pattern-art-height) * var(--sg-pattern-center-y));
   -webkit-mask-image:var(--sg-pattern-artwork,none),var(--sg-pattern-center-fade);mask-image:var(--sg-pattern-artwork,none),var(--sg-pattern-center-fade);
   -webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;
   -webkit-mask-position:var(--sg-pattern-center-position),center;mask-position:var(--sg-pattern-center-position),center;
   -webkit-mask-size:var(--sg-pattern-art-width) auto,100% 100%;mask-size:var(--sg-pattern-art-width) auto,100% 100%;
   -webkit-mask-composite:source-in;mask-composite:intersect;
   mask-mode:alpha;
  }
 }
 /* Only the decorative artwork moves. The viewport, glass surfaces and
    controls keep their original geometry, including the standalone height
    supplied by mobile-navigation.css. Overscan stays larger than the drift
    in both axes, so a moving composition never exposes a new canvas edge.
    Explicit preview opt-in keeps the pattern picker thumbnails still. */
 html[data-suite-pattern]:not([data-suite-pattern="none"])[data-suite-pattern-motion="on"]:root body::before,
 .sg-pattern-canvas[data-pattern-motion="on"]::before{
  transform-origin:50% 50%;
  animation:sg-pattern-drift 24s cubic-bezier(.45,0,.55,1) infinite;
  will-change:transform;
 }
 html[data-suite-pattern]:not([data-suite-pattern="none"])[data-suite-pattern-motion="on"]:root body::after,
 .sg-pattern-canvas[data-pattern-motion="on"]::after{
  transform-origin:50% 50%;
  animation:sg-pattern-counter-drift 32s cubic-bezier(.45,0,.55,1) infinite;
  will-change:transform;
 }
 @keyframes sg-pattern-drift{
  0%,100%{transform:translate3d(-4%,-3%,0) scale(1.2)}
  25%{transform:translate3d(4%,-1.5%,0) scale(1.24)}
  50%{transform:translate3d(3%,3.5%,0) scale(1.2)}
  75%{transform:translate3d(-3%,2%,0) scale(1.24)}
 }
 @keyframes sg-pattern-counter-drift{
  0%,100%{transform:translate3d(3%,2.5%,0) scale(1.16)}
  25%{transform:translate3d(-3%,3.5%,0) scale(1.22)}
  50%{transform:translate3d(-4%,-1.5%,0) scale(1.16)}
  75%{transform:translate3d(2%,-3%,0) scale(1.22)}
 }
 html[data-suite-pattern]:not([data-suite-pattern="none"])[data-suite-pattern-paused="true"][data-suite-pattern-motion="on"]:root body::before,
 html[data-suite-pattern]:not([data-suite-pattern="none"])[data-suite-pattern-paused="true"][data-suite-pattern-motion="on"]:root body::after,
 html[data-suite-pattern-paused="true"] .sg-pattern-canvas[data-pattern-motion="on"]::before,
 html[data-suite-pattern-paused="true"] .sg-pattern-canvas[data-pattern-motion="on"]::after{
  animation-play-state:paused!important;
  will-change:auto;
 }
 /* QG's existing concentration mode also keeps the page's own pseudo-layers
    still; its descendant-only animation rule does not include these layers. */
 html[data-sg-app="command-center"]:root body.concentration::before,
 html[data-sg-app="command-center"]:root body.concentration::after{
  animation:none!important;transform:none!important;will-change:auto!important;
 }
 @media (prefers-reduced-motion:reduce){
  html[data-suite-pattern][data-suite-pattern-motion="on"]:not([data-suite-pattern-motion-explicit="true"]):root body::before,
  html[data-suite-pattern][data-suite-pattern-motion="on"]:not([data-suite-pattern-motion-explicit="true"]):root body::after,
  .sg-pattern-canvas[data-pattern-motion="on"]:not([data-pattern-motion-explicit="true"])::before,
  .sg-pattern-canvas[data-pattern-motion="on"]:not([data-pattern-motion-explicit="true"])::after{
   animation:none!important;transform:none!important;will-change:auto!important;
  }
  /* Only the saved ON choice (or an explicit editor preview) overrides the
     automatic device preference. Other interface animations still reduce. */
  html[data-suite-pattern]:not([data-suite-pattern="none"])[data-suite-pattern-motion="on"][data-suite-pattern-motion-explicit="true"]:root body:not(.concentration)::before,
  .sg-pattern-canvas[data-pattern-motion="on"][data-pattern-motion-explicit="true"]::before{
   animation:sg-pattern-drift 24s cubic-bezier(.45,0,.55,1) infinite!important;
  }
  html[data-suite-pattern]:not([data-suite-pattern="none"])[data-suite-pattern-motion="on"][data-suite-pattern-motion-explicit="true"]:root body:not(.concentration)::after,
  .sg-pattern-canvas[data-pattern-motion="on"][data-pattern-motion-explicit="true"]::after{
   animation:sg-pattern-counter-drift 32s cubic-bezier(.45,0,.55,1) infinite!important;
  }
  /* Keep tab/background pauses stronger than the explicit animation shorthand. */
  html[data-suite-pattern-paused="true"][data-suite-pattern][data-suite-pattern-motion="on"][data-suite-pattern-motion-explicit="true"]:root body:not(.concentration)::before,
  html[data-suite-pattern-paused="true"][data-suite-pattern][data-suite-pattern-motion="on"][data-suite-pattern-motion-explicit="true"]:root body:not(.concentration)::after,
  html[data-suite-pattern-paused="true"] .sg-pattern-canvas[data-pattern-motion="on"][data-pattern-motion-explicit="true"]::before,
  html[data-suite-pattern-paused="true"] .sg-pattern-canvas[data-pattern-motion="on"][data-pattern-motion-explicit="true"]::after{
   animation-play-state:paused!important;
  }
 }
 @media (forced-colors:active),(prefers-contrast:more){
  html[data-suite-pattern]:not([data-suite-pattern="none"]):root body::before,
  html[data-suite-pattern]:not([data-suite-pattern="none"]):root body::after,
  .sg-pattern-canvas::before,.sg-pattern-canvas::after{display:none}
 }
}
@media print{
 html[data-suite-pattern]:not([data-suite-pattern="none"]):root body::before,
 html[data-suite-pattern]:not([data-suite-pattern="none"]):root body::after,
 .sg-pattern-canvas{display:none!important}
}

/* Galaxie owns a full-colour canvas. Disable the line masks immediately,
   before its optional renderer stylesheet arrives, to prevent a colour flash. */
@media screen {
 html[data-suite-pattern="galaxy"]:root body::before,
 html[data-suite-pattern="galaxy"]:root body::after,
 .sg-pattern-canvas[data-sg-pattern="galaxy"]::before,
 .sg-pattern-canvas[data-sg-pattern="galaxy"]::after {
  content:none!important;display:none!important;animation:none!important;
  -webkit-mask-image:none!important;mask-image:none!important;
 }
}

/* Full-colour nature scenes own their canvas; suppress monochrome masks
   immediately, including while the optional renderer is still loading. */
@media screen {
 html:is([data-suite-pattern="ocean"],[data-suite-pattern="storm"],[data-suite-pattern="embers"],[data-suite-pattern="forest"]):root body::before,
 html:is([data-suite-pattern="ocean"],[data-suite-pattern="storm"],[data-suite-pattern="embers"],[data-suite-pattern="forest"]):root body::after,
 .sg-pattern-canvas:is([data-sg-pattern="ocean"],[data-sg-pattern="storm"],[data-sg-pattern="embers"],[data-sg-pattern="forest"])::before,
 .sg-pattern-canvas:is([data-sg-pattern="ocean"],[data-sg-pattern="storm"],[data-sg-pattern="embers"],[data-sg-pattern="forest"])::after {
  content:none!important;display:none!important;animation:none!important;
  -webkit-mask-image:none!important;mask-image:none!important;
 }
}

/* Personal glass settings. Unset values continue using the theme's material. */
@media screen and (not (prefers-reduced-transparency: reduce)) and (not (prefers-contrast: more)) and (not (forced-colors: active)) {
  @supports (color: color-mix(in srgb, black 50%, transparent)) {
    /* Match the specificity of the custom light palette as well as presets. */
    html[data-suite-palette][data-suite-glass-transparency]:root:is(:root,[data-theme],[data-suite-theme]) {
      --sg-glass-tint: calc(100% * (1 - var(--sg-glass-transparency, 0)));
      --sg-glass-tinted-panel: color-mix(in srgb, var(--palette-panel) var(--sg-glass-tint), transparent);
      --sg-glass-tinted-field: color-mix(in srgb, var(--palette-field) var(--sg-glass-tint), transparent);
      --glass-surface: linear-gradient(125deg, var(--sg-glass-tinted-panel), var(--sg-glass-tinted-field));
      --glass-chrome: linear-gradient(120deg, var(--sg-glass-tinted-panel), var(--sg-glass-tinted-field));
      --glass-nav: linear-gradient(140deg, var(--sg-glass-tinted-panel), var(--sg-glass-tinted-field));
    }
  }
  html[data-suite-palette][data-suite-glass-blur]:root {
    --sg-glass-screen-blur: var(--sg-glass-blur, 8px);
    --glass-blur: var(--sg-glass-screen-blur);
    --glass-chrome-blur: var(--sg-glass-screen-blur);
    --glass-dialog-blur: var(--sg-glass-screen-blur);
    --liquid-haze: var(--sg-glass-screen-blur);
    --sg-glass-veil-blur: min(3px, var(--sg-glass-screen-blur));
  }
  @media (pointer: coarse) {
    html[data-suite-palette][data-suite-glass-blur]:root {
      --sg-glass-screen-blur: calc(var(--sg-glass-blur, 8px) * .65);
    }
  }
}