/* Settings sections (T4b, round 2 B4; P2 round 3), drawn by the Company workspace's Organization, People & access and
   Subscription tools and by Preferences (DEV-342), each of which adds .gch-m-settings to its root. Scoped under
   .gch-m-settings. Today's side nav and field layout, plus Divisions, Sign-in, Permissions, Guests & sharing and
   Notifications. Orange only for the active nav item, the
   selected level, switches that are on, primary buttons and the "Saved" check. Hairlines, no shadows, no rounded
   corners. */

.gch-m-settings .mid{color:var(--mid)}
.gch-m-settings .num{text-align:right;font-variant-numeric:tabular-nums}
.gch-m-settings .num-t{font-variant-numeric:tabular-nums}
.gch-m-settings .se-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;margin:0 var(--gut) var(--s8);border-top:1px solid var(--line2)}
.gch-m-settings .se-nav{display:flex;flex-direction:column;position:sticky;top:0}
.gch-m-settings .se-nav a{display:flex;align-items:center;gap:var(--s2);height:46px;padding:0 14px;border-bottom:1px solid var(--line);font-size:14px;font-weight:500;color:var(--ink2);text-decoration:none;box-shadow:inset 2px 0 0 transparent;white-space:nowrap}
.gch-m-settings .se-nav a:hover{background:var(--bg3);color:var(--ink)}
.gch-m-settings .se-nav a.is-on{background:var(--bg2);color:var(--ink);font-weight:600;box-shadow:inset 2px 0 0 var(--o)}
.gch-m-settings .se-new{margin-left:auto;padding:0 6px;border:1px solid var(--line2);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);line-height:18px}
.gch-m-settings .se-main{position:relative;min-width:0;padding:0 0 0 var(--s6);max-width:1120px}
/* A tool with one section (Subscription, Preferences) has no nav. */
.gch-m-settings .se-wrap.is-one{grid-template-columns:minmax(0,1fr)}
.gch-m-settings .se-wrap.is-one .se-main{padding:var(--s4) 0 0}
.gch-m-settings .se-saved{margin-left:var(--s2);vertical-align:2px;display:inline-flex;align-items:center;gap:6px;padding:0 10px 0 8px;min-height:26px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--pill-ok-fg);background:var(--pill-ok-bg);clip-path:var(--chamfer)}
.gch-m-settings .se-saved .i{width:14px;height:14px}

.gch-m-settings .se-sec{margin-bottom:var(--s4)}
.gch-m-settings .se-h{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);padding:var(--s4) 0 var(--s3);margin-bottom:var(--s3);border-bottom:1px solid var(--line2)}
.gch-m-settings .se-h h2{margin-right:auto;font-size:16px;font-weight:600}
.gch-m-settings .se-h .meta{order:2;flex-basis:100%;font-size:13px;color:var(--mid);margin-top:-6px}
.gch-m-settings .se-h .btn{border-color:var(--line2)}
.gch-m-settings .se-pen .i{width:15px;height:15px}
.gch-m-settings .se-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4) var(--s8);margin:0 0 var(--s4)}
.gch-m-settings .se-fields dt{font-size:12.5px;color:var(--mid)}
.gch-m-settings .se-fields dd{margin:3px 0 0;font-size:15px}
.gch-m-settings .se-foot{max-width:80ch;margin:var(--s2) 0 var(--s3);font-size:13px;line-height:1.5;color:var(--ink2)}
.gch-m-settings .se-foot.mid{color:var(--mid)}
.gch-m-settings .se-sub{padding:var(--s6) 0 var(--s1);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mid)}
.gch-m-settings .se-back{display:inline-flex;align-items:center;gap:4px;margin-top:var(--s4);font-size:13.5px;color:var(--ink2);text-decoration:none}
.gch-m-settings .se-back:hover{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.gch-m-settings .se-back .i{width:16px;height:16px}
.gch-m-settings .se-inline{color:var(--ink2);font-size:13px}
.gch-m-settings .se-inline:hover{color:var(--ink)}
.gch-m-settings .se-plink{color:var(--ink);font-weight:600;text-decoration:none}
.gch-m-settings .se-plink:hover{text-decoration:underline;text-underline-offset:2px}
.gch-m-settings .btn-danger{color:var(--danger);border-color:var(--danger)}
.gch-m-settings .btn-danger:hover{background:var(--danger-tint);border-color:var(--danger);color:var(--danger)}
.gch-m-settings .se-add{border-color:var(--line2)}

/* inline forms and refusals */
.gch-m-settings .se-form{max-width:880px;padding:var(--s4);margin:0 0 var(--s4);background:var(--bg2);border:1px solid var(--line)}
.gch-m-settings .se-form .ff-bar{justify-content:flex-start;flex-direction:row-reverse;justify-content:flex-end}
.gch-m-settings .se-formnote{grid-column:1 / -1;font-size:12.5px;line-height:1.45;color:var(--mid)}
.gch-m-settings .se-answer{grid-column:1 / -1;margin:var(--s2) 0 0;padding:8px 10px;border-left:2px solid var(--danger);background:var(--danger-tint);font-size:13px;font-weight:500;color:var(--ink)}
.gch-m-settings .se-answer[hidden]{display:none}
.gch-m-settings .se-st{display:inline-flex;align-items:center;padding:1px 8px 1px 6px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;clip-path:var(--chamfer)}
.gch-m-settings .se-st.is-ok{color:var(--pill-ok-fg);background:var(--pill-ok-bg)}
.gch-m-settings .se-st.is-idle{color:var(--pill-pending-fg);background:var(--pill-pending-bg);box-shadow:inset 0 0 0 1px var(--line2)}
.gch-m-settings .se-disc{margin:0 0 var(--s3)}
.gch-m-settings .se-disc > summary{display:inline-flex;align-items:center;gap:6px;min-height:36px;cursor:pointer;list-style:none;font-size:13.5px;font-weight:600;color:var(--ink)}
.gch-m-settings .se-disc > summary::-webkit-details-marker{display:none}
.gch-m-settings .se-disc > summary .i{width:16px;height:16px;color:var(--o-txt)}
.gch-m-settings .se-disc > summary:hover{text-decoration:underline;text-underline-offset:2px}
.gch-m-settings .se-disc[open] > summary{margin-bottom:var(--s2)}
.gch-m-settings .se-disc > summary .car{width:15px;height:15px;color:var(--mid);transition:transform var(--t-hover) var(--ease)}
.gch-m-settings .se-disc:not([open]) > summary .car{transform:rotate(-90deg)}
.gch-m-settings .se-mail{color:var(--ink2);text-decoration:none}
.gch-m-settings .se-mail:hover{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.gch-m-settings .se-nw{white-space:nowrap}
.gch-m-settings .se-inl{display:flex;gap:var(--s2)}
.gch-m-settings .se-inl input{flex:1;min-width:0}

/* organization: responsible contacts */
.gch-m-settings .se-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s8);max-width:1000px}
.gch-m-settings .se-slot{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px;text-decoration:none}
.gch-m-settings .se-slot b{font-weight:600}
.gch-m-settings .se-slot span{color:var(--ink2)}
.gch-m-settings .se-slot span .mid,.gch-m-settings .se-slot .mid{color:var(--mid)}

