:root { --ink:#1d2927; --muted:#6e7d78; --line:#e1e8e3; --paper:#fffefa; --background:#f6f8f5; --green:#176b55; --light-green:#e8f3df; --amber:#bd7b31; --light-amber:#fff3dc; --blue:#537bb0; --light-blue:#eaf0f8; --red:#bd604e; --light-red:#fff0ec; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--background); font-family:"DM Sans",sans-serif; } button,input,select { font:inherit; } button { cursor:pointer; } h1,h2,h3,p { margin-top:0; } h1,h2 { font-family:"Fraunces",serif; letter-spacing:-.7px; }
.agency-shell { min-height:100vh; display:grid; grid-template-columns:252px minmax(0,1fr); }.agency-sidebar { position:sticky; top:0; height:100vh; padding:30px 17px 20px; display:flex; flex-direction:column; background:#fbfcf9; border-right:1px solid var(--line); }.agency-brand { padding:0 14px 30px; color:var(--ink); font:700 30px "Fraunces",serif; text-decoration:none; letter-spacing:-1.5px; }.agency-brand span { color:var(--green); }.agency-brand em { margin-left:3px; font:600 11px "DM Sans",sans-serif; letter-spacing:.2px; color:#658178; vertical-align:middle; }.tenant-switcher { display:flex; align-items:center; gap:9px; padding:10px; border:1px solid var(--line); border-radius:12px; margin-bottom:27px; }.tenant-switcher strong,.tenant-switcher small { display:block; }.tenant-switcher strong { font-size:13px; }.tenant-switcher small { color:var(--muted); font-size:10px; margin-top:2px; }.tenant-switcher button { border:0; background:transparent; margin-left:auto; color:var(--muted); }.tenant-mark,.profile-initials { width:33px; height:33px; display:grid; place-items:center; border-radius:50%; color:#28543e; background:#c5e1ac; font-size:11px; font-weight:700; }.agency-sidebar nav { display:grid; gap:5px; }.agency-nav { display:flex; align-items:center; gap:12px; padding:11px 13px; border-radius:9px; color:#62716d; font-size:14px; text-decoration:none; }.agency-nav span { width:17px; text-align:center; color:#8b9a95; font-size:17px; }.agency-nav.active { color:#21533e; background:#e8f2df; font-weight:700; }.agency-nav.active span { color:#2b865c; }.sidebar-privacy { margin-top:auto; display:flex; gap:9px; padding:13px 11px; border-radius:11px; color:#4c705c; background:#f0f5ed; }.sidebar-privacy>span { font-size:18px; }.sidebar-privacy p { margin:0; font-size:11px; line-height:1.4; }.sidebar-privacy strong { display:block; color:#315940; margin-bottom:2px; }.agency-profile { margin-top:18px; display:flex; gap:9px; align-items:center; border:0; padding:7px 4px; background:transparent; text-align:left; }.agency-profile .profile-initials { background:#efcfb8; color:#7d543e; }.agency-profile strong,.agency-profile small { display:block; }.agency-profile strong { font-size:13px; }.agency-profile small { margin-top:2px; color:var(--muted); font-size:11px; }.agency-profile b { margin-left:auto; color:var(--muted); font-weight:400; }
.agency-content { width:100%; max-width:1580px; margin:0 auto; padding:41px clamp(24px,4vw,64px) 60px; }.agency-header { position:relative; display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:31px; }.agency-eyebrow { margin-bottom:8px; color:#81918c; font-size:10px; font-weight:700; letter-spacing:1.3px; }.agency-header h1 { margin-bottom:7px; font-size:31px; }.agency-header h1 span { color:#d39e34; font-size:19px; vertical-align:top; }.agency-subtle { margin:0; color:var(--muted); font-size:14px; }.agency-header-actions { display:flex; gap:10px; }.agency-header-actions button { height:37px; border-radius:9px; }.notification-button { position:relative; width:37px; border:1px solid var(--line); background:#fff; color:#596a65; }.notification-button i { position:absolute; top:7px; right:8px; width:7px; height:7px; border:1px solid #fff; border-radius:50%; background:#ee8064; }.new-job { padding:0 14px; border:0; color:white; background:var(--green); font-weight:700; }.notification-panel { position:absolute; z-index:4; top:46px; right:100px; width:min(375px,calc(100vw - 40px)); padding:15px; border:1px solid var(--line); border-radius:13px; background:#fffefa; box-shadow:0 18px 36px rgba(35,58,49,.13); }.notification-panel header { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding-bottom:11px; }.notification-panel header button,.link-button { border:0; background:transparent; color:var(--green); font-size:11px; font-weight:700; }.notification-panel ul { padding:0; margin:0; list-style:none; }.notification-panel li { display:grid; grid-template-columns:8px 1fr 22px; gap:9px; align-items:start; padding:12px 0; border-bottom:1px solid #eef2ee; }.notification-panel li:last-child { border-bottom:0; }.notification-panel li>span { width:7px; height:7px; border-radius:50%; margin-top:5px; background:transparent; }.notification-panel li.unread>span { background:#e7795e; }.notification-panel li strong { display:block; font-size:12px; }.notification-panel li p { margin:3px 0 0; color:var(--muted); font-size:11px; line-height:1.35; }.notification-panel li button { border:0; background:transparent; color:#7a9085; }
.health-strip { display:grid; grid-template-columns:1.32fr repeat(3,1fr); gap:15px; margin-bottom:25px; }.health-strip article { min-height:126px; padding:19px; border:1px solid var(--line); border-radius:14px; background:var(--paper); }.health-strip .health-primary { color:#fff; border-color:var(--green); background:var(--green); }.health-strip p { margin-bottom:9px; color:var(--muted); font-size:12px; }.health-primary p { color:rgba(255,255,255,.76); }.health-strip strong { display:block; margin-bottom:6px; font:700 25px "Fraunces",serif; }.health-strip strong small { color:inherit; font:500 12px "DM Sans",sans-serif; opacity:.7; }.health-strip small,.health-strip>article>span:last-child { color:var(--muted); font-size:10px; }.health-primary>span:last-child { color:#cfeaae; }.metric-icon { display:grid; place-items:center; width:28px; height:28px; margin-bottom:8px; border-radius:7px; font-weight:700; }.metric-icon.amber { color:#ad702b; background:#fff0d1; }.metric-icon.green { color:#267950; background:#e2f1d9; }.metric-icon.blue { color:#567da9; background:#e8eff9; }
.attention-card,.kanban-section,.capacity-card,.agent-card,.team-section { border:1px solid var(--line); border-radius:15px; background:var(--paper); }.attention-card,.kanban-section,.capacity-card,.team-section { padding:23px; }.section-title { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; margin-bottom:18px; }.section-title h2 { margin:0; font-size:21px; }.attention-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; }.attention-item { display:grid; grid-template-columns:27px 1fr; gap:8px; padding:12px; border:1px solid var(--line); border-radius:11px; }.attention-item>span { width:26px; height:26px; display:grid; place-items:center; border-radius:7px; font-weight:700; }.attention-item.urgent>span { color:#aa493b; background:var(--light-red); }.attention-item.warn>span { color:#a96c27; background:var(--light-amber); }.attention-item.info>span { color:#5275a3; background:var(--light-blue); }.attention-item strong { font-size:12px; }.attention-item p { margin:4px 0 9px; color:var(--muted); font-size:10px; line-height:1.42; }.attention-item button { grid-column:2; border:0; padding:0; color:var(--green); background:transparent; text-align:left; font-size:10px; font-weight:700; }
.kanban-section { margin-top:24px; background:#f9faf7; }.filter-pills { display:flex; flex-wrap:wrap; gap:6px; }.filter-pills button { border:1px solid var(--line); border-radius:20px; padding:6px 9px; color:#73817d; background:#fffefa; font-size:10px; }.filter-pills button.active { border-color:#b7d5b5; color:#316147; background:#eaf5e4; font-weight:700; }.kanban-board { display:grid; grid-template-columns:repeat(4,minmax(210px,1fr)); gap:12px; overflow-x:auto; padding-bottom:3px; }.kanban-column { min-width:210px; padding:10px; border:1px solid #e5ebe7; border-radius:11px; background:#f1f4f1; }.kanban-column>header { display:grid; grid-template-columns:12px 1fr 20px 21px; align-items:center; margin-bottom:11px; }.kanban-column>header strong { font-size:12px; }.kanban-column>header small { color:#87938f; font-size:10px; }.kanban-column>header button { border:0; color:#87938f; background:transparent; }.column-dot { width:8px; height:8px; border-radius:50%; }.column-dot.slate { background:#899895; }.column-dot.blue { background:#7397c7; }.column-dot.amber { background:#d7a959; }.column-dot.green { background:#75b584; }.kanban-cards { display:grid; gap:9px; }.job-card { padding:11px; border:1px solid #e4e9e5; border-radius:9px; background:#fffefa; box-shadow:0 1px 1px rgba(50,70,61,.03); }.job-card p { margin-bottom:5px; color:#778580; font-size:10px; }.job-card h3 { margin-bottom:9px; font:700 13px "DM Sans",sans-serif; line-height:1.35; }.job-tag { display:inline-block; padding:3px 6px; border-radius:5px; color:#65716d; background:#edf1ed; font-size:9px; }.job-card footer { display:flex; justify-content:space-between; align-items:center; margin-top:11px; }.people { display:flex; }.people i { width:20px; height:20px; display:grid; place-items:center; margin-right:-4px; border:1px solid white; border-radius:50%; color:#39604e; background:#dcebcf; font-size:7px; font-style:normal; font-weight:700; }.job-card time { color:#7a8783; font-size:9px; }.job-card time.today { color:#c4614b; font-weight:700; }.add-card { width:100%; margin-top:9px; border:0; padding:6px; color:#75847f; background:transparent; text-align:left; font-size:10px; }
.kanban-board[hidden],.calendar-view[hidden] { display:none !important; }.work-section-title { align-items:center; }.section-description { margin:6px 0 0; color:var(--muted); font-size:11px; }.work-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:9px; }.view-switcher { display:flex; padding:3px; border:1px solid var(--line); border-radius:9px; background:#eef2ee; }.view-switcher button { border:0; border-radius:6px; padding:6px 9px; color:#73817d; background:transparent; font-size:10px; }.view-switcher button.active { color:#285d44; background:#fff; box-shadow:0 1px 3px rgba(39,66,54,.1); font-weight:700; }.view-switcher span { margin-right:3px; }.job-meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }.job-priority { display:inline-flex; align-items:center; gap:4px; color:#6f7d78; font-size:9px; font-weight:700; }.job-priority i,.priority-legend i { width:6px; height:6px; border-radius:50%; background:#91a09b; }.job-priority.urgent i,.priority-legend .urgent i { background:#d6644f; }.job-priority.high i,.priority-legend .high i { background:#daa14b; }.job-priority.normal i,.priority-legend .normal i { background:#6b98cb; }.job-priority.done i,.priority-legend .done i { background:#66aa75; }.job-card.priority-urgent { border-left:3px solid #d6644f; }.job-card.priority-high { border-left:3px solid #daa14b; }.job-card.priority-normal { border-left:3px solid #6b98cb; }.job-card.priority-done { border-left:3px solid #66aa75; }
.calendar-view { border-top:1px solid #e5ebe7; padding-top:14px; }.calendar-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:12px; }.calendar-period { display:flex; align-items:center; gap:6px; }.calendar-period button { height:30px; border:1px solid var(--line); border-radius:7px; padding:0 9px; color:#5e7069; background:#fff; font-size:10px; font-weight:700; }.calendar-period strong { margin-left:7px; font-family:"Fraunces",serif; font-size:18px; }.priority-legend { display:flex; flex-wrap:wrap; gap:10px; }.priority-legend span { display:inline-flex; align-items:center; gap:4px; color:#74827d; font-size:9px; font-weight:600; }.calendar-scroll { overflow-x:auto; padding-bottom:4px; }.calendar-weekdays,.calendar-grid { min-width:910px; display:grid; grid-template-columns:repeat(7,minmax(130px,1fr)); }.calendar-weekdays { border:1px solid var(--line); border-bottom:0; border-radius:10px 10px 0 0; overflow:hidden; background:#eef2ee; }.calendar-weekdays span { padding:8px 10px; border-right:1px solid #dfe6e1; color:#71807b; font-size:9px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; }.calendar-weekdays span:last-child { border-right:0; }.calendar-grid { border-top:1px solid var(--line); border-left:1px solid var(--line); }.calendar-day { min-height:126px; padding:7px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fffefa; }.calendar-day:nth-last-child(-n+7):first-child,.calendar-day:nth-last-child(-n+7):first-child~.calendar-day { border-bottom-color:var(--line); }.calendar-day.outside-month { background:#f4f6f3; }.calendar-day>header { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }.calendar-day>header time { width:22px; height:22px; display:grid; place-items:center; border-radius:50%; color:#6f7d78; font-size:10px; font-weight:700; }.calendar-day.today>header time { color:#fff; background:var(--green); }.calendar-day>header small { min-width:17px; padding:2px 5px; border-radius:99px; color:#64736e; background:#edf1ed; font-size:8px; text-align:center; }.calendar-day.outside-month>header time { color:#abb4b0; }.calendar-day-jobs { display:grid; gap:5px; }.calendar-job { position:relative; display:grid; grid-template-columns:1fr auto; gap:2px 5px; width:100%; padding:6px 7px 6px 9px; overflow:hidden; border:1px solid #e0e7e2; border-radius:7px; color:var(--ink); background:#fff; text-align:left; }.calendar-job::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:#6b98cb; }.calendar-job.priority-urgent::before { background:#d6644f; }.calendar-job.priority-high::before { background:#daa14b; }.calendar-job.priority-done::before { background:#66aa75; }.calendar-job span { grid-column:1/-1; overflow:hidden; color:#788680; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.calendar-job strong { overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.calendar-job time { color:#71807b; font-size:8px; }.calendar-job:hover { border-color:#b7cdbd; box-shadow:0 2px 6px rgba(38,62,52,.08); }.unscheduled-jobs { display:flex; justify-content:space-between; gap:15px; align-items:center; margin-top:12px; padding:11px; border:1px dashed #ccd8d0; border-radius:10px; background:#f4f7f2; }.unscheduled-jobs>div:first-child { display:flex; align-items:center; gap:8px; min-width:190px; }.unscheduled-icon { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; color:#6f7f79; background:#e4ebe5; }.unscheduled-jobs strong,.unscheduled-jobs small { display:block; }.unscheduled-jobs strong { font-size:10px; }.unscheduled-jobs small { margin-top:2px; color:#7c8984; font-size:9px; }.unscheduled-jobs>div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }.unscheduled-jobs button { border:1px solid #dae3dc; border-radius:7px; padding:6px 8px; color:var(--ink); background:#fff; text-align:left; }.unscheduled-jobs button span { display:block; color:#788680; font-size:8px; }.unscheduled-jobs button strong { margin-top:2px; font-size:9px; }.unscheduled-jobs>p { margin:0; color:#71807b; font-size:10px; }
.lower-grid { display:grid; grid-template-columns:1.45fr .9fr; gap:24px; margin-top:24px; }.capacity-list { display:grid; gap:14px; }.capacity-row { display:grid; grid-template-columns:145px 37px 1fr; gap:10px; align-items:center; }.capacity-row strong,.capacity-row small { display:block; }.capacity-row strong { font-size:12px; }.capacity-row small { margin-top:2px; color:var(--muted); font-size:10px; }.capacity-row>span { text-align:right; font-size:11px; font-weight:700; }.capacity-progress { height:7px; overflow:hidden; border-radius:99px; background:#e9eeea; }.capacity-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#55a976,#9dca6d); }.capacity-progress i.overload { background:linear-gradient(90deg,#df9d54,#d86b56); }.agent-card { overflow:hidden; }.agent-card>header { display:flex; align-items:center; gap:9px; padding:15px; border-bottom:1px solid #e1eadf; background:#f1f6ee; }.agent-mark,.agent-message>span { display:grid; place-items:center; flex:0 0 auto; border-radius:9px; color:white; background:var(--green); font:700 18px "Fraunces",serif; }.agent-mark { width:33px; height:33px; }.agent-card header strong,.agent-card header small { display:block; }.agent-card header strong { font-size:13px; }.agent-card header small { margin-top:2px; color:#678076; font-size:10px; }.agent-card header small i { display:inline-block; width:6px; height:6px; border-radius:50%; background:#56ad76; }.agent-card header button { margin-left:auto; border:0; background:transparent; color:#7a8b85; }.agent-chat { min-height:190px; max-height:250px; overflow:auto; padding:14px; }.agent-message { display:flex; align-items:flex-end; gap:7px; margin:9px 0; }.agent-message>span { width:21px; height:21px; border-radius:7px; font-size:12px; }.agent-message p { max-width:86%; margin:0; padding:9px 11px; border-radius:11px 11px 11px 3px; background:#edf4e9; font-size:11px; line-height:1.45; }.agent-message.user { justify-content:flex-end; }.agent-message.user p { border-radius:11px 11px 3px 11px; background:#dff1d7; }.agent-form { display:grid; grid-template-columns:1fr 30px; gap:5px; padding:10px; border-top:1px solid var(--line); }.agent-form input { min-width:0; border:0; outline:0; color:var(--ink); background:transparent; font-size:11px; }.agent-form button { border:0; border-radius:8px; color:#fff; background:var(--green); font-weight:700; }.agent-card>p { margin:0; padding:0 10px 10px; color:#94a19d; font-size:9px; text-align:center; }
.team-section { margin-top:24px; }.team-table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; min-width:640px; } th { padding:0 10px 10px; color:#8a9793; text-align:left; font-size:9px; letter-spacing:.8px; text-transform:uppercase; } td { padding:11px 10px; border-top:1px solid #edf1ee; color:#596863; font-size:11px; } td:first-child { color:var(--ink); } td:first-child strong { vertical-align:middle; }.person-avatar { display:inline-grid; place-items:center; width:26px; height:26px; margin-right:7px; border-radius:50%; color:#466554; background:#deedcf; font-size:8px; font-weight:700; vertical-align:middle; }.allocation,.status-pill { display:inline-block; border-radius:10px; padding:4px 7px; color:#43745b; background:#e7f3df; font-size:10px; font-weight:700; }.allocation.high,.status-pill.attention { color:#ad563f; background:#fff0eb; }.team-note { margin:13px 0 0; color:#81908b; font-size:10px; }
dialog { width:min(470px,calc(100vw - 32px)); border:1px solid var(--line); border-radius:15px; padding:0; color:var(--ink); background:#fffefa; box-shadow:0 22px 45px rgba(37,57,49,.2); } dialog::backdrop { background:rgba(22,38,33,.42); } dialog form,.dialog-content { padding:22px; } dialog header { display:flex; justify-content:space-between; gap:15px; } dialog header h2 { margin:0; font-size:22px; } dialog header button { border:0; background:transparent; color:#71807b; font-size:22px; } dialog label { display:grid; gap:5px; margin-top:14px; color:#5f6e69; font-size:11px; font-weight:700; } dialog input { padding:10px; border:1px solid #dfe7e1; border-radius:8px; outline-color:#8fbd88; color:var(--ink); background:#fff; font-size:12px; } dialog form>p,.dialog-content>p { margin:13px 0 0; color:#7f8d88; font-size:10px; line-height:1.45; } dialog footer { display:flex; justify-content:flex-end; gap:8px; margin-top:19px; } dialog footer button { padding:8px 11px; border-radius:8px; font-size:11px; font-weight:700; } dialog .secondary { border:1px solid var(--line); color:#667570; background:#fff; } dialog .primary { border:0; color:white; background:var(--green); }
@media (max-width:1100px) { .health-strip { grid-template-columns:repeat(2,1fr); }.health-primary { grid-column:span 2; }.attention-grid { grid-template-columns:1fr; }.lower-grid { grid-template-columns:1fr; }.agency-sidebar { width:215px; }.agency-shell { grid-template-columns:215px minmax(0,1fr); } }

/* Connected-dashboard states intentionally override the static presentation above. */
.connection-line { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.connection-line .agency-eyebrow { margin-bottom:0; }
.connection-badge,.source-chip,.visibility-badge { display:inline-flex; align-items:center; border-radius:99px; padding:4px 8px; color:#8d642d; background:#fff1d5; font-size:9px; font-weight:700; }
.connection-badge.connected { color:#287052; background:#e2f2df; }
.source-chip { color:#6d7b77; background:#eef1ee; }
.visibility-badge { color:#426d92; background:#e9f0f8; }
.demo-visibility-control { display:grid; gap:2px; color:#7c8985; font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
.demo-visibility-control select { height:25px; border:1px solid var(--line); border-radius:7px; color:#52655f; background:#fff; font-size:10px; text-transform:none; }
.section-actions { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.visibility-copy { margin:-7px 0 15px; color:#71817b; font-size:10px; }
.coverage-area { margin-top:22px; padding-top:19px; border-top:1px solid var(--line); }
.coverage-heading { display:flex; justify-content:space-between; gap:12px; align-items:flex-end; margin-bottom:11px; }
.coverage-heading h3 { margin:0; font:700 14px "DM Sans",sans-serif; }
.coverage-heading small { color:#7e8c87; font-size:9px; }
.coverage-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.coverage-item { padding:12px; border:1px solid #dfe7e1; border-radius:10px; background:#fbfcfa; }
.coverage-item header { display:flex; justify-content:space-between; gap:8px; }
.coverage-item strong { font-size:11px; }
.coverage-item p { margin:5px 0 0; color:var(--muted); font-size:10px; line-height:1.4; }
.coverage-item .access-state { color:#8a622c; font-size:9px; font-weight:700; }
.date-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.timesheet-strip { display:flex; justify-content:space-between; align-items:center; gap:14px; margin:-2px 0 18px; padding:13px; border:1px solid #dce7db; border-radius:11px; background:#f2f7ee; }
.timesheet-strip>div:first-child small,.timesheet-strip>div:first-child strong,.timesheet-strip>div:first-child span { display:block; }
.timesheet-strip>div:first-child small { color:#74857d; font-size:8px; font-weight:700; letter-spacing:1px; }
.timesheet-strip>div:first-child strong { margin-top:3px; font-size:13px; }
.timesheet-strip>div:first-child span { margin-top:2px; color:var(--muted); font-size:10px; }
.timesheet-strip>div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.timesheet-strip button { min-height:34px; border-radius:8px; font-size:10px; }
.internal-approval-panel { margin:0 0 18px; padding:15px 17px; border:1px solid #ead9b4; border-radius:12px; background:#fffaf0; }
.internal-approval-panel > header { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:10px; }
.internal-approval-panel > header div { display:grid; gap:2px; }
.internal-approval-panel > header small { color:#a57422; font-size:9px; font-weight:800; letter-spacing:1px; }
.internal-approval-panel > header strong { color:#4b3d21; font-size:15px; }
.internal-approval-panel > header > span { padding:5px 9px; border-radius:999px; background:#f4e4be; color:#765718; font-size:10px; font-weight:800; }
.internal-approval-panel > p { margin:10px 0 0; color:#786a50; font-size:11px; }
.internal-approval-list { display:grid; gap:8px; }
.internal-approval-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:10px 11px; border:1px solid #eee2c9; border-radius:10px; background:white; }
.internal-approval-item div { min-width:0; }
.internal-approval-item strong,.internal-approval-item span { display:block; }
.internal-approval-item strong { color:#31463e; font-size:13px; }
.internal-approval-item span { margin-top:3px; overflow:hidden; color:#728079; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.internal-approval-item button { padding:8px 10px; border:0; border-radius:8px; background:#2f6955; color:white; font-size:11px; font-weight:800; cursor:pointer; }
.person-title { display:block; margin:2px 0 0 36px; color:#8a9793; font-size:9px; }
.agency-header h1 { margin-top:8px; }
.agency-header-actions { flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.new-job,.secondary-action { padding:0 14px; font-weight:700; }
.secondary-action { border:1px solid var(--line); color:#51655e; background:#fff; }
.job-card { width:100%; color:inherit; text-align:left; }
.job-card:hover { border-color:#b9d2c1; transform:translateY(-1px); }
.empty-column,.empty-state { margin:8px; color:#8a9792; font-size:10px; line-height:1.4; }
dialog input,dialog select,dialog textarea { width:100%; padding:10px; border:1px solid #dfe7e1; border-radius:8px; outline-color:#8fbd88; color:var(--ink); background:#fff; font:12px "DM Sans",sans-serif; }
dialog textarea { resize:vertical; }
#client-time-fields,#internal-time-fields { padding:1px 0; }
#client-time-description[hidden] { display:none !important; }
#client-time-fields>p,#internal-time-fields>p { margin:7px 0 0; color:#9a6845; font-size:10px; }
.confirmation-preview { margin-top:15px; padding:12px; border:1px solid #bad4b7; border-radius:9px; background:#eff7e9; }
.confirmation-preview strong { display:block; font-size:12px; }
.confirmation-preview p { margin:5px 0 0; color:#5d6e67; font-size:10px; }
.policy-summary { display:flex; gap:12px; align-items:flex-start; padding:15px; border-radius:11px; background:#f3f6f1; }
.policy-summary>span { width:30px; height:30px; display:grid; place-items:center; border-radius:8px; color:#35664e; background:#e0eed7; }
.policy-summary strong { font-size:13px; }
.policy-summary p { margin:4px 0 0; color:var(--muted); font-size:11px; line-height:1.45; }
.toast { position:fixed; z-index:20; right:24px; bottom:24px; max-width:340px; padding:12px 15px; border-radius:10px; color:#fff; background:#276c52; box-shadow:0 13px 30px rgba(26,48,40,.23); font-size:12px; }
.toast.error { background:#a34f42; }
.auth-footer { align-items:center; flex-wrap:wrap; }
.auth-footer .link-button { margin-right:auto; padding-left:0; }
#login-feedback.error,#signup-feedback.error,#create-workspace-feedback.error,#invitation-feedback.error { color:#a34f42; }
.password-field { position:relative; width:100%; margin-top:5px; }
dialog .password-field input { padding-right:94px; }
dialog .password-toggle { position:absolute; top:50%; right:8px; min-height:30px; padding:5px 8px; border:0; transform:translateY(-50%); color:var(--rain-indigo); background:#f3f3f5; font-size:10px; font-weight:800; text-decoration:underline; text-underline-offset:2px; }
dialog .password-toggle:focus-visible { outline:2px solid var(--focus-magenta); outline-offset:2px; }
.login-recovery { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; padding:11px 12px; border:1px solid #d8d8dc; background:#f7f7f8; color:#55585d; font-size:11px; }
.login-recovery .link-button { min-height:34px; padding:7px 10px; color:#fff; background:var(--focus-magenta); text-decoration:none; }
.login-recovery .link-button:disabled { color:#55585d; background:#dedee2; }
button:disabled { cursor:wait; opacity:.62; }
.workspace-list { display:grid; gap:9px; margin-top:18px; }
.workspace-choice { display:grid; grid-template-columns:36px 1fr auto; gap:10px; align-items:center; width:100%; padding:11px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:#fff; text-align:left; }
.workspace-choice:hover,.workspace-choice.active { border-color:#aaca9f; background:#f0f6eb; }
.workspace-choice>span:first-child { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#28543e; background:#cfe4b9; font-size:10px; font-weight:700; }
.workspace-choice strong,.workspace-choice small { display:block; }
.workspace-choice strong { font-size:12px; }
.workspace-choice small { margin-top:3px; color:var(--muted); font-size:10px; }
.workspace-choice em { color:var(--green); font-size:9px; font-style:normal; font-weight:700; }
@media (max-width:820px) { .agency-header { flex-direction:column; }.agency-header-actions { justify-content:flex-start; }.notification-panel { right:auto; left:0; top:115px; } }
@media (max-width:720px) { .agency-shell { display:block; }.agency-sidebar { display:none; }.agency-content { padding:25px 16px 45px; }.agency-header { margin-bottom:24px; }.agency-header h1 { font-size:27px; }.health-strip { gap:10px; }.health-strip article { min-height:111px; padding:14px; }.health-strip strong { font-size:21px; }.health-primary { grid-column:span 2; }.section-title { flex-direction:column; }.attention-card,.kanban-section,.capacity-card,.team-section { padding:16px; }.capacity-row { grid-template-columns:105px 31px 1fr; }.notification-panel { right:0; left:auto; top:100px; }.coverage-list,.date-grid { grid-template-columns:1fr; }.coverage-heading { align-items:flex-start; flex-direction:column; } }
@media (max-width:720px) { .work-controls { width:100%; align-items:flex-start; justify-content:flex-start; }.calendar-toolbar { align-items:flex-start; flex-direction:column; }.calendar-period { flex-wrap:wrap; }.calendar-period strong { flex-basis:100%; margin:4px 0 0; }.unscheduled-jobs { align-items:flex-start; flex-direction:column; }.unscheduled-jobs>div:last-child { justify-content:flex-start; } }

.org-onboarding-strip { display:flex; justify-content:space-between; align-items:center; gap:14px; margin:2px 0 15px; padding:12px 14px; border:1px solid #dce7db; border-radius:11px; background:#f4f8f1; }
.org-onboarding-strip>div { display:flex; align-items:center; gap:9px; }
.org-onboarding-strip strong,.org-onboarding-strip small { display:block; }
.org-onboarding-strip strong { font-size:11px; }
.org-onboarding-strip small { margin-top:2px; color:var(--muted); font-size:9px; }
.org-mark { width:29px; height:29px; display:grid; place-items:center; border-radius:8px; color:#35664e; background:#dfedd6; font-weight:700; }
.wide-dialog { width:min(1180px,calc(100vw - 30px)); max-height:calc(100vh - 30px); }
.wide-dialog .dialog-content { max-height:calc(100vh - 30px); overflow:auto; }
.wide-dialog header>div>p:last-child { max-width:760px; margin:6px 0 0; color:var(--muted); font-size:10px; line-height:1.45; }
.org-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; margin-top:18px; }
.org-steps span { padding:8px 10px; border-radius:7px; color:#6f7d78; background:#eef2ee; font-size:9px; font-weight:700; }
.org-steps span.active { color:#2f674d; background:#e4f1dd; }
.org-client-setup { display:grid; grid-template-columns:minmax(210px,.9fr) minmax(330px,1.2fr); gap:10px 18px; align-items:end; margin-top:15px; padding:14px; border:1px solid #c8c8c8; background:#fff; }
.org-client-setup h3 { margin:0; font-size:14px; }
.org-client-setup>div:first-child>p:last-child { margin:5px 0 0; color:var(--muted); font-size:10px; line-height:1.45; }
.org-client-setup form { display:grid; grid-template-columns:minmax(180px,1fr) auto; gap:8px; align-items:end; }
.org-client-setup form label { margin:0; color:#34363a; font-size:10px; }
.org-client-setup form input { min-height:36px; }
.org-client-setup form button { min-height:36px; padding:8px 12px; white-space:nowrap; }
.org-client-list { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:6px; min-height:26px; }
.org-client-list > span { display:inline-flex; align-items:center; min-height:26px; padding:4px 5px 4px 8px; border:1px solid #c8c8c8; color:#34363a; background:#f7f7f7; font-size:9px; font-weight:700; }
.org-dimension-chip button { width:19px; height:19px; display:grid; place-items:center; margin-left:7px; padding:0; border:0; border-radius:50%; color:#707a76; background:#e7ebe8; font-size:13px; line-height:1; cursor:pointer; }
.org-dimension-chip button:hover,.org-dimension-chip button:focus-visible { color:#fff; background:var(--focus-magenta-dark); outline:2px solid #f3bdd7; }
.org-client-list .empty-state { margin:0; }
.org-client-feedback { grid-column:1/-1; margin:0; color:#5f6e69; font-size:10px; }
.org-client-feedback.error { color:var(--focus-magenta-dark); font-weight:700; }
#archive-dimension-feedback.error { color:var(--focus-magenta-dark); font-weight:700; }
#archive-dimension-dialog .danger-action { background:var(--focus-magenta-dark); }
.org-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); gap:8px; margin-top:13px; }
.org-summary article { padding:10px; border:1px solid #e1e8e3; border-radius:9px; background:#fff; }
.org-summary strong,.org-summary small { display:block; }
.org-summary strong { font:700 18px "Fraunces",serif; }
.org-summary small { margin-top:2px; color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.5px; }
.org-import { display:grid; grid-template-columns:minmax(190px,.8fr) minmax(320px,1.6fr) auto; gap:10px; align-items:end; margin-top:15px; padding:12px; border:1px dashed #cad9ce; border-radius:10px; background:#f7f9f5; }
.org-import strong { font-size:11px; }
.org-import p { margin:3px 0 0; color:var(--muted); font-size:9px; line-height:1.4; }
.org-import textarea { width:100%; min-height:64px; resize:vertical; padding:9px; border:1px solid #dfe7e1; border-radius:8px; font:10px "DM Sans",sans-serif; }
.org-import button,.add-org-row { min-height:34px; padding:7px 10px; border:1px solid var(--line); border-radius:8px; color:#51655e; background:#fff; font-size:10px; font-weight:700; }
.org-file-picker { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:9px; }
.org-file-picker label { display:inline-flex; align-items:center; min-height:32px; padding:6px 9px; border:1px solid #bdbfc3; border-radius:7px; color:#303236; background:#fff; cursor:pointer; font-size:10px; font-weight:750; }
.org-file-picker label:hover { border-color:var(--focus-magenta); color:var(--focus-magenta-dark); }
.org-file-picker label:focus-within { outline:2px solid var(--focus-magenta); outline-offset:2px; }
.org-file-picker input { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.org-file-picker span { max-width:210px; overflow:hidden; color:#6d7075; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.org-grid-wrap { margin-top:13px; overflow:auto; border:1px solid #e2e8e4; border-radius:10px; }
.org-grid { min-width:1320px; }
.org-grid th { padding:9px; background:#f0f3f0; }
.org-grid td { padding:7px; vertical-align:top; background:#fff; }
.org-grid input,.org-grid select { min-width:118px; width:100%; padding:8px; border:1px solid #dfe7e1; border-radius:7px; color:var(--ink); background:#fff; font-size:10px; }
.org-grid td:first-child input { min-width:160px; }
.org-grid .org-accounts-cell { min-width:390px; }
.org-all-accounts { display:flex; align-items:center; gap:7px; margin:0 0 7px; color:#34363a; font-size:10px; font-weight:750; cursor:pointer; }
.org-grid .org-all-accounts input { appearance:none; position:relative; flex:0 0 auto; min-width:34px; width:34px; height:18px; padding:0; border:1px solid #a9abb0; border-radius:999px; background:#dfe0e3; cursor:pointer; transition:background .16s ease,border-color .16s ease; }
.org-grid .org-all-accounts input::after { content:""; position:absolute; top:2px; left:2px; width:12px; height:12px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.18); transition:transform .16s ease; }
.org-grid .org-all-accounts input:checked { border-color:var(--focus-magenta); background:var(--focus-magenta); }
.org-grid .org-all-accounts input:checked::after { transform:translateX(16px); }
.org-grid .org-all-accounts input:focus-visible { outline:2px solid var(--focus-magenta); outline-offset:2px; }
.org-grid .org-all-accounts input:disabled { opacity:.45; cursor:not-allowed; }
.org-account-list { display:grid; gap:6px; }
.org-account-row { display:grid; grid-template-columns:minmax(110px,1fr) minmax(120px,1fr) 64px 26px; gap:5px; align-items:center; padding:6px; border:1px solid #e5ebe6; border-radius:7px; background:#f8faf8; }
.org-grid .org-account-row input,.org-grid .org-account-row select { min-width:0; padding:7px 6px; }
.org-account-allocation { text-align:center; }
.org-account-remove { width:26px; height:26px; border:0; border-radius:6px; color:#9b5a4d; background:#fff0eb; font-weight:700; }
.org-add-account { width:100%; margin-top:6px; padding:6px 8px; border:1px dashed #b9cbc0; border-radius:7px; color:#35664e; background:#f3f8f1; font-size:9px; font-weight:700; }
.org-grid .protected-column { color:#8a622c; background:#fff8e9; }
.org-grid .remove-org-row { width:28px; height:28px; border:0; border-radius:7px; color:#9b5a4d; background:#fff0eb; font-weight:700; }
.add-org-row { margin-top:9px; }
.org-questions { display:grid; grid-template-columns:210px 1fr; gap:14px; margin-top:16px; padding:13px; border-radius:10px; background:#eef5ea; }
.org-questions strong,.org-questions small { display:block; }
.org-questions strong { font-size:11px; }
.org-questions small { margin-top:3px; color:var(--muted); font-size:9px; line-height:1.4; }
.org-questions ol { display:grid; gap:5px; margin:0; padding-left:17px; color:#53665e; font-size:9px; line-height:1.4; }
.org-feedback { margin-top:13px; padding:10px 12px; border-radius:8px; color:#446a56; background:#eaf4e5; font-size:10px; }
.org-feedback.error { color:#974c3e; background:#fff0eb; }
.org-confirm { display:flex; grid-template-columns:auto 1fr; align-items:center; gap:7px; margin-top:12px; font-size:10px; }
.org-confirm input { width:auto; }
.org-footer { flex-wrap:wrap; }
.org-security-note { text-align:right; }
@media (max-width:900px) { .org-steps { grid-template-columns:repeat(3,1fr); }.org-summary { grid-template-columns:repeat(2,1fr); }.org-client-setup,.org-import { grid-template-columns:1fr; }.org-client-list,.org-client-feedback { grid-column:1; }.org-questions { grid-template-columns:1fr; } }
@media (max-width:720px) { .org-onboarding-strip { align-items:flex-start; flex-direction:column; }.wide-dialog { width:calc(100vw - 16px); }.wide-dialog .dialog-content { padding:16px; }.org-steps { grid-template-columns:1fr 1fr; }.org-client-setup form { grid-template-columns:1fr; }.org-summary { grid-template-columns:1fr 1fr; }.org-footer button { flex:1 1 140px; } }

.access-section { scroll-margin-top:20px; }
.invitation-banner { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:14px 0; padding:14px; border:1px solid #bcd6b6; border-radius:11px; background:#eef7e9; }
.invitation-banner strong,.invitation-banner p { display:block; margin:0; }
.invitation-banner strong { font-size:12px; }.invitation-banner p { margin-top:4px; color:var(--muted); font-size:10px; }
.primary-inline { min-height:34px; padding:8px 12px; border:0; border-radius:8px; color:#fff; background:var(--green); font-size:10px; font-weight:800; white-space:nowrap; }
.access-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:14px; margin-top:14px; }
.access-grid>article { min-width:0; padding:14px; border:1px solid var(--line); border-radius:11px; background:#fbfcfa; }
.access-grid>article>header { display:flex; justify-content:space-between; gap:10px; margin-bottom:9px; }
.access-grid>article>header strong { font-size:12px; }.access-grid>article>header small { color:var(--muted); font-size:9px; }
.access-list { display:grid; gap:7px; }
.access-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:9px 10px; border:1px solid #e2e9e4; border-radius:9px; background:#fff; }
.access-row strong,.access-row small { display:block; }.access-row strong { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.access-row small { margin-top:3px; color:var(--muted); font-size:9px; }
.access-row-actions { display:flex; align-items:center; gap:5px; }.access-row-actions select,.access-row-actions button { min-height:29px; border:1px solid var(--line); border-radius:7px; color:#51655e; background:#fff; font-size:9px; }.access-row-actions button { padding:0 8px; font-weight:700; }.access-row-actions button.danger { color:#9b4e42; background:#fff3ef; }
.file-list { display:grid; gap:7px; max-height:220px; overflow:auto; margin:14px 0; }
.file-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:9px; border:1px solid var(--line); border-radius:8px; background:#fbfcfa; }
.file-row strong,.file-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.file-row strong { font-size:10px; }.file-row small { margin-top:2px; color:var(--muted); font-size:8px; }.file-row button { border:0; color:#35664e; background:transparent; font-size:9px; font-weight:800; }
.job-status-control { display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,.7fr) auto; gap:10px; align-items:end; margin:14px 0; padding:13px; border:1px solid #d5d5d8; background:#f7f7f7; }
.job-status-control>div:first-child strong,.job-status-control>div:first-child small { display:block; }
.job-status-control>div:first-child strong { font-size:11px; }
.job-status-control>div:first-child small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.4; }
.job-status-control>div:first-child small.error { color:#9f285c; }
.job-status-control label { margin:0; }
.job-status-control .confirmation-preview { grid-column:1/-1; margin:0; border-left:3px solid var(--focus-magenta); }
#job-status-submit { min-height:36px; border-color:var(--focus-magenta); color:var(--focus-magenta); background:#fff; font-weight:800; }
#job-status-submit:hover { color:#fff; background:var(--focus-magenta); }
@media (max-width:820px) { .access-grid { grid-template-columns:1fr; }.invitation-banner { align-items:flex-start; flex-direction:column; } }
@media (max-width:620px) { .job-status-control { grid-template-columns:1fr; }.job-status-control .confirmation-preview { grid-column:1; } }

.billing-section { scroll-margin-top:20px; }
.billing-current { margin:14px 0; padding:15px 17px; border:1px solid #dbe6dd; border-radius:11px; background:#f3f7f1; }
.billing-current strong,.billing-current p { display:block; margin:0; }
.billing-current strong { font-size:13px; }.billing-current p { margin-top:4px; color:var(--muted); font-size:10px; }
.billing-plans { display:grid; grid-template-columns:minmax(0,520px); gap:11px; }
.billing-plans article { position:relative; display:flex; flex-direction:column; min-height:178px; padding:16px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.billing-plans article.recommended { border-color:#91b58c; box-shadow:0 7px 18px rgba(53,102,78,.09); }
.billing-plans article>span { position:absolute; top:10px; right:10px; padding:3px 6px; border-radius:99px; color:#2f694f; background:#e2f0dc; font-size:7px; font-weight:800; }
.billing-plans small { color:#71817b; font-size:8px; font-weight:800; letter-spacing:1px; }
.billing-plans strong { margin-top:8px; font-size:14px; }.billing-plans p { flex:1; margin:7px 0 13px; color:var(--muted); font-size:10px; line-height:1.45; }
.billing-plans button { min-height:35px; border:0; border-radius:8px; color:#fff; background:var(--green); font-size:10px; font-weight:800; cursor:pointer; }
.billing-plans button:disabled { color:#77827e; background:#e6ebe7; }
.billing-seat-field { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:8px 0; color:#42534d; font-size:10px; font-weight:700; }
.billing-seat-field input { width:110px; min-height:34px; padding:6px 9px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:#fff; font:inherit; }
.billing-plans output { margin:0 0 12px; color:#2f694f; font-size:10px; font-weight:800; }
@media (max-width:820px) { .billing-plans { grid-template-columns:1fr; } }

.cost-period { display:flex; align-items:end; gap:8px; }
.cost-period label { display:grid; gap:4px; color:var(--muted); font-size:9px; font-weight:700; text-transform:uppercase; }
.cost-period input { min-height:34px; padding:0 9px; border:1px solid var(--line); color:var(--ink); background:#fff; font:11px inherit; }
.cost-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1px; margin:14px 0; border:1px solid var(--line); background:var(--line); }
.cost-summary article { min-height:86px; padding:14px; background:#fff; }
.cost-summary small,.cost-summary strong,.cost-summary span { display:block; }
.cost-summary small { color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }
.cost-summary strong { margin-top:7px; font-size:19px; }
.cost-summary span { margin-top:3px; color:var(--muted); font-size:9px; }
.cost-table-wrap { overflow-x:auto; border:1px solid var(--line); }
.cost-table-wrap table { min-width:720px; }
.cost-table-wrap td:not(:first-child) { font-variant-numeric:tabular-nums; }
.cost-table-wrap td:last-child { color:var(--ink); font-weight:800; }
.access-row-actions button.offboard { color:#fff; background:#303236; border-color:#303236; }
@media (max-width:820px) { .cost-period { width:100%; flex-wrap:wrap; }.cost-period label { flex:1 1 130px; }.cost-period input { width:100%; } }

/* Orça Agency OS — rectilinear operational interface. */
:root {
  --ink:#182033;
  --ink-soft:#344054;
  --muted:#667085;
  --line:#d7dce5;
  --line-strong:#b9c0cd;
  --paper:#ffffff;
  --background:#f3f5f8;
  --green:#5b4cf0;
  --light-green:#eeecff;
  --amber:#d98b26;
  --light-amber:#fff5dd;
  --blue:#287da8;
  --light-blue:#e7f4f8;
  --red:#e1584b;
  --light-red:#fff0ed;
  --violet:#5b4cf0;
  --violet-dark:#4338ca;
  --coral:#ff6b5e;
  --mint:#29a889;
  --sidebar:#171a28;
  --sidebar-soft:#222638;
  --sidebar-line:#34394e;
}

html { scroll-behavior:smooth; }
body { color:var(--ink); background:var(--background); font-family:"Manrope",sans-serif; font-size:14px; }
body::before { content:""; position:fixed; z-index:-1; inset:0; background:linear-gradient(135deg,rgba(91,76,240,.035),transparent 32%),linear-gradient(315deg,rgba(41,168,137,.025),transparent 28%); pointer-events:none; }
::selection { color:#fff; background:var(--violet); }
h1,h2,h3 { font-family:"Manrope",sans-serif; letter-spacing:-.035em; }
button,input,select,textarea { font-family:"Manrope",sans-serif; }
button { transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid rgba(91,76,240,.22); outline-offset:2px; }

.agency-shell { grid-template-columns:238px minmax(0,1fr); }
.agency-sidebar { width:auto; padding:22px 14px 16px; color:#f5f7ff; background:var(--sidebar); border-right:1px solid #0f111b; }
.agency-brand { display:flex; align-items:center; gap:11px; min-height:42px; padding:0 7px 22px; color:#fff; font:inherit; letter-spacing:0; }
.agency-brand .brand-symbol { position:relative; width:34px; height:34px; display:grid; place-items:center; overflow:hidden; color:#fff; background:linear-gradient(145deg,var(--violet) 0 58%,var(--coral) 58%); border:1px solid rgba(255,255,255,.24); border-radius:2px; font-size:16px; font-weight:800; }
.agency-brand .brand-symbol::after { content:""; position:absolute; width:8px; height:8px; right:4px; top:4px; border:2px solid #fff; opacity:.82; }
.agency-brand .brand-copy { display:grid; gap:1px; }
.agency-brand strong { font-size:15px; font-weight:800; letter-spacing:.17em; }
.agency-brand em { margin:0; color:#969db4; font:700 8px "Manrope",sans-serif; letter-spacing:.19em; }
.tenant-switcher { gap:10px; margin:0 0 24px; padding:10px; border-color:var(--sidebar-line); border-radius:2px; background:var(--sidebar-soft); }
.tenant-switcher strong { color:#fff; font-size:11px; }
.tenant-switcher small { color:#969db4; font-size:9px; }
.tenant-switcher button { color:#aeb4c6; }
.tenant-mark,.profile-initials { border-radius:50%; color:#fff; background:var(--violet); }
.nav-label { margin:0 10px 8px; color:#777f98; font-size:8px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.agency-sidebar nav { gap:2px; }
.agency-nav { position:relative; gap:10px; padding:10px 11px; border:1px solid transparent; border-radius:2px; color:#aeb4c6; font-size:11px; font-weight:600; }
.agency-nav span { width:22px; color:#747c97; font-size:8px; font-weight:800; letter-spacing:.08em; }
.agency-nav:hover { color:#fff; background:#202436; }
.agency-nav.active { color:#fff; background:#2a2e45; border-color:#3b405b; box-shadow:inset 3px 0 0 var(--coral); }
.agency-nav.active span { color:#9e96ff; }
.sidebar-privacy { padding:11px; border:1px solid var(--sidebar-line); border-radius:2px; color:#b8bfd0; background:#1e2232; }
.sidebar-privacy>span { color:#8f86ff; }
.sidebar-privacy p { font-size:9px; }
.sidebar-privacy strong { color:#f3f4f8; }
.agency-profile { margin-top:12px; padding:12px 6px 2px; border-top:1px solid var(--sidebar-line); color:#fff; }
.agency-profile .profile-initials { color:#fff; background:#c74f65; }
.agency-profile strong { font-size:11px; }.agency-profile small { color:#9199b0; font-size:9px; }.agency-profile b { color:#747c97; }

.agency-content { max-width:none; padding:26px clamp(20px,3vw,44px) 64px; }
.agency-header { z-index:3; margin:0 -4px 22px; padding:4px 4px 21px; border-bottom:1px solid var(--line); background:rgba(243,245,248,.95); backdrop-filter:blur(10px); }
.agency-header h1 { margin:9px 0 5px; color:#121827; font-size:29px; font-weight:750; }
.agency-header h1 span { color:var(--coral); }
.agency-subtle { color:var(--muted); font-size:12px; }
.agency-eyebrow { margin-bottom:6px; color:#7b8495; font-size:8px; font-weight:800; letter-spacing:.17em; }
.connection-line { gap:6px; }
.connection-badge,.source-chip,.visibility-badge,.allocation,.status-pill { border:1px solid transparent; border-radius:2px; padding:4px 7px; font-size:8px; font-weight:800; letter-spacing:.02em; }
.connection-badge { color:#986519; background:var(--light-amber); border-color:#f2d89b; }
.connection-badge.connected { color:#14705d; background:#e2f5f0; border-color:#b5e2d7; }
.source-chip { color:#596273; background:#eef0f4; border-color:#dde1e8; }
.visibility-badge { color:#4338ca; background:#eeecff; border-color:#d7d2ff; }
.agency-header-actions { gap:7px; align-items:flex-end; }
.agency-header-actions button,.new-job,.secondary-action { min-height:36px; border-radius:2px; font-size:10px; font-weight:750; }
.secondary-action { border-color:var(--line-strong); color:#3c4658; background:#fff; }
.secondary-action:hover { border-color:#8f98aa; background:#f8f9fb; }
.new-job { color:#fff; background:var(--violet); box-shadow:0 4px 12px rgba(91,76,240,.18); }
.new-job:hover { background:var(--violet-dark); transform:translateY(-1px); }
.notification-button { width:36px; border-color:var(--line-strong); border-radius:2px !important; color:#485163; background:#fff; }
.notification-button i { border-radius:50%; background:var(--coral); }
.demo-visibility-control { color:#777f8f; font-size:7px; letter-spacing:.08em; }
.demo-visibility-control select { height:26px; border-color:var(--line-strong); border-radius:2px; color:#364052; background:#fff; font-size:9px; }
.notification-panel { top:48px; right:96px; border-color:var(--line-strong); border-radius:2px; background:#fff; box-shadow:0 18px 48px rgba(24,32,51,.18); }

.health-strip { grid-template-columns:1.18fr repeat(3,1fr); gap:1px; margin-bottom:18px; border:1px solid var(--line); background:var(--line); }
.health-strip article { position:relative; min-height:116px; padding:17px 18px; border:0; border-radius:0; background:#fff; }
.health-strip article::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:#c7ccd6; }
.health-strip article:nth-child(2)::after { background:var(--coral); }
.health-strip article:nth-child(3)::after { background:var(--mint); }
.health-strip article:nth-child(4)::after { background:#35a4c6; }
.health-strip .health-primary { border:0; background:linear-gradient(120deg,#4f46df,#6c5cf4); }
.health-strip .health-primary::after { background:var(--coral); }
.health-strip p { margin-bottom:8px; font-size:10px; font-weight:650; }.health-primary p { color:#dcd9ff; }
.health-strip strong { margin-bottom:4px; font:800 25px "Manrope",sans-serif; letter-spacing:-.04em; }
.health-strip small,.health-strip>article>span:last-child { font-size:9px; }
.health-primary>span:last-child { color:#e0ddff; }
.metric-icon { width:25px; height:25px; border-radius:2px; font-size:11px; }
.metric-icon.amber { color:#9b5e12; background:#ffedc4; }.metric-icon.green { color:#12735e; background:#dff5ef; }.metric-icon.blue { color:#176b91; background:#e2f1f7; }

.attention-card,.kanban-section,.capacity-card,.agent-card,.team-section { border-color:var(--line); border-radius:2px; background:#fff; box-shadow:0 3px 12px rgba(24,32,51,.035); }
.attention-card,.capacity-card,.team-section { padding:20px; }
.section-title { margin-bottom:16px; }.section-title h2 { color:#171d2c; font-size:18px; font-weight:750; }
.section-description { color:#6f7888; font-size:10px; }
.link-button { color:var(--violet); }
.attention-grid { gap:8px; }
.attention-item { grid-template-columns:25px 1fr; padding:11px; border-color:#dde1e8; border-radius:2px; background:#fbfcfd; }
.attention-item>span { width:24px; height:24px; border-radius:2px; }
.attention-item strong { font-size:10px; }.attention-item p { color:#70798a; font-size:9px; }.attention-item button { color:var(--violet); font-size:9px; }

.kanban-section { margin-top:18px; padding:0; overflow:hidden; background:#fff; }
.kanban-section>.section-title { margin:0; padding:18px 20px 16px; border-bottom:1px solid var(--line); }
.work-controls { gap:7px; }
.view-switcher { padding:2px; border-color:var(--line-strong); border-radius:2px; background:#edf0f4; }
.view-switcher button { border-radius:1px; padding:6px 10px; color:#667085; font-size:9px; }
.view-switcher button.active { color:#3f34ca; background:#fff; box-shadow:0 1px 3px rgba(24,32,51,.12); }
.filter-pills { gap:4px; }
.filter-pills button { border-color:var(--line); border-radius:2px; padding:6px 9px; color:#687284; background:#fff; font-size:9px; }
.filter-pills button.active { border-color:#b9b3ff; color:#4338ca; background:#eeecff; }
.kanban-board { gap:10px; padding:14px; background:#eef1f5; }
.kanban-column { min-width:220px; padding:0 0 9px; border-color:#d4d9e2; border-radius:2px; background:#e7ebf1; }
.kanban-column>header { min-height:38px; margin:0; padding:9px 10px; border-bottom:1px solid #d4d9e2; background:#f5f6f8; }
.kanban-column>header strong { font-size:10px; text-transform:uppercase; letter-spacing:.04em; }.kanban-column>header small { font-size:9px; }
.column-dot { border-radius:1px; }.column-dot.slate { background:#7f8898; }.column-dot.blue { background:#4c7fe8; }.column-dot.amber { background:#e5a134; }.column-dot.green { background:var(--mint); }
.kanban-cards { gap:7px; padding:8px 8px 0; }
.job-card { padding:11px; border-color:#d8dde6; border-radius:2px; background:#fff; box-shadow:0 1px 2px rgba(24,32,51,.06); }
.job-card:hover { border-color:#948cff; box-shadow:0 5px 14px rgba(24,32,51,.11); transform:translateY(-2px); }
.job-card p { color:#747d8e; font-size:9px; }.job-card h3 { color:#20283a; font-size:11px; }
.job-tag { border-radius:1px; color:#536073; background:#edf0f4; font-size:8px; }
.job-priority i,.priority-legend i { border-radius:1px; }
.people i { border-radius:50%; color:#4338ca; background:#e7e4ff; }
.add-card { width:calc(100% - 16px); margin:8px 8px 0; padding:7px; color:#5d6677; border:1px dashed #c2c8d2; border-radius:2px; background:rgba(255,255,255,.45); }

.calendar-view { padding:14px; border-top:0; background:#f7f8fa; }
.calendar-period button,.unscheduled-jobs button { border-radius:2px; }.calendar-period strong { font-family:"Manrope",sans-serif; font-size:16px; }
.calendar-weekdays { border-color:var(--line); border-radius:2px 2px 0 0; background:#e8ebf0; }
.calendar-day { background:#fff; }.calendar-day.outside-month { background:#f1f3f6; }
.calendar-day>header time,.calendar-day>header small { border-radius:2px; }.calendar-day.today>header time { background:var(--violet); }
.calendar-job { border-radius:2px; }.unscheduled-jobs { border-radius:2px; background:#eef1f5; }.unscheduled-icon { border-radius:2px; }

.lower-grid { gap:18px; margin-top:18px; }
.timesheet-strip,.internal-approval-panel,.internal-approval-item { border-radius:2px; }
.timesheet-strip { border-color:#d8d4ff; background:#f3f1ff; }
.timesheet-strip>div:first-child small { color:#655bc2; }.timesheet-strip button { border-radius:2px; }
.capacity-progress { height:6px; border-radius:1px; background:#e4e7ec; }.capacity-progress i { border-radius:0; background:linear-gradient(90deg,var(--mint),#66c7ac); }.capacity-progress i.overload { background:linear-gradient(90deg,#e9a13b,var(--coral)); }
.agent-card { border-color:#302c54; background:#fff; }
.agent-card>header { padding:13px 14px; border-bottom-color:#39355f; background:#25213e; }
.agent-card header strong { color:#fff; }.agent-card header small { color:#b8b3d8; }.agent-card header button { color:#aaa5cc; }
.agent-mark,.agent-message>span { border-radius:2px; background:var(--violet); font-family:"Manrope",sans-serif; }
.agent-chat { min-height:212px; background:linear-gradient(180deg,#fff,#fbfbfe); }
.agent-message p,.agent-message.user p { border-radius:2px; }.agent-message p { background:#efedff; }.agent-message.user p { color:#fff; background:#33384b; }
.agent-form { background:#fff; }.agent-form button { border-radius:2px; background:var(--violet); }

.team-section { margin-top:18px; }
.org-onboarding-strip,.coverage-item,.invitation-banner,.access-grid>article,.access-row,.file-row,.billing-current,.billing-plans article,.policy-summary { border-radius:2px; }
.org-onboarding-strip { border-color:#d9d5ff; background:#f4f2ff; }
.org-mark,.policy-summary>span { border-radius:2px; color:#fff; background:var(--violet); }
.team-table-wrap { border:1px solid var(--line); }
table { background:#fff; } th { padding:10px; background:#f0f2f5; } td { border-top-color:#e3e6ec; }
.person-avatar { color:#4338ca; background:#e7e4ff; }
.allocation,.status-pill { color:#13715c; background:#e4f5f0; border-color:#bce4d9; }.allocation.high,.status-pill.attention { color:#a4453b; background:#fff0ed; border-color:#f3c5bf; }
.coverage-area { border-top-color:var(--line); }
.access-grid>article { background:#f8f9fb; }.access-row { background:#fff; }
.access-row-actions select,.access-row-actions button,.primary-inline { border-radius:2px; }.primary-inline { background:var(--violet); }
.billing-plans article.recommended { border-color:#aaa3ff; box-shadow:5px 5px 0 #e8e5ff; }
.billing-plans article>span { border-radius:2px; color:#4338ca; background:#e7e4ff; }
.billing-plans button { border-radius:2px; background:var(--violet); }.billing-seat-field input { border-radius:2px; }

dialog { border-color:var(--line-strong); border-radius:2px; background:#fff; box-shadow:0 28px 70px rgba(17,24,39,.3); }
dialog input,dialog select,dialog textarea,dialog footer button,.confirmation-preview,.workspace-choice,.org-steps span,.org-summary article,.org-import,.org-grid-wrap,.org-grid input,.org-grid select,.org-account-row,.org-account-remove,.org-add-account,.remove-org-row,.add-org-row,.org-questions,.org-feedback { border-radius:2px; }
dialog .primary { background:var(--violet); }.confirmation-preview { border-color:#c9c4ff; background:#f2f0ff; }
.workspace-choice:hover,.workspace-choice.active { border-color:#aaa3ff; background:#f2f0ff; }.workspace-choice>span:first-child { color:#fff; background:var(--violet); }
.org-steps span.active { color:#4338ca; background:#e8e5ff; }.org-feedback { color:#4338ca; background:#eeecff; }
.toast { border-radius:2px; background:var(--violet); box-shadow:0 16px 40px rgba(24,32,51,.24); }.toast.error { background:#b8423a; }

@media (max-width:1100px) {
  .agency-shell { grid-template-columns:210px minmax(0,1fr); }
  .agency-sidebar { width:auto; }
  .agency-content { padding-inline:22px; }
}
@media (max-width:820px) {
  .agency-header { flex-direction:column; }
  .agency-header-actions { justify-content:flex-start; }
  .health-strip { grid-template-columns:repeat(2,1fr); }
  .health-primary { grid-column:span 2; }
}
@media (max-width:720px) {
  .agency-shell { display:block; }
  .agency-sidebar { position:sticky; z-index:10; top:0; width:100%; height:auto; display:grid; grid-template-columns:auto minmax(0,1fr); padding:10px 12px 8px; box-shadow:0 5px 18px rgba(16,19,31,.2); }
  .agency-brand { padding:0; }.agency-brand .brand-symbol { width:30px; height:30px; }.agency-brand em { display:none; }
  .tenant-switcher,.nav-label,.sidebar-privacy,.agency-profile { display:none; }
  .agency-sidebar nav { grid-column:1/-1; display:flex; gap:2px; margin-top:8px; overflow-x:auto; padding-bottom:2px; }
  .agency-nav { flex:0 0 auto; padding:8px 10px; white-space:nowrap; }.agency-nav span { display:none; }
  .agency-content { padding:18px 12px 42px; }
  .agency-header { padding-bottom:16px; }.agency-header h1 { font-size:24px; }
  .agency-header-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; }
  .agency-header-actions .demo-visibility-control { grid-column:1/-1; }.agency-header-actions button { width:100%; padding-inline:8px; }
  .notification-panel { top:160px; right:0; left:0; width:100%; }
  .health-strip { gap:1px; }.health-strip article { min-height:104px; padding:13px; }
  .attention-card,.capacity-card,.team-section { padding:15px; }
  .kanban-section>.section-title { padding:15px; }
  .work-controls { width:100%; justify-content:flex-start; }
  .section-title { flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }

/* Orça neutral foundation — sharp, restrained and intentionally non-generative. */
:root {
  --ink:#202124;
  --ink-soft:#3c4043;
  --muted:#6f7378;
  --line:#dddddd;
  --line-strong:#b7b7b7;
  --paper:#ffffff;
  --background:#ffffff;
  --green:#292b2e;
  --light-green:#f2f2f2;
  --amber:#606368;
  --light-amber:#f5f5f5;
  --blue:#4c4f54;
  --light-blue:#f1f1f1;
  --red:#2f3134;
  --light-red:#eeeeee;
  --violet:#292b2e;
  --violet-dark:#17181a;
  --coral:#5e6166;
  --mint:#777a7f;
  --sidebar:#ffffff;
  --sidebar-soft:#f7f7f7;
  --sidebar-line:#dedede;
}

* { border-radius:0 !important; }
body { color:var(--ink); background:#fff; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
body::before { display:none; }
h1,h2,h3,button,input,select,textarea { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
::selection { color:#fff; background:#303236; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline-color:#8b8e93; }

.agency-sidebar { color:#202124; background:#fff; border-right-color:#d5d5d5; box-shadow:2px 0 0 #f3f3f3; }
.agency-brand { color:#202124; }
.agency-brand .brand-symbol { color:#fff; background:#25272a; border-color:#25272a; }
.agency-brand .brand-symbol::after { border-color:#fff; }
.agency-brand em { color:#777a80; }
.tenant-switcher { border-color:#cfcfcf; background:#fff; box-shadow:2px 2px 0 #ededed; }
.tenant-switcher strong { color:#202124; }.tenant-switcher small,.tenant-switcher button { color:#73767b; }
.tenant-mark,.profile-initials { color:#fff; background:#3a3c40; }
.nav-label { margin-top:1px; color:#777a7f; }
.agency-sidebar nav { gap:6px; }
.agency-nav { min-height:40px; padding:9px 10px; color:#36383c; background:#fff; border-color:#d7d7d7; box-shadow:1px 1px 0 #eeeeee; font-size:11px; }
.agency-nav::after { content:"›"; margin-left:auto; color:#9a9ca0; font-size:15px; line-height:1; }
.agency-nav span { width:18px; height:18px; display:grid; place-items:center; color:#5c5f64; }
.agency-nav svg { width:17px; height:17px; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:square; stroke-linejoin:miter; }
.agency-nav:hover { color:#111; background:#f4f4f4; border-color:#a9a9a9; }
.agency-nav.active { color:#fff; background:#292b2e; border-color:#292b2e; box-shadow:none; }
.agency-nav.active span,.agency-nav.active::after { color:#fff; }
.sidebar-privacy { color:#5f6266; background:#fafafa; border-color:#d8d8d8; }
.sidebar-privacy>span,.sidebar-privacy strong { color:#35373a; }

.agency-content,.agency-header { background:#fff; }
.agency-header { border-bottom-color:#d7d7d7; backdrop-filter:none; }
.agency-header h1 { color:#202124; }.agency-header h1 span { color:#56595e; }
.agency-eyebrow { color:#777a7f; }
.connection-badge,.source-chip,.visibility-badge,.allocation,.status-pill { color:#404246; background:#f1f1f1; border-color:#cfcfcf; }
.connection-badge.connected { color:#202124; background:#e8e8e8; border-color:#bdbdbd; }
.agency-header-actions { flex-wrap:wrap; }
.secondary-action,.notification-button { color:#303236; background:#fff; border-color:#bdbdbd; box-shadow:1px 1px 0 #ededed; }
.secondary-action:hover,.notification-button:hover { color:#111; background:#f3f3f3; border-color:#8d8d8d; }
.new-job,.primary-inline,dialog .primary,.billing-plans button { color:#fff; background:#292b2e; box-shadow:none; }
.new-job:hover,.primary-inline:hover,dialog .primary:hover,.billing-plans button:hover { background:#111214; transform:none; }
.notification-button i { background:#333538; border-color:#fff; }
.demo-visibility-control select { color:#303236; background:#fff; border-color:#bdbdbd; }
.notification-panel { background:#fff; border-color:#b8b8b8; box-shadow:8px 8px 0 rgba(32,33,36,.12); }
.notification-panel li.unread>span { background:#313337; }
.notification-panel header button,.link-button { color:#292b2e; text-decoration:underline; text-underline-offset:3px; }

.header-profile { min-width:188px; min-height:46px !important; display:grid; grid-template-columns:31px minmax(0,1fr) auto; gap:8px; align-items:center; margin:0 0 0 4px; padding:6px 8px !important; color:#202124; background:#fff; border:1px solid #aaa !important; box-shadow:2px 2px 0 #e5e5e5; text-align:left; }
.header-profile:hover { background:#f3f3f3; border-color:#6f6f6f !important; }
.header-profile .profile-initials { width:30px; height:30px; color:#fff; background:#3a3c40; }
.header-profile strong,.header-profile small { display:block; }.header-profile strong { font-size:10px; }.header-profile small { margin-top:2px; color:#74777c; font-size:8px; }.header-profile b { margin:0; color:#777; font-weight:400; }

.health-strip { background:#d6d6d6; border-color:#d6d6d6; }
.health-strip article { background:#fff; }
.health-strip article::after,.health-strip article:nth-child(2)::after,.health-strip article:nth-child(3)::after,.health-strip article:nth-child(4)::after { background:#777a7e; }
.health-strip article:nth-child(3)::after { background:#9b9da0; }.health-strip article:nth-child(4)::after { background:#b6b8bb; }
.health-strip .health-primary { color:#fff; background:#292b2e; }
.health-strip .health-primary::after { background:#d5d5d5; }
.health-primary p,.health-primary>span:last-child { color:#d9d9d9; }
.metric-icon,.metric-icon.amber,.metric-icon.green,.metric-icon.blue { color:#34363a; background:#ededed; }

.attention-card,.kanban-section,.capacity-card,.agent-card,.team-section { background:#fff; border-color:#d4d4d4; box-shadow:3px 3px 0 #f0f0f0; }
.attention-item,.attention-item.urgent,.attention-item.warn,.attention-item.info { background:#fff; border-color:#d5d5d5; }
.attention-item>span,.attention-item.urgent>span,.attention-item.warn>span,.attention-item.info>span { color:#303236; background:#eeeeee; }
.attention-item button { color:#292b2e; text-decoration:underline; text-underline-offset:2px; }

.kanban-section,.kanban-section>.section-title,.kanban-board { background:#fff; }
.view-switcher { background:#f0f0f0; border-color:#bcbcbc; }.view-switcher button { color:#5b5e63; }.view-switcher button.active { color:#fff; background:#303236; box-shadow:none; }
.filter-pills button { color:#55585d; background:#fff; border-color:#c8c8c8; }.filter-pills button.active { color:#fff; background:#3a3c40; border-color:#3a3c40; }
.kanban-column { background:#fff; border-color:#cfcfcf; box-shadow:2px 2px 0 #ededed; }
.kanban-column>header { background:#f4f4f4; border-bottom-color:#cfcfcf; }
.column-dot,.column-dot.slate,.column-dot.blue,.column-dot.amber,.column-dot.green { background:#5b5e63; }
.kanban-column:nth-child(2) .column-dot { background:#777a7f; }.kanban-column:nth-child(3) .column-dot { background:#989a9e; }.kanban-column:nth-child(4) .column-dot { background:#b4b5b8; }
.job-card { background:#fff; border-color:#cecece; box-shadow:1px 1px 0 #e8e8e8; }
.job-card:hover { border-color:#606267; box-shadow:3px 3px 0 #e2e2e2; }
.job-tag { color:#47494d; background:#eeeeee; }
.job-priority i,.priority-legend i,.job-priority.urgent i,.priority-legend .urgent i,.job-priority.high i,.priority-legend .high i,.job-priority.normal i,.priority-legend .normal i,.job-priority.done i,.priority-legend .done i { background:#66696e; }
.job-priority.high i,.priority-legend .high i { background:#85878b; }.job-priority.normal i,.priority-legend .normal i { background:#a2a4a7; }.job-priority.done i,.priority-legend .done i { background:#c1c2c4; }
.job-card.priority-urgent,.job-card.priority-high,.job-card.priority-normal,.job-card.priority-done { border-left-color:#53565a; }
.job-card.priority-high { border-left-color:#77797d; }.job-card.priority-normal { border-left-color:#989a9e; }.job-card.priority-done { border-left-color:#b8b9bb; }
.people i { color:#fff; background:#56585c; border-color:#fff; }
.add-card { color:#4d5055; background:#fff; border-color:#bcbcbc; }

.calendar-view,.calendar-weekdays,.calendar-day,.calendar-day.outside-month,.unscheduled-jobs { background:#fff; }
.calendar-weekdays { background:#f1f1f1; }.calendar-day.outside-month { background:#fafafa; }
.calendar-day.today>header time { color:#fff; background:#303236; }
.calendar-job::before,.calendar-job.priority-urgent::before,.calendar-job.priority-high::before,.calendar-job.priority-done::before { background:#686a6e; }
.unscheduled-icon { color:#44464a; background:#ededed; }

.timesheet-strip,.org-onboarding-strip,.billing-current,.policy-summary,.org-questions,.confirmation-preview { color:#2c2e31; background:#f7f7f7; border-color:#cdcdcd; }
.timesheet-strip>div:first-child small,.internal-approval-panel > header small { color:#55585d; }
.capacity-progress { background:#e7e7e7; }.capacity-progress i,.capacity-progress i.overload { background:#55585c; }
.agent-card { border-color:#bcbcbc; }.agent-card>header { color:#fff; background:#292b2e; border-bottom-color:#292b2e; }
.agent-card header small { color:#c9c9c9; }.agent-card header small i { background:#b7b7b7; }.agent-card header button { color:#d7d7d7; }
.agent-mark,.agent-message>span,.agent-form button { color:#fff; background:#3a3c40; }
.agent-chat { background:#fff; }.agent-message p { color:#292b2e; background:#eeeeee; }.agent-message.user p { color:#fff; background:#3a3c40; }
.org-mark,.policy-summary>span { color:#fff; background:#3a3c40; }
th { color:#66696e; background:#f2f2f2; }.person-avatar { color:#fff; background:#5d5f63; }
.allocation,.status-pill,.allocation.high,.status-pill.attention { color:#34363a; background:#ededed; border-color:#cccccc; }
.access-grid>article,.access-row,.file-row,.coverage-item,.billing-plans article { background:#fff; }
.billing-plans article.recommended { border-color:#777; box-shadow:4px 4px 0 #e5e5e5; }.billing-plans article>span { color:#fff; background:#3a3c40; }
.workspace-choice:hover,.workspace-choice.active,.org-steps span.active,.org-feedback { color:#222; background:#ededed; border-color:#a8a8a8; }
.workspace-choice>span:first-child { color:#fff; background:#4a4c50; }
.toast,.toast.error { color:#fff; background:#292b2e; }

dialog { color:#202124; background:#fff; border-color:#8f8f8f; box-shadow:8px 8px 0 rgba(32,33,36,.2); }
dialog::backdrop { background:rgba(20,20,20,.48); }
dialog input,dialog select,dialog textarea { color:#202124; background:#fff; border-color:#bdbdbd; outline-color:#777; }
button:disabled { color:#777 !important; background:#e7e7e7 !important; border-color:#d0d0d0 !important; }
.coverage-item .access-state,.file-row button,.billing-plans output { color:#383a3e; }
.job-card time.today,#client-time-fields>p,#internal-time-fields>p,#login-feedback.error,#signup-feedback.error,#invitation-feedback.error { color:#333538; }
.internal-approval-panel { color:#2f3134; background:#f5f5f5; border-color:#c8c8c8; }
.internal-approval-panel > header strong,.internal-approval-panel > header > span,.internal-approval-panel > p { color:#3d3f43; }
.internal-approval-panel > header > span { background:#dedede; }
.internal-approval-item { background:#fff; border-color:#cfcfcf; }
.internal-approval-item strong,.internal-approval-item span { color:#4a4c50; }
.internal-approval-item button { color:#fff; background:#303236; }
.org-import,.org-account-row,.org-add-account { color:#34363a; background:#f7f7f7; border-color:#c8c8c8; }
.org-grid th { background:#f1f1f1; }.org-grid input,.org-grid select,.org-import textarea { background:#fff; border-color:#bdbdbd; }
.org-account-remove,.org-grid .remove-org-row,.access-row-actions button.danger { color:#303236; background:#ededed; border-color:#bdbdbd; }
.org-grid .protected-column { color:#3c3e42; background:#f3f3f3; }
.org-feedback.error { color:#fff; background:#44464a; }
.invitation-banner { color:#2e3033; background:#f5f5f5; border-color:#c5c5c5; }
.calendar-job:hover { border-color:#727478; box-shadow:2px 2px 0 #e6e6e6; }

@media (max-width:1100px) {
  .header-profile { min-width:46px; width:46px; grid-template-columns:30px; }
  .header-profile>span:nth-child(2),.header-profile b { display:none; }
}
@media (max-width:720px) {
  .agency-sidebar { background:#fff; border-bottom:1px solid #ccc; box-shadow:0 2px 0 #f0f0f0; }
  .agency-nav { background:#fff; }
  .agency-nav.active { color:#fff; background:#292b2e; }
  .agency-header-actions { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .header-profile { min-width:0; width:100%; margin:0; grid-template-columns:30px; }
}

/* Orça spectrum edition — rainbow accents over a white and graphite workspace. */
:root {
  --rain-red:#d94b64;
  --rain-orange:#df762f;
  --rain-gold:#c89618;
  --rain-green:#278760;
  --rain-cyan:#2185a4;
  --rain-blue:#3f6fc1;
  --rain-indigo:#5750b5;
  --rain-violet:#8b4eaa;
  --rain-magenta:#b53f7b;
  --ink:#202124;
  --ink-soft:#42464d;
  --muted:#6f7378;
  --line:#dedfe2;
  --line-strong:#b8bbc1;
  --paper:#fff;
  --background:#fff;
  --green:var(--rain-green);
  --amber:var(--rain-orange);
  --blue:var(--rain-blue);
  --red:var(--rain-red);
  --violet:var(--rain-indigo);
  --violet-dark:#413b91;
  --coral:var(--rain-red);
  --mint:var(--rain-green);
}

body { color:var(--ink); background:#fff; }
::selection { color:#fff; background:var(--rain-indigo); }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline-color:rgba(63,111,193,.38); }

.agency-sidebar { background:#fafafa; border-right-color:#d9dade; box-shadow:2px 0 0 #f3f3f4; }
.agency-brand .brand-symbol { color:#fff; background:#292b30; border-color:#292b30; box-shadow:inset 0 -4px 0 var(--rain-indigo); }
.agency-brand .brand-symbol::after { border-color:#fff; }
.tenant-mark { background:var(--rain-indigo); }
.header-profile .profile-initials { background:var(--rain-magenta); }
.sidebar-privacy>span { color:var(--rain-indigo); }

.agency-nav { --nav-accent:var(--rain-blue); border-left:3px solid transparent; }
.agency-nav:nth-child(1) { --nav-accent:var(--rain-indigo); }
.agency-nav:nth-child(2) { --nav-accent:var(--rain-blue); }
.agency-nav:nth-child(3) { --nav-accent:var(--rain-cyan); }
.agency-nav:nth-child(4) { --nav-accent:var(--rain-green); }
.agency-nav:nth-child(5) { --nav-accent:var(--rain-gold); }
.agency-nav:nth-child(6) { --nav-accent:var(--rain-orange); }
.agency-nav:nth-child(7) { --nav-accent:var(--rain-red); }
.agency-nav:nth-child(8) { --nav-accent:var(--rain-magenta); }
.agency-nav:nth-child(9) { --nav-accent:var(--rain-violet); }
.agency-nav:hover,.agency-nav.active { color:#202124; background:#f1f2f4; border-color:#d7d8dc; border-left-color:var(--nav-accent); box-shadow:none; }
.agency-nav:hover span,.agency-nav.active span { color:var(--nav-accent); }
.agency-nav.active::after { color:var(--nav-accent); }

.agency-header { background:#fff; }
.agency-eyebrow { color:var(--rain-indigo); }
.agency-header h1 span { color:var(--rain-gold); }
.connection-badge { color:#8a5619; background:#fff9ef; border-color:#ecd3aa; }
.connection-badge.connected { color:#176b50; background:#f0faf6; border-color:#b8dfd0; }
.visibility-badge { color:#474196; background:#f4f3fb; border-color:#cbc8e7; }

#auth-button { color:#303236; border-color:#aeb1b7; }
#new-client { color:#8a4a1d; border-color:#d9a37c; background:#fff; }
#new-client:hover { color:#fff; border-color:var(--rain-orange); background:var(--rain-orange); }
#new-project { color:#1f6480; border-color:#83b5c7; background:#fff; }
#new-project:hover { color:#fff; border-color:var(--rain-cyan); background:var(--rain-cyan); }
#new-job { color:#fff; border-color:var(--rain-indigo); background:var(--rain-indigo); }
#new-job:hover { background:var(--violet-dark); }
.primary-inline,dialog .primary,.billing-plans button { color:#fff; background:var(--rain-indigo); }
.primary-inline:hover,dialog .primary:hover,.billing-plans button:hover { background:var(--violet-dark); }
.notification-button { border-radius:0 !important; }
.notification-button i,.notification-panel li.unread>span { background:var(--rain-red); }
.notification-panel header button,.link-button { color:var(--rain-indigo); }

.health-strip { background:#dfe0e3; border-color:#dfe0e3; }
.health-strip .health-primary { color:var(--ink); background:#fff; }
.health-primary p,.health-primary>span:last-child { color:var(--muted); }
.health-strip article::after { background:var(--rain-indigo); }
.health-strip .health-primary::after { background:var(--rain-indigo); }
.health-strip article:nth-child(2)::after { background:var(--rain-red); }
.health-strip article:nth-child(3)::after { background:var(--rain-green); }
.health-strip article:nth-child(4)::after { background:var(--rain-cyan); }
.metric-icon.amber { color:#925219; background:#fff3e7; }
.metric-icon.green { color:#1d704f; background:#eaf7f1; }
.metric-icon.blue { color:#245d9d; background:#ecf2fb; }

.section-title h2 { display:inline-block; padding-left:9px; border-left:4px solid var(--rain-indigo); }
#sla .section-title h2 { border-left-color:var(--rain-red); }
#kanban .section-title h2 { border-left-color:var(--rain-blue); }
#capacity .section-title h2 { border-left-color:var(--rain-green); }
#team .section-title h2 { border-left-color:var(--rain-orange); }
#access .section-title h2 { border-left-color:var(--rain-magenta); }
#costs .section-title h2 { border-left-color:var(--rain-gold); }
#billing .section-title h2 { border-left-color:var(--rain-violet); }
#policies .section-title h2 { border-left-color:var(--rain-cyan); }

.attention-item.urgent>span { color:#9d3044; background:#fdeef1; }
.attention-item.warn>span { color:#935415; background:#fff3e7; }
.attention-item.info>span { color:#245d9d; background:#edf3fb; }
.attention-item button { color:var(--rain-indigo); }

.view-switcher button.active { color:#fff; background:var(--rain-blue); }
.filter-pills button.active { color:#fff; background:var(--rain-indigo); border-color:var(--rain-indigo); }
.column-dot.slate { background:var(--rain-violet); }
.column-dot.blue { background:var(--rain-blue); }
.column-dot.amber { background:var(--rain-orange); }
.column-dot.green { background:var(--rain-green); }
.job-card:hover { border-color:#8ea7d6; box-shadow:3px 3px 0 #e8ebf2; }
.job-tag { color:#43536e; background:#eef1f5; }
.job-priority.urgent i,.priority-legend .urgent i { background:var(--rain-red); }
.job-priority.high i,.priority-legend .high i { background:var(--rain-orange); }
.job-priority.normal i,.priority-legend .normal i { background:var(--rain-blue); }
.job-priority.done i,.priority-legend .done i { background:var(--rain-green); }
.job-card.priority-urgent { border-left-color:var(--rain-red); }
.job-card.priority-high { border-left-color:var(--rain-orange); }
.job-card.priority-normal { border-left-color:var(--rain-blue); }
.job-card.priority-done { border-left-color:var(--rain-green); }
.people i { color:#fff; background:var(--rain-indigo); }

.calendar-day.today>header time { background:var(--rain-indigo); }
.calendar-job::before { background:var(--rain-blue); }
.calendar-job.priority-urgent::before { background:var(--rain-red); }
.calendar-job.priority-high::before { background:var(--rain-orange); }
.calendar-job.priority-done::before { background:var(--rain-green); }
.calendar-job:hover { border-color:#8ea7d6; }

.timesheet-strip { background:#fafafa; border-color:#cfd2d7; box-shadow:inset 4px 0 0 var(--rain-green); }
.timesheet-strip>div:first-child small { color:var(--rain-green); }
#new-time-entry { background:var(--rain-green); }
#new-time-entry:hover { background:#1f6f50; }
.capacity-progress { background:#e8e9eb; }
.capacity-progress i { background:linear-gradient(90deg,var(--rain-cyan),var(--rain-green)); }
.capacity-progress i.overload { background:linear-gradient(90deg,var(--rain-orange),var(--rain-red)); }

.agent-card { border-color:#c9cbd0; }
.agent-card>header { color:#fff; background:#292b30; border-top:4px solid var(--rain-violet); }
.agent-mark,.agent-message>span { background:var(--rain-violet); }
.agent-form button { background:var(--rain-indigo); }
.agent-message p { color:#302b48; background:#f1eff8; }

.org-mark,.policy-summary>span { background:var(--rain-indigo); }
.person-avatar { color:#fff; background:var(--rain-violet); }
.allocation,.status-pill { color:#176b50; background:#eef8f4; border-color:#b8dece; }
.allocation.high,.status-pill.attention { color:#963548; background:#fff0f2; border-color:#efc2cb; }
.internal-approval-panel > header > span { color:#8a4a1d; background:#fff0e5; }
.internal-approval-item button { background:var(--rain-indigo); }
.access-row-actions button.offboard,.access-row-actions button.danger { color:#a0374b; background:#fff; border-color:#dfa8b2; }
.access-row-actions button.offboard:hover,.access-row-actions button.danger:hover { color:#fff; background:var(--rain-red); border-color:var(--rain-red); }

.cost-summary article { border-top:3px solid var(--rain-blue); }
.cost-summary article:nth-child(2) { border-top-color:var(--rain-green); }
.cost-summary article:nth-child(3) { border-top-color:var(--rain-gold); }
.cost-summary article:nth-child(4) { border-top-color:var(--rain-violet); }
.cost-table-wrap td:last-child { color:#2f6a52; }
#load-costs { color:#82600f; border-color:#d9be74; }
#load-costs:hover { color:#fff; background:var(--rain-gold); border-color:var(--rain-gold); }

.billing-plans article.recommended { border-color:#8c84bd; box-shadow:4px 4px 0 #eeedf5; }
.billing-plans article>span { color:#fff; background:var(--rain-violet); }
.billing-plans output { color:#534b9f; }
.policy-summary { box-shadow:inset 4px 0 0 var(--rain-cyan); }
.workspace-choice:hover,.workspace-choice.active,.org-steps span.active,.org-feedback { color:#353176; background:#f3f2fa; border-color:#aaa5cf; }
.workspace-choice>span:first-child { background:var(--rain-indigo); }
.org-feedback.error,.toast.error { color:#fff; background:var(--rain-red); }
.toast { color:#fff; background:var(--rain-indigo); }

@media (max-width:720px) {
  .agency-nav.active { color:#202124; background:#f1f2f4; border-left-color:var(--nav-accent); }
}

@media (max-width:820px) {
  .health-strip article:last-child { grid-column:span 2; }
}

/* Expanded spectrum trial — stronger color on labels, titles and grouped actions. */
:root {
  --rain-red-ink:#aa324a;
  --rain-orange-ink:#9d4814;
  --rain-gold-ink:#806000;
  --rain-green-ink:#176b49;
  --rain-blue-ink:#2f5da7;
  --rain-indigo-ink:#49429e;
  --rain-violet-ink:#763c91;
}

.agency-header h1 { color:var(--rain-indigo-ink); }
.agency-nav { color:var(--nav-ink); }
.agency-nav:nth-child(1) { --nav-accent:var(--rain-red); --nav-ink:var(--rain-red-ink); }
.agency-nav:nth-child(2) { --nav-accent:var(--rain-orange); --nav-ink:var(--rain-orange-ink); }
.agency-nav:nth-child(3) { --nav-accent:var(--rain-gold); --nav-ink:var(--rain-gold-ink); }
.agency-nav:nth-child(4) { --nav-accent:var(--rain-green); --nav-ink:var(--rain-green-ink); }
.agency-nav:nth-child(5) { --nav-accent:var(--rain-blue); --nav-ink:var(--rain-blue-ink); }
.agency-nav:nth-child(6) { --nav-accent:var(--rain-indigo); --nav-ink:var(--rain-indigo-ink); }
.agency-nav:nth-child(7) { --nav-accent:var(--rain-violet); --nav-ink:var(--rain-violet-ink); }
.agency-nav:nth-child(8) { --nav-accent:var(--rain-red); --nav-ink:var(--rain-red-ink); }
.agency-nav:nth-child(9) { --nav-accent:var(--rain-green); --nav-ink:var(--rain-green-ink); }
.agency-nav span { color:var(--nav-accent); }
.agency-nav:hover,.agency-nav.active { color:var(--nav-ink); background:#f4f4f5; }

#auth-button { color:#fff; background:var(--rain-indigo-ink); border-color:var(--rain-indigo-ink); box-shadow:none; }
#auth-button:hover { color:#fff; background:#37317d; border-color:#37317d; }
#notification-toggle { color:#fff; background:var(--rain-blue-ink); border-color:var(--rain-blue-ink); box-shadow:none; }
#new-client { color:#fff; background:var(--rain-orange-ink); border-color:var(--rain-orange-ink); box-shadow:none; }
#new-client:hover { background:#7c360d; border-color:#7c360d; }
#new-project { color:#fff; background:var(--rain-green-ink); border-color:var(--rain-green-ink); box-shadow:none; }
#new-project:hover { background:#105238; border-color:#105238; }
#new-job { background:var(--rain-violet-ink); border-color:var(--rain-violet-ink); }
#new-job:hover { background:#58296f; border-color:#58296f; }
.header-profile { border-color:#bf86cb !important; box-shadow:inset 4px 0 0 var(--rain-violet),2px 2px 0 #ededed; }
.header-profile strong { color:var(--rain-violet-ink); }

#sla .agency-eyebrow,#sla .section-title h2 { color:var(--rain-red-ink); }
#kanban .agency-eyebrow,#kanban .section-title h2 { color:var(--rain-blue-ink); }
#capacity .agency-eyebrow,#capacity .section-title h2 { color:var(--rain-green-ink); }
#team .agency-eyebrow,#team .section-title h2 { color:var(--rain-orange-ink); }
#access .agency-eyebrow,#access .section-title h2 { color:var(--rain-violet-ink); }
#costs .agency-eyebrow,#costs .section-title h2 { color:var(--rain-gold-ink); }
#billing .agency-eyebrow,#billing .section-title h2 { color:var(--rain-indigo-ink); }
#policies .agency-eyebrow,#policies .section-title h2 { color:var(--rain-green-ink); }

.health-strip article:nth-child(1) strong { color:var(--rain-indigo-ink); }
.health-strip article:nth-child(2) strong { color:var(--rain-red-ink); }
.health-strip article:nth-child(3) strong { color:var(--rain-green-ink); }
.health-strip article:nth-child(4) strong { color:var(--rain-blue-ink); }

.attention-item:nth-child(7n+1) button { color:var(--rain-red-ink); }
.attention-item:nth-child(7n+2) button { color:var(--rain-orange-ink); }
.attention-item:nth-child(7n+3) button { color:var(--rain-green-ink); }
.attention-item:nth-child(7n+4) button { color:var(--rain-blue-ink); }
.attention-item:nth-child(7n+5) button { color:var(--rain-indigo-ink); }
.attention-item:nth-child(7n+6) button { color:var(--rain-violet-ink); }
.attention-item:nth-child(7n) button { color:var(--rain-gold-ink); }

.filter-pills button:nth-child(1) { color:var(--rain-indigo-ink); border-color:#aaa5cf; }
.filter-pills button:nth-child(2) { color:var(--rain-green-ink); border-color:#91c5b0; }
.filter-pills button:nth-child(3) { color:var(--rain-red-ink); border-color:#dfa8b2; }
.filter-pills button:nth-child(1).active { color:#fff; background:var(--rain-indigo-ink); border-color:var(--rain-indigo-ink); }
.filter-pills button:nth-child(2).active { color:#fff; background:var(--rain-green-ink); border-color:var(--rain-green-ink); }
.filter-pills button:nth-child(3).active { color:#fff; background:var(--rain-red-ink); border-color:var(--rain-red-ink); }
.calendar-period button:nth-child(1) { color:var(--rain-blue-ink); border-color:#91acd4; }
.calendar-period button:nth-child(2) { color:var(--rain-green-ink); border-color:#91c5b0; }
.calendar-period button:nth-child(3) { color:var(--rain-violet-ink); border-color:#c39bcf; }

.kanban-column:nth-child(1)>header strong { color:var(--rain-violet-ink); }
.kanban-column:nth-child(2)>header strong { color:var(--rain-blue-ink); }
.kanban-column:nth-child(3)>header strong { color:var(--rain-orange-ink); }
.kanban-column:nth-child(4)>header strong { color:var(--rain-green-ink); }
.job-card.priority-urgent h3 { color:var(--rain-red-ink); }
.job-card.priority-high h3 { color:var(--rain-orange-ink); }
.job-card.priority-normal h3 { color:var(--rain-blue-ink); }
.job-card.priority-done h3 { color:var(--rain-green-ink); }

#submit-timesheet { color:#fff; background:var(--rain-blue-ink); border-color:var(--rain-blue-ink); }
#new-time-entry { color:#fff; background:var(--rain-green-ink); border-color:var(--rain-green-ink); }
#open-org-onboarding { color:#fff; background:var(--rain-indigo-ink); border-color:var(--rain-indigo-ink); }
#new-coverage { color:#fff; background:var(--rain-orange-ink); border-color:var(--rain-orange-ink); }
#new-invitation { color:#fff; background:var(--rain-violet-ink); border-color:var(--rain-violet-ink); }
#load-costs { color:#fff; background:var(--rain-gold-ink); border-color:var(--rain-gold-ink); }
#org-save { color:#fff; background:var(--rain-blue-ink); border-color:var(--rain-blue-ink); }
#org-submit { color:#fff; background:var(--rain-orange-ink); border-color:var(--rain-orange-ink); }
#org-approve { color:#fff; background:var(--rain-green-ink); border-color:var(--rain-green-ink); }

dialog h2 { color:var(--rain-indigo-ink); }
#client-dialog .primary { background:var(--rain-orange-ink); }
#project-dialog .primary { background:var(--rain-green-ink); }
#job-dialog .primary { background:var(--rain-blue-ink); }
#time-entry-dialog .primary,#timesheet-submit-dialog .primary { background:var(--rain-green-ink); }
#internal-time-review-dialog .primary { background:var(--rain-indigo-ink); }
#coverage-dialog .primary { background:var(--rain-violet-ink); }
#invitation-dialog .primary { background:var(--rain-blue-ink); }
#offboarding-dialog .primary { background:var(--rain-red-ink); }

th:nth-child(7n+1) { color:var(--rain-indigo-ink); }
th:nth-child(7n+2) { color:var(--rain-blue-ink); }
th:nth-child(7n+3) { color:var(--rain-green-ink); }
th:nth-child(7n+4) { color:var(--rain-gold-ink); }
th:nth-child(7n+5) { color:var(--rain-orange-ink); }
th:nth-child(7n+6) { color:var(--rain-red-ink); }
th:nth-child(7n) { color:var(--rain-violet-ink); }
.cost-summary article:nth-child(1) strong { color:var(--rain-blue-ink); }
.cost-summary article:nth-child(2) strong { color:var(--rain-green-ink); }
.cost-summary article:nth-child(3) strong { color:var(--rain-gold-ink); }
.cost-summary article:nth-child(4) strong { color:var(--rain-violet-ink); }

@media (max-width:720px) {
  .agency-nav,.agency-nav.active { color:var(--nav-ink); }
}

/* Main canvas reset — neutral workspace with a single magenta focus color. */
:root {
  --focus-magenta:#a52e69;
  --focus-magenta-dark:#7f214f;
  --focus-magenta-soft:#fbf0f6;
  --focus-magenta-line:#d99aba;
}

.agency-content { color:#202124; background:#fff; }
.agency-content .agency-header { background:#fff; }
.agency-content .agency-header h1,
.agency-content .section-title h2,
.agency-content dialog h2 { color:#202124; }
.agency-content .agency-header h1 span,
.agency-content .agency-eyebrow { color:var(--focus-magenta); }
.agency-content .section-title h2 { border-left-color:var(--focus-magenta) !important; }

.agency-content .connection-badge,
.agency-content .connection-badge.connected,
.agency-content .source-chip,
.agency-content .visibility-badge { color:#45474b; background:#f2f2f3; border-color:#cfd0d3; }

.agency-content #auth-button,
.agency-content #notification-toggle,
.agency-content #new-client,
.agency-content #new-project,
.agency-content .secondary-action { color:#303236; background:#fff; border-color:#bdbfc3; box-shadow:1px 1px 0 #ededee; }
.agency-content #auth-button:hover,
.agency-content #notification-toggle:hover,
.agency-content #new-client:hover,
.agency-content #new-project:hover,
.agency-content .secondary-action:hover { color:#111; background:#f2f2f3; border-color:#8f9196; }
.agency-content #new-job,
.agency-content .primary-inline,
.agency-content dialog .primary,
.agency-content .billing-plans button { color:#fff; background:var(--focus-magenta); border-color:var(--focus-magenta); }
.agency-content #new-job:hover,
.agency-content .primary-inline:hover,
.agency-content dialog .primary:hover,
.agency-content .billing-plans button:hover { color:#fff; background:var(--focus-magenta-dark); border-color:var(--focus-magenta-dark); }
.agency-content .header-profile { border-color:#aeb0b5 !important; box-shadow:inset 4px 0 0 var(--focus-magenta),2px 2px 0 #ededed; }
.agency-content .header-profile strong { color:#303236; }
.agency-content .header-profile .profile-initials { background:var(--focus-magenta); }
.agency-content .notification-button i,
.agency-content .notification-panel li.unread>span { background:var(--focus-magenta); }
.agency-content .notification-panel header button,
.agency-content .link-button { color:var(--focus-magenta); }

.agency-content .health-strip { background:#dedfe1; border-color:#dedfe1; }
.agency-content .health-strip article::after,
.agency-content .health-strip article:nth-child(2)::after,
.agency-content .health-strip article:nth-child(3)::after,
.agency-content .health-strip article:nth-child(4)::after { background:#85878b; }
.agency-content .health-strip .health-primary::after { background:var(--focus-magenta); }
.agency-content .health-strip article strong,
.agency-content .health-strip article:nth-child(1) strong,
.agency-content .health-strip article:nth-child(2) strong,
.agency-content .health-strip article:nth-child(3) strong,
.agency-content .health-strip article:nth-child(4) strong { color:#202124; }
.agency-content .metric-icon,
.agency-content .metric-icon.amber,
.agency-content .metric-icon.green,
.agency-content .metric-icon.blue { color:#3d3f43; background:#eeeeef; }
.agency-content .health-strip article:nth-child(2) .metric-icon { color:var(--focus-magenta); background:var(--focus-magenta-soft); }

.agency-content .attention-item,
.agency-content .attention-item.urgent,
.agency-content .attention-item.warn,
.agency-content .attention-item.info { background:#fff; border-color:#d4d5d8; }
.agency-content .attention-item>span,
.agency-content .attention-item.urgent>span,
.agency-content .attention-item.warn>span,
.agency-content .attention-item.info>span { color:#3c3e42; background:#eeeeef; }
.agency-content .attention-item.urgent>span { color:var(--focus-magenta); background:var(--focus-magenta-soft); }
.agency-content .attention-item button,
.agency-content .attention-item:nth-child(n) button { color:var(--focus-magenta); }

.agency-content .view-switcher button.active,
.agency-content .filter-pills button.active,
.agency-content .filter-pills button:nth-child(n).active { color:#fff; background:var(--focus-magenta); border-color:var(--focus-magenta); }
.agency-content .filter-pills button,
.agency-content .filter-pills button:nth-child(n),
.agency-content .calendar-period button,
.agency-content .calendar-period button:nth-child(n) { color:#55585d; background:#fff; border-color:#c5c7cb; }
.agency-content .column-dot,
.agency-content .column-dot.slate,
.agency-content .column-dot.blue,
.agency-content .column-dot.amber,
.agency-content .column-dot.green { background:#73767b; }
.agency-content .kanban-column:nth-child(2) .column-dot { background:#8d9095; }
.agency-content .kanban-column:nth-child(3) .column-dot { background:#a4a6aa; }
.agency-content .kanban-column:nth-child(4) .column-dot { background:#babcbe; }
.agency-content .kanban-column:nth-child(n)>header strong,
.agency-content .job-card.priority-urgent h3,
.agency-content .job-card.priority-high h3,
.agency-content .job-card.priority-normal h3,
.agency-content .job-card.priority-done h3 { color:#20283a; }
.agency-content .job-priority i,
.agency-content .priority-legend i,
.agency-content .job-priority.high i,
.agency-content .priority-legend .high i,
.agency-content .job-priority.normal i,
.agency-content .priority-legend .normal i,
.agency-content .job-priority.done i,
.agency-content .priority-legend .done i { background:#85878b; }
.agency-content .job-priority.urgent i,
.agency-content .priority-legend .urgent i { background:var(--focus-magenta); }
.agency-content .job-card.priority-urgent { border-left-color:var(--focus-magenta); }
.agency-content .job-card.priority-high { border-left-color:#77797d; }
.agency-content .job-card.priority-normal { border-left-color:#999b9f; }
.agency-content .job-card.priority-done { border-left-color:#b5b7ba; }
.agency-content .people i { color:#fff; background:#595c61; }

.agency-content .calendar-day.today>header time { background:var(--focus-magenta); }
.agency-content .calendar-job::before,
.agency-content .calendar-job.priority-high::before,
.agency-content .calendar-job.priority-done::before { background:#85878b; }
.agency-content .calendar-job.priority-urgent::before { background:var(--focus-magenta); }

.agency-content .timesheet-strip { background:#f8f8f9; border-color:#cdced2; box-shadow:inset 4px 0 0 var(--focus-magenta); }
.agency-content .timesheet-strip>div:first-child small { color:var(--focus-magenta); }
.agency-content #submit-timesheet { color:#303236; background:#fff; border-color:#bdbfc3; }
.agency-content #new-time-entry { color:#fff; background:var(--focus-magenta); border-color:var(--focus-magenta); }
.agency-content .capacity-progress { background:#e7e7e8; }
.agency-content .capacity-progress i { background:#66696e; }
.agency-content .capacity-progress i.overload { background:var(--focus-magenta); }

.agency-content .agent-card>header { color:#fff; background:#292b2e; border-top-color:var(--focus-magenta); }
.agency-content .agent-mark,
.agency-content .agent-message>span,
.agency-content .agent-form button { color:#fff; background:var(--focus-magenta); }
.agency-content .agent-message p { color:#292b2e; background:#eeeeef; }

.agency-content .org-mark,
.agency-content .policy-summary>span,
.agency-content .workspace-choice>span:first-child { color:#fff; background:var(--focus-magenta); }
.agency-content .person-avatar { color:#fff; background:#606267; }
.agency-content .allocation,
.agency-content .status-pill { color:#3d3f43; background:#eeeeef; border-color:#cccccf; }
.agency-content .allocation.high,
.agency-content .status-pill.attention { color:var(--focus-magenta-dark); background:var(--focus-magenta-soft); border-color:var(--focus-magenta-line); }
.agency-content .internal-approval-panel > header > span { color:var(--focus-magenta-dark); background:var(--focus-magenta-soft); }
.agency-content .internal-approval-item button { color:#fff; background:var(--focus-magenta); }
.agency-content .access-row-actions button.offboard,
.agency-content .access-row-actions button.danger { color:var(--focus-magenta-dark); background:#fff; border-color:var(--focus-magenta-line); }

.agency-content #open-org-onboarding,
.agency-content #new-coverage,
.agency-content #new-invitation,
.agency-content #load-costs,
.agency-content #org-save,
.agency-content #org-submit { color:#303236; background:#fff; border-color:#bdbfc3; }
.agency-content #org-approve { color:#fff; background:var(--focus-magenta); border-color:var(--focus-magenta); }
.agency-content .cost-summary article,
.agency-content .cost-summary article:nth-child(n) { border-top-color:#85878b; }
.agency-content .cost-summary article:first-child { border-top-color:var(--focus-magenta); }
.agency-content .cost-summary article strong,
.agency-content .cost-summary article:nth-child(n) strong,
.agency-content .cost-table-wrap td:last-child { color:#303236; }
.agency-content .billing-plans article.recommended { border-color:var(--focus-magenta-line); box-shadow:4px 4px 0 #efeff0; }
.agency-content .billing-plans article>span { color:#fff; background:var(--focus-magenta); }
.agency-content .billing-plans output { color:var(--focus-magenta-dark); }
.agency-content .policy-summary { box-shadow:inset 4px 0 0 var(--focus-magenta); }
.agency-content .workspace-choice:hover,
.agency-content .workspace-choice.active,
.agency-content .org-steps span.active,
.agency-content .org-feedback { color:var(--focus-magenta-dark); background:var(--focus-magenta-soft); border-color:var(--focus-magenta-line); }
.agency-content .toast { color:#fff; background:var(--focus-magenta); }
.agency-content .toast.error,
.agency-content .org-feedback.error { color:#fff; background:var(--focus-magenta-dark); }

.agency-content dialog h2 { color:#202124; }
.agency-content dialog .primary,
.agency-content #client-dialog .primary,
.agency-content #project-dialog .primary,
.agency-content #job-dialog .primary,
.agency-content #time-entry-dialog .primary,
.agency-content #timesheet-submit-dialog .primary,
.agency-content #internal-time-review-dialog .primary,
.agency-content #coverage-dialog .primary,
.agency-content #invitation-dialog .primary,
.agency-content #offboarding-dialog .primary { background:var(--focus-magenta); border-color:var(--focus-magenta); }
.agency-content th,
.agency-content th:nth-child(n) { color:#66696e; }

.agency-content #sla .section-title h2,
.agency-content #kanban .section-title h2,
.agency-content #capacity .section-title h2,
.agency-content #team .section-title h2,
.agency-content #access .section-title h2,
.agency-content #costs .section-title h2,
.agency-content #billing .section-title h2,
.agency-content #policies .section-title h2 { color:#202124; }
.agency-content #sla .agency-eyebrow,
.agency-content #kanban .agency-eyebrow,
.agency-content #capacity .agency-eyebrow,
.agency-content #team .agency-eyebrow,
.agency-content #access .agency-eyebrow,
.agency-content #costs .agency-eyebrow,
.agency-content #billing .agency-eyebrow,
.agency-content #policies .agency-eyebrow { color:var(--focus-magenta); }

/* First access — real data before the operational dashboard. */
.portal-gate { min-height:100vh; padding:28px; color:#202124; background:#fff; }
.portal-gate-frame { min-height:calc(100vh - 56px); display:grid; grid-template-columns:minmax(260px,360px) minmax(0,1fr); border:1px solid #c9c9cc; box-shadow:6px 6px 0 #efeff0; }
.portal-gate-rail { display:flex; flex-direction:column; gap:46px; padding:38px 34px; color:#fff; background:#27282c; border-right:5px solid var(--focus-magenta); }
.portal-gate-brand { display:flex; align-items:center; gap:10px; color:#fff; text-decoration:none; }
.portal-gate-brand>span { width:38px; height:38px; display:grid; place-items:center; color:#fff; background:var(--focus-magenta); font:800 20px Georgia,serif; }
.portal-gate-brand>strong { font-size:18px; letter-spacing:.14em; }.portal-gate-brand>small { color:#bfc0c4; font-size:9px; letter-spacing:.12em; }
.portal-gate-rail .agency-eyebrow { color:#f7a6ce; }.portal-gate-rail h2 { margin:8px 0 14px; color:#fff; font:700 clamp(27px,3vw,42px)/1.08 Georgia,serif; letter-spacing:-.03em; }
.portal-gate-rail p { color:#cacbd0; font-size:13px; line-height:1.65; }
.portal-gate-progress { display:grid; gap:0; margin:0; padding:0; list-style:none; border-top:1px solid #4d4e53; }
.portal-gate-progress li { display:grid; grid-template-columns:40px 1fr; align-items:center; min-height:58px; color:#aeb0b6; border-bottom:1px solid #4d4e53; }
.portal-gate-progress li span { font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }.portal-gate-progress li strong { font-size:12px; font-weight:600; }
.portal-gate-progress li.active { color:#fff; box-shadow:inset 4px 0 0 var(--focus-magenta); padding-left:13px; }.portal-gate-progress li.complete span { color:#f7a6ce; }
.portal-gate-security { margin-top:auto; padding-top:18px; border-top:1px solid #4d4e53; }
.portal-gate-main { width:min(880px,100%); align-self:center; padding:54px clamp(30px,6vw,84px); }
.portal-gate-main h1 { max-width:760px; margin:8px 0 14px; color:#202124; font:700 clamp(36px,5vw,68px)/1 Georgia,serif; letter-spacing:-.045em; }
.portal-gate-main>section>p:not(.agency-eyebrow),.first-run-lead { max-width:720px; color:#6d7075; font-size:15px; line-height:1.65; }
.portal-gate-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.portal-gate button,.first-run-footer button { min-height:46px; padding:0 20px; border:1px solid #aaa; font-weight:750; }
.portal-gate button.primary { color:#fff; background:var(--focus-magenta); border-color:var(--focus-magenta); }.portal-gate button.primary:hover { background:var(--focus-magenta-dark); }
.portal-gate button.secondary { color:#303236; background:#fff; }.portal-gate button.secondary:hover { background:#f1f1f2; }
.first-run-step>label,.first-run-grid>label,.first-run-choice label { display:grid; gap:7px; color:#34363a; font-size:12px; font-weight:700; }
.first-run-step input,.first-run-step select,.first-run-step textarea { width:100%; min-height:44px; padding:10px 12px; color:#202124; background:#fff; border:1px solid #b8b9bd; outline-color:var(--focus-magenta); font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
.first-run-step textarea { resize:vertical; }.first-run-step label small { color:#7b7e83; font-size:10px; font-weight:500; }
.first-run-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:28px 0 18px; }.first-run-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.first-run-choice { display:flex; flex-wrap:wrap; gap:12px 20px; margin:20px 0 0; padding:16px; border:1px solid #d0d1d4; background:#f8f8f9; }
.first-run-choice legend { padding:0 6px; color:#34363a; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.first-run-choice label { display:flex; align-items:center; gap:8px; font-weight:600; }.first-run-choice input[type="checkbox"],.first-run-choice input[type="radio"],.first-run-confirm input { width:16px; min-height:16px; margin:0; accent-color:var(--focus-magenta); }
.first-run-choice label:has(select),.first-run-choice label:has(input[type="time"]) { min-width:210px; display:grid; }.workday-choice label { min-width:auto; }
.inline-check { align-self:end; min-height:44px; display:flex !important; flex-direction:row; align-items:center; padding:10px 12px; border:1px solid #d0d1d4; background:#f8f8f9; }
.first-run-review { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:28px 0 20px; border:1px solid #cdced1; }
.first-run-review article { min-height:92px; padding:16px; border-right:1px solid #dedfe1; border-bottom:1px solid #dedfe1; }.first-run-review article:nth-child(2n) { border-right:0; }
.first-run-review strong,.first-run-review small { display:block; }.first-run-review strong { color:#282a2e; font-size:13px; }.first-run-review small { margin-top:6px; color:#75787d; line-height:1.45; }
.first-run-confirm { display:flex; gap:10px; align-items:flex-start; padding:16px; color:#34363a; background:#f8f8f9; border:1px solid #cdced1; font-size:12px; font-weight:700; line-height:1.5; }
.first-run-footer { display:flex; justify-content:flex-end; gap:10px; margin-top:24px; padding-top:20px; border-top:1px solid #dedfe1; }
.first-run-feedback { min-height:20px; margin:16px 0 0; color:#64676c; font-size:12px; }.first-run-feedback.error { color:#9f2b29; }
.organization-gate-status { margin-top:24px; padding:16px; color:#43454a; background:#f5f5f6; border-left:5px solid var(--focus-magenta); font-size:13px; line-height:1.55; }
body.portal-booting .agency-shell,body.portal-guest .agency-shell,body.portal-onboarding .agency-shell,body.portal-invitation .agency-shell { display:none; }
body.portal-ready .portal-gate,body.portal-demo .portal-gate { display:none; }
body.portal-guest #portal-loading,body.portal-onboarding #portal-loading,body.portal-invitation #portal-loading { display:none; }

@media (max-width:900px) {
  .portal-gate { padding:0; }.portal-gate-frame { min-height:100vh; grid-template-columns:1fr; border:0; box-shadow:none; }
  .portal-gate-rail { gap:22px; padding:22px; border-right:0; border-bottom:5px solid var(--focus-magenta); }.portal-gate-rail>div,.portal-gate-security { display:none; }
  .portal-gate-progress { grid-template-columns:repeat(4,1fr); }.portal-gate-progress li { grid-template-columns:1fr; min-height:42px; padding:6px; text-align:center; }.portal-gate-progress li strong { display:none; }.portal-gate-progress li.active { padding-left:6px; box-shadow:inset 0 -4px 0 var(--focus-magenta); }
  .portal-gate-main { padding:34px 20px 48px; }.portal-gate-main h1 { font-size:38px; }
  .first-run-grid,.first-run-grid-3 { grid-template-columns:1fr; }.first-run-review { grid-template-columns:1fr; }.first-run-review article { border-right:0; }
}