/* Shared visual identity for the two ProAid workspaces. Loaded after feature CSS. */
:root {
  --paper: #f5f2eb;
  --ink: #20261f;
  --muted: #65675f;
  --line: #d6d5ca;
  --orange: #a74124;
  --orange-bright: #f15b25;
  --orange-action: #c94315;
  --orange-soft: #f2dfd0;
  --soft: #f2dfd0;
  --green: #4c5a45;
  --green-soft: #e6e8dc;
  --radius: 24px;
  --portal-white: #faf8f3;
  --portal-peach: #ebd4c2;
  --portal-sage: #d9dfd0;
  --portal-dark: #20261f;
  --portal-small: 12px;
  --portal-label: 13px;
  --portal-body: 15px;
  --portal-control: 14px;
  --color-brand-paper: var(--paper);
  --color-brand-white: var(--portal-white);
  --color-brand-ink: var(--ink);
  --color-brand-muted: var(--muted);
  --color-brand-line: var(--line);
  --color-brand-accent: var(--orange-bright);
  --color-brand-accent-hover: #df4e19;
  --color-brand-blue: var(--portal-dark);
  --color-brand-blue-soft: var(--portal-sage);
  --color-brand-peach: var(--portal-peach);
  --color-brand-stage: var(--portal-dark);
  --color-brand-stage-muted: var(--portal-sage);
}
html {scroll-behavior:auto;scrollbar-color:#a8af9f var(--paper)}
body {background:var(--paper);color:var(--ink);font:400 var(--portal-body)/1.6 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3 {font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.035em;line-height:1.2;text-wrap:pretty}
h1,.page-heading h1,.heading h1,.detail-header h1 {font-size:38px;line-height:1.15}
h2 {font-size:22px}
h3 {font-size:18px}
small {font-size:var(--portal-small)}
a {text-underline-offset:4px}
::selection {background:var(--portal-peach);color:var(--ink)}
input,textarea {caret-color:var(--orange)}
:is(button,a,input,textarea,select,summary):focus-visible {outline:2px solid var(--orange);outline-offset:4px}
svg.icon {width:20px;height:20px;stroke-width:1.5}

/* One shell: warm paper, a quiet rail, and a clearly selected destination. */
.portal,.shell {grid-template-columns:256px minmax(0,1fr);min-height:100dvh}
.sidebar {background:var(--paper);color:var(--ink);border-right:1px solid var(--line);padding:32px 18px 24px;scrollbar-width:thin}
.sidebar .brand {padding:0 14px 22px}
.sidebar .brand img {width:132px;height:auto}
.sidebar .brand span {color:var(--muted);font-size:12px;letter-spacing:0;margin-top:12px}
.sidebar .nav-link {min-height:46px;padding:11px 14px;margin:3px 0;gap:12px;font-size:14px;line-height:1.4;color:var(--ink);border-radius:14px}
.sidebar .nav-link:hover {background:var(--portal-sage);color:var(--ink);text-decoration:none}
.sidebar .nav-link:is(.active,[aria-current=page]) {background:var(--portal-dark);color:var(--paper);font-weight:600}
.sidebar .nav-link:is(.active,[aria-current=page]) .icon {color:var(--portal-peach)}
.sidebar .nav-link .count {font-size:12px;border-radius:20px;background:var(--portal-peach);color:var(--ink);min-width:22px;text-align:center}
.nav-divider {background:var(--line);margin:22px 14px}
.sidebar-note {font-size:12px;color:var(--muted);padding:28px 14px 0}
.sidebar-note small {color:var(--muted);font-size:12px}
.company-switch {margin:8px 0 24px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--portal-white);color:var(--ink);min-height:76px}
.company-switch:is(:hover,[aria-expanded=true]) {background:var(--portal-sage);border-color:#a8af9f}
.company-switch strong {font-size:13px;white-space:normal;line-height:1.35}
.company-switch small {font-size:12px;color:var(--muted)}
.company-symbol {background:var(--portal-peach);color:var(--ink);border-radius:10px;width:36px;height:40px;font-size:13px}
.company-switch .icon {width:16px;height:16px}
.sidebar-advisor {border-top:1px solid var(--line);padding:20px 0 0;margin-top:auto;gap:9px}
.sidebar-advisor strong {font-size:13px}
.sidebar-advisor small {color:var(--muted);font-size:12px}
.sidebar-advisor>button {color:var(--ink);width:40px;height:44px;display:grid;place-items:center}
.avatar,.avatar.small {background:var(--portal-peach);color:var(--ink);font-size:12px;width:40px;height:40px}
.topbar {background:color-mix(in srgb,var(--paper) 92%,white);height:68px;padding:0 40px;border-bottom:1px solid var(--line);gap:16px}
.topbar-start,#breadcrumb {font-size:12px;letter-spacing:.025em;color:var(--muted)}
.topbar-start #page-label,#breadcrumb {text-transform:none}
.topbar-start,#breadcrumb,#page-label,.account-name {font-size:14px;color:var(--ink)}
.topbar .topbar-start #page-label,.portal-admin .topbar #breadcrumb {font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.015em}
.portal-admin .topbar #breadcrumb {display:block}
.topbar-end,.top-actions {gap:16px}
.topbar .account-name {font-size:13px;font-weight:600;white-space:nowrap}
.topbar .top-avatar,.topbar .top-actions>.avatar {width:38px;height:38px;border-radius:50%;background:var(--portal-peach);color:var(--ink)}
.topbar .icon-button,.notification-bell {width:40px;height:40px;border:1px solid transparent;background:transparent;border-radius:12px}
.topbar .icon-button:hover,.notification-bell:hover {background:var(--portal-white);border-color:var(--line)}
.notification-bell>span {font-size:11px;min-width:19px;height:19px;line-height:19px;background:var(--orange);color:var(--paper)}
main {max-width:1600px;padding:40px 40px 52px}
.page-heading,.heading {margin-bottom:32px;gap:24px;align-items:flex-end}
.page-heading p,.heading p {font-size:15px;line-height:1.6;margin-top:12px;color:var(--muted)}
.page-footer,.workspace>footer {font-size:12px;line-height:1.6;padding:24px 40px 32px;color:var(--muted);gap:16px}

/* Controls use the website's pill and field shapes, at working UI sizes. */
.button,.client-bento .button,.bento-next .action-strip .text-link,.calendar-backlog-button {
  min-height:44px;padding:11px 20px;border-radius:999px;font-size:var(--portal-control);font-weight:600;line-height:1.4;gap:9px;box-shadow:none;white-space:nowrap;
}
.button,.button.primary,.client-bento .button.primary,.bento-next .action-strip .text-link,.home-opportunity .button,.calendar-backlog-button {background:var(--orange-action);color:#fff;border:1px solid transparent}
.button:hover,.button.primary:hover,.home-opportunity .button:hover,.bento-next .action-strip .text-link:hover {background:#ad3510;color:#fff}
.button.secondary,.client-bento .button.secondary {background:var(--portal-white);color:var(--ink);border:1px solid var(--line)}
.button.secondary:hover {background:var(--portal-sage);color:var(--ink);border-color:#a8af9f}
.surface .button.secondary,.panel .button.secondary {background:#ece8df;border-color:#cecac0}
.surface .button.secondary:hover,.panel .button.secondary:hover {background:#ded8cc;border-color:#b9b3a6}
.button.dark {background:var(--portal-dark);color:var(--paper);border-color:var(--portal-dark)}
.button.dark:hover {background:#3d4936;color:var(--paper)}
.button.small {font-size:13px;min-height:40px;padding:9px 16px}
.button:disabled,button:disabled {opacity:.5;cursor:not-allowed}
.text-link {font-size:14px}
:is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]) {font-size:15px;min-height:48px;padding:12px 14px;border:1px solid #b9bcaf;border-radius:12px;background:var(--portal-white);color:var(--ink);box-shadow:none}
select:not([multiple]) {appearance:none;-webkit-appearance:none;padding-right:48px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2365675f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 17px center!important;background-size:17px!important}
input::placeholder,textarea::placeholder {color:var(--muted);opacity:1}
.field label,.toolbar label,.filter-field label,.source-filter label,.form-grid label {font-size:13px;line-height:1.5}
.field small,.note,.demo-footnote,.error,.form-actions p,.form-status {font-size:13px;line-height:1.65}
.error {color:#a33617}
.form-grid {gap:22px}
.form-actions {padding-top:24px;gap:14px}
input[type=checkbox],input[type=radio] {accent-color:var(--orange)}
.tab,.folder-tab,.view-switch button,.radar-tabs button {font-size:14px;min-height:44px}
.tab[aria-pressed=true] {border-color:var(--orange);color:var(--ink)}
.tab span,.tag,.badge {font-size:12px;line-height:1.4;border-radius:7px;padding:5px 9px}
.notice-state {display:inline-flex;align-items:center;width:6px;height:6px;overflow:hidden;font-size:0;line-height:0;color:#a74124;white-space:nowrap;vertical-align:middle}
.notice-state::before {content:"";display:block;flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
.timeline h2 .notice-state {margin-right:10px}
.portal-admin .task-record .task-copy {position:relative}
.portal-admin .task-record .notice-state {position:absolute;left:-14px;top:8px}
.portal-admin .tag:not([class*="phase-"]) {border-radius:4px;background:transparent;color:var(--muted);padding:1px 0;font-size:12px;font-weight:600}
.portal-admin .tag.alert:not([class*="phase-"]) {color:#ac471f}
.tabs {gap:24px}
.view-switch {background:#e6e8dc;border-radius:999px;padding:4px;box-shadow:none}
.view-switch button {border-radius:999px;padding:10px 16px}
.view-switch button[aria-pressed=true] {background:var(--portal-dark);color:var(--paper);box-shadow:none}

/* Supporting pages inherit these surfaces: forms, tables and detail views. */
.surface,.panel,.opportunity-card,.detail-section,.price-card,.table-wrap {background:var(--portal-white);border:1px solid var(--line);border-radius:24px;box-shadow:none}
.surface,.panel,.client-bento .surface {padding:28px}
.section-heading h2,.panel-head h2 {font-size:22px;line-height:1.25}
.panel-head {gap:16px;flex-wrap:wrap}
.panel-head p,.row p,.task-copy>p,.timeline p,.agenda-event p {font-size:14px;line-height:1.6}
.row strong,.task-copy>strong,.timeline strong {font-size:15px;line-height:1.45}
.row {padding:20px 0;gap:16px}
.facts dt,.data-pairs dt,.record-fields dt,.card-facts dt {font-size:13px;color:var(--muted)}
.facts dd,.data-pairs dd,.record-fields dd,.card-facts dd {font-size:15px;line-height:1.6}
.facts>div,.data-pairs>div {padding:16px 0}
th {font-size:12px;letter-spacing:.02em;background:#eeede4;padding:15px 18px}
td,td strong {font-size:14px;line-height:1.5}
td {padding:18px}
td small,.timeline time {font-size:12px}
.table-wrap {overflow:auto}
.table-wrap tbody tr:hover {background:#eeede4}
.empty h2 {font-size:24px}
.empty p {font-size:15px;line-height:1.65}
.catalog-intro {background:var(--portal-sage);border-radius:20px;padding:22px}
.catalog-intro p,.catalog-intro>a,.results-summary {font-size:14px;color:var(--ink)}
.opportunity-card {padding:26px}
.opportunity-card h2 {font-size:22px}
.opportunity-card :is(.description,.fit-reason),.detail-section p {font-size:15px;line-height:1.65}
.card-top>span,.card-footer>span {font-size:12px}
.card-facts {gap:12px}
.request-panel,.advisor-card {background:var(--portal-dark);color:var(--paper);border-radius:24px}
.request-panel p,.request-panel small,.advisor-card p,.advisor-card .team-detail {color:#d9dfd0;font-size:14px}
.request-panel h2 {font-size:26px}
.company-picker {background:var(--portal-white);border-radius:20px;box-shadow:0 16px 48px #20261f24}
dialog {border-radius:24px;background:var(--portal-white);color:var(--ink)}
dialog label {font-size:14px}
.toast {background:var(--portal-dark);color:var(--paper);border-radius:16px;font-size:14px;line-height:1.5}
.tour-guide {border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--portal-sage);box-shadow:none}
.tour-guide p {font-size:14px}
.tour-guide .button.primary {background:var(--orange-action);color:#fff;border-color:var(--orange-action)}
.tour-guide .button.primary:hover {background:#ad3510;border-color:#ad3510;color:#fff}
.tour-guide .button.secondary {background:var(--portal-white);color:var(--ink);border-color:#b9bcaf}
.tour-guide .button.secondary:hover {background:#fff;border-color:#8f9586}

/* Client overview: the same warm bento rhythm as the approved Home. */
.client-bento {gap:18px}
.client-bento h2 {font-size:20px}
.client-bento h3 {font-size:25px;line-height:1.25}
.client-bento p {font-size:15px;line-height:1.65}
.client-bento .section-heading {margin-bottom:24px;align-items:flex-start;flex-wrap:wrap}
.bento-project {padding:32px;background:var(--portal-peach);color:var(--ink);border-radius:24px;min-height:310px;display:flex;flex-direction:column}
.bento-project h3 {font-size:32px;max-width:20ch}
.bento-project p,.bento-project .section-heading h2,.bento-project .feature-progress-copy {color:#4f5149}
.bento-project .feature-progress span {background:#c4b3a3;border-radius:4px;height:5px}
.bento-project .feature-progress .done {background:#68765d}
.bento-project .feature-progress .current {background:var(--orange)}
.bento-project .feature-progress-copy {font-size:12px}
.bento-project .actions {margin-top:auto}
.bento-project .button.primary {background:var(--portal-dark);color:var(--paper)}
.bento-next.surface {background:var(--portal-dark);color:var(--paper);border-color:var(--portal-dark);padding:32px}
.bento-next h3 {font-size:30px;max-width:20ch}
.bento-next>p {color:var(--portal-sage)}
.bento-next .action-strip .text-link {display:inline-flex}
.bento-docs.surface {background:var(--portal-sage);border-color:var(--portal-sage)}
.bento-docs p,.bento-doc-folders {color:#4e5847}
.bento-value {font-size:48px;line-height:1.1;margin:22px 0}
.bento-doc-folders {font-size:13px;gap:12px}
.home-opportunity h3 {font-size:18px}
.home-opportunity p,.home-opportunity strong {font-size:14px}
.bento-advisor .advisor-identity h2 {font-size:20px}
.advisor-identity small {font-size:12px}
.bento-stats {gap:14px;flex-wrap:wrap}
.bento-stats>div {flex:1 1 68px}
.bento-stats strong {font-size:30px}
.bento-stats span {font-size:12px;line-height:1.5}
.profile-progress>div {font-size:14px}
.profile-progress p,.profile-progress>a {font-size:13px;line-height:1.6}
.profile-progress>a {padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}

/* The company summary and its completion panel share one grid row. */
.record-layout {grid-template-columns:minmax(0,1fr) minmax(285px,335px);align-items:stretch}
.record-layout>.company-record {grid-column:1;grid-row:1}
.record-layout>.record-aside {grid-column:2;grid-row:1;height:100%;display:flex;flex-direction:column;background:#f8f4ed}
.record-layout>.project-record {grid-column:1;grid-row:2}
.record-aside .account-separation {margin-top:auto;padding-top:24px}
.record-aside .profile-progress>a {display:flex;align-items:center;min-height:50px;margin:0;color:var(--ink);font-size:14px;background:transparent;transition:color .18s ease}
.record-aside .profile-progress>a .icon {order:2;margin-left:auto;width:15px;height:15px;color:var(--orange-action)}
.record-aside .profile-progress>a:hover {background:transparent;color:var(--orange-action);text-decoration:none}
.record-aside .profile-progress>a:focus-visible {outline:2px solid var(--orange-action);outline-offset:2px;border-radius:4px}

/* Give the advisor and workspace activity a clear place in the overview. */
.client-bento>.bento-advisor {grid-column:span 8;background:var(--portal-peach);border-color:var(--portal-peach);padding:32px;display:flex;flex-direction:column;align-items:flex-start}
.bento-eyebrow {font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#75452f;margin-bottom:22px}
.bento-advisor .advisor-identity {gap:16px}
.bento-advisor .advisor-identity .avatar {width:58px;height:58px;font-size:16px;background:var(--portal-white)}
.bento-advisor .advisor-identity h2 {font-size:29px}
.bento-advisor .advisor-identity small {font-size:14px;color:#5e564e}
.bento-advisor>p {font-size:16px;max-width:40ch;margin:20px 0 28px;color:#4a463f}
.advisor-context {display:grid;gap:5px;width:100%;padding:15px 0;margin:auto 0 20px;border-top:1px solid #c8ad97;border-bottom:1px solid #c8ad97}
.advisor-context span {font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#75452f}
.advisor-context strong {font-size:16px;font-weight:600;color:var(--portal-dark)}
.portal-client .bento-advisor .button.primary {background:var(--portal-dark);border-color:var(--portal-dark);color:#fff}
.portal-client .bento-advisor .button.primary:hover {background:#384437;border-color:#384437}
.client-bento>.bento-company {grid-column:span 4}
.client-bento>.bento-activity {grid-column:1/-1;padding:30px 32px;background:#e9ede4;border-color:#d8dfd2}
.bento-activity .section-heading {margin-bottom:24px}
.bento-activity .section-heading p {margin-top:5px}
.bento-activity .bento-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 24px}
.bento-activity .bento-stats>div {padding:6px 26px;border-left:1px solid #bac7b7}
.bento-activity .bento-stats>div:first-child {padding-left:0;border-left:0}
.bento-activity .bento-stats strong {font-size:42px;line-height:1.05;color:var(--portal-dark)}
.bento-activity .bento-stats span {font-size:14px;margin-top:8px;color:#4d5c4b}
.bento-milestone {display:flex;align-items:baseline;gap:20px;padding-top:20px;border-top:1px solid #bac7b7}
.bento-milestone span {min-width:105px;color:#53634f;font-size:13px;font-weight:700}
.bento-milestone strong {font-size:15px;font-weight:600}

/* A single, useful advisor target at the foot of the client navigation. */
.portal-client .sidebar-advisor {width:100%;min-height:96px;padding:14px;gap:12px;margin-top:auto;border:1px solid #303b30;border-radius:18px;background:var(--portal-dark);color:#fff;text-align:left;cursor:pointer;transition:background .18s ease,transform .18s ease}
.portal-client .sidebar-advisor:hover {background:#354235;transform:translateY(-2px)}
.portal-client .sidebar-advisor:focus-visible {outline:2px solid var(--orange-action);outline-offset:3px}
.portal-client .sidebar-advisor .avatar {background:var(--portal-peach);width:43px;height:43px}
.portal-client .sidebar-advisor-copy {display:grid;gap:2px;min-width:0}
.portal-client .sidebar-advisor strong {font-size:14px;color:#fff}
.portal-client .sidebar-advisor small {font-size:11px;color:#c9d1c5}
.portal-client .sidebar-advisor em {font-size:12px;font-style:normal;font-weight:700;color:#f4a27e;margin-top:5px}
.portal-client .sidebar-advisor-arrow {margin-left:auto;color:#f4a27e}
.portal-client .sidebar-advisor-arrow .icon {width:18px;height:18px}

/* Document metadata should stay quiet without becoming tiny. */
.portal-client .file-row strong {font-size:15px;line-height:1.4}
.portal-client .file-row small {font-size:13px;line-height:1.5}
.portal-client .file-type {font-size:12px;width:40px;height:44px}
.portal-client .file-row .text-link,.portal-client .document-note {font-size:13px}
.portal-admin .records-panel .row strong {font-size:15px;line-height:1.4}
.portal-admin .records-panel .row p,.portal-admin .records-panel .row small {font-size:13px;line-height:1.5}
.portal-admin .records-panel .row>.icon {width:20px;height:20px}

@media(max-width:1180px){
  .record-layout {grid-template-columns:minmax(0,1fr) minmax(250px,300px)}
  .client-bento>.bento-advisor {grid-column:span 7}
  .client-bento>.bento-company {grid-column:span 5}
}
@media(max-width:900px){
  .record-layout {grid-template-columns:1fr}
  .record-layout>.company-record,.record-layout>.record-aside,.record-layout>.project-record {grid-column:1;grid-row:auto}
  .record-layout>.record-aside {height:auto}
  .client-bento>.bento-advisor,.client-bento>.bento-company,.client-bento>.bento-activity {grid-column:1/-1}
}
@media(max-width:600px){
  .bento-activity .bento-stats {grid-template-columns:1fr 1fr;row-gap:22px}
  .bento-activity .bento-stats>div {padding:0 15px}
  .bento-activity .bento-stats>div:nth-child(3) {padding-left:0;border-left:0}
  .bento-activity .bento-stats strong {font-size:34px}
  .bento-milestone {display:grid;gap:5px}
}

/* Internal workspace: legible operational density within the same palette. */
.portal-admin .brand {padding-bottom:24px}
.portal-admin .metrics {gap:16px;margin-bottom:28px}
.portal-admin .metric {border-radius:24px;background:var(--portal-white);padding:24px;border-color:var(--line)}
.portal-admin .metric span {font-size:14px;color:var(--muted)}
.portal-admin .metric em {font-size:12px;color:var(--muted)}
.portal-admin .metric strong {font-size:36px;line-height:1.2;letter-spacing:-.035em;margin:18px 0 10px;overflow-wrap:anywhere}
.portal-admin .metric.attention {background:var(--portal-dark);color:var(--paper);border-color:var(--portal-dark)}
.portal-admin .metric.attention span,.portal-admin .metric.attention em {color:var(--portal-sage)}
.portal-admin .metric:last-child {background:var(--portal-sage);border-color:var(--portal-sage)}
.portal-admin .metric:last-child span,.portal-admin .metric:last-child em {color:#4e5847}
.portal-admin .metric.is-selected {outline:0;outline-offset:0}
.portal-admin .metric.is-selected:focus-visible {outline:0}
.portal-admin .metric[href*="filter="].is-selected:after {content:none}
.portal-admin .metric[href*="filter=all"].is-selected {background:#ebcdb8;border-color:#ebcdb8;color:#28251f}
.portal-admin .metric[href*="filter=received"].is-selected {background:#bfceb7;border-color:#bfceb7;color:#20271e}
.portal-admin .metric[href*="filter=outstanding"].is-selected {background:#b6411b;border-color:#b6411b;color:#fff}
.portal-admin .metric[href*="filter=Vencida"].is-selected {background:#e7ad91;border-color:#e7ad91;color:#32251f}
.portal-admin .metric[href*="filter="].is-selected span,.portal-admin .metric[href*="filter="].is-selected em {color:inherit}
.portal-admin .metric[href*="filter=outstanding"].is-selected span,.portal-admin .metric[href*="filter=outstanding"].is-selected em {color:#fff3ea}
.portal-admin .bento {gap:20px}
.portal-admin .bento>.span4 {background:var(--portal-peach);border-color:var(--portal-peach)}
.portal-admin .bento>.span4 .muted,.portal-admin .bento>.span4 p,.portal-admin .bento>.span4 small {color:#535348}
.portal-admin .summary-bento>.summary-rail {display:grid;align-content:start;align-self:start;gap:20px;padding:0;background:transparent;border:0}
.portal-admin .team-load-panel {background:var(--portal-peach);border-color:var(--portal-peach)}
.portal-admin .team-load-panel .row {margin-inline:12px;border-top:0}
.portal-admin .team-load-panel .row + .row {border-top:1px solid #d7baa6}
.portal-admin .team-load-panel .row p {color:#625b51}
.portal-admin .deadline-panel .row {align-items:flex-start;flex-wrap:wrap}
.portal-admin .deadline-panel .row>div {flex-basis:100%}
.portal-admin .deadline-panel .row>.button {margin-left:auto}
.portal-admin .nav-group-title {font-size:11px;color:var(--muted)}
.portal-admin .nav-group {border-color:var(--line)}
.radar-row {padding-block:24px}
.radar-row strong {font-size:16px;line-height:1.5}
.radar-row p,.radar-row small,.radar-attribution {font-size:13px;line-height:1.6}
.editorial-form label,.editorial-form small,.source-filter label {font-size:13px}
.editorial-demo {border-radius:20px;background:var(--portal-peach);color:var(--ink);font-size:14px}
.tracking-entry p,.tracking-entry strong,.tracking-message,.quick-composer label {font-size:14px}
.quick-composer .note,.tracking-author,.tracking-author small {font-size:12px}
.calendar-month-panel .panel-head h2 {font-size:22px}
.calendar-week span {font-size:12px}
.calendar-cell>span {font-size:14px}
.calendar-cell small,.calendar-cell em,.calendar-event {font-size:11px}
.calendar-cell[aria-pressed=true] {background:#f0ded0;box-shadow:none}
.calendar-cell[aria-pressed=true]>span {font-weight:700;color:var(--ink)}
.calendar-backlog-button {background:var(--portal-dark);color:var(--paper)}
.portal-admin .calendar-backlog-button {border:0}
.portal-admin .backlog-dialog {width:min(720px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 56px));margin:auto 24px auto auto;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--portal-white);color:var(--ink);box-shadow:0 20px 55px #171b1690}
.portal-admin .backlog-dialog::backdrop {background:#14191485}
.portal-admin .backlog-head {display:flex;justify-content:space-between;align-items:start;gap:20px;padding:28px 30px 18px}
.portal-admin .backlog-head h2 {font-size:25px}
.portal-admin .backlog-head p {margin-top:5px;color:var(--muted);font-size:13px}
.portal-admin .backlog-close {border:1px solid var(--line);border-radius:999px;background:#ece8df;padding:8px 14px;font-size:12px;font-weight:600}
.portal-admin .backlog-search-label {display:block;margin:0 30px 6px;font-size:12px;font-weight:600}
.portal-admin #backlog-search {display:block;width:calc(100% - 60px);margin:0 30px 14px;background:#fff}
.portal-admin .backlog-records {max-height:min(570px,calc(100dvh - 240px));overflow-y:auto;padding:0 30px 26px}
.portal-admin .backlog-records .task-record {padding:18px 0}
.portal-admin .backlog-empty {margin:0 30px 26px;color:var(--muted)}
:is(button,a,summary):focus:not(:focus-visible) {outline:none}
:is(button,a,summary):focus-visible {outline:2px solid var(--portal-dark);outline-offset:3px}
.sidebar :is(button,a):focus-visible {outline-color:#f8f2e9}
:is(input,select,textarea):focus-visible {outline:none;border-color:#5f685b;box-shadow:0 0 0 1px #5f685b}
.agenda-day .panel-head h2 {font-size:20px}
.view-switch {flex-wrap:wrap}
.intake-original {font-size:14px}

/* First entry also belongs to the public identity. */
.onboarding .setup-content h1 {font-size:48px;line-height:1.1;letter-spacing:-.04em}
.onboarding .setup-content .setup-lead {font-size:16px;line-height:1.65}
.onboarding .setup-content .button.primary {background:var(--orange-action);color:#fff;border-color:transparent;font-size:15px}
.onboarding .setup-content .button.primary:hover {background:#ad3510;color:#fff}
.onboarding .setup-note,.onboarding .setup-skip,.onboarding .setup-workspace-foot {font-size:13px}
.onboarding .setup-content .field label {font-size:14px}
.onboarding .setup-content input:not([type=radio]),.onboarding .setup-content select,.onboarding .setup-content textarea {font-size:16px}
.onboarding .setup-visual h2 {letter-spacing:-.04em}
.onboarding .setup-eyebrow {display:none}
.onboarding .setup-finish-status {letter-spacing:.03em;font-size:12px}
.onboarding .setup-finish-dot {box-shadow:none}

@media(min-width:761px) and (max-width:1180px) {
  .portal,.shell {grid-template-columns:224px minmax(0,1fr)}
  .sidebar {padding-inline:12px}
  main {padding:32px 24px}
  .topbar {padding-inline:24px}
  .client-bento .bento-project,.client-bento .bento-next {grid-column:span 12}
  .bento-project {min-height:0}
  .portal-admin .metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-admin .bento>.span8,.portal-admin .bento>.span4 {grid-column:span 12}
}
@media(max-width:760px) {
  .portal-admin .backlog-dialog {width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:auto;border-radius:16px}
  .portal-admin .backlog-head {padding:22px 20px 14px}
  .portal-admin .backlog-search-label {margin-inline:20px}
  .portal-admin #backlog-search {width:calc(100% - 40px);margin-inline:20px}
  .portal-admin .backlog-records {padding-inline:20px}
  :root {--portal-body:16px;--portal-control:15px}
  .portal,.shell {display:block}
  main {padding:28px 20px 40px}
  h1,.heading h1,.page-heading h1,.detail-header h1 {font-size:30px}
  .page-heading,.heading {gap:18px;margin-bottom:26px;align-items:flex-start;flex-wrap:wrap}
  .page-heading p,.heading p {font-size:15px}
  .topbar {height:72px;padding:0 16px;gap:10px}
  .topbar-start,#breadcrumb,#page-label {font-size:13px}
  .topbar-start,.topbar-end,.top-actions {gap:8px}
  .account-name {display:none}
  .menu,.menu-toggle {border-radius:50%;background:var(--portal-peach);border:0;min-width:44px;height:44px;font-size:12px}
  .menu {display:inline-grid;place-items:center;padding:6px}
  .sidebar {width:min(320px,calc(100vw - 40px));padding:28px 18px;height:100dvh}
  .portal-admin.nav-open .sidebar {width:100%;inset:72px 0 0;height:calc(100dvh - 72px);padding:20px}
  .portal-admin.nav-open .sidebar .brand {display:none}
  .sidebar .nav-link {font-size:16px;min-height:48px}
  .sidebar .brand img {width:132px}
  .sidebar-advisor {padding-bottom:16px}
  .surface,.panel,.client-bento .surface,.bento-project,.bento-next.surface {padding:24px;border-radius:22px}
  .client-bento {grid-template-columns:minmax(0,1fr);gap:16px}
  .client-bento>section {grid-column:auto}
  .client-bento h2,.section-heading h2,.panel-head h2 {font-size:20px}
  .client-bento h3,.bento-next h3 {font-size:25px}
  .bento-project h3 {font-size:30px}
  .bento-project {min-height:0}
  .bento-project p,.client-bento p {font-size:16px}
  .home-opportunity {grid-template-columns:1fr;gap:14px}
  .home-opportunity>div:last-child {text-align:left}
  .home-opportunity h3 {font-size:20px}
  .home-opportunity strong {font-size:15px}
  .home-opportunity .button {min-height:44px}
  .button.small {min-height:44px;font-size:14px}
  :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]) {font-size:16px}
  .field label,.filter-field label,.toolbar label {font-size:14px}
  .page-footer,.workspace>footer {padding:20px;display:block;font-size:12px}
  .page-footer span {display:block;margin-bottom:8px}
  .portal-admin .metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .portal-admin .metric {padding:18px;border-radius:20px}
  .portal-admin .metric strong {font-size:28px;overflow-wrap:anywhere}
  .portal-admin .metric span {font-size:13px}
  .portal-admin .metric em {font-size:12px}
  .row,.task-record {gap:12px}
  .row strong,.task-copy>strong {font-size:16px}
  .row p,.task-copy>p {font-size:14px}
  .row .actions {flex-wrap:wrap}
  .facts {grid-template-columns:1fr}
  .record-identity {display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:16px}
  .record-identity>div {min-width:0}
  .record-identity h2 {font-size:20px;overflow-wrap:normal}
  .record-identity .badge {grid-column:2;margin:0;justify-self:start}
  .portal-admin .bento>.span7 .row,.portal-admin .bento>.span5 .row {flex-wrap:wrap}
  .portal-admin .bento>.span7 .row>div,.portal-admin .bento>.span5 .row>div {flex-basis:100%}
  .calendar-create {flex-wrap:wrap}
  .calendar-create>select {flex-basis:100%;max-width:none;width:100%}
  .facts dd,.data-pairs dd,.record-fields dd {font-size:15px}
  .panel-head {align-items:flex-start}
  .calendar-month-panel .panel-head .actions {width:100%;justify-content:space-between;gap:6px}
  .calendar-month-panel .panel-head .button {padding-inline:14px}
  .calendar-cell {min-height:72px;padding:6px}
  .calendar-cell>span {font-size:14px}
  .calendar-cell em {font-size:11px}
  .calendar-week span {font-size:0}
  .calendar-week span::first-letter {font-size:12px}
  .onboarding .setup-content h1 {font-size:36px}
  .onboarding .setup-content .setup-lead {font-size:16px}
  .onboarding .setup-primary {min-height:50px}
  .toast {bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print {
  .sidebar,.topbar,.workspace>footer,.page-footer {display:none!important}
  .portal,.shell {display:block}
  main {padding:0}
  .panel,.surface {break-inside:avoid}
}