/* divisions and departments */
.gch-m-settings .se-div{margin-bottom:var(--s3);background:var(--bg2);border:1px solid var(--line)}
.gch-m-settings .se-div.is-new{border-color:var(--edge)}
/* Two lines on the left (name and counts, then the note); Lead and Edit pinned right. */
.gch-m-settings .se-div-h{display:flex;align-items:center;gap:var(--s4);min-height:48px;padding:8px 14px;border-bottom:1px solid var(--line)}
.gch-m-settings .se-div-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gch-m-settings .se-div-l1{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px var(--s3)}
.gch-m-settings .se-div-r{margin-left:auto;flex:none;display:flex;align-items:center;gap:var(--s3)}
.gch-m-settings .se-div-h h3{font-size:15px;font-weight:600}
.gch-m-settings .se-div-h .mid{font-size:13px}
.gch-m-settings .se-dnote{font-size:12.5px !important}
.gch-m-settings .se-lead{font-size:13px;color:var(--ink2);white-space:nowrap}
.gch-m-settings .se-lead b{color:var(--ink);font-weight:600}
.gch-m-settings .se-div-h .btn{border-color:var(--line2)}
.gch-m-settings .se-jobs{width:100%;border-collapse:separate;border-spacing:0}
.gch-m-settings .se-jobs td{height:44px;padding:4px 14px;border-bottom:1px solid var(--line);font-size:13.5px;white-space:nowrap}
.gch-m-settings .se-jobs tr:last-child td{border-bottom:0}
.gch-m-settings .se-jobs .c-job{width:100%}
.gch-m-settings .se-jobs .c-job,.gch-m-settings .se-jobs .c-job *{white-space:normal}
.gch-m-settings .se-empty{padding:12px 14px;font-size:13px}

/* divisions (DEV-345): the people given every job, quiet text controls, the Move dialog */
.gch-m-settings .se-div-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.gch-m-settings .se-who{display:inline-flex;align-items:baseline;gap:6px}
.gch-m-settings .se-give{margin-left:auto}
.gch-m-settings .se-qbtn{min-height:28px;padding:0 6px;background:none;border:1px solid transparent;font-size:12.5px;color:var(--ink2);cursor:pointer;white-space:nowrap}
.gch-m-settings .se-qbtn:hover,.gch-m-settings .se-qbtn[aria-expanded="true"]{border-color:var(--line2);color:var(--ink)}
.gch-m-settings .se-jobs .c-act{width:1%;text-align:right;padding-left:0}
.gch-m-settings .se-jobs .se-jlink{color:inherit;text-decoration:none}
.gch-m-settings .se-jobs .se-jlink:hover .nm{text-decoration:underline;text-underline-offset:2px}
.gch-m-settings .se-jobs tr.se-more td{height:36px;font-size:13px}
.gch-m-settings .se-more-b{border-color:var(--line2)}
.gch-m-settings .se-pempty{padding:var(--s6) 0}
.gch-m-settings .se-struct{margin:0}
.gch-m-settings .se-billnote{margin:var(--s2) 0 var(--s4)}
.gch-m-settings .se-allg{margin:0 0 var(--s2)}
.se-move fieldset{display:flex;flex-direction:column;margin:0;padding:0;border:0;border-top:1px solid var(--line)}
.se-move .se-mv-opt{display:flex;align-items:center;gap:var(--s2);min-height:40px;padding:0 4px;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer}
.se-move .se-mv-opt.is-cur{cursor:default;color:var(--mid)}
.se-move input[type=radio]{accent-color:var(--o);width:16px;height:16px;margin:0}
.se-move .se-mv-eff{margin:var(--s3) 0 0;font-size:13.5px;line-height:1.5;color:var(--ink2)}
.se-move .se-answer{margin:var(--s2) 0 0;padding:8px 10px;border-left:2px solid var(--danger);background:var(--danger-tint);font-size:13px}
.se-move .se-answer[hidden]{display:none}

