/* Support Portal admin area + view-as bar */
.content.wide{max-width:1180px}
.viewas-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#FFF4E5;border-bottom:2px solid #E07000;color:#5a2e00;padding:10px 18px;font-size:13.5px;flex-shrink:0}
.viewas-bar[hidden]{display:none}
.viewas-bar .va-eye{font-size:16px}
.viewas-bar .va-text{flex:1;min-width:200px}
.viewas-bar .va-sub{color:#7a4a1a;font-weight:400}
.viewas-bar .va-ro{display:inline-block;margin-left:6px;background:#E07000;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px;vertical-align:1px}
.viewas-bar .va-stop{appearance:none;border:2px solid #C05600;background:#fff;color:#7a3500;font:inherit;font-weight:700;font-size:13px;border-radius:10px;padding:6px 12px;min-height:36px;cursor:pointer}
.viewas-bar .va-stop:hover{background:#fff0e0}
.viewas-bar .va-stop:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
html.in-teams .viewas-bar{display:none}
.va-raise{max-width:520px;margin:6vh auto 0;text-align:center}
.va-raise .big{font-size:34px;margin-bottom:12px}

.adm-nav{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 18px}
.adm-nav button{appearance:none;border:2px solid var(--border);background:#fff;color:var(--navy);font:inherit;font-weight:700;font-size:13px;border-radius:999px;padding:7px 14px;min-height:38px;cursor:pointer}
.adm-nav button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.adm-nav button:focus-visible,.adm-person:focus-visible,.linkbtn:focus-visible,.adm-t th button:focus-visible,.hit:focus-visible,.hb:focus-visible,.sh-f:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.adm-input{width:100%;font:inherit;font-size:15px;padding:12px 14px;border:2px solid var(--border);border-radius:12px;background:#fff;color:var(--text)}
.adm-input:focus{outline:none;border-color:var(--blue)}
.adm-people{display:grid;gap:8px;margin:10px 0 4px}
.adm-person{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;width:100%;border:1px solid var(--border);background:#fff;border-radius:10px;padding:9px 12px;cursor:pointer;font:inherit;color:var(--text)}
.adm-person:hover{border-color:var(--blue);background:#f6faff}
.adm-person .ap-n{font-weight:700;color:var(--navy);font-size:14px}
.adm-person .ap-s,.adm-person .ap-e{font-size:12px;color:var(--muted)}
.adm-h3{font-size:16px;color:var(--navy);margin:26px 0 10px}
#adm-managers{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:10px}
.adm-home{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px;display:grid;gap:6px;align-content:start}
.adm-home-n{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:2px 2px 4px}
.adm-actions{margin-top:14px}
.adm-actions .btn{width:auto;flex:0 0 auto}
.adm-prev{margin-top:14px;border-color:var(--blue)}

.adm-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}
.adm-f{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:700;color:var(--muted)}
.adm-f select{font:inherit;font-size:13.5px;font-weight:600;color:var(--navy);padding:8px 10px;border:2px solid var(--border);border-radius:10px;background:#fff;min-height:40px}
.adm-chip{display:inline-flex;align-items:center;gap:6px;background:var(--teal-light);color:var(--navy);font-weight:700;font-size:13px;border-radius:999px;padding:6px 6px 6px 12px;min-height:40px}
.adm-chip button{appearance:none;border:0;background:#fff;color:var(--navy);width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}
.kpi{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}
.kpi-v{font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-.5px;line-height:1.1}
.kpi-l{font-size:12.5px;font-weight:700;color:var(--text);margin-top:4px}
.kpi-s{font-size:11.5px;color:var(--muted);margin-top:2px}
.adm-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px;min-width:0}
.adm-card h3{font-size:15px;color:var(--navy);font-weight:800;margin-bottom:4px}
.adm-note{font-size:12px;color:var(--muted);margin-bottom:10px}
.adm-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px}
.adm-grid2>.adm-card{margin-bottom:0}
.adm-grid2{margin-bottom:14px}
.adm-svg{width:100%;height:auto;display:block;margin-top:8px}
.adm-svg .grid{stroke:#E8EDF3;stroke-width:1}
.adm-svg .ax{font-size:11px;fill:#5D6B80}
.adm-svg .hit{cursor:default;outline:none}
.adm-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text);margin-top:8px}
.adm-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.adm-hbars{display:grid;gap:7px;margin-top:6px}
.hb{display:grid;grid-template-columns:minmax(90px,42%) 1fr 44px;gap:8px;align-items:center;font-size:12.5px}
.hb-l{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-t{background:#F1F4F8;border-radius:4px;height:12px;overflow:hidden}
.hb-f{display:block;height:100%;border-radius:0 4px 4px 0}
.hb-v,.sh-v{text-align:right;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}
.adm-share{display:grid;gap:9px;margin-top:6px}
.sh-row{display:grid;grid-template-columns:96px 1fr 48px;gap:8px;align-items:center;font-size:12.5px}
.sh-t{display:flex;gap:2px;height:16px;border-radius:4px;overflow:hidden;background:#F1F4F8}
.sh-f{display:block;height:100%;min-width:2px}
.adm-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.adm-t{width:100%;border-collapse:collapse;font-size:13px}
.adm-t th{text-align:left;font-size:11.5px;color:var(--muted);font-weight:700;padding:8px;border-bottom:2px solid var(--border);white-space:nowrap}
.adm-t th button{appearance:none;border:0;background:none;font:inherit;color:inherit;cursor:pointer;padding:0}
.adm-t td{padding:8px;border-bottom:1px solid #EEF2F6;vertical-align:top}
.adm-t .num{text-align:right;font-variant-numeric:tabular-nums}
.adm-t tr:hover td{background:#FAFBFD}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}
.linkbtn{appearance:none;border:0;background:none;color:var(--blue);font:inherit;font-weight:600;cursor:pointer;padding:0;text-align:left;text-decoration:underline;text-underline-offset:2px}
.linkbtn.danger{color:#B4232C}
.muted{color:var(--muted);font-size:12px}
.adm-foot{font-size:12px;color:var(--muted);margin:6px 0 24px;line-height:1.5}
.adm-add{margin-top:20px}
.adm-row{display:flex;gap:8px}
.adm-row .btn{flex:0 0 auto;width:auto}
.adm-tip{position:fixed;z-index:2000;display:none;pointer-events:none;background:#0E2647;color:#fff;font-size:12px;line-height:1.45;padding:8px 10px;border-radius:8px;box-shadow:var(--shadow-lg);max-width:260px}
@media (max-width:600px){.hb{grid-template-columns:minmax(80px,40%) 1fr 36px}.sh-row{grid-template-columns:76px 1fr 40px}.kpi-v{font-size:22px}}
#admin-tab[hidden]{display:none}
/* person preview card (kvgrid is otherwise only styled inside ticket details) */
.adm-prev .kvgrid{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:8px 18px;align-items:baseline;margin-top:10px;padding-top:12px;border-top:1px solid var(--border)}
.adm-prev .kvgrid .k{font-size:12px;font-weight:700;color:var(--muted)}
.adm-prev .kvgrid .v{font-size:14px;color:var(--text)}
@media (max-width:600px){.adm-prev .kvgrid{grid-template-columns:1fr;gap:2px}.adm-prev .kvgrid .v{margin-bottom:8px}}
/* HR signpost screens (payroll, contract change, references) */
.hr-signpost{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin:8px 0 14px;font-size:14.5px;line-height:1.55;color:var(--text)}
.hr-signpost p+p{margin-top:10px}
.hr-signpost .hp-addr{font-size:18px;font-weight:800;color:var(--navy);user-select:all}
.hr-signpost a{color:var(--blue);font-weight:600}
.hr-signpost-actions{display:flex;gap:10px;flex-wrap:wrap}
.hr-signpost-actions .btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:auto;flex:0 1 auto}
@media (max-width:600px){.hr-signpost-actions .btn{flex:1 1 100%}}

/* Home backlog drill-down: appended below the existing analytics. */
.adm-open-tickets{scroll-margin-top:20px}
.adm-open-tickets h3{overflow-wrap:anywhere}
.adm-open-tickets h3:focus{outline:2px solid var(--blue);outline-offset:4px}
.adm-open-count{font-size:13px;font-weight:700;color:var(--navy);margin:8px 0 12px;font-variant-numeric:tabular-nums}
.adm-open-tickets .adm-t{min-width:780px}
.adm-open-tickets .adm-t th{color:var(--muted)}
.adm-open-tickets .adm-t td:nth-child(3){min-width:170px;max-width:300px;overflow-wrap:anywhere}
.adm-open-tickets .adm-t td:nth-child(6),.adm-open-tickets .adm-t td:nth-child(7){white-space:nowrap}
.adm-ticket-link{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:28px}
.adm-ticket-link:hover{color:var(--navy)}
.adm-ticket-link:focus-visible,.adm-open-tickets .adm-tw:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.adm-open-help{font-size:12px;line-height:1.5;color:var(--muted);margin:14px 0 8px}
.adm-open-back{min-height:40px}