:root {
  --ink: #f5f2ee;
  --muted: #9a9690;
  --line: #2b2927;
  --paper: #080808;
  --white: #121212;
  --lime: #f2824d;
  --lime-deep: #f2824d;
  --orange: #f2824d;
  --good: #55d68b;
  --bad: #ff625a;
  --warning: #f1b84b;
  --blue: #4a78ff;
  --purple: #9b71f7;
  --shadow: 0 14px 38px rgba(25, 25, 18, .07);
  --radius: 18px;
}

* { box-sizing: border-box; }
html,body { width:100%; max-width:100%; overflow-x:hidden; overscroll-behavior-x:none; touch-action:pan-y; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", sans-serif; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 252px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; background: #050505; color: #fff; padding: 26px 18px 18px; display: flex; flex-direction: column; z-index: 20; border-right: 1px solid #24211f; }
.sidebar-close,.sidebar-backdrop { display:none; }
.profile[hidden],.menu-button[hidden] { display:none !important; }
.brand { display: flex; align-items: center; color: inherit; text-decoration: none; margin: 0 8px 44px; }
.brand-logo { display:block; width:176px; max-width:100%; height:auto; }
.workspace-label { margin: 0 13px 12px; color: #696962; font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.nav { display: grid; gap: 5px; }
.nav-button { width: 100%; border: 0; background: transparent; color: #a7a79f; display: flex; align-items: center; gap: 12px; border-radius: 10px; padding: 11px 13px; cursor: pointer; text-align: left; transition: .2s ease; }
.nav-button:hover { background: #1c1917; color: #fff; }.nav-button.active { color: #080808; background: var(--orange); font-weight: 700; }
.nav-icon { width: 19px; font-size: 17px; text-align: center; }.nav-button span:last-child { font-size: 13px; }
.sidebar-bottom { margin-top: auto; display: grid; gap: 12px; }
.help-card { border: 1px solid #30302b; border-radius: 13px; padding: 12px; display: flex; gap: 10px; align-items: center; color: #c7c7be; }
.help-card div { flex: 1; }.help-card strong, .help-card small { display: block; }.help-card strong { font-size: 11px; color: #fff; }.help-card small { font-size: 9px; color: #77776f; margin-top: 3px; }
.help-icon { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: #111; background: var(--lime); font-size: 12px; font-weight: 800; }
.profile { width: 100%; border: 0; border-top: 1px solid #292925; padding: 15px 4px 0; background: transparent; color: white; display: flex; gap: 10px; align-items: center; cursor: pointer; text-align: left; }
.avatar { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #eee9d9; color: #191915; font-weight: 800; font-size: 11px; }
.profile-copy { flex: 1; }.profile-copy strong, .profile-copy small { display: block; }.profile-copy strong { font-size: 11px; }.profile-copy small { color: #77776f; font-size: 9px; margin-top: 2px; }.more { color: #777; letter-spacing: 1px; }

.main { min-width: 0; }.topbar { height: 76px; padding: 0 36px; display: flex; align-items: center; border-bottom: 1px solid var(--line); background: rgba(8,8,8,.9); backdrop-filter: blur(14px); position: sticky; top: 0; z-index: 10; }
.profile-auth-active .topbar { display:none; }
.profile-auth-active .profile-auth-shell { min-height:calc(100vh - 94px); }
.breadcrumbs { display: flex; align-items: center; gap: 9px; font-size: 12px; }.breadcrumbs span { color: var(--muted); }.breadcrumbs b { color: #c6c4bc; font-weight: 400; }
.top-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }.icon-button, .menu-button { border: 1px solid var(--line); background: #fff; border-radius: 9px; cursor: pointer; height: 36px; min-width: 36px; }.notification { position: relative; }.notification span { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--orange); right: 8px; top: 7px; }
.menu-button { display: none; margin-right: 10px; }
.primary { border: 0; border-radius: 9px; background: var(--orange); color: #080808; font-weight: 800; cursor: pointer; padding: 12px 17px; }.primary:hover { background: #ff9b69; }.primary.small { height: 36px; padding: 0 14px; font-size: 11px; }
.secondary { border: 1px solid var(--line); border-radius: 9px; padding: 11px 15px; background: white; font-weight: 600; cursor: pointer; }
.content { padding: 34px 38px 60px; max-width: 1500px; margin: 0 auto; }

.page-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 28px; }.eyebrow { color: #84827a; font-size: 10px; letter-spacing: .16em; font-weight: 800; text-transform: uppercase; margin-bottom: 7px; }.page-heading h1 { font: 800 clamp(25px, 3vw, 39px)/1.05 Manrope; letter-spacing: -.045em; margin: 0; }.page-heading p { color: var(--muted); margin: 9px 0 0; font-size: 13px; }.heading-actions { display: flex; gap: 9px; }
.filters { display: flex; gap: 8px; flex-wrap: wrap; }.filter { border: 1px solid var(--line); background: #fff; border-radius: 8px; color: #55544f; padding: 9px 11px; font-size: 11px; }
.metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; margin-bottom: 16px; }.metric { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; min-height: 133px; box-shadow: 0 2px 0 rgba(0,0,0,.01); }.metric-top { display: flex; justify-content: space-between; color: var(--muted); font-size: 11px; }.metric-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; background: #f1f0eb; color: #222; }.metric-value { font: 800 29px/1 Manrope; letter-spacing: -.04em; margin: 15px 0 7px; }.delta { font-size: 10px; color: #6a6962; }.delta b { color: #3c701a; }.delta.warning b { color: #c44c27; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, .85fr); gap: 14px; }.stack { display: grid; gap: 14px; }.card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 21px; box-shadow: 0 1px 0 rgba(0,0,0,.015); }.card-header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 20px; }.card-title { margin: 0; font: 700 14px Manrope; }.card-subtitle { color: var(--muted); font-size: 10px; margin-top: 4px; }.text-button { border: 0; background: transparent; padding: 0; color: #55534d; font-size: 10px; font-weight: 700; cursor: pointer; }
.chart-wrap { height: 210px; position: relative; padding: 10px 0 24px 30px; }.chart-lines { position: absolute; inset: 10px 0 24px 30px; display: flex; flex-direction: column; justify-content: space-between; }.chart-lines i { display: block; border-top: 1px dashed #e9e7df; position: relative; }.chart-lines small { position: absolute; right: calc(100% + 7px); top: -7px; color: #aaa89f; font-size: 8px; }.chart { width: 100%; height: 100%; position: relative; z-index: 1; overflow: visible; }.chart-labels { position: absolute; left: 30px; right: 0; bottom: 0; display: flex; justify-content: space-between; color: #aaa89f; font-size: 8px; }
.legend { display: flex; gap: 15px; font-size: 9px; color: #706f68; }.legend span::before { content:""; width: 7px; height: 7px; border-radius: 2px; background: var(--ink); display: inline-block; margin-right: 5px; }.legend span:last-child::before { background: var(--lime-deep); }
.campus-bars { display: grid; gap: 17px; }.bar-row { display: grid; grid-template-columns: 72px 1fr 32px; align-items: center; gap: 10px; font-size: 10px; }.track { height: 7px; background: #efeee9; border-radius: 9px; overflow: hidden; }.fill { display: block; height: 100%; border-radius: inherit; background: var(--ink); }.bar-row:nth-child(2) .fill { background: var(--lime-deep); }.bar-row:nth-child(3) .fill { background: var(--blue); }.bar-row:nth-child(4) .fill { background: var(--purple); }.bar-row b { text-align: right; }
.report-list { display: grid; }.report-row { display: grid; grid-template-columns: 34px 1.3fr .7fr .7fr 80px 20px; gap: 12px; align-items: center; padding: 13px 0; border-top: 1px solid #efede7; font-size: 10px; }.report-row:first-child { border-top: 0; padding-top: 0; }.report-icon { width: 30px; height: 30px; display: grid; place-items: center; background: #f2f1ec; border-radius: 8px; }.report-main strong, .report-main small { display:block; }.report-main small { color: var(--muted); margin-top: 2px; }.status { justify-self: start; padding: 5px 8px; border-radius: 20px; background: #eef8df; color: #4c6f24; font-size: 8px; font-weight: 700; }.status.open { background: #fff0e9; color: #b84a29; }
.issue { display: flex; gap: 10px; padding: 12px 0; border-top: 1px solid #efede7; }.issue:first-of-type { border-top: 0; }.priority { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); margin-top: 5px; }.priority.medium { background: #e7b93c; }.issue-copy { flex:1; }.issue-copy strong { display:block; font-size: 10px; }.issue-copy small { display:block; color: var(--muted); margin-top: 4px; font-size: 9px; }.issue > small { color: #aaa89f; font-size: 8px; }

.form-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 15px; align-items: start; }.form-card { background: white; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }.form-section { padding: 23px; border-top: 1px solid var(--line); }.form-section:first-child { border-top: 0; }.section-heading { display:flex; gap: 12px; margin-bottom: 19px; }.step { width: 27px; height: 27px; display:grid; place-items:center; background: var(--ink); color: white; border-radius: 8px; font-size: 10px; font-weight:800; }.section-heading h2 { font: 700 14px Manrope; margin: 0; }.section-heading p { font-size: 10px; color: var(--muted); margin: 3px 0 0; }.field-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }.field { display:grid; gap: 6px; }.field.full { grid-column: 1 / -1; }.field label { font-size: 10px; font-weight: 700; }.field input, .field select, .field textarea { width: 100%; border: 1px solid #dedcd4; border-radius: 9px; background: #fcfbf8; padding: 11px 12px; font-size: 11px; outline: none; }.field input:focus, .field select:focus, .field textarea:focus { border-color: #95928a; box-shadow: 0 0 0 3px #f2f1eb; }.field textarea { min-height: 95px; resize: vertical; }
.segment-table { width:100%; border-collapse: collapse; font-size:10px; }.segment-table th { color: var(--muted); text-align:left; font-size:8px; letter-spacing:.08em; text-transform:uppercase; padding: 0 7px 8px; }.segment-table td { padding: 6px; border-top: 1px solid #efede7; }.segment-table input { width:100%; border:0; background: transparent; padding:7px; font-size:10px; }.segment-table input[type=number] { max-width:70px; background:#f7f6f2; border-radius:6px; }.remove { border:0; background:transparent; color:#aaa; cursor:pointer; }.add-row { margin-top: 9px; border: 1px dashed #cecbc1; border-radius:8px; padding:9px; width:100%; background: #fbfaf7; color:#555; font-size:10px; cursor:pointer; }
.timing-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-bottom:18px; }
.timing-summary > div { padding:14px; border:1px solid #302d2a; border-radius:11px; background:#0d0d0d; }
.timing-summary span,.timing-summary strong { display:block; }
.timing-summary span { color:#77716c; font-size:8px; font-weight:800; letter-spacing:.1em; }
.timing-summary strong { margin-top:7px; font:400 19px/1 "Archivo Black"; color:var(--good); }
.timing-summary #varianceCard.over strong { color:var(--bad); }
.timing-summary #varianceCard.under strong { color:var(--good); }
.report-issue-entry { padding:17px; margin-bottom:10px; border:1px solid #332f2c; border-left:3px solid var(--bad); border-radius:11px; background:#0d0d0d; }
.issue-entry-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; }
.issue-entry-head strong { font:400 12px "Archivo Black"; text-transform:uppercase; }
.issue-entry-head .remove { color:var(--bad); font-size:9px; }
.attendance-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.attendance-box { border:1px solid var(--line); border-radius:11px; padding:12px; }.attendance-box label { display:block; color:var(--muted); font-size:9px; }.attendance-box input { width:100%; border:0; padding:7px 0 0; font:700 19px Manrope; outline:none; }.form-actions { display:flex; justify-content:flex-end; gap:9px; padding:18px 23px; background:#f8f7f3; border-top:1px solid var(--line); }
.side-note { position:sticky; top:95px; }.note-card { background:var(--ink); color:#fff; border-radius:var(--radius); padding:22px; }.note-card .eyebrow { color:var(--lime); }.note-card h3 { font:700 17px/1.3 Manrope; margin:0 0 9px; }.note-card p { color:#a4a49c; font-size:10px; line-height:1.6; }.check-list { list-style:none; padding:0; margin:18px 0 0; display:grid; gap:11px; }.check-list li { font-size:10px; display:flex; gap:9px; }.check-list li::before { content:"✓"; color:#111; background:var(--lime); width:16px; height:16px; border-radius:50%; display:grid; place-items:center; font-size:9px; font-weight:800; }
.service-sequence { display:grid; grid-template-columns:44px 1fr 44px; align-items:center; gap:15px; padding:20px 23px; border-bottom:1px solid #292725; background:#111; text-align:center; }
.service-sequence span,.service-sequence strong,.service-sequence small { display:block; }
.service-sequence span { color:#f2824d; font-size:11px; font-weight:800; letter-spacing:.1em; }
.service-sequence strong { margin-top:4px; color:#f5f2ee; font:400 28px/1 "Archivo Black"; }
.service-sequence small { margin-top:7px; color:#8e8882; font-size:12px; }
.service-arrow { width:44px; height:44px; border:1px solid #3b3632; border-radius:50%; background:#171513; color:#f5f2ee; font-size:18px; cursor:pointer; }
.service-arrow:disabled { opacity:.25; cursor:default; }
.wizard-actions { justify-content:space-between; align-items:center; }
.wizard-actions > div { display:flex; gap:9px; }

.report-packages,.service-folders,.bundle-summary { border:1px solid #302c29; border-radius:14px; background:#0e0d0c; }
.report-package-head { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 24px; border-bottom:1px solid #302c29; }
.report-package-head span,.report-package-head strong { display:block; }.report-package-head span { color:#77716c; font-size:11px; font-weight:800; letter-spacing:.1em; }.report-package-head strong { margin-top:5px; color:#f5f2ee; font-size:18px; }
.report-filter-summary { display:block; margin-top:8px; color:#8f8983; font-size:12px; font-weight:600; }
.report-filters { display:flex; align-items:center; gap:10px; }
.report-filters label { min-width:165px; padding:9px 12px; border:1px solid #383330; border-radius:9px; background:#0a0909; }
.report-filters label > span { color:#817b75; font-size:10px; font-weight:800; letter-spacing:.08em; }
.report-filters select { width:100%; margin-top:4px; border:0; outline:0; background:transparent; color:#f5f2ee; font:700 13px "DM Sans"; cursor:pointer; }
.report-filters select:focus-visible { outline:2px solid #f2824d; outline-offset:6px; border-radius:2px; }.report-filters select option { color:#111; }
.report-package-columns,.report-package-row { display:grid; grid-template-columns:1.25fr 1.1fr .55fr .65fr 18px; gap:18px; align-items:center; }
.report-package-columns { padding:12px 24px; color:#6f6964; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.report-package-row { width:100%; min-height:78px; padding:14px 24px; border:0; border-top:1px solid #282522; background:transparent; color:#bdb7b0; text-align:left; cursor:pointer; }
.report-package-row:hover { background:#141210; }.report-package-row > b { color:#6f6964; font-size:20px; }
.package-campus { display:flex; align-items:center; gap:12px; }.package-campus > i { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; background:#241b17; color:#f2824d; font-style:normal; font-size:11px; font-weight:800; }.package-campus strong,.package-campus small,.package-submitted strong,.package-submitted small,.package-services strong,.package-services small { display:block; }.package-campus strong,.package-submitted strong { color:#f5f2ee; font-size:13px; }.package-campus small,.package-submitted small,.package-services small { margin-top:4px; color:#817b75; font-size:11px; }.package-services strong { color:#f5f2ee; font:400 21px/1 "Archivo Black"; }
.report-package-empty { padding:50px 24px; border-top:1px solid #282522; color:#817b75; text-align:center; }
.report-package-empty strong,.report-package-empty span { display:block; }.report-package-empty strong { color:#f5f2ee; font-size:17px; }.report-package-empty span { margin-top:9px; color:#9b958f; font-size:14px; }
.bundle-summary { display:grid; grid-template-columns:1.3fr 1fr .7fr .8fr; margin-bottom:18px; overflow:hidden; }.bundle-summary > div { padding:20px 22px; border-left:1px solid #302c29; }.bundle-summary > div:first-child { border-left:0; }.bundle-summary span,.bundle-summary strong { display:block; }.bundle-summary span { color:#77716c; font-size:11px; font-weight:800; letter-spacing:.09em; }.bundle-summary strong { margin-top:8px; color:#f5f2ee; font-size:15px; }
.service-folders { padding:22px; }.service-folder-tabs { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; margin-bottom:18px; }.service-folder { padding:17px; border:1px solid #302c29; border-radius:11px; background:#111; color:#aaa49e; text-align:left; cursor:pointer; }.service-folder.active { border-color:#f2824d; background:#1a1411; }.service-folder span,.service-folder strong,.service-folder small { display:block; }.service-folder span { color:#77716c; font-size:10px; font-weight:800; letter-spacing:.1em; }.service-folder strong { margin-top:7px; color:#f5f2ee; font:400 20px/1 "Archivo Black"; }.service-folder small { margin-top:9px; color:#837d77; font-size:11px; }
.report-role-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.report-role-tab { min-height:112px; padding:18px 20px; border:1px solid #302c29; border-radius:12px; background:#0e0d0c; color:#aaa49e; text-align:left; cursor:pointer; }
.report-role-tab:hover { border-color:#625a54; }.report-role-tab.active { border-color:var(--orange); background:#1b1411; box-shadow:inset 0 3px 0 var(--orange); }
.report-role-tab span,.report-role-tab strong,.report-role-tab small { display:block; }.report-role-tab span { color:var(--orange); font-size:11px; font-weight:800; letter-spacing:.09em; }.report-role-tab strong { margin-top:8px; color:#f5f2ee; font:400 20px/1.1 "Archivo Black"; }.report-role-tab small { margin-top:10px; color:#8f8983; font-size:12px; }
.selected-report-meta { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:12px; padding:13px 15px; border:1px solid #292624; border-radius:9px; background:#0a0909; }.selected-report-meta span,.selected-report-meta strong { display:block; }.selected-report-meta span { color:#77716c; font-size:10px; font-weight:800; letter-spacing:.09em; }.selected-report-meta strong { margin-top:4px; color:#f5f2ee; font-size:14px; }
.folder-metrics.production-metrics { grid-template-columns:repeat(4,1fr); }
.service-folder-detail { padding:22px; border:1px solid #302c29; border-radius:12px; background:#0a0909; }.folder-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.folder-detail-head h2 { margin:0; color:#f5f2ee; font-size:22px; }.folder-detail-head p { margin:7px 0 0; color:#837d77; font-size:12px; }.folder-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:24px; }.folder-metrics > div { padding:16px; border:1px solid #292623; border-radius:10px; }.folder-metrics span,.folder-metrics strong { display:block; }.folder-metrics span { color:#77716c; font-size:10px; font-weight:800; letter-spacing:.08em; }.folder-metrics strong { margin-top:8px; color:#f5f2ee; font-size:16px; }.folder-metrics strong.bad { color:var(--bad); }.folder-metrics strong.good { color:var(--good); }.folder-note { display:flex; gap:14px; margin-top:18px; padding:15px 16px; border-left:3px solid #f2824d; background:#14110f; }.folder-note strong { flex:0 0 auto; color:#f5f2ee; font-size:12px; }.folder-note span { color:#8e8882; font-size:12px; line-height:1.45; }
.full-report { display:grid; gap:18px; margin-top:18px; }
.full-report-section { overflow:hidden; border:1px solid #302c29; border-radius:12px; background:#0e0d0c; }
.full-report-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:20px 22px; border-bottom:1px solid #302c29; }
.full-report-heading span { display:block; color:#8f8983; font-size:12px; font-weight:800; letter-spacing:.08em; }
.full-report-heading h3 { margin:7px 0 0; color:#f5f2ee; font-size:19px; }
.full-report-heading small { color:#aaa49e; font-size:13px; font-weight:700; }
.submitted-segments { overflow-x:auto; }
.submitted-segment { min-width:650px; display:grid; grid-template-columns:minmax(230px,1.7fr) repeat(3,minmax(90px,.7fr)); gap:18px; align-items:center; min-height:58px; padding:10px 22px; border-top:1px solid #272421; color:#c5bfb9; font-size:14px; font-variant-numeric:tabular-nums; }
.submitted-segment:first-child { border-top:0; }
.submitted-segment.head { min-height:42px; color:#817b75; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.submitted-segment strong { color:#f5f2ee; font-size:14px; }.submitted-segment b { color:#bdb7b1; }.submitted-segment b.good { color:var(--good); }.submitted-segment b.bad { color:var(--bad); }
.submitted-issues { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; padding:18px; }
.submitted-issue { padding:18px; border:1px solid #383330; border-left:3px solid var(--bad); border-radius:10px; background:#131110; }
.submitted-issue > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }.submitted-issue em { color:#aaa49e; font-size:12px; font-style:normal; }
.submitted-issue h4 { margin:16px 0 6px; color:#f5f2ee; font-size:18px; }.submitted-issue small { color:#9b958f; font-size:13px; }.submitted-issue p { margin:14px 0 0; color:#c5bfb9; font-size:14px; line-height:1.6; white-space:pre-wrap; }
.submitted-empty,.submitted-narrative { padding:22px; color:#c5bfb9; font-size:15px; line-height:1.65; white-space:pre-wrap; }
.submitted-empty { color:#9b958f; }
.submitted-attendance { display:grid; grid-template-columns:repeat(4,1fr); }
.submitted-attendance > div { min-height:105px; padding:20px 22px; border-left:1px solid #302c29; }.submitted-attendance > div:first-child { border-left:0; }
.submitted-attendance span,.submitted-assessment span { display:block; color:#8f8983; font-size:12px; font-weight:800; letter-spacing:.07em; }.submitted-attendance strong { display:block; margin-top:14px; color:#f5f2ee; font:400 28px/1 "Archivo Black"; }
.submitted-assessment { display:grid; grid-template-columns:repeat(2,1fr); }.submitted-assessment > div { min-height:96px; padding:21px 22px; border-left:1px solid #302c29; }.submitted-assessment > div:first-child { border-left:0; }.submitted-assessment strong { display:block; margin-top:12px; color:#f5f2ee; font-size:17px; }
.ticket-metrics { display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:18px; border:1px solid #302c29; border-radius:12px; overflow:hidden; background:#0d0c0b; }
.ticket-metrics > div { min-height:105px; padding:20px 22px; border-left:1px solid #302c29; }
.ticket-metrics > div:first-child { border-left:0; }
.ticket-metrics span,.ticket-metrics strong { display:block; }
.ticket-metrics span { color:#817b75; font-size:11px; font-weight:800; letter-spacing:.09em; }
.ticket-metrics strong { margin-top:14px; color:#f5f2ee; font:400 30px/1 "Archivo Black"; }
.ticket-metrics strong.bad { color:var(--bad); }.ticket-metrics strong.good { color:var(--good); }
.ticket-board { border:1px solid #302c29; border-radius:12px; overflow:hidden; background:#0d0c0b; }
.ticket-board-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 22px; }
.ticket-board-head span,.ticket-board-head strong { display:block; }.ticket-board-head span { color:var(--orange); font-size:11px; font-weight:800; letter-spacing:.1em; }.ticket-board-head strong { margin-top:5px; color:#f5f2ee; font-size:18px; }.ticket-board-head small { color:#817b75; font-size:12px; }
.ticket-columns,.ticket-row { display:grid; grid-template-columns:1fr 1.5fr 1.05fr .72fr .95fr 16px; gap:16px; align-items:center; }
.ticket-columns { padding:10px 22px; border-top:1px solid #282522; color:#77716c; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.ticket-row { width:100%; min-height:78px; padding:14px 22px; border:0; border-top:1px solid #282522; background:transparent; color:#aaa49e; text-align:left; cursor:pointer; }
.ticket-row:hover { background:#141210; }.ticket-row > b { color:#6f6964; font-size:20px; }
.ticket-id strong,.ticket-id small,.ticket-main strong,.ticket-main small,.ticket-reporter strong,.ticket-reporter small { display:block; }
.ticket-id strong { color:var(--orange); font-size:12px; }.ticket-main strong,.ticket-reporter strong { color:#f5f2ee; font-size:13px; }.ticket-id small,.ticket-main small,.ticket-reporter small { margin-top:5px; color:#817b75; font-size:11px; line-height:1.35; }
.ticket-impact,.ticket-status { justify-self:start; padding:6px 9px; border:1px solid #45403c; border-radius:999px; color:#bbb5af; font-size:11px; font-weight:800; }
.ticket-impact.critical { border-color:rgba(255,98,90,.4); color:var(--bad); background:rgba(255,98,90,.09); }.ticket-impact.moderate { border-color:rgba(242,130,77,.4); color:#f5a078; }.ticket-impact.minor { border-color:rgba(85,214,139,.35); color:var(--good); }
.ticket-status.resolved { color:var(--good); border-color:rgba(85,214,139,.35); }
.ticket-empty { min-height:220px; display:grid; place-content:center; gap:7px; padding:30px; border-top:1px solid #282522; color:#8f8983; text-align:center; }.ticket-empty strong { color:#f5f2ee; font-size:16px; }.ticket-empty span { font-size:13px; }
.ticket-detail-summary { display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:18px; border:1px solid #302c29; border-radius:12px; overflow:hidden; background:#0d0c0b; }.ticket-detail-summary > div { padding:20px 22px; border-left:1px solid #302c29; }.ticket-detail-summary > div:first-child { border-left:0; }.ticket-detail-summary span,.ticket-detail-summary strong { display:block; }.ticket-detail-summary span { color:#817b75; font-size:11px; font-weight:800; letter-spacing:.08em; }.ticket-detail-summary strong { margin-top:8px; color:#f5f2ee; font-size:15px; }.ticket-detail-summary strong.critical { color:var(--bad); }.ticket-detail-summary strong.moderate { color:#f5a078; }.ticket-detail-summary strong.minor { color:var(--good); }
.ticket-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.ticket-detail-card { padding:24px; border:1px solid #302c29; border-radius:12px; background:#0d0c0b; }.ticket-detail-card h2 { margin:12px 0 0; color:#f5f2ee; font-size:24px; }.ticket-detail-card > p { margin:7px 0 0; color:#9a948e; font-size:13px; }.ticket-detail-card dl { margin:18px 0 0; }.ticket-detail-card dl div { display:grid; grid-template-columns:140px 1fr; gap:18px; padding:13px 0; border-top:1px solid #292624; }.ticket-detail-card dt { color:#817b75; font-size:12px; }.ticket-detail-card dd { margin:0; color:#f5f2ee; font-size:13px; font-weight:700; }.ticket-notes { margin-top:24px; padding:18px; border-left:3px solid var(--orange); background:#151210; }.ticket-notes span { color:#817b75; font-size:11px; font-weight:800; letter-spacing:.08em; }.ticket-notes p { margin:10px 0 0; color:#d0cbc5; font-size:13px; line-height:1.65; white-space:pre-wrap; }
.quick-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }.quick-card { background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:24px; cursor:pointer; transition:.2s ease; }.quick-card:hover { transform:translateY(-2px); box-shadow:var(--shadow); }.quick-card .big-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--lime); margin-bottom:31px; font-size:19px; }.quick-card:nth-child(2) .big-icon { background:#ffe2d7; }.quick-card:nth-child(3) .big-icon { background:#dfe7ff; }.quick-card:nth-child(4) .big-icon { background:#eee5ff; }.quick-card h3 { font:700 15px Manrope; margin:0; }.quick-card p { color:var(--muted); font-size:10px; line-height:1.5; margin:7px 0 15px; }.quick-card b { font-size:9px; }
.role-banner { background:var(--lime); border-radius:var(--radius); padding:25px; margin-bottom:16px; display:flex; align-items:center; justify-content:space-between; gap:20px; }.role-banner h2 { font:800 22px Manrope; margin:0; letter-spacing:-.03em; }.role-banner p { font-size:11px; margin:5px 0 0; }.role-banner .date-tile { text-align:right; }.date-tile strong, .date-tile small { display:block; }.date-tile strong { font:800 26px Manrope; }.date-tile small { font-size:9px; letter-spacing:.1em; }
.toast { position:fixed; right:25px; bottom:25px; background:#181815; color:white; border-radius:10px; padding:13px 17px; font-size:11px; transform:translateY(80px); opacity:0; transition:.3s ease; z-index:50; }.toast.show { transform:translateY(0); opacity:1; }
.tester-toolbar { position:fixed; left:50%; bottom:18px; z-index:100; display:flex; align-items:center; gap:10px; min-height:54px; max-width:calc(100vw - 28px); padding:8px 10px 8px 15px; border:1px solid rgba(255,255,255,.2); border-radius:18px; background:linear-gradient(145deg,rgba(35,32,30,.94),rgba(15,14,13,.92)); box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 50px rgba(0,0,0,.55); -webkit-backdrop-filter:blur(24px) saturate(150%); backdrop-filter:blur(24px) saturate(150%); transform:translateX(-50%); }
.tester-toolbar[hidden] { display:none; }.tester-toolbar > span { color:#f2824d; font-size:10px; font-weight:900; letter-spacing:.13em; white-space:nowrap; }.tester-toolbar > strong { color:#d5d0ca; font-size:12px; white-space:nowrap; }.tester-toolbar select { min-width:250px; min-height:38px; border:1px solid rgba(255,255,255,.15); border-radius:11px; padding:0 34px 0 12px; background:#171513; color:#f5f2ee; font-size:13px; font-weight:700; }.tester-toolbar button,.tester-toolbar a { min-height:38px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.17); border-radius:11px; padding:0 13px; background:rgba(255,255,255,.07); color:#f5f2ee; font-size:12px; font-weight:800; text-decoration:none; white-space:nowrap; cursor:pointer; }
@media(max-width:620px){.tester-toolbar{right:10px;bottom:10px;left:10px;max-width:none;transform:none;flex-wrap:wrap}.tester-toolbar>span{width:100%}.tester-toolbar select{min-width:0;flex:1}.tester-toolbar a{flex:1}.tester-toolbar>strong{flex:1;white-space:normal}}
.access-gate { min-height:calc(100vh - 170px); display:grid; align-content:center; justify-items:start; max-width:660px; padding:50px 0; }
.access-mark { width:64px; height:64px; display:grid; place-items:center; margin-bottom:28px; border:1px solid #3b3632; border-radius:50%; color:var(--orange); font:400 24px/1 "Archivo Black"; }
.profile-auth-intro .access-mark { width:72px; height:72px; border:0; border-radius:0; background:url("./assets/v1-icon-white.png?v=80") center/contain no-repeat; color:transparent; font-size:0; }
.access-gate h1 { margin:3px 0 14px; font:400 clamp(38px,6vw,70px)/.92 "Archivo Black"; text-transform:uppercase; letter-spacing:-.055em; }
.access-gate p { max-width:560px; margin:0; color:#9a9690; font-size:14px; line-height:1.65; }
.access-gate p strong { color:#f5f2ee; }
.access-gate > small { margin-top:18px; color:#6d6863; font-size:9px; }
.access-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }
.access-link { display:inline-flex; align-items:center; text-decoration:none; }
.access-loader { width:38px; height:38px; margin-top:28px; border:2px solid #302c29; border-top-color:var(--orange); border-radius:50%; animation:access-spin .8s linear infinite; }
@keyframes access-spin { to { transform:rotate(360deg); } }

@media (max-width: 1050px) { .metrics { grid-template-columns:repeat(2,1fr); }.dashboard-grid { grid-template-columns:1fr; }.form-layout { grid-template-columns:1fr; }.side-note { position:static; }.attendance-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 760px) {
  .app-shell { grid-template-columns:1fr; }.sidebar { position:fixed; left:-270px; transition:.25s ease; width:252px; }.sidebar.open { left:0; box-shadow:20px 0 50px rgba(0,0,0,.25); }.menu-button { display:block; }.topbar { padding:0 16px; }.breadcrumbs span,.breadcrumbs b { display:none; }.content { padding:25px 16px 45px; }.icon-button { display:none; }.page-heading { align-items:flex-start; flex-direction:column; }.heading-actions { width:100%; }.heading-actions button { flex:1; }.metrics { grid-template-columns:1fr 1fr; }.metric { padding:15px; min-height:120px; }.metric-value { font-size:24px; }.quick-grid { grid-template-columns:1fr; }.field-grid { grid-template-columns:1fr; }.field.full { grid-column:auto; }.report-row { grid-template-columns:34px 1fr 70px 15px; }.report-row > :nth-child(3), .report-row > :nth-child(4) { display:none; }.role-banner { align-items:flex-start; }
}
@media (max-width:760px) {
  body.mobile-nav-open { overflow:hidden; }
  .sidebar { left:min(-340px,-88vw); width:min(320px,88vw); padding-top:22px; }
  .sidebar.open { left:0; }
  .sidebar-bottom,.nav-button[data-view="my-profile"] { display:none; }
  .sidebar-close { position:absolute; top:18px; right:14px; z-index:2; width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.17); border-radius:50%; background:rgba(255,255,255,.07); color:#fff; font-size:28px; line-height:1; cursor:pointer; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
  .sidebar .brand { padding-right:50px; }
  .sidebar-backdrop { position:fixed; inset:0; z-index:19; display:block; border:0; background:rgba(0,0,0,.68); opacity:0; pointer-events:none; transition:opacity .25s ease; }
  .sidebar-backdrop.open { opacity:1; pointer-events:auto; }
}
@media (max-width:900px) { .ticket-columns { display:none; }.ticket-row { grid-template-columns:1fr 1.4fr auto 14px; }.ticket-reporter,.ticket-status { display:none; }.ticket-metrics { grid-template-columns:1fr 1fr; }.ticket-metrics > div:nth-child(3) { border-left:0; border-top:1px solid #302c29; }.ticket-metrics > div:nth-child(4) { border-top:1px solid #302c29; }.ticket-detail-grid { grid-template-columns:1fr; } }
@media (max-width:620px) { .ticket-row { grid-template-columns:1fr auto 14px; }.ticket-id { display:none; }.ticket-detail-summary { grid-template-columns:1fr; }.ticket-detail-summary > div { border-left:0; border-top:1px solid #302c29; }.ticket-detail-summary > div:first-child { border-top:0; }.ticket-detail-card dl div { grid-template-columns:1fr; gap:5px; } }
@media (max-width: 430px) { .metrics { grid-template-columns:1fr; }.attendance-grid { grid-template-columns:1fr 1fr; }.primary.small { font-size:0; }.primary.small::after { content:"＋"; font-size:17px; } }

/* V1 Church dark brand system */
body::before {
  content: "";
  position: fixed;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, #f2824d, #e96f4b 48%, #f7b49b);
  z-index: 100;
}

.workspace-label, .eyebrow { color: #f2824d; }
.page-heading h1 { position: relative; display: inline-block; font: 400 clamp(25px, 3vw, 39px)/1.05 "Archivo Black"; letter-spacing: -.04em; text-transform: uppercase; }
.page-heading h1::after { content:""; position:absolute; left:3%; right:8%; bottom:-9px; height:3px; background:#f2824d; transform:rotate(-1deg); opacity:.9; }
.page-heading p { margin-top: 17px; }
.card-title, .section-heading h2, .quick-card h3, .note-card h3, .role-banner h2 { font-family: "Archivo Black"; font-weight: 400; letter-spacing: -.025em; }
.metric-value, .date-tile strong { font-family: "Archivo Black"; font-weight: 400; }

.icon-button, .menu-button, .secondary, .filter {
  background: #121212;
  color: #eeeae5;
  border-color: #302d2a;
}
.icon-button:hover, .secondary:hover, .filter:hover { border-color: #f2824d; color: #fff; }
.notification span { background: #f2824d; }

.metric, .card, .form-card, .quick-card {
  background: #111;
  border-color: #292725;
  box-shadow: 0 16px 45px rgba(0,0,0,.22);
}
.metric:first-child { border-top: 3px solid #f2824d; }
.metric-icon, .report-icon { background: #211d1b; color: #f2824d; }
.delta { color: #8f8a84; }
.delta b, .delta.warning b { color: #f2824d; }
.card:hover, .metric:hover { border-color: #3b3632; }
.chart-lines i, .report-row, .issue, .form-section, .form-actions, .profile { border-color: #292725; }
.chart-wrap svg path:nth-of-type(2) { stroke: #f5f2ee; }
.chart-wrap svg path:nth-of-type(3) { stroke: #f2824d; }
.legend span::before { background: #f5f2ee; }
.legend span:last-child::before { background: #f2824d; }
.track { background: #282421; }
.fill, .bar-row:nth-child(2) .fill, .bar-row:nth-child(3) .fill, .bar-row:nth-child(4) .fill { background: #f2824d; }
.bar-row:nth-child(2) .fill { opacity: .82; }
.bar-row:nth-child(3) .fill { opacity: .66; }
.bar-row:nth-child(4) .fill { opacity: .5; }
.status { background: rgba(242,130,77,.12); color: #ffad83; }
.status.open { background: rgba(255,255,255,.08); color: #c7c1ba; }
.priority, .priority.medium { background: #f2824d; }

.field input, .field select, .field textarea, .attendance-box input {
  background: #0b0b0b;
  color: #f5f2ee;
  border-color: #36322f;
  color-scheme: dark;
}
.field input:focus, .field select:focus, .field textarea:focus { border-color: #f2824d; box-shadow: 0 0 0 3px rgba(242,130,77,.12); }
.field input::placeholder, .field textarea::placeholder { color: #625e59; }
.field-help { color:#6f6964; font-size:8px; line-height:1.45; }
.is-hidden { display:none !important; }
.attendance-box { border-color: #302d2a; background:#0d0d0d; }
.segment-table td { border-color: #292725; }
.segment-table input { color:#f5f2ee; }
.segment-table input[type=number] { background:#201d1b; }
.segment-table .planned-duration,.segment-table .actual-duration { max-width:90px; background:#201d1b; border-radius:7px; font-variant-numeric:tabular-nums; }
.segment-table .speaker-lead-input { min-width:180px; }
.duration-pair { display:grid; grid-template-columns:minmax(30px,1fr) auto minmax(30px,1fr); align-items:center; width:100%; min-width:92px; overflow:hidden; border:1px solid #383330; border-radius:9px; background:#201d1b; font-variant-numeric:tabular-nums; }.duration-pair > span { color:#b7b1ab; font-size:20px; font-weight:800; line-height:1; }.duration-pair .actual-minutes,.duration-pair .actual-seconds { width:100%; min-width:0; padding:10px 6px; border:0; outline:0; background:transparent; color:#f5f2ee; font-size:16px; font-weight:700; text-align:center; }.duration-pair:focus-within { border-color:#f2824d; box-shadow:0 0 0 3px rgba(242,130,77,.14); }
.duration-entry-help { margin:12px 0 0; color:#8f8983; font-size:12px; }.duration-entry-help strong { color:#f5f2ee; font-variant-numeric:tabular-nums; }
.timing-launch-card { box-sizing:border-box; width:100%; display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:15px; align-items:center; margin-bottom:14px; padding:18px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.02) 58%,rgba(242,130,77,.08)); color:#f5f2ee; text-align:left; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 24px rgba(0,0,0,.2); transition:.2s ease; }.timing-launch-card:hover { border-color:rgba(255,181,143,.42); transform:translateY(-1px); box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 30px rgba(0,0,0,.3),0 3px 14px rgba(242,130,77,.1); }.timing-launch-icon { width:52px; height:52px; display:grid; place-items:center; border:1px solid rgba(255,185,150,.34); border-radius:50%; background:rgba(242,130,77,.14); color:#f69a6e; font-size:24px; }.timing-launch-card > span:nth-child(2) { min-width:0; }.timing-launch-card small,.timing-launch-card strong,.timing-launch-card em { display:block; }.timing-launch-card small { color:#f2824d; font-size:10px; font-weight:800; letter-spacing:.12em; }.timing-launch-card strong { margin-top:5px; overflow:hidden; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }.timing-launch-card em { margin-top:5px; color:#8f8983; font-size:12px; font-style:normal; }.timing-launch-card > b { color:#f8f4f0; font-size:13px; white-space:nowrap; }.timing-launch-card > b i { margin-left:8px; color:#f2824d; font-style:normal; }
.segment-timing-dialog { width:min(1160px,calc(100vw - 44px)); height:min(88vh,900px); max-width:none; max-height:none; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:24px; background:linear-gradient(145deg,rgba(28,26,24,.98),rgba(8,8,8,.98) 62%,rgba(44,22,14,.97)); color:#f5f2ee; box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 36px 100px rgba(0,0,0,.75),0 8px 35px rgba(242,130,77,.1); }.segment-timing-dialog::backdrop { background:rgba(0,0,0,.78); -webkit-backdrop-filter:blur(11px); backdrop-filter:blur(11px); }.segment-timing-dialog[open] { display:flex; }.timing-modal-shell { width:100%; min-height:0; display:flex; flex-direction:column; }.timing-modal-header { flex:0 0 auto; display:flex; align-items:center; gap:20px; padding:22px 26px; border-bottom:1px solid rgba(255,255,255,.11); background:rgba(8,8,8,.62); }.timing-modal-header > div { min-width:0; }.timing-modal-header span { color:#f2824d; font-size:10px; font-weight:800; letter-spacing:.12em; }.timing-modal-header h2 { margin:5px 0 0; font:800 28px/1 "Inter Tight",Manrope,sans-serif; letter-spacing:-.035em; }.timing-modal-header p { margin:6px 0 0; color:#8f8983; font-size:12px; }.timing-modal-close { flex:0 0 auto; width:44px; height:44px; margin-left:auto; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:rgba(255,255,255,.06); color:#f5f2ee; font-size:26px; cursor:pointer; }.timing-modal-scroll { min-height:0; flex:1; overflow:auto; padding:24px 26px 32px; overscroll-behavior:contain; }.timing-modal-instructions { display:flex; align-items:center; gap:18px; margin:4px 0 12px; padding:12px 15px; border-left:3px solid #f2824d; background:rgba(242,130,77,.07); }.timing-modal-instructions strong { flex:0 0 auto; font-size:13px; }.timing-modal-instructions span { color:#aaa39d; font-size:12px; }.timing-modal-footer { flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; gap:20px; padding:16px 26px; border-top:1px solid rgba(255,255,255,.11); background:rgba(8,8,8,.78); }.timing-modal-footer span { margin-right:auto; color:#8f8983; font-size:12px; }.timing-modal-open { overflow:hidden; }
.service-rating-card { --rating-color:#55d68b; --rating-position:66.666%; display:grid; grid-template-columns:180px minmax(0,1fr); gap:28px; align-items:center; padding:24px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:radial-gradient(circle at var(--rating-position) 100%,color-mix(in srgb,var(--rating-color) 17%,transparent),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018)); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 34px rgba(0,0,0,.24); transition:background .2s ease; }.service-rating-score { min-height:138px; display:flex; align-items:center; justify-content:center; flex-direction:column; border:1px solid color-mix(in srgb,var(--rating-color) 42%,transparent); border-radius:16px; background:color-mix(in srgb,var(--rating-color) 9%,rgba(0,0,0,.4)); box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 32px color-mix(in srgb,var(--rating-color) 10%,transparent); }.service-rating-score span { color:#8f8983; font-size:10px; font-weight:800; letter-spacing:.12em; }.service-rating-score strong { margin:5px 0 2px; color:var(--rating-color); font:800 62px/.9 "Inter Tight",Manrope,sans-serif; letter-spacing:-.07em; text-shadow:0 0 24px color-mix(in srgb,var(--rating-color) 24%,transparent); }.service-rating-score em { color:#f5f2ee; font-size:13px; font-style:normal; font-weight:700; }.service-rating-control { min-width:0; }.service-rating-control input[type=range] { width:100%; height:38px; margin:0; padding:0; appearance:none; -webkit-appearance:none; background:transparent; cursor:pointer; }.service-rating-control input[type=range]::-webkit-slider-runnable-track { height:12px; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:linear-gradient(90deg,#ff625a 0%,#f2824d 46%,#f1b84b 58%,#55d68b 100%); box-shadow:inset 0 2px 4px rgba(0,0,0,.34),0 0 18px color-mix(in srgb,var(--rating-color) 14%,transparent); }.service-rating-control input[type=range]::-webkit-slider-thumb { width:30px; height:30px; margin-top:-10px; appearance:none; -webkit-appearance:none; border:5px solid #f5f2ee; border-radius:50%; background:var(--rating-color); box-shadow:0 0 0 5px color-mix(in srgb,var(--rating-color) 24%,transparent),0 7px 18px rgba(0,0,0,.45); }.service-rating-control input[type=range]::-moz-range-track { height:12px; border-radius:999px; background:linear-gradient(90deg,#ff625a 0%,#f2824d 46%,#f1b84b 58%,#55d68b 100%); }.service-rating-control input[type=range]::-moz-range-thumb { width:22px; height:22px; border:5px solid #f5f2ee; border-radius:50%; background:var(--rating-color); }.service-rating-ticks { display:grid; grid-template-columns:repeat(10,1fr); margin-top:5px; color:#7c7670; font-size:10px; font-weight:700; text-align:center; }.service-rating-ends { display:flex; justify-content:space-between; margin-top:15px; color:#aaa39d; font-size:12px; }.service-rating-ends span { display:flex; align-items:center; gap:7px; }.service-rating-ends b { width:25px; height:25px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.15); border-radius:50%; color:#f5f2ee; font-size:11px; }
.service-rating-score { min-height:164px; }.service-rating-score .service-rating-emoji { display:block; margin-bottom:4px; color:inherit; font-size:37px; font-weight:400; line-height:1; letter-spacing:0; filter:drop-shadow(0 8px 12px rgba(0,0,0,.28)); }.service-rating-score small { color:#8f8983; font-size:10px; font-weight:800; letter-spacing:.12em; }
.broken-photo-field > label { display:flex; align-items:center; gap:7px; }.broken-photo-field > label span { color:#77716c; font-size:10px; font-weight:600; }.broken-photo-control { padding:14px; border:1px dashed #4a433e; border-radius:12px; background:#0b0b0b; }.photo-upload-button { display:inline-flex; align-items:center; cursor:pointer; }.photo-upload-button input { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; }.photo-upload-button span { display:inline-flex; align-items:center; min-height:42px; padding:0 15px; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(242,130,77,.08)); color:#f5f2ee; font-size:13px; font-weight:800; box-shadow:inset 0 1px 0 rgba(255,255,255,.14); }.broken-photo-status { display:inline-block; margin-left:12px; color:#8f8983; font-size:12px; }.broken-photo-preview { display:none; position:relative; margin-top:14px; overflow:hidden; border:1px solid #383330; border-radius:12px; background:#111; }.broken-photo-preview.has-image { display:block; }.broken-photo-preview img { display:block; width:100%; max-height:360px; object-fit:contain; background:#080808; }.broken-photo-preview .broken-image-remove { position:absolute; top:10px; right:10px; min-height:38px; padding:0 12px; border:1px solid rgba(255,255,255,.25); border-radius:999px; background:rgba(8,8,8,.82); color:#fff; font-size:11px; font-weight:800; cursor:pointer; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }.ticket-photo-card { grid-column:1 / -1; }.ticket-photo-frame { margin-top:15px; overflow:hidden; border:1px solid #302c29; border-radius:12px; background:#080808; }.ticket-photo-frame img { display:block; width:100%; max-height:620px; object-fit:contain; }.ticket-photo-card > small { display:block; margin-top:10px; color:#817b75; font-size:11px; }
.submitted-broken-item img { display:block; width:100%; max-height:280px; margin:12px 0; object-fit:cover; border:1px solid #383330; border-radius:9px; background:#080808; }
.speaker-lead-help { margin:10px 0 0; color:#aaa39d; font-size:12px; line-height:1.5; }
.add-row { background:#0d0d0d; color:#bdb7b0; border-color:#4a433e; }
.form-actions { background:#0c0c0c; }
.role-policy { display:flex; align-items:center; gap:9px; padding:13px 23px; border-bottom:1px solid #292725; background:#0c0c0c; }
.role-policy span { margin-right:auto; color:#6f6964; font-size:8px; font-weight:800; letter-spacing:.12em; }
.role-policy b { padding:6px 9px; border:1px solid rgba(242,130,77,.34); border-radius:20px; color:#f5a078; font-size:8px; font-weight:700; }
.report-identity-lock { grid-column:1/-1; display:flex; align-items:center; gap:14px; min-height:82px; padding:14px 16px; border:1px solid rgba(255,255,255,.13); border-radius:15px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.1); }
.report-identity-avatar { width:52px; height:52px; flex:0 0 52px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:#f2824d; color:#080808; font-size:15px; font-weight:900; }
.report-identity-avatar img { width:100%; height:100%; object-fit:cover; }
.report-identity-lock > div:nth-child(2) { min-width:0; flex:1; }
.report-identity-lock span,.report-identity-lock strong,.report-identity-lock small { display:block; }
.report-identity-lock span { color:#817b75; font-size:10px; font-weight:800; letter-spacing:.12em; }
.report-identity-lock strong { margin-top:4px; color:#f5f2ee; font-size:16px; }
.report-identity-lock small { margin-top:3px; color:#a49e98; font-size:12px; }
.report-identity-lock em { padding:7px 10px; border:1px solid rgba(85,214,139,.32); border-radius:999px; background:rgba(85,214,139,.08); color:#55d68b; font-size:10px; font-style:normal; font-weight:800; white-space:nowrap; }
.run-sheet-source { display:flex; align-items:center; gap:13px; margin-bottom:14px; padding:13px 14px; border:1px solid #33302d; border-radius:10px; background:#0d0d0d; }
.run-sheet-source > span { flex:0 0 auto; padding:6px 8px; border-radius:999px; background:#24201e; color:#f5a078; font-size:10px; font-weight:800; letter-spacing:.08em; }
.run-sheet-source div { min-width:0; }
.run-sheet-source strong,.run-sheet-source small { display:block; }
.run-sheet-source strong { color:#f5f2ee; font-size:14px; }
.run-sheet-source small { margin-top:4px; color:#8f8882; font-size:11px; line-height:1.35; }

.note-card { background: #f2824d; color: #080808; position:relative; overflow:hidden; }
.note-card::after { content:"V1"; position:absolute; right:-15px; bottom:-35px; font:400 100px/1 "Archivo Black"; color:rgba(0,0,0,.08); }
.note-card .eyebrow, .note-card p { color:#2c201b; }
.check-list li::before { background:#080808; color:#f2824d; }
.role-banner { background:#f2824d; color:#080808; position:relative; overflow:hidden; }
.role-banner::after { content:""; position:absolute; width:180px; height:55px; border:5px solid #080808; border-radius:50%; right:-35px; bottom:-27px; transform:rotate(-8deg); opacity:.18; }
.role-banner .eyebrow { color:#080808; }
.quick-card .big-icon, .quick-card:nth-child(2) .big-icon, .quick-card:nth-child(3) .big-icon, .quick-card:nth-child(4) .big-icon { background:#f2824d; color:#080808; }
.quick-card:hover { border-color:#f2824d; box-shadow:0 18px 50px rgba(0,0,0,.32); }

.help-card { background:#0d0d0d; border-color:#292725; }
.help-icon { background:#f2824d; color:#080808; }
.avatar { background:#f2824d; color:#080808; }
.toast { background:#f2824d; color:#080808; font-weight:700; }

@media (max-width: 760px) {
  .sidebar { box-shadow: 20px 0 50px rgba(0,0,0,.55); }
  .page-heading h1::after { bottom:-7px; }
}

/* V1 Experiences Command Center */
.nav-icon { display:grid; place-items:center; }
.nav-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.content { max-width: 1560px; padding: 44px 48px 80px; }
.command-hero { display:grid; grid-template-columns:1fr; gap:30px; align-items:end; padding:12px 0 36px; }
.command-intro .eyebrow { display:flex; align-items:center; gap:8px; }
.live-dot { width:7px; height:7px; border-radius:50%; background:#f2824d; box-shadow:0 0 0 5px rgba(242,130,77,.1); }
.command-intro h1 { margin:17px 0 13px; color:#f5f2ee; font-family:"Inter Tight",-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif; font-size:clamp(38px,5.1vw,74px); font-weight:800; line-height:.9; letter-spacing:-.055em; text-transform:uppercase; white-space:nowrap; }
.command-intro h1 em { color:#f2824d; font-style:normal; }
.command-intro p { margin:0; color:#8f8a84; font-size:13px; }
.command-meta { width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:35px; padding:20px 0 0; border-top:1px solid #24211f; }
.week-stamp { padding-left:18px; border-left:1px solid #393431; min-width:130px; }
.week-stamp span,.week-stamp small,.week-stamp strong { display:block; }
.week-stamp span { color:#77716c; font-size:8px; font-weight:700; letter-spacing:.16em; }
.week-stamp strong { margin:7px 0 3px; font:400 24px/1 "Archivo Black"; }
.week-stamp small { color:#f2824d; font-size:8px; letter-spacing:.08em; }
.command-actions { display:flex; gap:8px; }
.liquid-glass-button { position:relative; isolation:isolate; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:42px; padding:0 18px; border:1px solid rgba(255,255,255,.2); border-radius:14px; background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045) 48%,rgba(242,130,77,.13)); color:#fffaf6; box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.32),0 2px 9px rgba(242,130,77,.1); -webkit-backdrop-filter:blur(18px) saturate(150%); backdrop-filter:blur(18px) saturate(150%); font-size:12px; font-weight:800; letter-spacing:.01em; cursor:pointer; transform:translateZ(0); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease; }
.liquid-glass-button::before { content:""; position:absolute; z-index:-1; inset:-55% -12%; background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.34),transparent 27%),radial-gradient(circle at 85% 80%,rgba(242,130,77,.26),transparent 35%); transform:translate3d(-8%,0,0); transition:transform .35s ease,opacity .25s ease; opacity:.9; pointer-events:none; }
.liquid-glass-button::after { content:""; position:absolute; inset:1px; z-index:-1; border-radius:12px; border-top:1px solid rgba(255,255,255,.18); pointer-events:none; }
.liquid-glass-button > span { color:#ffad83; font-size:14px; transition:transform .22s ease; }
.liquid-glass-button:hover { color:#fff; border-color:rgba(255,255,255,.34); background:linear-gradient(145deg,rgba(255,255,255,.21),rgba(255,255,255,.065) 45%,rgba(242,130,77,.2)); box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 14px 34px rgba(0,0,0,.38),0 4px 18px rgba(242,130,77,.16); transform:translateY(-2px); }
.liquid-glass-button:hover::before { transform:translate3d(7%,0,0); }
.liquid-glass-button:hover > span { transform:translate(2px,-2px); }
.liquid-glass-button:active { transform:translateY(0) scale(.985); box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 14px rgba(0,0,0,.3); }
.liquid-glass-button:focus-visible { outline:2px solid #ffb18b; outline-offset:3px; }
.liquid-glass-button-accent { min-width:128px; min-height:62px; border-color:rgba(255,191,158,.38); background:linear-gradient(145deg,rgba(255,190,153,.29),rgba(242,130,77,.2) 50%,rgba(176,67,24,.24)); color:#fff7f1; box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(84,28,9,.18),0 12px 28px rgba(0,0,0,.35),0 3px 16px rgba(242,130,77,.18); }
.liquid-glass-button-accent:hover { border-color:rgba(255,210,184,.55); background:linear-gradient(145deg,rgba(255,203,173,.36),rgba(242,130,77,.27) 52%,rgba(176,67,24,.29)); color:#fff; }
@media (prefers-reduced-motion:reduce) { .liquid-glass-button,.liquid-glass-button::before,.liquid-glass-button > span { transition:none; } }

.pulse-rail { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #302c29; border-bottom:1px solid #302c29; }
.pulse-item { min-width:0; padding:22px 22px 22px 0; font-variant-numeric:tabular-nums; }
.pulse-item + .pulse-item { padding-left:24px; border-left:1px solid #302c29; }
.pulse-item > span { display:block; color:#77716c; font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.pulse-item > strong { display:block; margin:9px 0 10px; font:400 clamp(25px,2.2vw,38px)/1 "Archivo Black"; letter-spacing:-.04em; }
.pulse-item div { display:flex; gap:7px; align-items:center; font-size:9px; }
.pulse-item div b { color:#f2824d; }.pulse-item div small { color:#77716c; }
.pulse-warn > strong { color:#f2824d; }
.connect-campus-rail { display:grid; grid-template-columns:220px 1fr; gap:26px; align-items:center; min-height:98px; padding:18px 0; border-bottom:1px solid #302c29; }
.connect-rail-label span,.connect-rail-label strong,.connect-rail-label small { display:block; }
.connect-rail-label span { color:var(--orange); font-size:8px; font-weight:800; letter-spacing:.14em; }
.connect-rail-label strong { margin:5px 0 4px; font:400 16px/1.1 "Archivo Black"; text-transform:uppercase; }
.connect-rail-label small { color:#77716c; font-size:8px; line-height:1.4; }
.connect-campus-counts { display:grid; grid-template-columns:repeat(7,1fr); border-left:1px solid #302c29; }
.connect-campus-counts > div { min-width:0; padding:8px 14px; border-right:1px solid #302c29; }
.connect-campus-counts span,.connect-campus-counts strong { display:block; }
.connect-campus-counts span { min-height:24px; color:#77716c; font-size:8px; line-height:1.3; text-transform:uppercase; letter-spacing:.06em; }
.connect-campus-counts strong { margin-top:5px; color:#8d8882; font:400 22px/1 "Archivo Black"; }
.connect-campus-rail.is-loaded .connect-campus-counts strong { color:var(--good); }
.connect-campus-rail.has-error { border-bottom-color:rgba(255,98,90,.35); }
.connect-campus-rail.has-error .connect-rail-label small { color:var(--bad); }
.command-toolbar { display:flex; align-items:center; justify-content:space-between; margin:24px 0 38px; }
.command-toolbar > div { display:flex; gap:7px; }
.command-toolbar > span { color:#5f5b57; font-size:9px; }
.active-filter { color:#090909; background:#f2824d; border-color:#f2824d; }
.command-filter-shell { position:relative; z-index:8; margin:24px 0 38px; }
.command-filter-bar { display:grid; grid-template-columns:minmax(155px,1fr) minmax(145px,.85fr) minmax(205px,1.25fr) minmax(180px,1fr) auto; gap:10px; padding:14px; border:1px solid #302c29; border-radius:12px; background:#11100f; }
.command-filter,.command-multi-filter summary { min-height:62px; display:flex; flex-direction:column; justify-content:center; gap:6px; padding:10px 13px; border:1px solid #383330; border-radius:9px; background:#0b0a09; }
.command-filter > span,.command-multi-filter summary > span { color:#8f8983; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.command-filter select { width:100%; border:0; outline:0; background:transparent; color:#f5f2ee; font:700 14px "DM Sans"; cursor:pointer; }
.command-filter select option { color:#111; }
.command-multi-filter { position:relative; }
.command-multi-filter summary { position:relative; list-style:none; cursor:pointer; padding-right:34px; }
.command-multi-filter summary::-webkit-details-marker { display:none; }
.command-multi-filter summary strong { color:#f5f2ee; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.command-multi-filter summary::after { content:'⌄'; position:absolute; right:14px; bottom:17px; color:#8f8983; }
.command-time-menu { position:absolute; left:0; right:0; top:calc(100% + 7px); z-index:20; max-height:430px; overflow:auto; padding:10px; border:1px solid #403a36; border-radius:10px; background:#11100f; box-shadow:0 18px 45px rgba(0,0,0,.55); }
.command-time-menu label { display:flex; align-items:center; gap:10px; min-height:40px; padding:8px 9px; border-radius:7px; color:#ddd8d2; font-size:13px; cursor:pointer; }
.command-time-menu label:hover { background:#1b1816; }
.command-time-menu input { width:17px; height:17px; accent-color:var(--orange); }
.command-time-group { margin:8px 9px 4px; padding-top:10px; border-top:1px solid #302c29; color:#77716c; font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.command-clear { min-width:78px; border:1px solid #383330; border-radius:9px; background:#0b0a09; color:#aaa49e; font-size:12px; font-weight:700; cursor:pointer; }
.command-clear:hover { color:#fff; border-color:#f2824d; }
.apply-filters { min-width:112px; padding:0 16px; border-color:var(--orange); background:var(--orange); color:#090909; }
.apply-filters:hover { border-color:#ff9a69; background:#ff9a69; color:#090909; }
.command-filter-bar .liquid-glass-button-accent { border-color:rgba(255,191,158,.38); background:linear-gradient(145deg,rgba(255,190,153,.29),rgba(242,130,77,.2) 50%,rgba(176,67,24,.24)); color:#fff7f1; box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(84,28,9,.18),0 12px 28px rgba(0,0,0,.35),0 3px 16px rgba(242,130,77,.18); }
.command-filter-bar .liquid-glass-button-accent:hover { border-color:rgba(255,210,184,.55); background:linear-gradient(145deg,rgba(255,203,173,.36),rgba(242,130,77,.27) 52%,rgba(176,67,24,.29)); color:#fff; }
.command-filter-summary { display:flex; align-items:center; gap:9px; min-height:38px; padding:6px 4px 0; color:#aaa49e; font-size:12px; }
.command-filter-summary strong { color:#f5f2ee; font-size:13px; }
.command-filter-summary small { margin-left:auto; color:#7d7771; font-size:12px; }
.performance-row.is-filtered-out,.connect-campus-counts > div.is-filtered-out { display:none; }

.command-grid { display:grid; grid-template-columns:minmax(0,2.15fr) minmax(310px,.85fr); gap:32px; align-items:stretch; }
.analytics-canvas { position:relative; min-width:0; padding:28px 0 4px; border-top:1px solid #4a433f; }
.section-top { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.section-top > div:first-child { display:grid; grid-template-columns:28px 1fr; column-gap:9px; }
.section-index { grid-row:1 / span 2; padding-top:4px; color:#f2824d; font-size:8px; font-weight:800; letter-spacing:.1em; }
.section-top h2 { margin:0; font:700 18px/1.15 "DM Sans"; letter-spacing:-.025em; }
.section-top p { grid-column:2; margin:6px 0 0; color:#706b66; font-size:10px; }
.metric-toggle { display:flex; padding:3px; border:1px solid #302c29; border-radius:9px; background:#0c0b0b; }
.metric-toggle button { border:0; border-radius:6px; padding:8px 11px; background:transparent; color:#77716c; font-size:8px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; cursor:pointer; }
.metric-toggle button.active { background:#f2824d; color:#090909; }
.trajectory-controls { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.range-toggle { display:flex; gap:5px; }
.range-toggle.is-hidden { display:none; }
.range-toggle button { border:1px solid #302c29; border-radius:6px; padding:6px 9px; background:#0c0b0b; color:#77716c; font:800 7px "DM Sans"; letter-spacing:.05em; text-transform:uppercase; cursor:pointer; }
.range-toggle button:hover { color:#f5f2ee; border-color:#57504b; }
.range-toggle button.active { background:#f5f2ee; border-color:#f5f2ee; color:#090909; }
.analytics-canvas .chart-wrap { height:310px; margin-top:18px; padding-left:38px; }
.analytics-canvas .chart-lines { left:38px; }
.analytics-canvas .chart-labels { left:38px; }
.chart-callout { position:static; width:min(260px,100%); margin:20px 0 8px auto; padding:12px 14px; border:1px solid #302c29; border-radius:10px; background:#0d0c0b; display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:18px; row-gap:4px; align-items:center; text-align:left; }
.chart-callout.connect-callout { position:static; }
.chart-callout span,.chart-callout strong,.chart-callout small { display:block; }
.chart-callout span { color:#736e69; font-size:8px; letter-spacing:.12em; }
.chart-callout strong { grid-column:2; grid-row:1 / span 2; margin:0; font:400 26px/1 "Archivo Black"; font-variant-numeric:tabular-nums; text-align:right; }.chart-callout small { grid-column:1; min-width:0; overflow:hidden; color:#f2824d; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.signal-row { display:flex; gap:24px; padding:17px 0 0 38px; border-top:1px solid #24211f; color:#77716c; font-size:9px; }
.signal-row b { color:#f5f2ee; margin-right:4px; }
.chart-loading { height:310px; display:grid; place-items:center; color:#77716c; font-size:10px; border-bottom:1px solid #24211f; }
.connect-series-legend { display:flex; flex-wrap:wrap; gap:10px 18px; padding:17px 0 0 38px; border-top:1px solid #24211f; color:#77716c; font-size:8px; }
.connect-series-legend span { display:flex; align-items:center; gap:6px; }
.connect-series-legend i { width:11px; height:3px; border-radius:3px; }
.connect-trend { position:relative; cursor:crosshair; }
.connect-trend .chart-labels span { transform:translateX(-50%); }
.connect-trend .chart-labels span:first-child { transform:none; }
.connect-trend .chart-labels span:last-child { transform:translateX(0); }
.trend-dot { pointer-events:none; transition:r .12s ease,stroke-width .12s ease; }
.trend-dot.active { r:5px; stroke:#080808; stroke-width:1.5px; }
.trend-cursor-line { opacity:0; stroke:#f5f2ee; stroke-width:1px; stroke-dasharray:4 4; transition:opacity .12s ease; }
.trend-cursor-line.show { opacity:.45; }
.trend-tooltip { position:absolute; z-index:5; display:none; width:292px; padding:18px 20px; border:1px solid #4b4541; border-radius:12px; background:rgba(11,10,9,.98); box-shadow:0 18px 46px rgba(0,0,0,.55); color:#c4beb8; font-size:13px; line-height:1.45; pointer-events:none; }
.trend-tooltip.show { display:grid; gap:10px; }
.trend-tooltip > strong { margin-bottom:4px; color:#fff; font-size:15px; line-height:1.25; }
.trend-tooltip > span { display:grid; grid-template-columns:10px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:21px; }
.trend-tooltip span i { width:8px; height:8px; border-radius:50%; }
.trend-tooltip span b { color:#fff; font-size:14px; font-variant-numeric:tabular-nums; }
.campus-bar-chart { position:relative; height:310px; margin-top:18px; padding:16px 4px 0 38px; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); align-items:end; gap:12px; border-bottom:1px solid #24211f; }
.campus-bar-item { height:100%; display:grid; grid-template-rows:22px 1fr 30px; align-items:end; text-align:center; cursor:pointer; }
.campus-bar-item > strong { color:#f5f2ee; font-size:10px; font-variant-numeric:tabular-nums; }
.campus-bar-item > div { height:100%; display:flex; align-items:flex-end; justify-content:center; }
.campus-bar-item i { display:block; width:min(36px,70%); min-height:2px; border-radius:4px 4px 0 0; opacity:.8; transition:filter .15s ease,opacity .15s ease,transform .15s ease; transform-origin:bottom; }
.campus-bar-item:hover i { filter:brightness(1.25); opacity:1; transform:scaleX(1.08); }
.campus-bar-item > span { align-self:start; padding-top:8px; color:#77716c; font-size:7px; line-height:1.2; }

.action-queue { background:#f2824d; color:#0a0908; border-radius:7px; padding:24px; min-height:430px; }
.queue-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding-bottom:21px; border-bottom:1px solid rgba(0,0,0,.25); }
.queue-head > div { min-width:0; }.queue-head .section-index { display:block; margin-bottom:9px; color:#0a0908; opacity:.58; padding:0; }
.queue-head h2 { margin:0; font:400 20px/1.05 "Archivo Black"; letter-spacing:-.035em; text-transform:uppercase; }
.queue-count { flex:0 0 27px; width:27px; height:27px; display:grid; place-items:center; border:1px solid rgba(0,0,0,.35); border-radius:50%; font-size:9px; font-weight:800; }
.queue-item { width:100%; display:grid; grid-template-columns:8px 1fr 18px; gap:11px; align-items:start; padding:16px 0; border:0; border-bottom:1px solid rgba(0,0,0,.18); background:transparent; color:#0a0908; text-align:left; cursor:pointer; }
.queue-item > i { width:6px; height:6px; border-radius:50%; margin-top:5px; background:#0a0908; }.queue-item > i.review,.queue-item > i.normal { background:rgba(0,0,0,.35); }
.queue-item span b,.queue-item span strong,.queue-item span small { display:block; }.queue-item span b { font-size:8px; letter-spacing:.1em; text-transform:uppercase; opacity:.55; }.queue-item span strong { margin:3px 0; font-size:11px; }.queue-item span small { font-size:8px; opacity:.62; }.queue-item em { font-style:normal; font-size:12px; opacity:.45; transition:.2s; }.queue-item:hover em { transform:translate(2px,-2px); opacity:1; }
.queue-footer { display:flex; width:100%; justify-content:space-between; padding:19px 0 0; border:0; background:transparent; color:#0a0908; font-size:9px; font-weight:800; cursor:pointer; }

.performance-section { margin-top:72px; padding-top:29px; border-top:1px solid #4a433f; }
.performance-actions { display:flex; align-items:flex-end; gap:18px; }.performance-actions label { min-width:155px; padding:8px 11px; border:1px solid #383330; border-radius:9px; background:#0b0a09; }.performance-actions label span { display:block; color:#817b75; font-size:10px; font-weight:800; letter-spacing:.08em; }.performance-actions select { width:100%; margin-top:4px; border:0; outline:0; background:transparent; color:#f5f2ee; font:700 13px "DM Sans"; cursor:pointer; }.performance-actions select option { color:#111; }
.performance-table { margin-top:27px; overflow-x:auto; border-bottom:1px solid #302c29; }
.performance-row { width:100%; min-width:1050px; display:grid; grid-template-columns:1.3fr .72fr .95fr .72fr .85fr 1fr 1.05fr; gap:18px; align-items:center; min-height:68px; padding:0 10px; border:0; border-top:1px solid #24211f; background:transparent; color:#c7c2bc; text-align:left; font-size:12px; font-variant-numeric:tabular-nums; cursor:pointer; }
button.performance-row:hover { background:#100f0e; }.performance-row.table-head { min-height:34px; border:0; color:#625e59; font-size:8px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; cursor:default; }
.performance-loading { margin-top:27px; padding:34px 20px; border:1px solid #302c29; border-radius:10px; color:#9a948e; font-size:14px; text-align:center; }.performance-trend { font-weight:800; }.performance-trend.up { color:var(--good); }.performance-trend.down { color:var(--bad); }.performance-trend.neutral,.performance-awaiting { color:#8f8983; }.performance-placeholder b,.performance-placeholder small { display:block; }.performance-placeholder b { color:#aaa49e; font-size:12px; }.performance-placeholder small { margin-top:4px; color:#6f6964; font-size:10px; }
.campus-name { display:flex; gap:13px; align-items:center; }.campus-name i { color:#5f5a55; font-style:normal; font-size:8px; }.campus-name b { color:#f5f2ee; font-size:11px; }
.report-state,.health { display:inline-block; padding:5px 8px; border:1px solid #34302d; border-radius:20px; color:#9c9690; font-style:normal; font-size:8px; }.report-state::before,.health::before { content:""; display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:#79736d; }.report-state.missing,.health.watch { color:#f2824d; border-color:rgba(242,130,77,.35); }.report-state.missing::before,.health.watch::before { background:#f2824d; }
.performance-row .up { color:#f2824d; }.performance-row .down { color:#aaa49d; }

.insight-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:52px; margin-top:72px; }
.insight-grid.pending-insights { grid-template-columns:1fr; }
.timing-panel,.speaker-panel { padding-top:29px; border-top:1px solid #4a433f; }
.timing-list { margin-top:31px; }.timing-row { display:grid; grid-template-columns:130px 1fr 52px; gap:18px; align-items:center; padding:13px 0; border-top:1px solid #24211f; font-size:10px; }.timing-row span b,.timing-row span small { display:block; }.timing-row span small { margin-top:3px; color:#625e59; font-size:8px; }.timing-track { position:relative; height:5px; background:#24211f; }.timing-track i { display:block; height:100%; background:#f2824d; }.timing-track u { position:absolute; left:50%; top:-3px; width:1px; height:11px; background:#fff; opacity:.35; }.timing-row > strong { text-align:right; color:#f2824d; font-variant-numeric:tabular-nums; }.timing-row > strong.under { color:#8b8580; }
.speaker-stat { display:flex; align-items:center; gap:11px; margin-top:34px; }.speaker-avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#f2824d; color:#090909; font-size:10px; font-weight:800; }.speaker-stat > div { flex:1; }.speaker-stat > div strong,.speaker-stat > div small,.speaker-stat > b small { display:block; }.speaker-stat > div strong { font-size:11px; }.speaker-stat > div small { color:#68635e; font-size:8px; margin-top:3px; }.speaker-stat > b { text-align:right; font:400 21px/1 "Archivo Black"; }.speaker-stat > b small { color:#68635e; font:700 7px "DM Sans"; margin-top:5px; letter-spacing:.08em; }
.insight-awaiting { margin-top:24px; padding:22px; border:1px solid #302c29; border-radius:10px; background:#0d0c0b; }.insight-awaiting strong,.insight-awaiting span { display:block; }.insight-awaiting strong { color:#f5f2ee; font-size:15px; }.insight-awaiting span { margin-top:8px; color:#918b85; font-size:13px; line-height:1.5; }
.micro-chart { height:105px; margin-top:28px; display:flex; align-items:flex-end; gap:6px; border-bottom:1px solid #302c29; }.micro-chart i { flex:1; background:linear-gradient(to top,#6e3b28,#f2824d); opacity:.72; }.micro-chart i:nth-child(4){opacity:1;}

@media (max-width: 1100px) {
  .command-hero { grid-template-columns:1fr; min-height:0; }.command-meta { justify-content:space-between; }.command-grid { grid-template-columns:1fr; }.action-queue { min-height:0; }.insight-grid { grid-template-columns:1fr; }.connect-campus-rail { grid-template-columns:1fr; }.connect-campus-counts { border-left:0; }.command-filter-bar { grid-template-columns:1fr 1fr; }.command-clear { min-height:48px; }
}
@media (max-width: 760px) {
  .content { padding:28px 18px 55px; }.command-intro h1 { font-size:clamp(34px,9.2vw,51px); }.command-meta { align-items:flex-start; flex-direction:column; gap:18px; }.week-stamp { padding-left:0; border-left:0; }.pulse-rail { grid-template-columns:1fr 1fr; }.pulse-item:nth-child(3) { border-left:0; }.pulse-item:nth-child(n+3) { border-top:1px solid #302c29; }.command-toolbar { align-items:flex-start; gap:15px; }.command-toolbar > span { display:none; }.command-toolbar > div { overflow:auto; padding-bottom:4px; }.command-toolbar .filter { white-space:nowrap; }.analytics-canvas .chart-wrap { height:250px; padding-left:27px; }.analytics-canvas .chart-lines,.analytics-canvas .chart-labels { left:27px; }.chart-callout { top:112px; }.signal-row,.connect-series-legend { padding-left:0; gap:12px; flex-wrap:wrap; }.section-top { flex-direction:column; }.performance-actions { width:100%; align-items:stretch; flex-direction:column; }.performance-actions label { box-sizing:border-box; width:100%; }.performance-section,.insight-grid { margin-top:50px; }.timing-row { grid-template-columns:105px 1fr 47px; gap:10px; }.connect-campus-counts { grid-template-columns:repeat(3,1fr); }.connect-campus-counts > div:nth-child(n+4) { border-top:1px solid #302c29; }
  .timing-summary { grid-template-columns:1fr; }
  .chart-callout.connect-callout { top:148px; }
  .trajectory-controls { align-items:flex-start; }
  .range-toggle { flex-wrap:wrap; }
  .campus-bar-chart { height:250px; padding-left:27px; gap:5px; }
  .campus-bar-item { grid-template-rows:20px 1fr 34px; }
  .campus-bar-item i { width:70%; }
  .campus-bar-item > span { font-size:6px; }
  .command-filter-bar { grid-template-columns:1fr; }
  .command-filter-summary { align-items:flex-start; flex-wrap:wrap; }
  .command-filter-summary small { width:100%; margin-left:19px; }
  .chart-callout { width:100%; margin-left:0; }
  .report-package-head { align-items:flex-start; flex-direction:column; }.report-filters { width:100%; }.report-filters label { flex:1; }.report-package-columns { display:none; }.report-package-row { grid-template-columns:1fr auto 14px; gap:10px; }.package-submitted { display:none; }.bundle-summary { grid-template-columns:1fr 1fr; }.bundle-summary > div { border-top:1px solid #302c29; }.bundle-summary > div:nth-child(odd) { border-left:0; }.bundle-summary > div:first-child,.bundle-summary > div:nth-child(2) { border-top:0; }.report-role-tabs { grid-template-columns:1fr; }.folder-metrics,.folder-metrics.production-metrics { grid-template-columns:1fr 1fr; }.folder-detail-head,.folder-note { flex-direction:column; }.service-sequence { grid-template-columns:38px 1fr 38px; padding:17px 14px; }.service-arrow { width:38px; height:38px; }.wizard-actions { align-items:stretch; flex-direction:column; }.wizard-actions > div { flex-direction:column; }.wizard-actions button { width:100%; }
  .full-report-heading { flex-direction:column; }.submitted-attendance { grid-template-columns:1fr 1fr; }.submitted-attendance > div:nth-child(3) { border-left:0; }.submitted-attendance > div:nth-child(n+3) { border-top:1px solid #302c29; }.submitted-assessment { grid-template-columns:1fr; }.submitted-assessment > div { border-left:0; }.submitted-assessment > div + div { border-top:1px solid #302c29; }
}

/* Semantic status color system */
.pulse-item div b { color:#a49f99; }
.pulse-good div b, .chart-callout small, .signal-row b { color:var(--good); }
.pulse-bad > strong, .pulse-bad div b { color:var(--bad); }
.delta b { color:var(--good); }.delta.warning b { color:var(--bad); }

.action-queue { background:#111; color:#f5f2ee; border:1px solid #302c29; border-top:3px solid var(--bad); }
.queue-head { border-color:#302c29; }
.queue-head .section-index { color:var(--bad); opacity:1; }
.queue-count { color:var(--bad); border-color:rgba(255,98,90,.55); }
.queue-item { color:#f5f2ee; border-color:#2a2725; }
.queue-item > i, .queue-item > i.review, .queue-item > i.normal { background:var(--bad); box-shadow:0 0 0 4px rgba(255,98,90,.08); }
.queue-item span b { color:#918b85; opacity:1; }
.queue-item span small { color:#8f8983; opacity:1; }
.queue-item em { color:var(--bad); }
.queue-footer { color:#f5f2ee; }
.queue-footer span { color:var(--bad); }

.report-state,.health { color:var(--good); border-color:rgba(85,214,139,.32); }
.report-state::before,.health::before { background:var(--good); }
.report-state.missing,.health.watch { color:var(--bad); border-color:rgba(255,98,90,.38); }
.report-state.missing::before,.health.watch::before { background:var(--bad); }
.performance-row .up { color:var(--good); }
.performance-row .down { color:var(--bad); }

.timing-row.over .timing-track i { background:var(--bad); }
.timing-row.over > strong { color:var(--bad); }
.timing-row.good .timing-track i { background:var(--good); }
.timing-row.good > strong { color:var(--good); }
.timing-row.over span small { color:#b36a65; }
.timing-row.good span small { color:#6b9d7e; }

.status { background:rgba(85,214,139,.1); color:var(--good); }
.status.open { background:rgba(255,98,90,.1); color:var(--bad); }
.priority { background:var(--bad); }.priority.medium { background:var(--warning); }

.note-card { background:#111; color:#f5f2ee; border:1px solid #302c29; border-top:3px solid var(--orange); }
.note-card::after { color:rgba(242,130,77,.06); }
.note-card .eyebrow { color:var(--orange); }.note-card p { color:#8f8983; }
.check-list li::before { background:var(--good); color:#07130c; }

.quick-card .big-icon, .quick-card:nth-child(3) .big-icon, .quick-card:nth-child(4) .big-icon { background:#201e1c; color:#bcb6b0; }
.quick-card:first-child .big-icon { background:var(--orange); color:#080808; }
.quick-card:nth-child(2) .big-icon { background:rgba(255,98,90,.13); color:var(--bad); }
.toast { background:var(--good); color:#07130c; }

/* Readability system: supporting text never relies on micro type. */
.workspace-label,.eyebrow { font-size:12px; }
.help-card strong,.profile-copy strong { font-size:13px; }
.help-card small,.profile-copy small { font-size:11px; line-height:1.4; }
.primary.small,.filter { font-size:12px; }
.metric-top,.delta { font-size:12px; line-height:1.45; }
.card-title,.section-heading h2 { font-size:16px; }
.card-subtitle,.text-button,.section-heading p { font-size:12px; line-height:1.45; }
.chart-lines small,.chart-labels { font-size:11px; }
.legend,.bar-row,.report-row { font-size:12px; }
.status { font-size:11px; }
.issue-copy strong { font-size:12px; }
.issue-copy small,.issue > small { font-size:11px; line-height:1.4; }
.field label { font-size:12px; }
.field input,.field select,.field textarea { font-size:14px; }
.segment-table { font-size:12px; }
.segment-table th { font-size:11px; }
.segment-table input { font-size:13px; }
.add-row,.note-card p,.check-list li,.quick-card p,.role-banner p { font-size:12px; }
.field-help,.role-policy span,.role-policy b { font-size:11px; }
.timing-summary span,.attendance-box label,.date-tile small,.access-gate > small { font-size:11px; }
.quick-card b { font-size:11px; }

.week-stamp span,.week-stamp small { font-size:11px; }
.pulse-item > span { font-size:11px; }
.pulse-item div { font-size:11px; line-height:1.4; }
.connect-rail-label span { font-size:11px; }
.connect-rail-label strong { font-size:19px; }
.connect-rail-label small { font-size:11px; line-height:1.45; }
.connect-campus-counts span { font-size:11px; min-height:28px; }
.command-toolbar > span { display:none; }
.section-index { font-size:11px; }
.section-top h2 { font-size:21px; }
.section-top p { font-size:12px; line-height:1.45; }
.metric-toggle button { font-size:11px; padding:9px 12px; }
.range-toggle button { font-size:11px; padding:7px 10px; }
.chart-callout span { font-size:11px; }
.chart-callout small { font-size:11px; }
.signal-row { font-size:11px; }
.chart-loading { font-size:12px; }
.connect-series-legend { font-size:11px; }
.trend-tooltip { width:292px; font-size:13px; line-height:1.45; }
.trend-tooltip > strong { font-size:15px; }
.campus-bar-item > strong { font-size:12px; }
.campus-bar-item > span { font-size:11px; line-height:1.25; }
.queue-count { font-size:11px; }
.queue-item span b { font-size:11px; }
.queue-item span strong { margin:5px 0; font-size:13px; }
.queue-item span small { font-size:11px; line-height:1.35; }
.queue-footer { font-size:11px; }
.performance-row { min-height:68px; font-size:12px; }
.performance-row.table-head { font-size:11px; }
.campus-name i { font-size:11px; }
.campus-name b { font-size:13px; }
.report-state,.health { font-size:11px; }
.timing-row { font-size:12px; }
.timing-row span small { font-size:11px; line-height:1.35; }
.speaker-avatar { font-size:12px; }
.speaker-stat > div strong { font-size:13px; }
.speaker-stat > div small { font-size:11px; }
.speaker-stat > b small { font-size:9px; }

@media (max-width:760px) {
  .metric-toggle button,.range-toggle button { font-size:11px; }
  .trend-tooltip { width:min(260px,calc(100vw - 48px)); padding:16px 17px; font-size:12px; }
  .trend-tooltip > strong { font-size:14px; }
  .trend-tooltip span b { font-size:13px; }
  .performance-row { font-size:11px; }
}

/* Attendance insights */
.attendance-insights { display:grid; gap:22px; }
.attendance-filter-bar { position:relative; z-index:8; display:grid; grid-template-columns:minmax(155px,1fr) minmax(145px,.85fr) minmax(205px,1.25fr) minmax(180px,1fr) auto; gap:10px; padding:16px; border:1px solid #302c29; border-radius:12px; background:#11100f; }
.attendance-filter,.attendance-multi-filter summary { min-height:62px; display:flex; flex-direction:column; justify-content:center; gap:6px; padding:10px 13px; border:1px solid #383330; border-radius:9px; background:#0b0a09; }
.attendance-filter > span,.attendance-multi-filter summary > span { color:#8f8983; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.attendance-filter select { width:100%; border:0; outline:0; background:transparent; color:#f5f2ee; font:700 14px "DM Sans"; cursor:pointer; }
.attendance-filter select option { color:#111; }
.attendance-multi-filter { position:relative; }
.attendance-multi-filter summary { list-style:none; cursor:pointer; }
.attendance-multi-filter summary::-webkit-details-marker { display:none; }
.attendance-multi-filter summary strong { color:#f5f2ee; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.attendance-multi-filter summary::after { content:'⌄'; position:absolute; right:14px; bottom:17px; color:#8f8983; }
.attendance-time-menu { position:absolute; left:0; right:0; top:calc(100% + 7px); display:grid; gap:3px; padding:9px; border:1px solid #403a36; border-radius:10px; background:#11100f; box-shadow:0 20px 45px rgba(0,0,0,.45); }
.attendance-time-menu label { display:flex; align-items:center; gap:9px; min-height:36px; padding:7px 9px; border-radius:7px; color:#c9c3bd; font-size:13px; cursor:pointer; }
.attendance-time-menu label:hover { background:#1b1917; }
.attendance-time-menu input { width:16px; height:16px; accent-color:var(--orange); }
.attendance-time-group { margin:7px 9px 2px; padding-top:8px; border-top:1px solid #2b2826; color:#817b75; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.attendance-clear { align-self:stretch; padding:0 16px; border:1px solid #383330; border-radius:9px; background:transparent; color:#aaa49e; font-size:12px; font-weight:700; cursor:pointer; }
.attendance-clear:hover { border-color:#6a625d; color:#fff; }
.attendance-filter-summary { display:flex; align-items:center; gap:9px; min-height:32px; color:#aaa49e; font-size:12px; }
.attendance-filter-summary strong { color:#f5f2ee; font-size:13px; }
.attendance-filter-summary small { margin-left:auto; color:#7d7771; font-size:12px; }
.attendance-metrics { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid #302c29; border-radius:12px; overflow:hidden; }
.attendance-metrics article { min-height:112px; padding:21px; border-left:1px solid #302c29; background:#0d0c0b; }
.attendance-metrics article:first-child { border-left:0; }
.attendance-metrics span { display:block; color:#8f8983; font-size:12px; font-weight:700; }
.attendance-metrics strong { display:block; margin-top:15px; color:#f5f2ee; font:400 31px/1 "Archivo Black"; }
.attendance-chart-panel,.attendance-table-panel { padding:26px; border:1px solid #302c29; border-radius:12px; background:#0d0c0b; }
.attendance-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.attendance-panel-head .eyebrow { margin-bottom:8px; color:var(--orange); }
.attendance-panel-head h2 { margin:0; color:#f5f2ee; font-size:22px; }
.attendance-panel-head p { margin:7px 0 0; color:#9a948e; font-size:13px; }
.attendance-sync { padding:7px 10px; border:1px solid rgba(85,214,139,.35); border-radius:20px; color:var(--good); font-size:11px; font-weight:800; }
.attendance-sync.error { color:var(--bad); border-color:rgba(255,98,90,.35); }
.attendance-chart-content { min-height:350px; margin-top:10px; }
.attendance-chart-content .chart-wrap { height:340px; margin-top:16px; padding-left:42px; }
.attendance-chart-content .chart-lines,.attendance-chart-content .chart-labels { left:42px; }
.attendance-chart-panel .connect-series-legend { padding-left:42px; }
.attendance-empty { min-height:300px; display:grid; place-content:center; gap:7px; text-align:center; }
.attendance-empty strong { color:#f5f2ee; font-size:16px; }
.attendance-empty span { color:#8f8983; font-size:13px; }
.attendance-bar-chart { position:relative; min-height:340px; display:grid; grid-template-columns:repeat(auto-fit,minmax(72px,1fr)); align-items:end; gap:14px; padding:25px 20px 0 42px; border-bottom:1px solid #302c29; }
.attendance-bar-item { height:300px; display:grid; grid-template-rows:27px 1fr 42px; align-items:end; text-align:center; cursor:pointer; }
.attendance-bar-item > strong { color:#f5f2ee; font-size:13px; font-variant-numeric:tabular-nums; }
.attendance-bar-item > div { height:100%; display:flex; align-items:flex-end; justify-content:center; }
.attendance-bar-item i { display:block; width:min(48px,72%); min-height:2px; border-radius:5px 5px 0 0; opacity:.82; transition:.15s ease; transform-origin:bottom; }
.attendance-bar-item:hover i { filter:brightness(1.2); opacity:1; transform:scaleX(1.08); }
.attendance-bar-item > span { align-self:start; padding-top:9px; color:#aaa49e; font-size:12px; line-height:1.25; }
.attendance-breakdown { margin-top:22px; overflow-x:auto; }
.attendance-table { min-width:790px; border-bottom:1px solid #302c29; }
.attendance-table-row { display:grid; grid-template-columns:1.25fr 1fr repeat(5,.72fr); gap:16px; align-items:center; min-height:54px; padding:0 12px; border-top:1px solid #292624; color:#bbb5af; font-size:13px; font-variant-numeric:tabular-nums; }
.attendance-table-row.head { min-height:38px; border-top:0; color:#817b75; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.attendance-table-row strong,.attendance-table-row b { color:#f5f2ee; }

@media (max-width:1000px) {
  .attendance-filter-bar { grid-template-columns:1fr 1fr; }
  .attendance-metrics { grid-template-columns:repeat(3,1fr); }
  .attendance-metrics article:nth-child(4) { border-left:0; border-top:1px solid #302c29; }
  .attendance-metrics article:nth-child(5) { border-top:1px solid #302c29; }
}
@media (max-width:620px) {
  .report-filters { flex-direction:column; }.report-filters label { width:100%; box-sizing:border-box; }
  .attendance-filter-bar { grid-template-columns:1fr; }
  .attendance-filter-summary { align-items:flex-start; flex-wrap:wrap; }
  .attendance-filter-summary small { width:100%; margin-left:19px; }
  .attendance-metrics { grid-template-columns:1fr 1fr; }
  .attendance-metrics article { min-height:95px; padding:17px; border-top:1px solid #302c29; }
  .attendance-metrics article:nth-child(odd) { border-left:0; }
  .attendance-metrics article:first-child,.attendance-metrics article:nth-child(2) { border-top:0; }
  .attendance-panel-head { flex-direction:column; }
  .attendance-chart-panel,.attendance-table-panel { padding:18px; }
  .attendance-chart-content .chart-wrap { padding-left:30px; }
  .attendance-chart-content .chart-lines,.attendance-chart-content .chart-labels { left:30px; }
  .attendance-chart-panel .connect-series-legend { padding-left:0; }
}

/* Mobile reporting workflows */
@media (max-width:760px) {
  #quickReport { display:none !important; }
  .content { padding:24px 14px 52px; }
  .page-heading { margin-bottom:24px; }.page-heading h1 { font-size:clamp(31px,10vw,44px); line-height:.98; }.page-heading p { font-size:14px; line-height:1.55; }
  .form-card { border-radius:14px; }.form-section { padding:22px 18px; }.section-heading { gap:11px; margin-bottom:20px; }.section-heading h2 { font-size:19px; line-height:1.15; }.section-heading p { margin-top:5px; font-size:13px; line-height:1.5; }.step { flex:0 0 30px; width:30px; height:30px; }
  .field { gap:8px; }.field label { font-size:13px; }.field input,.field select,.field textarea { min-height:50px; padding:13px 14px; border-color:#383330; font-size:16px; }.field textarea { min-height:140px; line-height:1.5; }
  .role-policy { padding:17px 18px; }.role-policy span { font-size:11px; }.role-policy b { font-size:13px; }
  .service-sequence { grid-template-columns:48px 1fr 48px; gap:10px; padding:20px 14px; }.service-arrow { width:48px; height:48px; }.service-sequence strong { font-size:30px; }.service-sequence small { font-size:13px; }
  .run-sheet-source { align-items:flex-start; flex-direction:column; gap:10px; padding:16px; }.run-sheet-source > span { align-self:flex-start; }.run-sheet-source strong { font-size:15px; }.run-sheet-source small { font-size:12px; line-height:1.45; }
  .timing-launch-card { grid-template-columns:44px 1fr; gap:12px; padding:15px; }.timing-launch-icon { width:44px; height:44px; font-size:21px; }.timing-launch-card strong { white-space:normal; }.timing-launch-card > b { grid-column:1 / -1; display:flex; justify-content:space-between; margin-top:2px; padding-top:12px; border-top:1px solid rgba(255,255,255,.09); font-size:14px; }.segment-timing-dialog { position:fixed; inset:0; width:100vw; height:100dvh; max-width:100vw; max-height:100dvh; margin:0; border:0; border-radius:0; }.timing-modal-header { padding:16px 16px 14px; }.timing-modal-header h2 { font-size:24px; }.timing-modal-header p { font-size:11px; }.timing-modal-close { width:42px; height:42px; }.timing-modal-scroll { padding:16px 14px 110px; }.timing-modal-instructions { align-items:flex-start; flex-direction:column; gap:5px; padding:12px; }.timing-modal-instructions span { line-height:1.45; }.timing-modal-footer { position:absolute; right:0; bottom:0; left:0; padding:12px 14px calc(12px + env(safe-area-inset-bottom)); background:rgba(8,8,8,.94); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); }.timing-modal-footer span { display:none; }.timing-modal-footer .primary { width:100%; min-height:50px; }
  .service-rating-card { grid-template-columns:1fr; gap:18px; padding:17px; }.service-rating-score { min-height:148px; }.service-rating-score .service-rating-emoji { font-size:34px; }.service-rating-score strong { font-size:54px; }.service-rating-control input[type=range] { height:44px; }.service-rating-ticks { font-size:9px; }.service-rating-ends { font-size:11px; }
  .timing-summary { grid-template-columns:1fr; }.timing-summary > div { padding:17px; }.timing-summary span { font-size:11px; }.timing-summary strong { font-size:24px; }
  .segment-table,.segment-table tbody { display:block; width:100%; }.segment-table thead { display:none; }.segment-table tr { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:14px 10px; padding:20px 0; border-top:1px solid #302c29; }.segment-table tr:first-child { border-top:0; }.segment-table td { display:block; min-width:0; padding:0; border:0; }.segment-table td::before { content:attr(data-label); display:block; margin-bottom:7px; color:#8f8983; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.segment-table td:first-child,.segment-table td:nth-child(4) { grid-column:1 / -1; }.segment-table td:first-child { padding-right:44px; }.segment-table td:nth-child(4) { display:block; }.segment-table td:last-child { position:absolute; top:17px; right:0; }.segment-table td:last-child::before { display:none; }.segment-table input,.segment-table .planned-duration,.segment-table .speaker-lead-input { box-sizing:border-box; width:100%; max-width:none; min-width:0; min-height:48px; padding:12px 13px; border:1px solid #383330; border-radius:9px; background:#151311; color:#f5f2ee; font-size:16px; }.segment-table td:first-child input { font-weight:800; }.segment-table .segment-remove { width:38px; height:38px; display:grid; place-items:center; border:1px solid #3a3330; border-radius:50%; color:#ff786f; font-size:21px; }.duration-pair { min-height:48px; background:#151311; }.duration-pair .actual-minutes,.duration-pair .actual-seconds { min-height:46px; padding:10px 6px; border:0; border-radius:0; background:transparent; font-size:18px; }
  .segment-lead-cell.no-lead { display:none; }.speaker-lead-help { margin-top:15px; font-size:13px; line-height:1.5; }.add-row { min-height:48px; font-size:14px; font-weight:700; }
  .report-issue-entry { padding:18px 15px; }.issue-entry-head strong { font-size:13px; }.issue-entry-head .remove { min-height:40px; font-size:12px; }
  .attendance-grid { grid-template-columns:1fr 1fr; gap:10px; }.attendance-box { min-height:92px; padding:15px; }.attendance-box label { font-size:12px; }.attendance-box input { min-height:46px; padding-top:8px; font-size:26px; }
  .wizard-actions { gap:10px; padding:16px; }.wizard-actions button { min-height:50px; font-size:14px; }.wizard-actions > div { gap:10px; }
  .side-note { display:none; }
}

.avatar.has-image { background-position:center; background-size:cover; color:transparent; }
.profile-auth-shell { min-height:calc(100vh - 145px); display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,520px); align-items:center; gap:70px; max-width:1120px; margin:0 auto; padding:48px 0; }
.profile-auth-intro h1 { max-width:640px; margin:8px 0 20px; color:#f7f3ef; font:800 clamp(48px,6vw,80px)/.94 "Inter Tight",sans-serif; letter-spacing:-.055em; }
.profile-auth-intro > p { max-width:610px; margin:0; color:#a39d96; font-size:16px; line-height:1.65; }
.profile-auth-card { padding:28px; border:1px solid rgba(255,255,255,.15); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025) 62%,rgba(242,130,77,.05)); box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 28px 70px rgba(0,0,0,.35); -webkit-backdrop-filter:blur(24px) saturate(145%); backdrop-filter:blur(24px) saturate(145%); }
.profile-auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-bottom:24px; padding:4px; border:1px solid rgba(255,255,255,.1); border-radius:15px; background:rgba(0,0,0,.22); }
.profile-auth-tabs button { min-height:44px; border:0; border-radius:11px; background:transparent; color:#8f8983; font-weight:800; }
.profile-auth-tabs button.active { border:1px solid rgba(255,207,181,.38); background:linear-gradient(145deg,rgba(255,210,184,.3),rgba(242,130,77,.58)); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 8px 20px rgba(0,0,0,.24); }
.profile-auth-card .field { margin-top:15px; }.profile-auth-card .field-grid { gap:12px; }.profile-auth-card .field input,.profile-auth-card .field select { min-height:52px; border-color:#3b3632; background:#151311; color:#f7f3ef; font-size:15px; }.profile-auth-card .field label { color:#d8d2cc; font-size:13px; }
.profile-photo-setup { display:grid; grid-template-columns:72px 1fr; align-items:center; gap:5px 16px; margin:4px 0 20px; }.profile-photo-preview { grid-row:1 / span 2; width:72px; height:72px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:50%; background:rgba(255,255,255,.06); color:var(--orange); font-size:27px; background-position:center; background-size:cover; cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }.profile-photo-preview:hover,.profile-photo-preview:focus-visible { border-color:var(--orange); box-shadow:0 0 0 4px rgba(242,130,77,.12); outline:0; }.profile-photo-preview.needs-attention { border-color:var(--bad); box-shadow:0 0 0 4px rgba(255,98,90,.12); }.profile-photo-preview.has-image { color:transparent; }.profile-photo-setup label { align-self:end; color:#f6f2ee; font-size:13px; font-weight:800; cursor:pointer; }.profile-photo-setup input { position:absolute; width:1px; height:1px; opacity:0; }.profile-photo-setup small { align-self:start; color:#817a74; font-size:11px; }
.profile-form-alert { display:none; margin:-8px 0 18px; padding:12px 14px; border:1px solid rgba(255,98,90,.42); border-radius:11px; background:rgba(255,98,90,.1); color:#ffd4d1; font-size:13px; font-weight:700; line-height:1.45; }
.profile-form-alert.show { display:block; }
.profile-auth-submit { width:100%; min-height:52px; margin-top:22px; border-radius:14px; font-size:14px; }.profile-auth-note { margin:16px 0 0; color:#77716b; font-size:11px; line-height:1.5; text-align:center; }
.my-profile-card { display:flex; align-items:center; gap:24px; padding:30px; border:1px solid #302c29; border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015)); }.my-profile-avatar { width:104px; height:104px; flex:0 0 104px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:50%; background:linear-gradient(145deg,rgba(242,130,77,.78),rgba(118,39,13,.78)); color:white; font-size:30px; font-weight:900; }.my-profile-avatar img { width:100%; height:100%; object-fit:cover; }.my-profile-card span { color:var(--orange); font-size:11px; font-weight:900; letter-spacing:.1em; }.my-profile-card h2 { margin:7px 0 4px; font-size:28px; }.my-profile-card p { margin:0; color:#99928c; }.profile-tags { display:flex; gap:8px; margin-top:15px; }.profile-tags b { padding:7px 11px; border:1px solid rgba(255,255,255,.13); border-radius:20px; background:rgba(255,255,255,.04); font-size:11px; }.profile-future-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:14px; }.profile-future-stats>div { padding:22px; border:1px solid #302c29; border-radius:15px; background:#0d0c0b; }.profile-future-stats span,.profile-future-stats small { display:block; color:#817a74; font-size:11px; }.profile-future-stats strong { display:block; margin:14px 0 8px; font-size:30px; }
.people-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.person-card { min-width:0; display:grid; grid-template-columns:56px minmax(0,1fr) auto; align-items:center; gap:14px; padding:18px; border:1px solid #302c29; border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012)); color:#f5f2ee; text-align:left; }.person-card-avatar { width:56px; height:56px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:linear-gradient(145deg,rgba(242,130,77,.72),rgba(108,34,11,.75)); font-size:16px; font-weight:900; }.person-card-avatar img { width:100%; height:100%; object-fit:cover; }.person-card strong,.person-card small { display:block; }.person-card strong { overflow:hidden; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }.person-card small { margin-top:5px; color:#89837d; font-size:11px; }.person-card>b { color:var(--orange); font-size:25px; }
@media(max-width:900px){.profile-auth-shell{grid-template-columns:1fr;gap:34px;padding:28px 0}.profile-auth-intro h1{font-size:48px}.profile-auth-card{max-width:580px}.profile-future-stats{grid-template-columns:1fr}.people-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.profile-auth-shell{display:block;padding:12px 0 40px}.profile-auth-intro h1{font-size:40px}.profile-auth-intro>p{font-size:14px}.profile-auth-card{margin-top:28px;padding:20px 16px;border-radius:17px}.profile-auth-card .field-grid{grid-template-columns:1fr}.my-profile-card{align-items:flex-start;padding:22px 18px}.my-profile-avatar{width:72px;height:72px;flex-basis:72px;font-size:22px}.profile-tags{flex-direction:column;align-items:flex-start}.people-directory{grid-template-columns:1fr}}
@media(max-width:620px){.report-identity-lock{align-items:flex-start;padding:14px}.report-identity-avatar{width:46px;height:46px;flex-basis:46px}.report-identity-lock em{display:none}}

/* Global Liquid Glass interaction system */
:root { --glass-edge:rgba(255,255,255,.18); --glass-edge-strong:rgba(255,255,255,.29); --glass-neutral:rgba(255,255,255,.075); --glass-neutral-soft:rgba(255,255,255,.035); }

:is(.primary,.secondary,.icon-button,.menu-button,.filter,.command-clear,.attendance-clear,.service-arrow,.add-row,.remove,.text-button,.access-link) { position:relative; overflow:hidden; border:1px solid var(--glass-edge); background:linear-gradient(145deg,var(--glass-neutral),var(--glass-neutral-soft) 52%,rgba(242,130,77,.075)); color:#f8f4f0; box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.23); -webkit-backdrop-filter:blur(16px) saturate(145%); backdrop-filter:blur(16px) saturate(145%); transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease; }
:is(.secondary,.icon-button,.menu-button,.filter,.command-clear,.attendance-clear,.service-arrow,.add-row,.remove,.text-button,.access-link):hover { border-color:var(--glass-edge-strong); background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055) 50%,rgba(242,130,77,.12)); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 11px 26px rgba(0,0,0,.3),0 2px 12px rgba(242,130,77,.1); transform:translateY(-1px); }
:is(.primary,.access-link) { border-color:rgba(255,195,164,.42); background:linear-gradient(145deg,rgba(255,200,171,.34),rgba(242,130,77,.26) 48%,rgba(149,48,12,.27)); color:#fff9f5; box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(82,27,8,.16),0 10px 26px rgba(0,0,0,.31),0 3px 15px rgba(242,130,77,.17); }
:is(.primary,.access-link):hover { border-color:rgba(255,220,199,.56); background:linear-gradient(145deg,rgba(255,214,190,.4),rgba(242,130,77,.32) 50%,rgba(149,48,12,.3)); color:#fff; transform:translateY(-1px); }
:is(.primary,.secondary,.icon-button,.menu-button,.filter,.command-clear,.attendance-clear,.service-arrow,.add-row,.remove,.text-button,.access-link):active { transform:translateY(0) scale(.985); }
button:disabled { opacity:.35; box-shadow:none; transform:none !important; }

.nav-button { border:1px solid transparent; background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008)); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease; }
.nav-button:hover { border-color:rgba(255,255,255,.11); background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025)); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 20px rgba(0,0,0,.2); transform:translateX(2px); }
.nav-button.active { border-color:rgba(255,202,173,.45); background:linear-gradient(145deg,rgba(255,202,173,.36),rgba(242,130,77,.78) 54%,rgba(177,61,19,.46)); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 10px 25px rgba(0,0,0,.28),0 3px 15px rgba(242,130,77,.18); }

.metric-toggle,.range-toggle { padding:4px; border:1px solid rgba(255,255,255,.13); background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018)); box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 22px rgba(0,0,0,.18); -webkit-backdrop-filter:blur(16px) saturate(140%); backdrop-filter:blur(16px) saturate(140%); }
.metric-toggle button,.range-toggle button { border:1px solid transparent; background:transparent; box-shadow:none; transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease; }
.metric-toggle button:hover,.range-toggle button:hover { border-color:rgba(255,255,255,.13); background:rgba(255,255,255,.065); color:#fff; }
.metric-toggle button.active,.range-toggle button.active { border-color:rgba(255,209,183,.44); background:linear-gradient(145deg,rgba(255,210,184,.34),rgba(242,130,77,.69) 56%,rgba(156,50,13,.4)); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 6px 16px rgba(0,0,0,.28),0 2px 10px rgba(242,130,77,.15); }

.command-filter,.command-multi-filter summary,.attendance-filter,.attendance-multi-filter summary,.report-filters label { border-color:rgba(255,255,255,.13); background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.02) 58%,rgba(242,130,77,.045)); box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 7px 20px rgba(0,0,0,.2); -webkit-backdrop-filter:blur(15px) saturate(135%); backdrop-filter:blur(15px) saturate(135%); transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.command-multi-filter summary:hover,.attendance-multi-filter summary:hover,.report-filters label:hover { border-color:rgba(255,255,255,.25); background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035) 55%,rgba(242,130,77,.075)); box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 10px 24px rgba(0,0,0,.25); }

.command-time-menu,.attendance-time-menu,.trend-tooltip { border-color:rgba(255,255,255,.19); background:linear-gradient(145deg,rgba(35,32,30,.92),rgba(13,12,11,.88) 58%,rgba(55,28,18,.86)); box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 60px rgba(0,0,0,.58),0 5px 20px rgba(242,130,77,.1); -webkit-backdrop-filter:blur(28px) saturate(155%); backdrop-filter:blur(28px) saturate(155%); }
.command-time-menu label,.attendance-time-menu label { transition:background .16s ease,box-shadow .16s ease,color .16s ease; }
.command-time-menu label:hover,.attendance-time-menu label:hover { background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(242,130,77,.095)); box-shadow:inset 0 1px 0 rgba(255,255,255,.1); color:#fff; }

.report-package-row,.ticket-row,button.performance-row,.queue-item,.report-role-tab,.service-folder { background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008) 60%,rgba(242,130,77,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.report-package-row:hover,.ticket-row:hover,button.performance-row:hover,.queue-item:hover,.report-role-tab:hover,.service-folder:hover { background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025) 55%,rgba(242,130,77,.075)); border-color:rgba(255,255,255,.18); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 26px rgba(0,0,0,.22); transform:translateY(-1px); }
.report-role-tab.active,.service-folder.active { border-color:rgba(255,190,156,.44); background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(242,130,77,.13) 58%,rgba(126,41,12,.19)); box-shadow:inset 0 1px 0 rgba(255,255,255,.19),inset 0 3px 0 rgba(242,130,77,.72),0 10px 26px rgba(0,0,0,.24); }
.quick-card { background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025) 58%,rgba(242,130,77,.035)); border-color:rgba(255,255,255,.13); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 40px rgba(0,0,0,.24); -webkit-backdrop-filter:blur(18px) saturate(140%); backdrop-filter:blur(18px) saturate(140%); }
.quick-card:hover { border-color:rgba(255,193,160,.32); background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035) 55%,rgba(242,130,77,.075)); box-shadow:inset 0 1px 0 rgba(255,255,255,.19),0 20px 50px rgba(0,0,0,.33),0 4px 16px rgba(242,130,77,.09); }

:is(.status,.report-state,.health,.ticket-impact,.ticket-status,.attendance-sync,.role-policy b,.run-sheet-source>span,.queue-count) { border:1px solid rgba(255,255,255,.16); background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 5px 14px rgba(0,0,0,.17); -webkit-backdrop-filter:blur(14px) saturate(145%); backdrop-filter:blur(14px) saturate(145%); }
.status { border-color:rgba(85,214,139,.28); background:linear-gradient(145deg,rgba(85,214,139,.15),rgba(255,255,255,.025)); }
.status.open { border-color:rgba(255,98,90,.3); background:linear-gradient(145deg,rgba(255,98,90,.14),rgba(255,255,255,.025)); }
.report-state,.health,.attendance-sync { background:linear-gradient(145deg,rgba(85,214,139,.13),rgba(255,255,255,.02)); }
.report-state.missing,.health.watch,.attendance-sync.error,.queue-count { background:linear-gradient(145deg,rgba(255,98,90,.14),rgba(255,255,255,.02)); }

.toast { border:1px solid rgba(178,255,210,.32); background:linear-gradient(145deg,rgba(85,214,139,.72),rgba(20,89,51,.7)); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 20px 45px rgba(0,0,0,.4),0 4px 18px rgba(85,214,139,.17); -webkit-backdrop-filter:blur(22px) saturate(155%); backdrop-filter:blur(22px) saturate(155%); }

.compact-entry-summary { display:none; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:20px; padding:16px 18px; }
.compact-entry-type { display:block; margin-bottom:4px; color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.1em; }
.compact-entry-title { display:block; grid-column:1; color:#f7f3ef; font-size:15px; line-height:1.25; }
.compact-entry-meta { display:block; grid-column:1; margin-top:4px; color:#aaa39c; font-size:12px; line-height:1.35; }
.compact-entry-actions { grid-column:2; grid-row:1 / span 3; display:flex; align-items:center; gap:8px; }
.compact-entry-actions button { min-height:38px; padding:0 14px; border:1px solid var(--glass-edge); border-radius:12px; background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025)); color:#f8f4f0; font-size:12px; font-weight:800; box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 18px rgba(0,0,0,.2); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.compact-entry-actions .compact-entry-remove { color:#ff827a; }
.entry-form-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; padding-top:16px; border-top:1px solid #302c29; }
.entry-form-actions button { min-height:42px; }
.report-issue-entry.is-collapsed { padding:0; border-color:rgba(255,255,255,.14); background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 62%,rgba(242,130,77,.04)); box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.17); }
.report-issue-entry.is-collapsed .compact-entry-summary { display:grid; }
.report-issue-entry.is-collapsed > .issue-entry-head,
.report-issue-entry.is-collapsed > .field-grid,
.report-issue-entry.is-collapsed > .entry-form-actions { display:none; }

@media (prefers-reduced-motion:reduce) { :where(button,.quick-card,.report-package-row,.ticket-row,.service-folder,.report-role-tab) { transition:none !important; } }
@media (max-width:760px) { .primary,.secondary,.command-clear,.attendance-clear,.add-row,.liquid-glass-button { min-height:48px; border-radius:14px; }.command-time-menu,.attendance-time-menu,.trend-tooltip { -webkit-backdrop-filter:blur(22px) saturate(145%); backdrop-filter:blur(22px) saturate(145%); }.compact-entry-summary { column-gap:10px; padding:14px; }.compact-entry-meta { max-width:54vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.compact-entry-actions { gap:6px; }.compact-entry-actions button { min-height:38px; padding:0 10px; }.entry-form-actions { flex-direction:column-reverse; }.entry-form-actions button { width:100%; min-height:48px; } }