/* departments (DEV-345): one roster section per department, then No department */
.gch-m-settings .se-dept{max-width:1000px;margin-bottom:var(--s3);background:var(--bg2);border:1px solid var(--line)}
.gch-m-settings .se-dept-h{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);min-height:46px;padding:6px 14px;border-bottom:1px solid var(--line)}
.gch-m-settings .se-dept-h h3{font-size:15px;font-weight:600}
.gch-m-settings .se-dept-h .mid{font-size:13px}
.gch-m-settings .se-dept-a{margin-left:auto;display:flex;gap:var(--s2)}
.gch-m-settings .se-dept-a .btn{border-color:var(--line2)}
.gch-m-settings .se-dname{padding:0;background:none;border:0;font:inherit;color:var(--ink);cursor:text}
.gch-m-settings .se-dname:hover{text-decoration:underline dotted;text-underline-offset:3px}
.gch-m-settings .se-rn{display:flex;align-items:center;gap:var(--s2)}
.gch-m-settings .se-rn input{width:260px;min-height:32px}
.gch-m-settings .se-dnew{max-width:480px;margin:0 0 var(--s3);display:flex;flex-direction:column;gap:6px}
.gch-m-settings .se-prow{display:flex;align-items:center;gap:var(--s3);min-height:46px;padding:4px 14px;border-bottom:1px solid var(--line)}
.gch-m-settings .se-prow:last-child{border-bottom:0}
.gch-m-settings .se-pn{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13.5px}
.gch-m-settings .se-pn b{font-weight:600}
.gch-m-settings .se-pn small{font-size:12.5px;color:var(--mid)}

/* tables */
.gch-m-settings .se-tw{max-width:100%;overflow-x:auto}
.gch-m-settings .se-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:var(--s3);background:var(--bg2);border-top:1px solid var(--line2)}
.gch-m-settings .se-table th,.gch-m-settings .se-table td{padding:8px 12px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line);font-size:13.5px}
.gch-m-settings .se-table thead th{height:38px;background:var(--bg);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mid);border-bottom:1px solid var(--line2);white-space:nowrap}
.gch-m-settings .se-table th.num,.gch-m-settings .se-table td.num{text-align:right}
.gch-m-settings .se-table td.r{text-align:right;white-space:nowrap}
.gch-m-settings .se-table b{font-weight:600}
.gch-m-settings .se-table small{display:block;margin-top:2px;font-size:12px;color:var(--mid)}
.gch-m-settings .se-table a{color:inherit}
.gch-m-settings .se-table tr.is-off td{color:var(--mid)}
.gch-m-settings .se-table tr.is-cur td{background:var(--bg3)}

/* sign-in: who may join by default (each choice says what it does), company domains, the Blocked list */
.gch-m-settings .se-default{max-width:720px}
.gch-m-settings .se-default .btn{border-color:var(--line2);margin-top:var(--s1)}
.gch-m-settings .se-default fieldset{display:flex;flex-direction:column;gap:var(--s2);margin:0;padding:0;border:0}
.gch-m-settings .se-default label{display:flex;align-items:flex-start;gap:var(--s2);font-size:14px;cursor:pointer}
.gch-m-settings .se-default label b{display:block;font-weight:600}
.gch-m-settings .se-default label small{display:block;margin-top:1px;font-size:13px;line-height:1.45;color:var(--ink2)}
.gch-m-settings .se-default input[type=radio]{margin-top:3px}
.gch-m-settings input[type=radio]{accent-color:var(--o);width:16px;height:16px;min-height:0;margin:0;flex:none}
.gch-m-settings .se-doms{max-width:720px;border-top:1px solid var(--line)}
.gch-m-settings .se-h + .se-doms{border-top:0;margin-top:calc(-1 * var(--s3))}
.gch-m-settings .se-dom{display:flex;align-items:center;gap:var(--s3);min-height:44px;padding:4px 0;border-bottom:1px solid var(--line);font-size:14px}
.gch-m-settings .se-dom > span:first-child{flex:1;min-width:0}
.gch-m-settings .se-dom small{display:block;font-size:12.5px;color:var(--mid)}
.gch-m-settings .se-dom .btn{border-color:var(--line2)}
.gch-m-settings .se-div-who{margin:0;padding:8px 14px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink2)}

