/* Actora 1.5.2. Application chrome is deliberately separate from print typography. */
:root {
  --ink:#242426; --muted:#6c6c70; --line:#e6e6e8; --paper:#fff;
  --bg:#fff; --graphite:#242426; --accent:#ffda44; --soft:#f5f5f7;
  --radius:12px; --red:#b32730;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:14px; line-height:1.5; letter-spacing:0; color-scheme:light;
}
body { background:#fff; }
::selection { background:#a8cff859; }
:focus-visible { outline:3px solid #007aff; outline-offset:3px; }
.visually-hidden { position:absolute!important; width:1px; height:1px; overflow:hidden; clip-path:inset(100%); white-space:nowrap; }
h1 { font-size:27px; font-weight:600; letter-spacing:-.7px; line-height:1.2; margin-bottom:8px; }
h2 { font-size:18px; font-weight:600; letter-spacing:-.25px; }
h3 { font-size:15px; font-weight:600; letter-spacing:0; }
p { line-height:1.6; }
.card h1,.card h2,.card h3,.card p { overflow-wrap:anywhere; }
.eyebrow,.step-label { display:none; }
.shell { min-height:100dvh; }
/* A narrow library sidebar, rather than a second dashboard. */
.sidebar { width:254px; padding:28px 18px 20px; background:#f3f3f5; color:#29292e; border-right:1px solid #dedee2; }
.product-identity { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.sidebar>.product-identity { margin:0 13px 35px; }
.actora-home { display:inline-flex; border-radius:8px; }
.actora-wordmark { display:flex; align-items:center; gap:10px; color:#202124; }
.actora-mark { display:block; width:44px; height:auto; flex-shrink:0; filter:none; }
.actora-name { display:block; width:127px; height:auto; }
.brand-endorsement { display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.brand-endorsement small { font-size:9px; font-weight:400; color:#77777c; line-height:1.3; }
/* The source PNG is not changed: its transparent canvas is framed in CSS. */
.agency-logo { display:block; width:147px; aspect-ratio:1341 / 429; overflow:hidden; }
.brand-endorsement .agency-logo img { display:block; width:104.3997%; max-width:none; height:auto; padding:0; border:0; border-radius:0; background:none; object-fit:initial; transform:translate(-1.57143%,-28.2581%); }
.side-label { color:#7a7a80; padding:0 11px; margin:24px 0 7px; font-size:11px; font-weight:500; letter-spacing:0; }
.sidebar>.side-label { margin-top:0; }
.sidebar nav { display:block; overflow:visible; margin:0; }
.sidebar nav>a { display:flex; align-items:center; gap:10px; min-height:36px; padding:8px 11px; margin:3px 0; border-radius:7px; font-size:13px; font-weight:400; color:#39393f; white-space:normal; }
.sidebar nav>a:hover { color:#1c1c22; background:#e7e7ec; }
.sidebar nav>a.active { color:#fff; background:#1676e7; outline:0; box-shadow:0 1px 2px #0b65d318; }
.sidebar nav>a .ui-icon { width:17px; height:17px; color:#707079; }
.sidebar nav>a.active .ui-icon { color:#fff; }
.sidebar .help-count { background:#e4e4e9; color:#666673; font-size:10px; }
.side-bottom { display:block; margin-top:auto; padding:35px 11px 0; }
.version-label { color:#8b8b93; font-size:10px; padding-top:14px; margin-top:0; border-top:1px solid #dddde3; }
.main { margin-left:254px; background:#fff; }
.topbar { height:61px; padding:0 34px; gap:16px; background:#ffffffd9; backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); border-bottom:1px solid #e7e7eb; z-index:9; }
.breadcrumb { min-width:0; color:#66666e; font-size:15px; letter-spacing:-.2px; }
.breadcrumb strong { font-weight:600; color:#29292f; }
.account { gap:10px; }
.account-button { font-size:12px; gap:8px; border-radius:8px; padding:4px 6px; }
.account-button:hover { background:#f1f1f5; }
.avatar { width:27px; height:27px; background:#e9e9ef; color:#696975; font-size:11px; font-weight:500; }
.logout-button { width:32px; height:32px; border-radius:7px; }
.logout-button:hover { background:#f0f0f4; }
.content { max-width:1380px; padding:33px 34px 46px; }
.page-heading { margin-bottom:26px; gap:24px; align-items:center; }
.page-heading>div { min-width:0; }
.page-heading h1 { overflow-wrap:anywhere; }
.page-heading p { font-size:13px; line-height:1.5; margin:0; color:#818188; }
.card { padding:26px; border:1px solid #e2e2e8; border-radius:12px; box-shadow:none; background:#fff; }
/* Native-size buttons, inputs and segmented views. Touch targets expand on mobile. */
.button { min-height:34px; padding:7px 13px; font-size:12px; font-weight:500; border-radius:7px; letter-spacing:0; box-shadow:none; transition:background .12s; }
.button.primary { background:#0879ec; color:white; border:1px solid #0874df; box-shadow:0 1px 2px #0b65d315; }
.button.primary:hover { background:#006bd9; transform:none; box-shadow:none; }
.button.primary:active { background:#005dc3; }
.button.secondary { color:#35353c; background:#fff; border:1px solid #d7d7de; box-shadow:0 1px 2px #20202a08; }
.button.secondary:hover { background:#f5f5f8; border-color:#c7c7d0; transform:none; }
.button.danger { color:#b22931; background:#fff; border:1px solid #ead0d3; }
.button.danger:hover { color:#962129; background:#fff0f1; }
.button.small { min-height:32px; font-size:11px; padding:6px 10px; border-radius:6px; }
.button.subtle { color:#a33940; background:transparent; }
.button .ui-icon { width:16px; height:16px; }
.text-button { font-size:12px; color:#0071d9; font-weight:400; }
.text-button.delete-button,.danger-text { color:#b12b33; }
label { font-size:12px; font-weight:500; line-height:1.5; color:#4f4f59; margin-bottom:18px; }
input:not([type=checkbox]):not([type=radio]),textarea,select,label>input:not([type=checkbox]):not([type=radio]),label>textarea,label>select { min-height:36px; font-size:13px; line-height:1.5; font-weight:400; padding:8px 10px; border:1px solid #d5d5dd; border-radius:7px; color:#29292f; background:#fff; }
input:hover,textarea:hover,select:hover { border-color:#aaaab7; }
input:focus,textarea:focus,select:focus,label>input:focus,label>textarea:focus,label>select:focus { border-color:#70a8e7; background:#fff; box-shadow:0 0 0 3px #007aff12; }
input::placeholder,textarea::placeholder { color:#8a8a94; }
input[type=file] { border-style:dashed; background:#fafafc; padding:16px; }
input[type=checkbox],input[type=radio],.check input,.choice-card input { accent-color:#0879ec; }
.badge { font-size:10px; font-weight:400; padding:4px 8px; border:0; border-radius:5px; color:#747480; background:#f0f0f4; }
.badge-on { color:#267642; background:#edf6f0; }
.badge.muted { color:#74747c; background:#f4f4f7; }
.path-nav { gap:7px; font-size:11px; color:#909098; margin-bottom:22px; }
.path-nav strong { font-weight:500; color:#686873; }
.path-nav a:hover { color:#0071d9; }
.tabs { border:1px solid #dedee5; border-radius:8px; background:#eeeef2; padding:3px; gap:2px; margin-bottom:24px; max-width:max-content; }
.tabs>a { font-size:12px; font-weight:400; min-height:30px; padding:6px 13px!important; border-radius:5px; color:#696973; }
.tabs>a.active { color:#35353d; font-weight:500; background:#fff; box-shadow:0 1px 4px #22222a15; }
.tab-count { color:#83838d; background:transparent; font-size:10px; padding:0 3px; }
/* Overview surfaces are populated from the real private archives. */
.home-heading { margin:0 0 23px; }
.home-heading h1 { font-size:28px; }
.quick-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:34px; }
.quick-actions>a { display:flex; align-items:center; gap:7px; font-size:12px; color:#4e4e57; border:1px solid #e1e1e8; border-radius:7px; padding:8px 11px; background:#fff; }
.quick-actions>a:hover { background:#f6f6f9; border-color:#cfcfd9; }
.quick-actions .ui-icon { width:16px; height:16px; color:#73737e; }
.overview-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:27px; }
.overview-grid:has(>.overview-section:only-child) { grid-template-columns:1fr; }
.overview-section { min-width:0; }
.overview-section-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 12px; }
.overview-section-head h2 { font-size:15px; margin:0; color:#45454d; letter-spacing:0; }
.overview-section-head>a { font-size:11px; color:#82828c; display:flex; align-items:center; gap:4px; white-space:nowrap; }
.overview-section-head>a:hover { color:#0071d9; }
.overview-section-head .ui-icon { width:11px; height:11px; }
.native-list { border:1px solid #e3e3e9; border-radius:11px; overflow:hidden; min-height:171px; }
.native-row { display:flex; align-items:center; gap:13px; padding:16px; min-height:82px; border-bottom:1px solid #eeeeF3; }
.native-row:last-child { border-bottom:0; }
.native-row-body { min-width:0; flex:1; }
.native-row-body strong { font-size:13px; font-weight:500; line-height:1.45; display:block; overflow-wrap:anywhere; }
.native-row-body small { font-size:11px; line-height:1.5; color:#898994; margin-top:4px; overflow-wrap:anywhere; }
.native-row-body a:hover { color:#0071d9; }
.file-symbol { position:relative; flex-shrink:0; width:31px; height:40px; color:#759bcc; display:grid; place-items:center; }
.file-symbol>.ui-icon { width:30px; height:37px; stroke-width:1.2px; }
.file-symbol>span { position:absolute; bottom:2px; font-size:6px; letter-spacing:.3px; background:#fff; padding:1px 2px; color:#698eba; }
.icon-button { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border-radius:7px; color:#90909d; }
.icon-button:hover { color:#0071d9; background:#f0f5fc; }
.icon-button .ui-icon { width:17px; height:17px; }
.calendar-symbol { display:block; flex-shrink:0; min-width:36px; text-align:center; border:1px solid #e1e1e6; border-radius:6px; overflow:hidden; }
.calendar-symbol small { font-size:8px; background:#f7eeee; color:#bc6b71; line-height:1.5; }
.calendar-symbol strong { display:block; font-size:17px; font-weight:500; line-height:1.8; color:#666674; }
.meeting-row:hover { background:#f9f9fc; }
.meeting-row>.ui-icon { width:13px; height:13px; color:#9999a2; }
.native-empty { min-height:171px; padding:25px 18px; text-align:center; }
.native-empty>.ui-icon { color:#b1b1bc; width:25px; height:25px; margin-bottom:8px; }
.native-empty h3 { font-size:13px; color:#666672; font-weight:500; margin-bottom:5px; }
.native-empty p { font-size:11px; color:#92929c; margin:0 0 9px; }
.native-empty>a { font-size:11px; color:#0071d9; }
.native-empty a .ui-icon { width:12px; height:12px; }
.committee-overview { margin-top:31px; }
.committee-shortcuts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.committee-shortcuts>a { display:flex; align-items:center; gap:11px; border:1px solid #e3e3e9; border-radius:9px; padding:17px 16px; font-size:12px; }
.committee-shortcuts>a:hover { background:#f7f7fa; }
.committee-shortcuts strong { font-weight:500; min-width:0; overflow-wrap:anywhere; }
.committee-shortcuts .ui-icon { width:17px; height:17px; flex-shrink:0; color:#9999a6; }
.committee-shortcuts .ui-icon:last-child { margin-left:auto; width:12px; height:12px; }
.overview-help { display:flex; align-items:center; flex-wrap:wrap; gap:9px; padding-top:21px; margin-top:31px; border-top:1px solid #eeeef3; font-size:11px; color:#8a8a95; }
.overview-help>.ui-icon { width:14px; height:14px; }
.overview-help>a { margin-left:auto; color:#72727e; }
.overview-help a .ui-icon { width:10px; height:10px; }
/* Committee lists and the two document destinations share one visual grammar. */
.launch-grid { display:grid; grid-template-columns:1fr; gap:0; border:1px solid #e2e2e9; border-radius:12px; overflow:hidden; margin:0 0 26px; background:#fff; }
.launch-card { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; column-gap:17px; min-height:92px; padding:23px; border:0; border-bottom:1px solid #ececf2; border-radius:0; box-shadow:none; }
.launch-card:last-child { border-bottom:0; }
.launch-card:hover { border-color:#ececf2; background:#fafafc; transform:none; box-shadow:none; }
.launch-icon { display:grid; place-items:center; grid-column:1; grid-row:1/3; width:36px; height:36px; border-radius:8px; background:#eef3fb; color:#7287a5; margin:0; box-shadow:none; }
.launch-icon svg { width:21px; height:21px; }
.launch-card h2 { grid-column:2; grid-row:1; align-self:end; font-size:15px; margin:0 0 4px; letter-spacing:0; }
.launch-card p { grid-column:2; grid-row:2; align-self:start; font-size:12px; margin:0; color:#898993; }
.launch-arrow { grid-column:3; grid-row:1/3; align-self:center; margin:0; font-size:11px; font-weight:400; color:#94949f; }
.help-strip { padding:20px 0; margin-top:22px; border:0; border-top:1px solid #e9e9ef; border-radius:0; gap:17px; background:transparent; box-shadow:none; }
.help-strip h2 { font-size:14px; margin:0 0 6px; }
.help-strip p { font-size:12px; margin:0; }
.help-strip .row-actions { min-width:0; }
.committee-grid { grid-template-columns:1fr; gap:0; border:1px solid #e2e2e8; border-radius:12px; overflow:hidden; }
.committee-card { display:grid; grid-template-columns:35px minmax(0,1fr); column-gap:15px; padding:23px; border:0; border-bottom:1px solid #eeeef3; border-radius:0; background:#fff; box-shadow:none; min-height:110px; }
.committee-card:last-child { border-bottom:0; }
.committee-card:hover { transform:none; box-shadow:none; background:#fafafc; }
.committee-symbol { grid-row:1/4; grid-column:1; display:grid; place-items:center; width:35px; height:35px; background:#f1f2f8; color:#9394a5; border-radius:8px; }
.committee-symbol svg { width:20px; height:20px; }
.committee-card h2 { font-size:15px; margin:0 0 6px; letter-spacing:0; }
.committee-card p { font-size:12px; margin:0 0 9px; }
.committee-card-link { font-size:11px; color:#9494a1; grid-column:2; }
.meeting-list>a { padding:20px 0; }.meeting-list strong { font-size:14px; }.meeting-list small { font-size:11px; }
.section-title { gap:12px; margin-bottom:22px; }.section-title h2 { font-size:16px; }.section-title p { font-size:11px; }
.step { border:0; border-radius:6px; background:#f1f1f6; color:#9999a7; font-size:10px; width:26px; height:26px; }
.two-col { gap:0 20px; }.form-stack { gap:16px; }.editor { padding:27px; }
.preview-column { top:85px; }.preview-surface { border-color:#ededf2; border-radius:12px; background:#f6f6f9; }
.preview-header h2 { font-size:14px; }.preview-note,.print-tip p { font-size:10px; }
.rich-toolbar,.proposal-form .rich-toolbar { border-color:#e2e2eb; background:#f7f7fa; padding:8px; }
.rich-editor-shell,.proposal-writing .rich-editor-shell { border-color:#dcdce5; border-radius:9px; }
.rich-toolbar button,.proposal-form .rich-toolbar button { border-radius:5px; background:transparent; min-height:28px; }
.rich-toolbar button:hover { background:#e8e8f1; }
.editor-status { color:#8f8f9a; background:#fafafc; border-color:#e9e9f1; }.editor-status #pagination-status { color:#8b8b97; }
.choice-card { border:1px solid #dedee6; background:#fff; padding:12px; border-radius:8px; gap:8px; }
.choice-card:has(input:checked) { background:#f2f7ff; border-color:#8db7e8; box-shadow:0 0 0 1px #8db7e8; }
.choice-card strong { font-size:14px; color:#47475b; }.choice-card small { font-size:10px; }.choice-card input { width:15px; height:15px; }
.proposal-form { max-width:1030px; margin-inline:0; gap:18px; }.proposal-writing h2 { font-size:17px; }.proposal-basics h2 { margin-top:0; }
.proposal-type .radio-row { gap:10px; }.proposal-type legend { font-size:12px; }.proposal-form .section-title { margin-bottom:0; }
.proposal-kind { width:35px; min-width:35px; height:35px; border-radius:7px; background:#f1f3f8; color:#8b94a7; font-size:13px; }
.proposal-list { gap:0; border:1px solid #e2e2e8; border-radius:10px; overflow:hidden; }.proposal-card { border:0; border-bottom:1px solid #ececf2; border-radius:0; padding:21px 23px; }
.proposal-card:last-child { border-bottom:0; }.proposal-card h3 { font-size:15px; }.proposal-card-head { gap:13px; margin-bottom:16px; }.proposal-card-head p { font-size:11px; }
.month-heading h2 { font-size:14px; }.month-heading .badge { font-size:9px; }
.directory-tools { padding:17px 20px; background:#f8f8fb; border:1px solid #ededf3; border-radius:10px; gap:16px; }.directory-tools label { margin:0; }.directory-tools .fineprint { margin:0; font-size:10px; }
.committee-save-bar,.proposal-form .committee-save-bar { border:1px solid #e0e0e9; border-radius:10px; padding:17px 20px; background:#fafafc; box-shadow:none; }
.proposal-form .committee-save-bar { gap:16px; }.committee-save-bar .fineprint { margin:0; font-size:11px; }
.destructive { padding:13px 0; margin-top:25px; background:transparent; border:0; border-radius:0; box-shadow:none; }.destructive[open] { padding:22px; border:1px solid #eedadd; border-radius:10px; background:#fff; }
.share-result { background:#f8f9fc; border-color:#e2e5ed; }.setup-steps { color:#737383; }.item-more summary { color:#858595; font-size:11px; }
.alert { border-radius:9px; font-size:12px; }.alert.success { background:#eff8f2; color:#497c5b; border-color:#dfede4; }.alert.info { background:#fcf8ed; color:#8a7950; border-color:#ebe4d2; }
.empty-state { padding:37px 25px; }.empty-icon,.empty-symbol { color:#a3a4b2; background:#f3f3f8; }
th { background:#f9f9fc; color:#8c8c99; font-size:10px; letter-spacing:0; }td { border-color:#eeeeF4; }.count { background:#f4f4f8; color:#9898a5; border-color:#e7e7ef; border-radius:5px; }
.row-actions { gap:8px; }.fineprint { color:#8b8b98; font-size:11px; }
dialog { border-radius:16px; padding:26px; box-shadow:0 22px 75px #22223a25; }dialog::backdrop { background:#22223844; backdrop-filter:blur(7px); }.dialog-head h2 { font-size:21px; }.dialog-head button { background:#f0f0f7; color:#828294; }
.footer { padding:0 34px 22px; font-size:10px; color:#a1a1aa; }.footer-dot { color:#c7c7d1; }
/* The entrance is an art canvas. Productive screens stay visually restrained. */
.view-login { background:#f7f5f2; }
.view-login .content { padding:48px 34px; max-width:1440px; min-height:calc(100dvh - 56px); display:flex; justify-content:center; }
.view-login .alert { max-width:1160px; }
.auth-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr); max-width:1160px; min-height:710px; border-radius:27px; border:1px solid #e7e0dc; background:#fff; box-shadow:0 24px 70px #8e758f14; }
.auth-art-panel { position:relative; min-height:710px; background:#fbede2; overflow:hidden; isolation:isolate; }
.auth-brand { position:relative; padding:36px 40px; z-index:2; }.auth-brand .product-identity { gap:11px; }.auth-brand .actora-mark { width:46px; }.auth-brand .actora-name { width:141px; }
.auth-brand .brand-endorsement { gap:6px; }.auth-brand .agency-logo { width:135px; }.auth-brand .brand-endorsement small { color:#827d7c; font-size:9px; }
.login-artwork { position:absolute; width:100%; height:100%; inset:0; z-index:0; object-fit:cover; }
.auth-art-caption { position:absolute; z-index:2; left:40px; right:40px; bottom:33px; display:flex; justify-content:flex-start; gap:20px; color:#857b88; font-size:11px; font-weight:400; letter-spacing:.1px; }
.auth-art-caption span+span::before { content:'·'; margin-right:20px; color:#b9abb6; }
.auth-form-wrap { padding:65px 55px; min-width:0; justify-content:center; }
.auth-login-heading h1 { font-size:32px; letter-spacing:-.8px; line-height:1.2; margin:0 0 10px; text-align:left; }
.auth-login-heading p { font-size:13px; line-height:1.5; margin-bottom:32px; max-width:none; text-align:left; color:#97939e; }
.login-form { display:block; }.login-form label { font-size:12px; margin:0 0 7px; color:#74717f; }.login-form input { width:100%; padding:13px 14px; min-height:47px; font-size:14px; border:1px solid #dedbe5; background:#fdfcfe; border-radius:10px; margin:0 0 21px; }
.auth-form-wrap .button { min-height:45px; border-radius:10px; width:100%; padding:12px 17px; margin:7px 0 0; justify-content:center; gap:13px; font-size:13px; }.auth-form-wrap .button.primary { background:#2577e8; border-color:#2577e8; box-shadow:0 4px 12px #2e75dd1a; }.auth-form-wrap .button.primary:hover { background:#1466d9; }
.password-field { position:relative; }.password-field input { padding-right:44px; }.password-field button { display:grid; place-items:center; position:absolute; top:4px; right:5px; width:37px; height:38px; border:0; border-radius:7px; background:none; color:#aaa2b4; }.password-field button:hover { color:#4e5368; background:#f4f2f8; }.password-field .ui-icon { width:18px; height:18px; }
.auth-form-wrap .fineprint { font-size:11px; line-height:1.65; text-align:left; margin:24px 0 0; max-width:310px; color:#a29daa; }
.login-meta { gap:7px; padding-top:22px; margin-top:28px; font-size:10px; color:#b0aab9; border-color:#eeeaf1; }.login-meta .ui-icon { width:12px; height:12px; }
.view-login .footer { width:100%; max-width:1228px; margin-inline:auto; padding:0 34px 20px; justify-content:flex-start; color:#aaa3ad; font-size:10px; }
/* The public surfaces are smaller document windows with the same native controls. */
.public-proposal-page,.public-agenda { background:#f6f6f8; }
.public-proposal-shell,.public-agenda-shell { max-width:1040px; width:100%; padding:28px 28px 42px; margin:0 auto; }
.public-proposal-header,.public-agenda-brand { padding:0 0 24px; margin-bottom:28px; align-items:center; border-bottom:1px solid #e2e2e8; gap:20px; }
.public-proposal-header .product-identity,.public-agenda-brand .product-identity { gap:10px; }.public-proposal-header .actora-mark,.public-agenda-brand .actora-mark { width:38px; }.public-proposal-header .actora-name,.public-agenda-brand .actora-name { width:116px; }
.public-proposal-header .agency-logo,.public-agenda-brand .agency-logo { width:120px; }.public-proposal-header .brand-endorsement small,.public-agenda-brand .brand-endorsement small { font-size:9px; }
.public-proposal-header .brand-endorsement img,.public-agenda-brand .brand-endorsement img { max-width:none; height:auto; padding:0; background:none; border-radius:0; }
.public-proposal-shell .page-heading h1,.public-agenda-header h1 { font-size:27px; }.public-proposal-shell .page-heading p { font-size:13px; }.public-proposal-shell .proposal-form { max-width:none; }
.public-privacy { font-size:12px; }.public-privacy h2 { font-size:16px; }.public-privacy summary { color:#81818c; }.public-proposal-footer { font-size:10px; color:#a1a1ad; }
.public-top h2 { font-size:17px; }.public-appointment { background:#f8f5ed; border-radius:9px; }.top-number { background:#f1f3f8; color:#8b95a8; }.appointment-summary { background:#f5f2e9; color:#8c826c; border-radius:7px; }
.receipt-card h1 { font-size:28px; }.receipt-check { background:#eef7f1; color:#7fa28a; }
.navigation-scrim { position:fixed; inset:61px 0 0; z-index:19; background:#20203644; backdrop-filter:blur(3px); border:0; }
.mobile-product { display:none; }.mobile-nav-toggle { display:none; background:#fff; border:1px solid #dfdfe7; color:#737382; border-radius:7px; min-height:38px; }.mobile-nav-toggle .ui-icon { width:16px; height:16px; }
[hidden] { display:none!important; }
@media(min-width:1700px) { .content { padding-top:36px; }.sidebar { padding-top:28px; } }
@media(max-width:1250px) { .sidebar { width:240px; padding-inline:16px; }.main { margin-left:240px; }.sidebar>.product-identity { margin-inline:11px; }.actora-name { width:121px; }.topbar { padding-inline:29px; }.content { padding-inline:29px; }.work-grid { gap:24px; }.auth-form-wrap { padding:50px 42px; } }
@media(max-width:1050px) { .overview-grid { grid-template-columns:1fr; gap:28px; }.auth-grid { min-height:650px; grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr); }.auth-art-panel { min-height:650px; }.auth-brand { padding:29px; }.auth-form-wrap { padding:43px 33px; }.account-name { display:none; }.help-strip { align-items:flex-start; flex-direction:column; }.launch-arrow { font-size:10px; } }
@media(max-width:800px) {
 .is-authenticated .sidebar { display:flex; width:258px; position:fixed; inset:59px auto 0 0; padding:25px 18px; background:#f3f3f5; overflow-y:auto; overflow-x:hidden; transform:translateX(-105%); transition:transform .18s; z-index:20; box-shadow:12px 0 35px #30304314; }
 .is-authenticated .sidebar.mobile-open { transform:translateX(0); visibility:visible; }.is-authenticated .sidebar:not(.mobile-open) { visibility:hidden; pointer-events:none; }
 .sidebar .side-label { display:block; }.sidebar nav { display:block; margin:0; overflow:visible; }.sidebar nav>a { display:flex; gap:10px; padding:10px 11px; margin:3px 0; min-height:43px; font-size:13px; }.sidebar nav>a .ui-icon { width:17px; height:17px; }
 .sidebar>.product-identity { margin:0 12px 32px; }.side-bottom { display:block; }.sidebar .actora-mark { width:44px; }.sidebar .actora-name { width:127px; }
 .is-authenticated .main { margin-left:0; }.is-authenticated .topbar { height:59px; padding:0 16px; gap:10px; }.is-authenticated .mobile-nav-toggle { display:inline-flex; align-items:center; gap:6px; }
 .navigation-scrim { top:59px; }.breadcrumb { font-size:13px; }.account { gap:4px; }.account-button { padding:3px; }.logout-button { width:28px; }
 .is-authenticated .content { padding:25px 18px 36px; }.page-heading { align-items:flex-start; flex-wrap:wrap; gap:15px; margin-bottom:24px; }.page-heading>div { width:100%; }.page-heading h1 { font-size:25px; }.page-heading p { font-size:12px; }
 .home-heading { flex-wrap:nowrap; gap:12px; }.home-heading>div { flex:1; width:auto; }.home-heading h1 { font-size:26px; }.home-heading .button { flex-shrink:0; font-size:11px; padding-inline:11px; }
 .quick-actions { gap:7px; margin-bottom:29px; }.quick-actions>a { font-size:11px; padding:10px; min-height:42px; }.quick-actions .ui-icon { width:15px; height:15px; }
 .overview-section-head h2 { font-size:14px; }.native-row { padding:15px 13px; }.native-row-body strong { font-size:12px; }.native-row-body small { font-size:10px; }.native-list { border-radius:10px; }.committee-shortcuts { grid-template-columns:1fr; gap:9px; }.committee-shortcuts>a { padding:16px 14px; }.overview-help { gap:8px; }.overview-help>a { margin-left:0; width:100%; padding-left:22px; }
 .card { padding:22px 19px; border-radius:11px; }.editor { padding:23px 19px; }.two-col { grid-template-columns:minmax(0,1fr); gap:0; }.button,.button.small { min-height:42px; padding:10px 13px; font-size:12px; }.form-stack { gap:15px; }
 input:not([type=checkbox]):not([type=radio]),textarea,select,label>input:not([type=checkbox]):not([type=radio]),label>textarea,label>select { min-height:42px; font-size:14px; padding:10px; }
 .tabs { max-width:100%; margin-bottom:22px; }.tabs>a { min-height:39px; font-size:11px; padding:8px 12px!important; }.row-actions { min-width:0; gap:8px; }
 .launch-grid { grid-template-columns:1fr; border-radius:11px; }.launch-card { grid-template-columns:32px minmax(0,1fr); padding:23px 17px; gap:0 13px; min-height:115px; border-radius:0; }.launch-icon { width:32px; height:32px; align-self:start; margin-top:2px; }.launch-icon svg { width:19px; height:19px; }.launch-card h2 { font-size:15px; }.launch-card p { font-size:11px; }.launch-arrow { grid-column:2; grid-row:3; margin-top:10px; align-self:start; font-size:10px; }
 .help-strip { padding:20px 0; border-radius:0; }.help-strip .row-actions { justify-content:flex-start; }.committee-card { padding:21px 17px; border-radius:0; grid-template-columns:32px minmax(0,1fr); }.committee-symbol { width:32px; height:32px; }.committee-card h2 { font-size:14px; }
 .proposal-type .radio-row { flex-direction:column; }.choice-card { min-width:0; width:100%; padding:13px; }.choice-card strong { font-size:14px; }.directory-tools { padding:17px; gap:14px; }.directory-tools .fineprint { font-size:10px; }.proposal-card { padding:20px 17px; border-radius:0; }.proposal-card h3 { font-size:14px; }.proposal-card-head p { font-size:10px; }.proposal-kind { width:32px; min-width:32px; height:32px; font-size:12px; }.item-more { margin-left:0; }
 .proposal-form .committee-save-bar { flex-direction:column; align-items:stretch; padding:18px; gap:14px; }.committee-save-bar .row-actions { justify-content:flex-start; }.prose h1 { font-size:26px; }
 .public-proposal-shell,.public-agenda-shell { padding:20px 14px 32px; }.public-proposal-header,.public-agenda-brand { gap:12px; margin-bottom:24px; padding-bottom:22px; }.public-proposal-header>.badge,.public-agenda-brand>.badge { font-size:9px; max-width:110px; white-space:normal; text-align:center; line-height:1.5; }.public-proposal-header .actora-mark,.public-agenda-brand .actora-mark { width:34px; }.public-proposal-header .actora-name,.public-agenda-brand .actora-name { width:103px; }
 .public-proposal-shell .card,.public-agenda-shell .card { padding:22px 18px; }.public-proposal-shell .page-heading h1,.public-agenda-header h1 { font-size:25px; }.public-proposal-shell .page-heading p { font-size:12px; }.public-agenda-header dl { grid-template-columns:1fr; }.public-top h2 { font-size:16px; }
 .public-proposal-shell .proposal-card { border-radius:0; }.receipt-card h1 { font-size:25px; }.receipt-card { margin:25px auto; }
 .footer { padding-inline:18px; font-size:9px; }.version-number { font-size:45px; }
 .view-login .content { padding:24px; }.auth-grid { max-width:720px; grid-template-columns:minmax(0,1fr) minmax(300px,1fr); min-height:590px; border-radius:22px; }.auth-art-panel { min-height:590px; }.auth-brand { padding:26px 24px; }.auth-brand .actora-mark { width:38px; }.auth-brand .actora-name { width:112px; }.auth-art-caption { left:24px; right:24px; bottom:26px; font-size:10px; gap:13px; }.auth-art-caption span+span::before { margin-right:13px; }.auth-form-wrap { padding:37px 27px; }.auth-login-heading h1 { font-size:29px; }.auth-form-wrap .fineprint { font-size:10px; }.view-login .footer { padding:0 26px 22px; }
}
@media(max-width:620px) {
 .is-authenticated .topbar .mobile-product { display:inline-flex; align-items:center; gap:7px; margin-right:auto; color:#34343d; font-size:17px; letter-spacing:-.4px; font-weight:500; }.mobile-product .actora-mark { width:28px; }.is-authenticated .topbar .breadcrumb { display:none; }
 .view-login .content { padding:20px 16px; min-height:calc(100dvh - 50px); }.auth-grid { display:block; max-width:420px; min-height:0; border-radius:21px; }
 .auth-art-panel { min-height:300px; height:300px; }.auth-brand { padding:24px; }.auth-brand .actora-mark { width:39px; }.auth-brand .actora-name { width:116px; }.auth-brand .agency-logo { width:115px; }.auth-brand .brand-endorsement small { font-size:8px; }
 .login-artwork { width:100%; height:auto; min-height:100%; top:-138px; left:53px; max-width:none; transform:rotate(5deg); }.auth-art-caption { left:24px; bottom:19px; font-size:9px; color:#8e8391; }
 .auth-form-wrap { padding:29px 27px 32px; }.auth-login-heading h1 { font-size:27px; margin-bottom:8px; }.auth-login-heading p { font-size:12px; margin-bottom:25px; }.login-form label { font-size:12px; }.login-form input { min-height:45px; padding:12px; font-size:14px; border-radius:9px; margin-bottom:19px; }.password-field input { padding-right:42px; }.password-field button { top:3px; }.auth-form-wrap .button { min-height:44px; border-radius:9px; }.auth-form-wrap .fineprint { margin-top:21px; font-size:10px; }.login-meta { margin-top:23px; padding-top:18px; font-size:9px; }.view-login .footer { max-width:420px; padding-inline:22px; font-size:9px; }
}
@media(max-width:360px) { .mobile-nav-toggle span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(100%); white-space:nowrap; }.mobile-nav-toggle { padding:9px; }.is-authenticated .topbar { padding-inline:12px; }.auth-brand { padding:22px; }.auth-form-wrap { padding-inline:22px; }.auth-art-caption { left:22px; }.login-artwork { top:-120px; left:43px; } }
@media(prefers-contrast:more) { :root { --muted:#494953; --line:#ababba; }.card,.native-list,.committee-shortcuts>a { border-color:#aaaab7; }.fineprint,.page-heading p,.native-row-body small,.brand-endorsement small,.side-label,.footer { color:#595969; }.auth-form-wrap .fineprint,.auth-login-heading p,.login-meta { color:#555562; } }
@media(prefers-reduced-transparency:reduce) { .topbar { background:#fff; backdrop-filter:none; }.navigation-scrim { backdrop-filter:none; } }
@media(prefers-reduced-motion:reduce) { .sidebar,.button,.launch-card,.committee-card { transition:none!important; } }
/* Readable secondary text; decoration can stay quieter than instructions. */
.page-heading p,.native-row-body small,.native-empty p,.fineprint,.footer,.version-label,
.side-label,.brand-endorsement small,.overview-section-head>a,.committee-card-link,
.launch-card p,.launch-arrow,.overview-help,.overview-help>a,.public-proposal-footer { color:#6f6f79; }
input::placeholder,textarea::placeholder { color:#73737e; }
.button.primary { background:#096edb; border-color:#0868cf; }.button.primary:hover { background:#0561c6; }
.sidebar nav>a.active { background:#126bdd; }
.auth-login-heading p,.auth-form-wrap .fineprint,.login-meta { color:#716b7b; }
.auth-form-wrap .button.primary { background:#1b69d8; border-color:#1b69d8; }
.auth-brand .brand-endorsement small,.auth-art-caption { color:#6b6372; }
.optional-label { font-size:11px; font-weight:400; color:#73737e; margin-left:8px; }
.view-login .main { background:transparent; }
@media(max-width:620px) {
 .auth-art-panel { background:linear-gradient(125deg,#fff7e4,#f4e4eb); }
 .login-artwork { width:230px; height:auto; min-height:0; top:55px; left:auto; right:-70px; transform:none; }
 .login-artwork>rect { fill:transparent; }
 .auth-art-caption { color:#6b6372; }
}

.guide-kicker .actora-mark { width:19px; height:16px; }
/* Membership transfer and nested agenda groups, using native controls. */
.member-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.member-pane{min-width:0;padding:18px;border:1px solid var(--line,#e0e2e7);border-radius:14px;background:#fafafb}.member-pane-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.member-pane-head h3{margin:0;font-size:15px}.member-search{display:block;font-size:12px;color:#626977}.member-list{display:grid;gap:7px;min-height:80px;max-height:420px;overflow:auto;margin-top:14px}.member-picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e6e8ec;border-radius:10px;background:white;font-size:14px}.member-picker-row span{min-width:0;overflow-wrap:anywhere}.member-picker-row small{display:block;color:#7a818e;font-size:11px}.member-picker-row[hidden]{display:none}.member-arrow{min-width:36px;flex-shrink:0}.tools-access-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tools-access-form label{min-width:0}.tools-access-form small{line-height:1.5}.tools-access-form button{grid-column:1/-1;justify-self:start}.agenda-subitems{display:grid;gap:16px}.agenda-child{margin:8px 0 0 22px;background:#fff;border-left:3px solid #b6c8e7}.agenda-add-after{padding-top:12px;border-top:1px solid #e7e9ef}.agenda-item>.subtop-create{justify-self:start;margin:0 0 12px}.trial-banner{display:flex;align-items:center;gap:16px;border:1px solid #efd673;background:#fff8dc;color:#554b28;padding:14px 18px;border-radius:12px;margin-bottom:20px;font-size:13px}.trial-banner strong{white-space:nowrap}.trial-register-card{max-width:780px;margin:20px auto}.trial-features{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.trial-features span{font-size:12px;padding:7px 12px;background:#f1f4f9;border-radius:20px}.trial-username{display:flex;align-items:center;gap:8px}.trial-username span{font-size:14px;color:#687080}.trial-username input{flex:1;min-width:0}.trial-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden}.trial-login-link{width:100%;margin-top:14px}.overview-grid:has(>.overview-section:only-child){grid-template-columns:1fr}
@media(max-width:800px){.member-picker,.tools-access-form{grid-template-columns:1fr}.agenda-child{margin-left:8px}.trial-banner{align-items:flex-start;flex-direction:column;gap:5px}.member-list{max-height:280px}}