/* Frontend workspace extension. Existing GRT identity and split request flow. */
.design-workspace{--canvas:#f4f6fa;--muted:#536279;--line:#dce3ed;--ink:#18243a;--blue:#2456ca;color-scheme:light}
.design-workspace ::selection{background:#d9e5ff;color:#142e65}
.design-workspace input,.design-workspace textarea{caret-color:var(--blue)}
.design-workspace input::placeholder,.design-workspace textarea::placeholder{color:#62718a;opacity:1}
.design-workspace *{scrollbar-width:thin;scrollbar-color:#aebbd0 transparent}
.design-workspace .sidebar{width:248px;padding:34px 22px}
.design-workspace .brand{align-items:flex-start;flex-direction:column;gap:16px;padding:0 12px 28px;border-bottom:1px solid var(--line)}
.design-workspace .brand-logo,.design-workspace .brand-logo img{width:106px;flex-basis:auto}
.design-workspace .brand>span{font-size:14px;line-height:1.5;font-weight:450}
.workspace-label{font-size:12px;color:var(--muted);margin:32px 12px 10px}
.design-workspace .sidebar nav a{font-size:14px;padding:14px 12px;gap:12px;min-height:50px}
.design-workspace svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.design-workspace .sidebar nav a.active{background:#edf2fd;color:#1c48ab}
.design-workspace .count:not(:empty){background:var(--blue);color:#fff;min-width:23px;height:23px;border-radius:6px;display:grid;place-items:center;font-size:12px}
.connected-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);padding:14px 8px;text-decoration:underline;text-underline-offset:4px}
.design-workspace main{margin-left:248px;padding:0 clamp(24px,3vw,52px) 48px;max-width:1920px}
.design-workspace .preview{font-size:12px;padding:15px 0;color:var(--muted)}
.design-workspace main>header{padding:36px 0 28px;align-items:flex-end}
.design-workspace h1{font-size:clamp(27px,2.4vw,36px);letter-spacing:-.025em;line-height:1.2;margin-bottom:10px;font-weight:650}
.design-workspace main>header p:not(.eyebrow){font-size:14px}
.header-actions{display:flex;gap:10px;flex-wrap:wrap}
.design-workspace .primary,.design-workspace .quiet{font-size:13px;min-height:44px;border-radius:8px;padding:11px 16px}
.design-workspace .primary:hover{background:#1c46a6}
.design-workspace .quiet:hover{background:#edf2fa;border-color:#b6c6df}
.design-workspace button:disabled{opacity:.5;cursor:not-allowed}
.design-workspace .primary span{margin-left:12px;font-size:18px;line-height:1}
.design-workspace .filters{margin-bottom:22px;gap:12px}
.design-workspace .search{max-width:none;min-width:0}
.design-workspace .search>span{display:flex}
.design-workspace .search input,.design-workspace .filters select{font-size:14px;min-height:46px}
.design-workspace .workspace{grid-template-columns:minmax(300px,36%) minmax(0,1fr);border-radius:12px;min-height:calc(100vh - 256px)}
.design-workspace .list-top{padding:18px 18px 15px}
.design-workspace .segments button{font-size:13px;min-height:40px}
.design-workspace .list-top p{font-size:12px;line-height:1.6}
.design-workspace .request{padding:21px 20px}
.design-workspace .request.selected{background:#edf3ff;box-shadow:none}
.design-workspace .request.selected h3{color:#1a459e}
.design-workspace .request h3{font-size:15px;line-height:1.5;font-weight:650;margin:10px 0}
.design-workspace .request p,.design-workspace .tiny{font-size:12px}
.design-workspace .badge{font-size:11px;padding:4px 9px}
.design-workspace .detail{padding:32px clamp(22px,2.7vw,42px)}
.design-workspace .detail h2{font-size:27px;letter-spacing:-.025em;line-height:1.3}
.design-workspace .detail h3{font-size:15px;margin-top:25px}
.design-workspace .detail .empty{max-width:450px;margin:90px auto;padding:25px 16px;text-align:left}
.design-workspace .empty p{font-size:14px;line-height:1.75;max-width:65ch}
.design-workspace .eyebrow{font-size:12px;letter-spacing:0;text-transform:none;font-weight:550}
.design-workspace .empty .eyebrow{display:none}
.design-workspace .metadata{font-size:14px;padding:22px 0;gap:22px 16px}
.design-workspace .metadata dt{font-size:11px;letter-spacing:.025em}
.design-workspace .description,.design-workspace .message p{font-size:14px;line-height:1.8;max-width:70ch}
.design-workspace .helper{font-size:12px;line-height:1.7}
.design-workspace .tabs{gap:24px;margin-top:30px}
.design-workspace .tabs button{font-size:13px}
.design-workspace .message .row{font-size:13px}
.design-workspace .composer{padding:18px;background:#fbfcff}
.design-workspace .composer label,.design-workspace .composer textarea{font-size:14px}
.design-workspace .composer textarea{background:transparent;min-height:105px}
.design-workspace .file{font-size:13px}
.design-workspace .file small{font-size:11px}
.design-workspace .notification{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px}
.design-workspace #notification-view{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.design-workspace #notification-view>.helper{padding:12px 24px}
#request-create{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:24px}
.create-heading,.create-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}
.create-heading h2{margin:0;font-size:23px}
#request-create>p{font-size:14px;color:var(--muted)}
#request-create form{display:grid;gap:20px;max-width:780px;margin-top:26px}
#request-create label{display:grid;gap:8px;font-size:13px;font-weight:600}
#request-create input,#request-create textarea,#request-create select{width:100%;font-size:15px;font-weight:400}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.optional{font-weight:400;color:var(--muted)}
.design-workspace .sidebar .profile{font-size:13px;min-height:68px}
.design-workspace .profile small{font-size:11px}
@media(max-width:1200px){.design-workspace .sidebar{width:214px;padding:28px 16px}.design-workspace main{margin-left:214px;padding-left:24px;padding-right:24px}.design-workspace main>header{align-items:flex-start}.header-actions{max-width:200px}.header-actions button{width:100%}.design-workspace .workspace{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:950px){.design-workspace .sidebar{position:static;width:100%;padding:18px 22px;flex-direction:row;align-items:center;gap:24px}.design-workspace .brand{border:0;padding:0;gap:0}.design-workspace .brand>span,.workspace-label,.design-workspace .sidebar-bottom{display:none}.design-workspace .brand-logo,.design-workspace .brand-logo img{width:82px}.design-workspace .sidebar nav{display:flex;margin-left:auto;gap:6px}.design-workspace .sidebar nav a{padding:10px;font-size:13px}.design-workspace .sidebar nav a>span:not(.count){display:inline}.design-workspace main{margin-left:0}.design-workspace .workspace{display:block;min-height:520px}.design-workspace .inbox{border-right:0}.design-workspace .detail{display:none}.design-workspace .workspace.detail-open .inbox{display:none}.design-workspace .workspace.detail-open .detail{display:block}.design-workspace .detail .back{display:inline-block}.design-workspace .detail .empty{margin:0}.design-workspace main>header{align-items:center}.header-actions{max-width:none}.header-actions button{width:auto}}
@media(max-width:600px){.design-workspace main{padding:0 16px 32px}.design-workspace .sidebar{padding:14px 16px;gap:8px}.design-workspace .sidebar nav a{padding:10px;gap:7px}.design-workspace .sidebar nav a>span:not(.count){display:none}.design-workspace .sidebar nav a{min-width:44px}.design-workspace .preview{font-size:11px;padding:12px 0}.design-workspace main>header{padding:26px 0 22px;display:block}.header-actions{margin-top:20px;display:grid;grid-template-columns:1fr 1fr}.design-workspace .header-actions button{font-size:12px;padding:10px}.design-workspace .filters{gap:10px;margin-bottom:16px}.design-workspace .filters>label:not(.search){flex:1;min-width:0}.design-workspace .filters select{font-size:13px}.design-workspace .detail{padding:24px 20px}.design-workspace .detail h2{font-size:25px}.design-workspace .metadata{grid-template-columns:1fr;gap:16px}.design-workspace .tabs{gap:18px}.design-workspace .tabs button{font-size:12px}.design-workspace .composer .row{display:grid;gap:14px}.design-workspace .composer .helper{max-width:none}.design-workspace .composer .primary{width:100%}.form-pair{grid-template-columns:1fr;gap:20px}#request-create{padding:22px 18px}.create-footer{display:grid}.create-footer .primary{width:100%}.design-workspace .profile{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.design-workspace #request-create{animation:compose-in .22s cubic-bezier(.16,1,.3,1)}@keyframes compose-in{from{clip-path:inset(0 0 12%);opacity:.7}to{clip-path:inset(0);opacity:1}}}

.design-workspace #feedback{box-shadow:0 5px 30px #00000026}
/* Ministry overview, calendar and reports inherit the workspace controls. */
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2,.dashboard-agenda h2,.agenda-heading h2,.month-agenda h2{font-size:20px;letter-spacing:-.02em;margin:0 0 6px}.section-heading p,.section-copy{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.text-link{color:var(--blue);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px}.dashboard-section{margin-bottom:38px}.dash-list,.report-list{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.dash-request{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid var(--line)}.dash-request:last-child,.report-row:last-child{border-bottom:0}.dash-request:hover,.report-row:hover{background:#f0f5ff}.dash-request>div{display:grid;gap:9px;min-width:0}.dash-request>div:last-child{text-align:right;justify-items:end;flex:none}.dash-request strong{font-size:15px;line-height:1.5}.dash-request span:not(.badge){font-size:12px;color:var(--muted)}.dashboard-agenda{border-left:1px solid var(--line);padding-left:30px}.ministry-memberships{list-style:none;padding:0;margin:15px 0 32px}.ministry-memberships li{font-size:14px;padding:12px 0;border-bottom:1px solid var(--line)}.agenda-heading{margin-top:30px;margin-bottom:12px}.agenda-heading .text-link{display:inline-block;margin:6px 0}.agenda-event{display:flex;gap:16px;align-items:flex-start;width:100%;padding:18px 0;border-bottom:1px solid var(--line);background:transparent;text-align:left;border-radius:0}.agenda-event:hover{color:var(--blue)}.agenda-event time{display:grid;justify-items:center;min-width:40px;color:var(--blue)}.agenda-event time b{font-size:24px;line-height:1.1}.agenda-event time span{font-size:12px}.agenda-event>span{display:grid;gap:7px}.agenda-event strong{font-size:14px;line-height:1.5}.agenda-event small{font-size:12px;color:var(--muted);line-height:1.7}.report-row{display:grid;gap:9px;text-align:left;width:100%;padding:23px;background:white;border-bottom:1px solid var(--line);border-radius:0}.report-row strong{font-size:15px}.report-row span,.report-row time{font-size:12px;color:var(--muted)}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 25px}.calendar-toolbar h2{font-size:24px;margin-bottom:6px}.calendar-buttons{display:flex;gap:8px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:8px;overflow:hidden;align-self:start;background:white}.weekday{padding:13px 4px;text-align:center;font-size:12px;font-weight:600;background:#edf2fd;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-day,.calendar-blank{min-height:108px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 7px;min-width:0}.calendar-blank{background:#f7f9fc}.calendar-day time{display:block;font-size:12px;margin-bottom:8px}.calendar-day button{display:block;width:100%;min-height:44px;padding:7px;background:#edf2fd;color:#1c48ab;text-align:left;font-size:11px;line-height:1.5;border-radius:5px;overflow-wrap:anywhere}.calendar-day button:hover{background:#dce7ff}.month-agenda{padding-top:4px}.event-detail{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.event-detail .section-heading{align-items:flex-start;gap:12px}.event-detail h3{font-size:17px;line-height:1.5}.event-detail p{font-size:14px;line-height:1.8}.reports-layout{display:grid;grid-template-columns:minmax(250px,36%) minmax(0,1fr);gap:30px}.report-detail{padding:30px;background:white;border:1px solid var(--line);border-radius:12px;min-height:350px}.report-detail h2{font-size:24px}.report-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.85;max-width:70ch;margin-top:28px}.report-form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;margin-bottom:24px}.report-form form{display:grid;gap:20px;max-width:780px}.report-form label{display:grid;gap:8px;font-size:14px}.report-form input,.report-form textarea,.report-form select{width:100%}
@media(max-width:1200px){.dashboard-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.dashboard-agenda{padding-left:24px}.calendar-layout{grid-template-columns:minmax(0,1fr)}.month-agenda{display:block}.calendar-day{min-height:110px}}
@media(max-width:950px){.design-workspace .sidebar{flex-wrap:wrap}.design-workspace .sidebar nav{gap:4px}.design-workspace .sidebar nav a{font-size:12px;gap:6px}.dashboard-layout{grid-template-columns:minmax(0,1fr) 250px}.reports-layout{gap:20px}}
@media(max-width:700px){.dashboard-layout,.reports-layout{grid-template-columns:minmax(0,1fr)}.dashboard-agenda{padding:0;border-left:0;border-top:1px solid var(--line);padding-top:28px}.dashboard-section{margin-bottom:28px}.section-heading{gap:12px;align-items:flex-start}.section-heading h2{font-size:19px}.section-heading .text-link{font-size:12px;margin-top:4px}.dash-request{padding:18px;align-items:flex-start;gap:12px}.dash-request>div:last-child{max-width:100px}.dash-request span:not(.badge){line-height:1.6}.calendar-toolbar{align-items:flex-start;flex-direction:column}.calendar-buttons{width:100%;flex-wrap:wrap}.calendar-buttons .quiet{flex:1;padding:9px;font-size:12px}.calendar-grid{display:none}.month-agenda{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.report-detail{padding:24px}.design-workspace .sidebar nav{width:100%;justify-content:space-between;order:2;margin:10px 0 -8px}.design-workspace .sidebar nav a{padding:8px 4px;display:grid;justify-items:center;gap:4px;flex:1;border-radius:8px;font-size:11px}.design-workspace .sidebar nav a>span:not(.count){display:block;font-size:11px;line-height:1.2;text-align:center}.design-workspace .sidebar nav .count{display:none}.design-workspace .sidebar nav a svg{width:19px;height:19px}.design-workspace .sidebar nav a[aria-label="Ministry requests"]>span{font-size:0}.design-workspace .sidebar nav a[aria-label="Ministry requests"]>span:after{content:'Requests';font-size:11px}.design-workspace .sidebar nav a[aria-label="Ministry reports"]>span{font-size:0}.design-workspace .sidebar nav a[aria-label="Ministry reports"]>span:after{content:'Reports';font-size:11px}}

@media(max-width:700px){.design-workspace .sidebar nav a[aria-label="Notifications"]>span:not(.count){font-size:0}.design-workspace .sidebar nav a[aria-label="Notifications"]>span:not(.count):after{content:"Inbox";font-size:11px}.design-workspace #workspace-pages>.section-heading>.primary{white-space:nowrap;flex-shrink:0}}

/* Responsive refinement: focused work, consistent destinations and readable tablet columns. */
.design-workspace h1,.design-workspace h2,.design-workspace h3,.dash-request strong,.report-row strong{overflow-wrap:anywhere}
.design-workspace #preview-options{background:transparent;border-color:transparent;color:var(--muted);font-weight:500}
.design-workspace .header-actions{max-width:none;align-items:center}
.design-workspace .header-actions button{width:auto}
.report-row.selected{background:#edf2fd;color:#1c48ab}
.report-back{display:none}
.design-workspace input,.design-workspace select,.design-workspace textarea{scroll-margin-block:24px}
@media(min-width:951px){.design-workspace .sidebar{overflow-y:auto}.design-workspace main>header{gap:24px}.design-workspace .dashboard-layout{grid-template-columns:minmax(0,1fr) minmax(230px,28%);gap:32px}}
@media(max-width:950px){
 .design-workspace .sidebar{gap:16px;padding:16px 24px;flex-wrap:nowrap}
 .design-workspace .sidebar nav{gap:2px;flex-wrap:nowrap}
 .design-workspace .sidebar nav a{font-size:12px;padding:10px 8px}
 .dashboard-layout{grid-template-columns:minmax(0,1fr)}
 .dashboard-agenda{border-left:0;border-top:1px solid var(--line);padding:26px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
 .dashboard-agenda>.agenda-heading{grid-column:2;grid-row:1/3;margin-top:0}
 .dashboard-agenda>.agenda-event{grid-column:2}
 .dashboard-agenda>.helper{grid-column:1/-1}
 .request-detail-page #request-view>.filters,.request-detail-page #new-request{display:none}
 .request-detail-page header{padding-bottom:18px}
 .request-detail-page .workspace{min-height:0}
 .design-workspace .tabs button,.design-workspace .segments button{min-height:44px}
}
@media(max-width:700px){
 .design-workspace .sidebar{padding:16px 20px;min-height:66px}
 .design-workspace .brand>span{display:block;font-size:11px;line-height:1.35}
 .design-workspace .brand{flex-direction:row;align-items:center;gap:12px}
 .design-workspace .brand-logo,.design-workspace .brand-logo img{width:70px}
 .design-workspace .sidebar nav{position:fixed;inset:auto 0 0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:8px 10px max(8px,env(safe-area-inset-bottom));margin:0;width:100%;gap:4px}
 .design-workspace .sidebar nav a{position:relative;padding:8px 2px;min-height:52px;min-width:0;gap:5px}
 .design-workspace .sidebar nav a>span:not(.count),.design-workspace .sidebar nav a[aria-label]>span:not(.count){display:block;font-size:11px;line-height:1.2}
 .design-workspace .sidebar nav a[aria-label]>span:not(.count):after{content:none}
 .design-workspace .sidebar nav .count:not(:empty){display:grid;position:absolute;right:calc(50% - 23px);top:1px;min-width:17px;height:17px;font-size:10px;border-radius:5px}
 .design-workspace main{padding:0 20px calc(100px + env(safe-area-inset-bottom))}
 .design-workspace main>header{display:block;padding:24px 0}
 .design-workspace .header-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}
 .design-workspace .header-actions #preview-options{padding:8px 0;font-size:12px}
 .design-workspace .header-actions #new-request{padding:10px 16px;font-size:13px}
 .dashboard-agenda{display:block;padding-top:24px}
 .dashboard-agenda>.agenda-heading{margin-top:28px}
 .section-heading{flex-wrap:wrap;gap:10px}
 .section-heading .text-link{font-size:13px;margin:0}
 .dash-request{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:20px}
 .dash-request>div:last-child{display:flex;align-items:center;justify-content:space-between;max-width:none;text-align:left;gap:12px}
 .dash-request strong{font-size:16px}
 .dash-request span:not(.badge){font-size:13px}
 .report-detail{min-height:0}
 .reports-layout:not(.report-open)>.report-detail,.reports-layout.report-open>div{display:none}
 .report-back{display:inline-block;margin-bottom:22px}
 .reports-layout{display:block}
 .design-workspace input,.design-workspace textarea,.design-workspace select,.design-workspace .search input,.design-workspace .filters select{font-size:16px}
 .design-workspace .detail{padding:22px 18px}
 .design-workspace #feedback{bottom:90px;max-width:calc(100vw - 32px)}
 .design-workspace .report-form{padding:22px 18px}
}

/* Alerts remain a global utility, separate from the four workspace destinations. */
.design-workspace .alerts-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#fff;order:3}
.design-workspace .alerts-button:hover,.design-workspace .alerts-button.active{color:#1c48ab;background:#edf2fd}
.design-workspace .alerts-button .count:not(:empty){position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;font-size:10px;border-radius:5px}
@media(max-width:700px){
 .design-workspace main>header{position:relative;padding-right:0}
 .design-workspace main>header>div:first-child{padding-right:52px}
 .design-workspace .header-actions .alerts-button{position:absolute;right:0;top:22px}
 .design-workspace .sidebar nav a{flex:1}
}

/* Task-linked board proposals and church membership administration. */
.admin-link{display:inline-flex;align-items:center;justify-content:center;color:var(--blue);background:white;border:1px solid var(--line);text-decoration:none;white-space:nowrap}
.admin-link[hidden]{display:none}
.governance-notice{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 24px;max-width:85ch}
.governance-feedback{padding:16px;background:#e9f5ee;color:#235d3b;border-radius:8px;line-height:1.6;margin-bottom:24px}
.governance-feedback:focus{outline:3px solid var(--focus)}
.governance-form,.member-detail{padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:28px;min-width:0}
.governance-form h2,.member-detail h2{font-size:24px;line-height:1.35;margin:0 0 12px}
.governance-form>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:70ch}
.governance-form form,.member-detail form{display:grid;gap:20px;margin-top:24px;max-width:800px}
.governance-form label,.member-detail label,.event-review-form label,.people-search{display:grid;gap:8px;font-size:14px;font-weight:600}
.governance-form input,.governance-form select,.governance-form textarea,.member-detail input:not([type=checkbox]),.member-detail select,.event-review-form textarea{width:100%;min-width:0;font:inherit;min-height:44px}
.governance-fields{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}
.governance-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.proposal-list{display:grid;gap:20px}
.proposal-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;overflow-wrap:anywhere}
.proposal-row h3{font-size:20px;line-height:1.4;margin:12px 0}
.proposal-row p{line-height:1.7;font-size:14px}
.proposal-row .report-body{margin-top:20px}
.event-review-form{display:grid;gap:16px;padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}
.review-note{padding:16px;background:#fff3dc;border-radius:8px}
.form-error{color:#962f2f;font-size:14px;line-height:1.6;margin:0}
.form-error:empty{display:none}
.admin-layout{display:grid;grid-template-columns:minmax(230px,32%) minmax(0,1fr);gap:26px;align-items:start}
.people-search input{min-height:44px;width:100%;font:inherit;margin-bottom:14px}
.people-list{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}
.person-row{display:grid;gap:8px;padding:18px;width:100%;background:white;text-align:left;border-radius:0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.person-row:last-child{border-bottom:0}
.person-row.selected{background:#edf2fd;color:#1c48ab}
.person-row span,.person-row small{font-size:12px;color:var(--muted);line-height:1.6}
.person-row[hidden]{display:none}
.member-detail fieldset{display:grid;gap:18px;border:0;border-top:1px solid var(--line);padding:24px 0 0;min-width:0}
.member-detail legend{font-size:16px;font-weight:650;padding:0 12px 0 0}
.member-detail label.check-label{display:flex;align-items:center;gap:12px;min-height:44px}
.check-label input{width:20px;height:20px;accent-color:var(--blue)}
.admin-back{display:none}
.task-events{border-top:1px solid var(--line);padding-top:24px;margin-top:32px}
.task-events h3{margin:0!important}
.task-events .section-heading{align-items:center;flex-wrap:wrap}
@media(max-width:1100px){.design-workspace main>header{flex-wrap:wrap}.design-workspace .header-actions{flex-wrap:wrap}.admin-layout{grid-template-columns:minmax(210px,35%) minmax(0,1fr)}}
@media(max-width:700px){
 .design-workspace .header-actions{justify-content:flex-start;gap:8px 18px}
 .design-workspace .header-actions .admin-link{font-size:12px;padding:10px 12px}
 .design-workspace .header-actions #new-request{margin-left:auto}
 .governance-form,.member-detail,.proposal-row{padding:22px 18px}
 .governance-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .governance-fields>label:first-child{grid-column:1/-1}
 .governance-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .governance-actions button{width:100%}
 .admin-layout{display:block}
 .admin-layout:has(.member-detail form)>section:first-child{display:none}
 .admin-layout:not(:has(.member-detail form))>.member-detail{display:none}
 .admin-back{display:inline-block;margin-bottom:22px}
 .design-workspace .segments{max-width:100%;flex-wrap:wrap}
 .design-workspace .segments button{white-space:normal}
 .governance-form input,.governance-form select,.governance-form textarea,.member-detail select,.event-review-form textarea{font-size:16px}
}

.design-workspace .admin-link.active{background:#edf2fd;color:#1c48ab}
.member-detail fieldset .helper{margin:0}.governance-form input[type=date],.governance-form input[type=time]{max-width:100%}

body[data-auth]:not([data-auth=ready])>.sidebar,body[data-auth]:not([data-auth=ready])>main{display:none}
.workspace-login{width:min(440px,calc(100% - 40px));margin:10vh auto;padding:28px;background:white;border:1px solid var(--line);border-radius:12px}
.workspace-login h1{font-size:26px;margin-top:28px}.workspace-login p{font-size:14px;line-height:1.7;color:var(--muted)}
.workspace-login fieldset{display:grid;gap:20px;border:0;margin:24px 0 0;padding:0}.workspace-login label{display:grid;gap:8px;font-size:14px}.workspace-login input{width:100%;min-height:46px;font-size:16px}.workspace-login[hidden]{display:none}
body[data-connected] #options{display:none!important}

.calendar-key{list-style:none;display:flex;gap:20px;flex-wrap:wrap;padding:0;margin:0;font-size:13px;color:var(--ink)}
.calendar-key li{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}
.status-dot.pending{background:#aa6900}.status-dot.denied{background:#b6323b}.status-dot.approved{background:#287146}
.calendar-day{display:flex;flex-direction:column;gap:6px;min-height:126px}
.calendar-day button.calendar-date{background:transparent;color:var(--ink);font-size:12px;min-height:28px;width:32px;text-align:center;padding:3px;align-self:flex-start}
.calendar-day.selected-day{background:#f0f5ff}.calendar-day button small{display:block;font-size:10px;margin-top:4px}
.event-status-label{display:block;font-size:10px;font-weight:650;margin-bottom:3px}
.calendar-day button.calendar-event-pending{background:#fff3dc;color:#7b4d00}.calendar-day button.calendar-event-denied{background:#ffeaec;color:#942833}.calendar-day button.calendar-event-approved{background:#e9f5ee;color:#235c3b}
.agenda-event.calendar-event-pending time,.agenda-event.calendar-event-pending small{color:#7b4d00}.agenda-event.calendar-event-denied time,.agenda-event.calendar-event-denied small{color:#942833}.agenda-event.calendar-event-approved time,.agenda-event.calendar-event-approved small{color:#235c3b}
.badge.denied{background:#ffeaec;color:#942833}.month-agenda .event-detail .proposal-row{padding:0;border:0;background:transparent;border-radius:0}.event-detail .close-event{margin-top:18px}.month-agenda .event-detail .report-body{font-size:14px}.calendar-hint{margin-top:24px}
@media(min-width:1201px){.calendar-layout{grid-template-columns:minmax(0,1fr) minmax(300px,30%)}}
@media(max-width:700px){.calendar-key{gap:14px}.calendar-day{min-height:0}.calendar-event-pending,.calendar-event-denied,.calendar-event-approved{scroll-margin-bottom:100px}.month-agenda .event-detail .governance-actions{display:grid}}

.event-hover{display:none;position:fixed;right:24px;bottom:24px;width:min(340px,calc(100vw - 48px));padding:20px;background:#fff;color:var(--ink);box-shadow:0 8px 32px #00000024;border-radius:12px;z-index:60;text-align:left;font-size:13px;line-height:1.6;pointer-events:none;white-space:normal;overflow-wrap:anywhere}
.agenda-event>.event-hover{display:none}
.event-hover>span{display:block;margin-top:8px}.event-hover>strong{font-size:16px}
@media(hover:hover) and (pointer:fine){[data-g-event]:hover>.event-hover{display:block}}

.calendar-create-action{justify-content:flex-end;margin-bottom:16px}.calendar-month-title{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.calendar-month-title .calendar-key{gap:16px}.calendar-month-title h2{margin:0}.calendar-toolbar{align-items:flex-end;flex-wrap:wrap}.calendar-month-title+.section-copy{margin-top:8px}
.calendar-stream{position:relative;max-height:72vh;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:8px;border-radius:8px}
.calendar-month{margin-bottom:28px;scroll-margin-top:0}.calendar-month-heading{font-size:18px;margin:0;padding:14px 4px;background:var(--canvas);position:sticky;top:0;z-index:2}.calendar-month .calendar-grid{border-radius:8px}.calendar-month .calendar-day{min-height:106px}
.month-picker{display:grid;gap:5px;font-size:11px;color:var(--muted)}.month-picker input{font:inherit;font-size:13px;min-height:44px;max-width:190px;background:white;border:1px solid var(--line);border-radius:8px;padding:8px;color:var(--ink)}.calendar-buttons{align-items:flex-end;flex-wrap:wrap}.calendar-phone-month{display:none}
@media(max-width:700px){.calendar-month-title{gap:12px}.calendar-month-title .calendar-key{font-size:12px;gap:14px}.calendar-toolbar{gap:16px}.calendar-buttons .month-picker{flex-basis:100%}.month-picker input{max-width:none;width:100%;font-size:16px}.calendar-stream{max-height:62vh;padding:0}.calendar-phone-month{display:block;background:white;border:1px solid var(--line);border-radius:12px;padding:0 18px}.calendar-phone-month>.section-copy{padding:20px 0}.calendar-month{margin-bottom:16px}.calendar-stream+.month-agenda>.section-heading,.calendar-stream+.month-agenda>.agenda-event,.calendar-stream+.month-agenda>.calendar-hint{display:none}.calendar-stream+.month-agenda{padding:0;background:none;border:0}.calendar-stream+.month-agenda>.event-detail{background:white;padding:20px;border:1px solid var(--line);border-radius:12px}}

/* Calendar owns the entire content width; selection opens an accessible dialog. */
.design-workspace .calendar-layout{display:block}.calendar-stream{width:100%}
#calendar-event-dialog{width:min(720px,calc(100vw - 40px));max-height:85vh;padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);overflow:auto}
#calendar-event-dialog::backdrop{background:#18243a66}.calendar-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.calendar-dialog-heading h2{font-size:22px;margin:0}
#calendar-event-dialog .event-detail{margin-top:22px;padding-top:0;border-top:0}#calendar-event-dialog .proposal-row{padding:0;border:0;background:none}#calendar-event-dialog .agenda-event{color:var(--ink)}
@media(max-width:700px){#calendar-event-dialog{padding:22px 18px;max-height:85dvh}}

/* The toolbar names the current month; reserve stream headings for adjacent months. */
.calendar-month[data-active-month]>.calendar-month-heading{display:none}
.calendar-stream{max-height:calc(100dvh - 235px);min-height:460px}
@media(max-width:700px){.calendar-stream{max-height:calc(100dvh - 295px);min-height:300px}}

/* Compact calendar header: utilities and primary action share one row. */
#calendar-propose[hidden]{display:none}
.design-workspace[data-page=calendar] main>header{padding:26px 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line);align-items:center;gap:20px}
.design-workspace[data-page=calendar] main>header h1{font-size:30px;line-height:1.2;margin-bottom:8px}
.design-workspace[data-page=calendar] .header-actions{gap:10px;margin-top:0}
.design-workspace[data-page=calendar] .header-actions .alerts-button{order:2}
.design-workspace[data-page=calendar] #calendar-propose{order:3;margin-left:6px;white-space:nowrap}
.design-workspace[data-page=calendar] .calendar-toolbar{margin:0 0 20px;gap:20px;align-items:center}
.design-workspace[data-page=calendar] .calendar-month-title{gap:22px}
.design-workspace[data-page=calendar] .calendar-toolbar h2{font-size:23px}
.design-workspace[data-page=calendar] .calendar-buttons{gap:6px}
.design-workspace[data-page=calendar] .calendar-buttons .quiet{padding:10px 14px;font-size:12px}
.design-workspace[data-page=calendar] .month-picker{margin-right:8px}
@media(max-width:1100px){.design-workspace[data-page=calendar] main>header{align-items:flex-start}.design-workspace[data-page=calendar] .header-actions{gap:8px}.design-workspace[data-page=calendar] #calendar-propose{margin-left:0}}
@media(max-width:700px){.design-workspace[data-page=calendar] main>header{padding:22px 0 20px;margin-bottom:20px}.design-workspace[data-page=calendar] main>header h1{font-size:27px}.design-workspace[data-page=calendar] .header-actions{margin-top:18px;gap:8px 12px}.design-workspace[data-page=calendar] #calendar-propose{margin-left:auto;font-size:12px;padding:10px 12px}.design-workspace[data-page=calendar] .calendar-toolbar{gap:16px}.design-workspace[data-page=calendar] .calendar-month-title{gap:12px}.design-workspace[data-page=calendar] .month-picker{margin-right:0}.design-workspace[data-page=calendar] .calendar-buttons>[data-g-month]{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;height:44px;min-height:44px;padding:8px 4px;line-height:1.2;white-space:nowrap}}

/* Primary task first, account utilities together, sign-out in the account disclosure. */
.design-workspace .header-actions #calendar-propose,.design-workspace[data-page=calendar] #calendar-propose{order:0;margin:0}
.design-workspace .header-actions .admin-link{order:1}.design-workspace .header-actions .alerts-button,.design-workspace[data-page=calendar] .header-actions .alerts-button{order:2}
.account-control{position:relative;order:3}.account-control>#preview-options{min-height:44px;border:1px solid var(--line);background:#fff;padding:10px 14px!important;color:var(--ink)!important}
.account-control>#preview-options:after{content:'';display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:0 2px 3px 12px}
.account-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:70;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px #0000001a;padding:20px;width:280px;max-width:calc(100vw - 40px)}
.account-menu[hidden]{display:none}.account-menu strong{font-size:14px}.account-menu .account-email{font-size:13px!important;overflow-wrap:anywhere;margin:10px 0 18px}.account-menu #workspace-sign-out{width:100%;text-align:left;color:#942833;border-color:#ecd5d8;background:#fff}
.calendar-day[data-g-date-cell]{cursor:pointer}.calendar-day[data-g-date-cell]:hover{background:#f0f5ff}.calendar-day button[data-g-event]{cursor:pointer}
.phone-date-create{display:grid;gap:8px;font-size:13px;padding:16px 0}.phone-date-create input{font:inherit;min-height:44px;width:100%}
@media(max-width:700px){.design-workspace[data-page=calendar] .header-actions{display:flex;flex-wrap:wrap;gap:8px}.design-workspace[data-page=calendar] .header-actions #calendar-propose{margin:0}.design-workspace .account-control>#preview-options{font-size:12px}.design-workspace .account-menu{right:0}.design-workspace .header-actions .account-control{margin-left:auto}.design-workspace[data-page=calendar] main>header>div:first-child{padding-right:52px}}

/* Event counts never change the calendar's row heights. */
.calendar-month .calendar-day,.calendar-month .calendar-blank{height:106px;min-height:106px;max-height:106px;box-sizing:border-box}
.calendar-month .calendar-day{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}
.calendar-month .calendar-day>button{flex-shrink:0}
.calendar-month .calendar-day>.calendar-date{position:sticky;top:-9px;z-index:1;background:var(--surface,#fff)}

/* Desktop navigation stays compact until the user enters the rail. */
@media(min-width:951px){
 .design-workspace .sidebar{width:80px;padding:26px 14px;z-index:50;overflow-x:hidden;overflow-y:auto}
 .design-workspace main{margin-left:80px}
 .design-workspace .sidebar .brand{padding:0 0 24px;align-items:center;gap:0}
 .design-workspace .sidebar .brand-logo,.design-workspace .sidebar .brand-logo img{width:48px}
 .design-workspace .sidebar .brand>span,.design-workspace .sidebar .workspace-label,.design-workspace .sidebar nav a>span,.design-workspace .sidebar .profile>span:not(.avatar){display:none}
 .design-workspace .sidebar nav{margin-top:24px}
 .design-workspace .sidebar nav a{justify-content:center;padding:14px;min-height:50px}
 .design-workspace .sidebar .profile{justify-content:center;padding:12px 0}
 .design-workspace .sidebar:hover,.design-workspace .sidebar:focus-within{width:248px;padding:26px 20px;background:white;box-shadow:8px 0 24px #0000000d}
 .design-workspace .sidebar:hover .brand,.design-workspace .sidebar:focus-within .brand{align-items:flex-start;gap:14px;padding:0 12px 24px}
 .design-workspace .sidebar:hover .brand-logo,.design-workspace .sidebar:hover .brand-logo img,.design-workspace .sidebar:focus-within .brand-logo,.design-workspace .sidebar:focus-within .brand-logo img{width:96px}
 .design-workspace .sidebar:hover .brand>span,.design-workspace .sidebar:focus-within .brand>span,.design-workspace .sidebar:hover .workspace-label,.design-workspace .sidebar:focus-within .workspace-label{display:block}
 .design-workspace .sidebar:hover nav,.design-workspace .sidebar:focus-within nav{margin-top:0}
 .design-workspace .sidebar:hover nav a,.design-workspace .sidebar:focus-within nav a{justify-content:flex-start;padding:14px 12px}
 .design-workspace .sidebar:hover nav a>span,.design-workspace .sidebar:focus-within nav a>span,.design-workspace .sidebar:hover .profile>span,.design-workspace .sidebar:focus-within .profile>span{display:block}
 .design-workspace .sidebar:hover .profile,.design-workspace .sidebar:focus-within .profile{justify-content:flex-start;gap:12px}
}

.calendar-day button[data-g-event]{min-height:28px;padding:6px 7px;line-height:1.25;text-align:left}
.calendar-event-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}

/* Square date tracks scale with the calendar width, regardless of event count. */
.calendar-month .calendar-grid{container-type:inline-size}
.calendar-month .calendar-day,.calendar-month .calendar-blank{height:calc(100cqw / 7);min-height:0;max-height:none;position:relative}
.calendar-month .calendar-day>.calendar-date{margin-right:24px;position:relative;top:auto}
.calendar-day-count{position:absolute;top:9px;right:9px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border-radius:5px;background:#edf2fd;color:#36527d;font-size:10px;font-weight:650;line-height:1;pointer-events:none}


/* Phones use the same square month grid, with counts instead of cramped event chips. */
.calendar-day-statuses{display:none}
.calendar-day-actions{display:flex;justify-content:flex-end;margin-top:20px}
@media(max-width:700px){
 .calendar-month .calendar-grid{display:grid}
 .calendar-month .calendar-day{padding:0;overflow:hidden}
 .calendar-month .calendar-blank{padding:0}
 .calendar-month .weekday{font-size:10px;padding:10px 0}
 .calendar-month .calendar-day>.calendar-date{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;width:100%;height:100%;min-height:0;margin:0;padding:5px;font-size:11px;line-height:1.2;border-radius:0;background:transparent}
 .calendar-month .calendar-day>.calendar-date:focus-visible{outline-offset:-3px}
 .calendar-month .calendar-day>button[data-g-event],.calendar-phone-month{display:none}
 .calendar-month .calendar-day-count{top:4px;right:4px;min-width:16px;height:16px;padding:0 3px;font-size:9px}
 .calendar-day-statuses{position:absolute;left:6px;bottom:6px;display:flex;gap:3px;pointer-events:none}
 .calendar-day-statuses .status-dot{width:4px;height:4px}
 .calendar-day-actions>.primary{width:100%}
 .calendar-stream .event-hover{display:none}
}

.themed-month-picker{position:relative}.month-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:176px;background:white!important;color:var(--ink)}
.month-picker-trigger svg{width:17px;height:17px}.month-picker-popup{position:absolute;top:calc(100% + 10px);right:0;z-index:65;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:16px;width:280px;box-shadow:0 8px 30px #0000001a}
.month-picker-year{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.month-picker-year strong{font-size:15px}.month-picker-year .quiet{font-size:23px!important;padding:4px 10px!important;min-width:40px}
.month-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.month-picker-grid button{min-height:44px;background:transparent;color:var(--ink);border-radius:8px;font-size:13px}
.month-picker-grid button:hover{background:#edf2fd;color:#1c48ab}.month-picker-grid button.chosen{background:var(--blue);color:white}.month-picker-today{width:100%;margin-top:12px;color:var(--blue)}
@media(max-width:700px){.themed-month-picker{width:100%}.month-picker-trigger{width:100%}.month-picker-popup{left:0;right:auto;width:min(300px,calc(100vw - 40px))}}

/* Align calendar grid with the toolbar edge without reserving a scrollbar gutter. */
.calendar-stream{padding-right:0;scrollbar-gutter:auto;scrollbar-width:none}
.calendar-stream::-webkit-scrollbar{width:0;height:0}

:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog){width:min(760px,calc(100vw - 32px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);overflow:hidden}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog)::backdrop{background:#18243a66}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog)>.governance-form{display:flex;flex-direction:column;max-height:calc(90dvh - 2px);border:0;margin:0;padding:0;border-radius:0}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .governance-form form{display:flex;flex-direction:column;flex:1;min-height:0;gap:0;max-width:none;margin:0;overflow:hidden}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .calendar-dialog-heading h2{font-size:24px}.event-file-selection{list-style:none;margin:0;padding:0;display:grid;gap:8px}.event-file-selection li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.event-file-selection small{color:var(--muted)}.event-download{display:block;margin-top:10px}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog).pop-in{animation:event-pop-in .2s cubic-bezier(.16,1,.3,1)}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog).pop-out{animation:event-pop-out .16s ease-in forwards}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog).pop-in::backdrop{animation:event-backdrop-in .2s ease-out}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog).pop-out::backdrop{animation:event-backdrop-out .16s ease-in forwards}
@keyframes event-pop-in{from{opacity:0;transform:scale(.95) translateY(10px);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes event-pop-out{to{opacity:0;transform:scale(.97) translateY(8px)}}@keyframes event-backdrop-in{from{background:#18243a00}to{background:#18243a66}}@keyframes event-backdrop-out{to{background:#18243a00}}
@media(prefers-reduced-motion:reduce){:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog),:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog)::backdrop{animation:none!important}}
@media(max-width:700px){:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .form-pair{grid-template-columns:1fr}}

:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog){max-width:760px}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) label{margin:0}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .helper{margin:0}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) input[readonly]{background:#f5f7fb;color:var(--muted)}

/* Keep context and submission controls visible; only the event fields scroll. */
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .event-form-header{display:block;flex-shrink:0;padding:24px 28px 20px;border-bottom:1px solid var(--line);background:#fff}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .event-form-header p{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .event-form-body{display:grid;align-content:start;gap:20px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 28px;scroll-padding-block:24px;scrollbar-color:#b8c7e0 #f5f7fb;scrollbar-width:thin}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .event-form-footer{flex-shrink:0;display:grid;gap:12px;padding:16px 28px 20px;border-top:1px solid var(--line);background:#fff}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .event-form-footer .governance-actions{display:flex;flex-wrap:nowrap;gap:12px}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .event-form-footer button{width:auto;min-height:44px}
@media(max-width:700px){:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .event-form-header{padding:20px 18px 16px}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .event-form-header h2{font-size:22px}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .event-form-body{padding:20px 18px;scroll-padding-block:20px}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .event-form-footer{padding:16px 18px max(16px,env(safe-area-inset-bottom))}:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) .event-form-footer .primary{flex:1;min-width:0}}

/* Event form controls share the workspace palette and native form behavior. */
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select{appearance:none;min-width:0;padding:10px 40px 10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23536279' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--ink);font-weight:400;line-height:1.5;cursor:pointer}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select:hover{border-color:#b6c6df;background-color:#f7f9fd}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select:required:invalid{color:var(--muted)}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select:focus-visible,:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) :is(#event-attachments,#request-attachments,#event-flyer,#manage-event-flyer):focus-visible{outline:3px solid #92b3ff;outline-offset:3px;border-color:var(--blue)}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select:disabled,:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) :is(#event-attachments,#request-attachments,#event-flyer,#manage-event-flyer):disabled{cursor:not-allowed;opacity:.5}
@supports(appearance:base-select){
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select,:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select::picker(select){appearance:base-select}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select{display:flex;align-items:center}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select>button{all:unset;display:contents}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) selectedcontent{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select::picker-icon{display:none}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select:open{border-color:var(--blue);background-color:#f7f9fd}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) select::picker(select){inline-size:anchor-size(width);max-inline-size:calc(100vw - 32px);max-block-size:min(320px,45dvh);margin-block:6px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);overflow:auto;scrollbar-color:#b8c7e0 #f5f7fb;scrollbar-width:thin;font:inherit}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) option{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border:0;border-radius:6px;background:#fff;color:var(--ink);font-weight:400;line-height:1.5;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) option:hover,:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) option:focus{background:#edf2fd;color:#1c48ab}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) option:focus-visible{outline:2px solid #92b3ff;outline-offset:-2px}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) option:checked{background:#edf2fd;color:#1c48ab;font-weight:600}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) option[value=""]{color:var(--muted)}
 :is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) option::checkmark{order:1;margin-inline-start:auto;color:var(--blue);flex-shrink:0}
}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) :is(#event-attachments,#request-attachments,#event-flyer,#manage-event-flyer){padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:14px;font-weight:400;cursor:pointer}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) :is(#event-attachments,#request-attachments,#event-flyer,#manage-event-flyer)::file-selector-button{min-height:36px;margin:0 12px 0 0;padding:8px 14px;border:0;border-radius:6px;background:#edf2fd;color:#1c48ab;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) :is(#event-attachments,#request-attachments,#event-flyer,#manage-event-flyer):hover{border-color:#b6c6df}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) :is(#event-attachments,#request-attachments,#event-flyer,#manage-event-flyer):hover::file-selector-button{background:#dce7fb}
:is(#event-proposal-dialog,#request-create-dialog,#event-flyer-dialog,#event-cancel-dialog,#event-status-dialog) :is(#event-attachments,#request-attachments,#event-flyer,#manage-event-flyer):active::file-selector-button{background:#cdddf7}

/* Six destinations stay legible in the phone navigation. */
@media(max-width:700px){.design-workspace .sidebar nav #announcements-nav>span{font-size:0}.design-workspace .sidebar nav #announcements-nav>span:after{content:'Updates';font-size:11px}.design-workspace .sidebar nav a{flex:1 1 0}}
@media(max-width:380px){.design-workspace .sidebar nav #dashboard-nav>span{font-size:0}.design-workspace .sidebar nav #dashboard-nav>span:after{content:'Home';font-size:11px}}

/* Recurring calendar entries use the existing dialog and control surfaces. */
.calendar-repeat{display:grid;gap:16px;margin:4px 0;padding:20px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.calendar-repeat>legend,.recurrence-weekdays>legend{padding:0;font-size:15px;font-weight:600;color:var(--ink)}
.recurrence-interval{display:flex;align-items:flex-end;gap:12px}.recurrence-interval>label{width:140px}.recurrence-interval>span{padding-bottom:12px;color:var(--muted);font-size:14px}
.recurrence-weekdays{margin:0;padding:0;border:0;min-width:0}.recurrence-weekdays>legend{font-size:14px;margin-bottom:10px}.recurrence-weekdays>div{display:flex;flex-wrap:wrap;gap:6px}
#event-proposal-dialog .recurrence-weekdays button{flex:1;min-width:44px;min-height:44px;padding:9px 7px;border:1px solid var(--line);font-size:13px;color:#244371;background:#fff}
#event-proposal-dialog .recurrence-weekdays button.chosen{color:#fff;background:#244ea1;border-color:#244ea1}
#event-proposal-dialog .recurrence-weekdays button:hover{border-color:#244ea1}#event-proposal-dialog .recurrence-weekdays button:focus-visible{outline:3px solid #92b3ff;outline-offset:3px}
.recurrence-summary{margin:0;color:#244371;font-size:13px;line-height:1.7}.event-detail>.recurrence-summary,.proposal-row>.recurrence-summary{margin:18px 0}
.calendar-entry-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge.service{background:#e9f0fc;color:#244371}
.badge.postponed,.event-cancelled-banner.postponed{background:#eee6f8;color:#63348b}.event-postponed-notice,.event-status-note{color:#63348b;font-size:14px;line-height:1.7}
.calendar-day button.calendar-event-postponed{background:#eee6f8;color:#63348b}.calendar-day button.calendar-event-postponed:hover{background:#e2d2f2}
.status-dot.postponed{background:#8453ad}.agenda-event.calendar-event-postponed strong{color:#63348b}
@media(max-width:700px){.calendar-repeat{gap:16px}.recurrence-weekdays>div{gap:5px}#event-proposal-dialog .recurrence-weekdays button{min-width:40px;padding-inline:4px;font-size:12px}.calendar-key{flex-wrap:wrap}}