/* switches and settings rows */
.gch-m-settings .se-tg,.gch-m-settings .se-chan{display:flex;align-items:center;gap:var(--s6);max-width:880px;padding:14px 0;border-bottom:1px solid var(--line)}
.gch-m-settings .se-tg .t,.gch-m-settings .se-chan .t{flex:1;min-width:0}
.gch-m-settings .se-tg .t b,.gch-m-settings .se-chan .t b{display:block;font-size:14px;font-weight:600}
.gch-m-settings .se-tg .t span,.gch-m-settings .se-chan .t span{display:block;margin-top:2px;font-size:13px;color:var(--ink2);line-height:1.45}
.gch-m-settings .se-sw{position:relative;flex:none;width:42px;height:24px;padding:0;background:var(--bg3);border:1px solid var(--line2);cursor:pointer}
.gch-m-settings .se-sw i{position:absolute;top:4px;left:4px;width:14px;height:14px;background:var(--mid);transition:left var(--t-hover) var(--ease)}
.gch-m-settings .se-sw[aria-checked="true"]{background:var(--o);border-color:var(--o)}
.gch-m-settings .se-sw[aria-checked="true"] i{left:22px;background:var(--on-o)}
.gch-m-settings .se-sw:disabled{opacity:.5;cursor:not-allowed}
.gch-m-settings .se-sw:focus-visible{outline:1px solid var(--o);outline-offset:2px}
.gch-m-settings .se-seg{display:inline-flex;flex:none;margin:0 0 var(--s1)}
.gch-m-settings .se-seg button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:none;border:1px solid var(--line2);color:var(--ink2);font-size:13.5px;cursor:pointer}
.gch-m-settings .se-seg button + button{border-left:0}
.gch-m-settings .se-seg button .i{width:16px;height:16px}
.gch-m-settings .se-seg button:hover{color:var(--ink);background:var(--bg3)}
.gch-m-settings .se-seg button[aria-pressed="true"]{border:1px solid var(--o);color:var(--ink);font-weight:600;background:var(--bg2)}
.gch-m-settings .se-notif{max-width:880px}
.gch-m-settings .se-chanbox{border-bottom:1px solid var(--line)}
.gch-m-settings .se-chanbox .se-chan{border-bottom:0;padding-bottom:4px}
.gch-m-settings .se-chanbox .se-disc{margin:0 0 var(--s3)}
.gch-m-settings .se-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px var(--s6);padding:var(--s1) 0 0}
.gch-m-settings .se-cats .ff-check{align-items:flex-start;padding:4px 0}
.gch-m-settings .se-cats .ff-check input{margin-top:2px}
.gch-m-settings .se-cats small{display:block;font-size:12px;color:var(--mid);line-height:1.35}
.gch-m-settings .se-cats .se-new{margin-left:4px;vertical-align:1px}

/* guests */
.gch-m-settings .se-stats{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s3) var(--s8);padding:var(--s2) 0 var(--s4);border-bottom:1px solid var(--line)}
.gch-m-settings .se-stats div b{display:block;font-family:var(--disp);font-size:26px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.gch-m-settings .se-stats div span{font-size:12.5px;color:var(--mid)}
.gch-m-settings .se-free{flex-basis:100%;display:flex;align-items:center;gap:var(--s2);font-size:13.5px;color:var(--ink2)}
.gch-m-settings .se-free .i{width:16px;height:16px;color:var(--ok)}
.gch-m-settings .se-free b{color:var(--ink);font-weight:600}

/* subscription */
.gch-m-settings .se-plan{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s2) var(--s4);padding:var(--s4) 0 var(--s3);margin-bottom:var(--s3);border-bottom:1px solid var(--line2)}
.gch-m-settings .se-plan h2{font-size:16px;font-weight:600}
.gch-m-settings .se-plan .price{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.gch-m-settings .se-used{margin:0 0 var(--s2);font-size:14px}
.gch-m-settings .se-used b{font-weight:600}
.gch-m-settings .se-meter{display:flex;gap:2px;height:10px;margin-bottom:var(--s4);max-width:880px}
.gch-m-settings .se-meter i{flex:1;background:var(--line2)}
.gch-m-settings .se-meter i.on{background:var(--o)}
.gch-m-settings .se-pm{border-bottom:1px solid var(--line);max-width:1000px}
.gch-m-settings .se-pmrow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:var(--s4);min-height:56px;padding:6px 0;list-style:none;cursor:pointer;font-size:13.5px}
.gch-m-settings div.se-pmrow{cursor:default;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr)}
.gch-m-settings .se-pmrow::-webkit-details-marker{display:none}
.gch-m-settings .se-pmrow small{display:block;font-size:12px;color:var(--mid)}
.gch-m-settings .se-pmrow b{font-weight:600}
.gch-m-settings .se-pmed{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--ink2)}
.gch-m-settings .se-pmed .i{width:14px;height:14px}
.gch-m-settings .se-pm[open] .se-pmed .i{transform:rotate(180deg)}
.gch-m-settings summary.se-pmrow:hover{background:var(--bg2)}
.gch-m-settings .se-pmadd{display:flex;align-items:flex-start;gap:var(--s4);margin-top:var(--s3)}
.gch-m-settings .se-pmadd .se-disc{flex:1}
.gch-m-settings .se-itbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s2)}
.gch-m-settings .se-itbar .gch-fbtn,.gch-m-settings .se-itbar > .btn{border-color:var(--line2)}
.gch-m-settings .se-ichips{display:flex;flex-wrap:wrap;gap:var(--s2);flex:1}
.gch-m-settings .se-invt .c-sel{width:36px}
.gch-m-settings .se-invt .gch-sort{font-size:12px}
.gch-m-settings .se-noplan .btn{margin-top:var(--s2)}

/* invoice filter popover (in #gch-layer, so not under .gch-m-settings) */
.se-ifp .se-presets{clear:both;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--s2)}
.se-ifp .se-presets .btn{border:1px solid var(--line2)}
.se-ifp .se-presets .btn[aria-pressed="true"]{border-color:var(--o);color:var(--ink)}
.se-ifp .se-dates{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
.se-ifp .se-dates label{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-height:0;cursor:default}
.se-ifp select,.se-ifp input[type=search],.se-ifp input[type=date]{width:100%;clear:both;display:block}
.se-xstatus{font-size:13px;font-weight:600;color:var(--ink)}
.se-xstatus:empty{display:none}

@media (max-width:1100px){
  .gch-m-settings .se-wrap{grid-template-columns:180px minmax(0,1fr)}
  .gch-m-settings .se-jobs .c-pm,.gch-m-settings .se-jobs .c-val{display:none}
  .gch-m-settings .se-slots{grid-template-columns:1fr}
}
@media (max-width:759px){
  .gch-m-settings .se-wrap{grid-template-columns:1fr;border-top:0}
  .gch-m-settings .se-nav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line2);
    -webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .gch-m-settings .se-nav.is-scrolled{-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
  .gch-m-settings .se-nav::-webkit-scrollbar{display:none}
  .gch-m-settings .se-nav a{flex:none;height:42px;border-bottom:0;box-shadow:inset 0 -2px 0 transparent}
  .gch-m-settings .se-nav a.is-on{box-shadow:inset 0 -2px 0 var(--o);background:none}
  .gch-m-settings .se-nav a:last-child{margin-right:48px}
  .gch-m-settings .se-main{padding:0}
  .gch-m-settings .se-fields{grid-template-columns:1fr}
  .gch-m-settings .se-jobs .c-ph{display:none}
  .gch-m-settings .se-jobs td{padding:4px 8px}
  .gch-m-settings .se-div-r{flex-direction:column;align-items:flex-end;gap:6px}
  .gch-m-settings .se-cats{grid-template-columns:1fr}
  .gch-m-settings .se-form{padding:var(--s3)}
  .gch-m-settings .se-seg{display:flex;width:100%}
  .gch-m-settings .se-seg button{flex:1;justify-content:center;padding:0 8px}
  .gch-m-settings .se-pmrow,.gch-m-settings div.se-pmrow{grid-template-columns:1fr 1fr;gap:var(--s1) var(--s3)}
  .gch-m-settings .se-pmed{grid-column:1 / -1}
  /* Tables become cards: each cell carries its column name. */
  .gch-m-settings .se-table{display:block;border-top:0;background:none}
  .gch-m-settings .se-table thead{display:none}
  .gch-m-settings .se-table tbody{display:block}
  .gch-m-settings .se-table tr{display:grid;grid-template-columns:1fr 1fr;gap:4px var(--s3);padding:var(--s3);margin-bottom:var(--s2);background:var(--bg2);border:1px solid var(--line)}
  .gch-m-settings .se-table td{display:block;padding:0;border:0;font-size:13.5px;min-width:0;overflow-wrap:anywhere}
  .gch-m-settings .se-table td[data-column]::before{content:attr(data-column);display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mid)}
  .gch-m-settings .se-table td.r{grid-column:1 / -1;text-align:left}
  .gch-m-settings .se-table td.num{text-align:left}
  /* DEV-356 WS6-E: selecting invoices in bulk is a desktop action; the card no longer opens on a cut "SELECT". */
  .gch-m-settings .se-invt td.c-sel{display:none}
  /* As a card the current plan's row tint showed as a patch behind each cell; the Current pill says it. */
  .gch-m-settings .se-table tr.is-cur td{background:none}
}

/* Disabled controls stay readable. */
.gch-m-settings .btn[disabled]{opacity:1;color:var(--mid);border-color:var(--line2);background:transparent;filter:none}

/* ------------------------------------------------------------------ Permissions (DEV-330 round 3, redesigned)
   A list of levels on the left, one level's settings on the right, and a read-only Compare report. Hairlines between
   rows and sections, no enclosures except the focused control; the selected level and the selected menu option carry
   the accent bar and nothing else is orange. Levels and states are words. The level list and the pane header stay
   put; only the pane's rows scroll. On a phone the list and the pane are two screens and the page scrolls. */
.gch-tool.gch-m-settings.is-perm{overflow:hidden}
.gch-m-settings.is-perm .se-wrap{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch;margin-bottom:0}
.gch-m-settings.is-perm .se-nav{position:static;align-self:start}
.gch-m-settings .se-main.se-permissions{max-width:none}
.gch-m-settings.is-perm .se-main{display:flex;flex-direction:column;min-height:0}
.gch-m-settings.is-perm .pm{flex:1;min-height:0;display:flex;flex-direction:column;margin-bottom:0}

.gch-m-settings .pm-top{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3);min-height:56px;padding:var(--s2) 0;border-bottom:1px solid var(--line2)}
.gch-m-settings .pm-top h2{margin-right:auto;font-size:16px;font-weight:600}
.gch-m-settings .pm-top-a{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2)}
.gch-m-settings .pm .btn{border-color:var(--line2)}
.gch-m-settings .pm .btn-p{border-color:var(--o)}
.gch-m-settings .pm .pm-more{border-color:transparent;padding:0 6px}
.gch-m-settings .pm .pm-more:hover,.gch-m-settings .pm .pm-more[aria-expanded="true"]{border-color:var(--edge);background:var(--bg3)}
.gch-m-settings .pm > .se-answer{flex:none;margin:var(--s2) 0 0}

.gch-m-settings .pm-split{flex:1;min-height:0;display:grid;grid-template-columns:240px minmax(0,1fr)}

/* the level list */
.gch-m-settings .pm-levels{position:relative;min-height:0;overflow-y:auto;padding-bottom:var(--s4);border-right:1px solid var(--line2)}
.gch-m-settings .pm-lg{padding:var(--s4) 12px 6px 14px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mid)}
.gch-m-settings .pm-lv{display:flex;align-items:center;gap:var(--s2);min-height:38px;padding:6px 12px 6px 14px;font-size:14px;line-height:1.3;color:var(--ink2);text-decoration:none;box-shadow:inset 2px 0 0 transparent}
.gch-m-settings .pm-lv:hover{background:var(--bg3);color:var(--ink)}
.gch-m-settings .pm-lv.is-on{background:var(--bg2);color:var(--ink);font-weight:600;box-shadow:inset 2px 0 0 var(--o)}
.gch-m-settings .pm-lv:focus-visible{outline:1px solid var(--o);outline-offset:-2px}
.gch-m-settings .pm-lv .n{flex:1;min-width:0}
.gch-m-settings .pm-lv .n small{display:block;margin-top:1px;font-size:12px;font-weight:400;color:var(--mid)}
.gch-m-settings .pm-lv .c{flex:none;font-size:12.5px;font-weight:400;color:var(--mid);font-variant-numeric:tabular-nums}
.gch-m-settings .pm-lv .car{flex:none;width:16px;height:16px;color:var(--mid)}

/* the pane: header (stays put), then the rows */
.gch-m-settings .pm-pane{display:flex;flex-direction:column;min-width:0;min-height:0}
.gch-m-settings .pm-ph{flex:none;padding:var(--s4) 0 var(--s3) var(--s6);border-bottom:1px solid var(--line2)}
.gch-m-settings .pm-ph1{display:flex;align-items:center;gap:var(--s2);min-height:32px}
.gch-m-settings .pm-ph1 h2{margin-right:auto;font-size:20px;font-weight:600;line-height:1.2}
.gch-m-settings .pm-who,.gch-m-settings .pm-chg{margin:3px 0 0;font-size:13px;line-height:1.4;color:var(--mid)}
.gch-m-settings .pm-who a{color:var(--ink2);text-underline-offset:2px}
.gch-m-settings .pm-who a:hover{color:var(--ink)}
.gch-m-settings .pm-chg{color:var(--ink2)}
.gch-m-settings .pm-pa{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.gch-m-settings .pm-rename{flex:1;display:flex;align-items:center;gap:var(--s2);min-width:0}
.gch-m-settings .pm-rename input{flex:1;min-width:0;max-width:360px;font-size:16px}

.gch-m-settings .pm-body{position:relative;flex:1;min-height:0;overflow-y:auto;padding:0 var(--s3) var(--s8) var(--s6)}
.gch-m-settings .pm-sh{position:sticky;top:0;z-index:1;margin:0;padding:var(--s4) 0 var(--s2);background:var(--bg);border-bottom:1px solid var(--line2);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.gch-m-settings .pm-sub{margin:0;padding:var(--s3) 0 var(--s1);font-size:12.5px;font-weight:600;color:var(--mid)}
.gch-m-settings .pm-row{display:grid;grid-template-columns:180px 136px minmax(0,1fr);column-gap:var(--s4);align-items:start;padding:calc(var(--row-py,8px) - 3px) 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.4}
.gch-m-settings .pm-l{padding-top:6px;color:var(--ink)}
.gch-m-settings .pm-c{min-width:0}
.gch-m-settings .pm-d{padding-top:7px;font-size:13px;color:var(--mid)}
.gch-m-settings .pm-def{grid-column:2 / -1;padding:2px 0 3px;font-size:12.5px;color:var(--mid)}
.gch-m-settings .pm-use{padding:0;background:none;border:0;font:inherit;color:var(--mid);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.gch-m-settings .pm-use:hover{color:var(--ink)}
.gch-m-settings .pm-never{margin:0;padding:var(--s3) 0 0;font-size:13px;color:var(--mid)}

/* the level control: the word in a field, opening the menu */
.gch-m-settings .pm-pane.is-out .pm-row:not(.is-yn){grid-template-columns:180px 188px minmax(0,1fr)}
.gch-m-settings .pm-pick .v{white-space:nowrap}
.gch-m-settings .pm-pick{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:32px;padding:0 8px 0 10px;background:var(--field);border:1px solid transparent;border-bottom-color:var(--edge);color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.gch-m-settings .pm-pick:hover{border-color:var(--line2);border-bottom-color:var(--edge)}
.gch-m-settings .pm-pick:focus-visible,.gch-m-settings .pm-pick[aria-expanded="true"]{border-color:var(--o);outline:0}
.gch-m-settings .pm-pick .car{flex:none;width:14px;height:14px;color:var(--mid)}
.gch-m-settings .pm-ck{display:inline-flex;align-items:flex-start;gap:var(--s2);min-height:32px;padding-top:6px;color:var(--ink);cursor:pointer}
.gch-m-settings .pm-ck input{flex:none;width:16px;height:16px;min-height:0;margin:2px 0 0;accent-color:var(--ink2);cursor:pointer}
.gch-m-settings .pm-ck input:focus-visible{outline:1px solid var(--o);outline-offset:2px}
.gch-m-settings .pm-row.is-yn{grid-template-columns:minmax(0,316px) minmax(0,1fr)}
.gch-m-settings .pm-row.is-yn .pm-def{grid-column:1 / -1;padding-left:24px}
.gch-m-settings .pm-ro{display:flex;justify-content:space-between;gap:var(--s3)}
.gch-m-settings .pm-word{display:inline-block;padding-top:6px;color:var(--ink)}
.gch-m-settings .pm-word.is-off{color:var(--mid)}
.gch-m-settings .pm-ro .pm-word{flex:none;width:32px}

.gch-m-settings .pm-acts{margin:0;padding:0;list-style:none;font-size:13px}
.gch-m-settings .pm-acts li{display:flex;justify-content:space-between;gap:var(--s3);padding:7px 0;border-bottom:1px solid var(--line);color:var(--ink2)}
.gch-m-settings .pm-acts .w{flex:none;color:var(--mid);font-variant-numeric:tabular-nums}
.gch-m-settings .pm-acts b{font-weight:600;color:var(--ink)}

/* the level menu and the two small menus (in #gch-layer, so not under .gch-m-settings) */
.pm-menu-h,.pm-menu-f{display:none}
.pm-opts{outline:0}
.pm-opt{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:var(--s3);padding:9px 14px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.4;cursor:pointer;box-shadow:inset 2px 0 0 transparent}
.pm-opt:last-child{border-bottom:0}
.pm-opt b{font-weight:500;color:var(--ink)}
.pm-opt span{font-size:13px;color:var(--mid)}
.pm-opt.is-active{background:var(--bg3)}
.pm-opt.is-on{box-shadow:inset 2px 0 0 var(--o)}
.pm-opt.is-on b{font-weight:600}
.pm-opts:focus-visible .pm-opt.is-active{outline:1px solid var(--o);outline-offset:-1px}
.gch-pop.is-sheet .pm-menu-h{display:block;padding:14px var(--s4);border-bottom:1px solid var(--line2);font-size:15px}
.gch-pop.is-sheet .pm-menu-f{display:flex;justify-content:flex-end;padding:var(--s2) var(--s3);border-top:1px solid var(--line2)}
.gch-pop.is-sheet .pm-opt{grid-template-columns:1fr;row-gap:2px;padding:12px var(--s4)}
.pm-popmenu .gch-menu button{align-items:flex-start;padding-top:10px;padding-bottom:10px}
.pm-popmenu .gch-menu button small{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:var(--mid);white-space:normal}
.pm-popmenu .gch-menu .i{margin-top:2px}

/* Compare levels: a report */
.gch-m-settings .pm-seg{display:inline-flex}
.gch-m-settings .pm-seg a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid var(--line2);font-size:13px;color:var(--ink2);text-decoration:none}
.gch-m-settings .pm-seg a + a{border-left:0}
.gch-m-settings .pm-seg a:hover{color:var(--ink);background:var(--bg3)}
.gch-m-settings .pm-seg a.is-on{border:1px solid var(--o);color:var(--ink);font-weight:600;background:var(--bg2)}
.gch-m-settings .pm-backl{display:inline-flex;align-items:center;gap:2px;margin-left:var(--s3);font-size:13.5px;color:var(--ink2);text-underline-offset:2px}
.gch-m-settings .pm-backl:hover{color:var(--ink)}
.gch-m-settings .pm-backl .i{width:14px;height:14px}
.gch-m-settings .pm-cmp-box{position:relative;flex:1;min-height:0;overflow:auto;padding-bottom:var(--s6)}
.gch-m-settings .pm-cmp-box:focus-visible{outline:1px solid var(--o);outline-offset:-1px}
.gch-m-settings .pm-cmp{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}
.gch-m-settings .pm-cmp col.c0{width:200px}
.gch-m-settings .pm-cmp th,.gch-m-settings .pm-cmp td{padding:6px 8px 6px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:400;line-height:1.35;text-align:left;vertical-align:top}
.gch-m-settings .pm-cmp td{color:var(--ink2)}
.gch-m-settings .pm-cmp thead th,.gch-m-settings .pm-cmp thead td{position:sticky;top:0;z-index:2;padding-top:var(--s3);background:var(--bg);border-bottom:1px solid var(--line2);vertical-align:bottom;font-size:12px}
.gch-m-settings .pm-cmp thead td{left:0;z-index:3}
.gch-m-settings .pm-cmp thead a{color:var(--ink);font-weight:600;text-decoration:none}
.gch-m-settings .pm-cmp thead a:hover{text-decoration:underline;text-underline-offset:2px}
/* a heading word is one box and is never broken (its column is as wide as its longest word: settings.js compare) */
.gch-m-settings .pm-cmp thead .pm-w{display:inline-block;white-space:nowrap;vertical-align:bottom}
.gch-m-settings .pm-cmp thead th{hyphens:none;overflow-wrap:normal;word-break:normal}
.gch-m-settings .pm-cmp tbody th{position:sticky;left:0;z-index:1;background:var(--bg);color:var(--ink)}
.gch-m-settings .pm-cmp .pm-csec th{padding-top:var(--s4);border-bottom:1px solid var(--line2);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.gch-m-settings .pm-cmp .pm-csub th{padding-top:var(--s3);padding-bottom:2px;border-bottom:0;font-size:12.5px;font-weight:600;color:var(--mid)}
.gch-m-settings .pm-no{color:var(--mid)}

@media (max-width:1400px){
  .gch-m-settings .pm-split{grid-template-columns:216px minmax(0,1fr)}
  .gch-m-settings .pm-row{column-gap:var(--s3)}
  .gch-m-settings .pm-row.is-yn{grid-template-columns:minmax(0,280px) minmax(0,1fr)}
}
@media (max-width:759px){
  /* Two screens: the level list, then one level. Label left, control right, the sentence under the label. */
  .gch-m-settings .pm-split{display:block}
  .gch-m-settings .pm-levels{overflow:visible;border-right:0}
  .gch-m-settings .pm-lv{min-height:48px;border-bottom:1px solid var(--line)}
  .gch-m-settings .pm-ph{padding-left:0}
  .gch-m-settings .pm-backlink{margin-top:var(--s3)}
  .gch-m-settings .pm-pa .btn{flex:1;justify-content:center}
  .gch-m-settings .pm-body{overflow:visible;padding:0 0 var(--s8)}
  .gch-m-settings .pm-sh{position:static}
  .gch-m-settings .pm-row,.gch-m-settings .pm-pane.is-out .pm-row:not(.is-yn){grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s3)}
  .gch-m-settings .pm-row .pm-d{grid-column:1 / -1;padding-top:0}
  .gch-m-settings .pm-def{grid-column:1 / -1}
  .gch-m-settings .pm-pick{width:auto;min-width:136px;min-height:40px}
  .gch-m-settings .pm-row.is-yn{grid-template-columns:1fr}
  .gch-m-settings .pm-ck input{width:20px;height:20px;margin-top:0}
  .gch-m-settings .pm-cmp-box{overflow:auto}
  .gch-m-settings .pm-backl{margin-left:0}
}
/* The Compare report prints on the warm-paper ground, without the shell around it. */
@media print{
  html:has(.pm-cmp-page) .gch-top,html:has(.pm-cmp-page) .gch-rail,html:has(.pm-cmp-page) .gch-bottom,html:has(.pm-cmp-page) .gch-proto,html:has(.pm-cmp-page) .gch-beta,
  html:has(.pm-cmp-page) .gch-viewas,html:has(.pm-cmp-page) .gch-phead,html:has(.pm-cmp-page) .se-nav,html:has(.pm-cmp-page) .pm-top-a{display:none !important}
  html:has(.pm-cmp-page) .gch-app,html:has(.pm-cmp-page) .gch-body,html:has(.pm-cmp-page) .gch-main,html:has(.pm-cmp-page) .gch-tool,html:has(.pm-cmp-page) .se-wrap,
  html:has(.pm-cmp-page) .se-main,html:has(.pm-cmp-page) .pm,html:has(.pm-cmp-page) .pm-cmp-box{display:block !important;height:auto !important;overflow:visible !important;margin:0;padding:0}
  html:has(.pm-cmp-page),html:has(.pm-cmp-page) body,html:has(.pm-cmp-page) .pm-cmp th,html:has(.pm-cmp-page) .pm-cmp td{background:#F6F2E8 !important;color:#14161A !important;position:static !important}
}

/* Regions (DEV-353): a card per region, grouped by state; the entries as chips, then what they cover and share. */
.gch-m-settings .se-rg-intro{max-width:72ch;margin:0 0 var(--s4);color:var(--ink2);font-size:13.5px;line-height:1.5}
.gch-m-settings .se-rg-st{margin:var(--s6) 0 var(--s2);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mid)}
.gch-m-settings .se-rg-z{display:flex;flex-wrap:wrap;gap:4px;margin:var(--s2) 0 0}
.se-rg-c{display:inline-flex;align-items:center;height:22px;padding:0 7px;border:1px solid var(--line2);font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--ink)}
.se-rg-cov,.se-rg-also,.se-rg-jobs,.se-rg-err{margin:var(--s2) 0 0;font-size:13px;line-height:1.45;color:var(--ink2)}
.se-rg-also{color:var(--ink)}
.se-rg-err{color:var(--danger)}
.se-rg-prev{grid-column:1/-1;margin-top:calc(-1 * var(--s2))}
.se-rg-prev > p:first-child{margin-top:0}