.act-home-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}.act-home-main{min-width:0}.act-home-nav{border:1px solid var(--act-line);gap:6px;min-height:320px}.act-home-nav>strong{padding:8px;font-size:13px}
.act-home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,30%);gap:24px;align-items:center;border-top:3px solid var(--act-accent)}.act-home-hero h2{font-size:26px;line-height:1.25;margin:8px 0 12px}.act-home-hero p{line-height:1.6}.act-home-hero small{color:var(--act-accent);font-size:10px;font-weight:600;letter-spacing:.06em}.act-home-hero img{width:100%;height:auto;max-height:240px;object-fit:contain;border-radius:3px}
[data-hero-search]{display:flex;align-items:end;gap:8px;margin-top:16px}[data-hero-search] label{flex:1;min-width:0}[data-hero-search] button{min-height:36px}.act-home-layout [hidden]{display:none!important}.act-home-layout :focus-visible{outline:2px solid var(--act-accent);outline-offset:3px}.act-home-layout .act-browse-filters{grid-template-columns:1fr 1fr auto}[data-home-overview]>p{color:var(--act-muted);line-height:1.6;max-width:900px}[data-overview-result]{margin-top:14px}
@media(max-width:1000px){.act-home-layout{grid-template-columns:190px minmax(0,1fr)}.act-home-hero{grid-template-columns:minmax(0,1fr)}.act-home-hero img{display:none}.act-home-layout .act-browse-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.act-home-layout{grid-template-columns:1fr}.act-home-nav{min-height:0}.act-home-hero h2{font-size:22px}.act-home-layout .act-browse-filters{grid-template-columns:1fr}[data-hero-search]{flex-wrap:wrap}[data-hero-search] label{flex-basis:100%}}
.act-home-layout.is-overview #activity-search>label,.act-home-layout.is-overview .act-browse-submit{display:none!important}.act-home-layout.is-overview .act-browse-options-grid>label:first-child{display:none!important}.act-home-layout .act-browse-heading{display:none}
@layer sysimple-actions{html body #activities-app .act-home-nav button[aria-current=page]{background:var(--act-secondary)!important;color:var(--act-text)!important;border-color:var(--act-accent)!important;border-left-width:3px!important;font-weight:600}html body #activities-app [data-hero-search] button.primary{background:var(--act-accent)!important;color:var(--adm-primary-contrast,#fff)!important}}
/* Semantic buttons cover overview cards without altering the shared chart layout. */
#activities-app [data-home-overview] .act-summary-tile,#activities-app [data-home-overview] .act-browse-state-bars>div{position:relative}
#activities-app [data-home-overview] button.act-summary-drill{position:absolute;inset:0;width:100%;height:100%;z-index:1;background:transparent!important;border:1px solid transparent!important;border-radius:4px;padding:0;cursor:pointer}
#activities-app [data-home-overview] button.act-summary-drill:hover{background:color-mix(in srgb,var(--act-accent) 9%,transparent)!important;border-color:var(--act-accent)!important}
#activities-app [data-home-overview] button.act-summary-drill:focus-visible{outline:3px solid var(--act-accent);outline-offset:2px}
/* Compact overview: one heading, actionable figures and an operational follow-up. */
.act-overview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.act-overview-heading h2{margin:0}.act-overview-definitions{margin:10px 0 16px;color:var(--act-muted)}.act-overview-definitions p{max-width:1000px;line-height:1.5}
#activities-app [data-home-overview] .act-browse-summary{background:transparent;padding:0;margin:0 0 18px}#activities-app [data-home-overview] .act-browse-summary-heading{display:none}
#activities-app [data-home-overview] .act-browse-state-bars>div{min-height:52px;padding:12px;display:block}#activities-app [data-home-overview] .act-summary-ring,#activities-app [data-home-overview] .act-browse-state-bars>div> :last-child:not(span):not(button){display:none}
#activities-app [data-home-overview] .act-browse-state-bars>div>span:not(.act-summary-ring){display:flex;align-items:center;gap:12px;margin:0;padding-right:24px}
#activities-app [data-home-overview] button.act-summary-drill::after{content:'→';position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--act-accent);font-size:18px}#activities-app [data-home-overview] .act-summary-copy{padding-right:20px}
.act-overview-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.act-overview-work-grid>section{border:1px solid var(--act-line);padding:14px;min-width:0}.act-overview-work-grid h3{margin:0 0 8px}.act-overview-work-grid h4{margin:16px 0 6px}.act-overview-work-list{list-style:none;padding:0;margin:0}.act-overview-work-list li{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--act-line)}.act-overview-work-list li:last-child{border-bottom:0}.act-overview-work-list li>div{min-width:0}.act-overview-work-list strong,.act-overview-work-list span,.act-overview-work-list small{display:block;overflow-wrap:anywhere}.act-overview-work-list small{color:var(--act-muted);margin-top:4px}.act-overview-work-list button{flex-shrink:0}
@media(max-width:900px){.act-overview-work-grid{grid-template-columns:1fr}}
#activities-app [data-home-overview] .act-browse-state-bars>div>.act-summary-ring{display:none!important}#activities-app [data-home-overview] .act-browse-state-bars>div{min-height:52px!important}
.act-overview-diagram{border:1px solid var(--act-line);padding:14px;margin:14px 0;background:var(--act-surface)}.act-overview-diagram h3{margin:0}.act-overview-diagram h3 i,.act-overview-work-grid h3 i,.act-overview-work-grid h4 i{color:var(--act-accent);margin-right:6px}.act-overview-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.act-overview-bar{display:grid;grid-template-columns:100px minmax(0,1fr) 40px;gap:10px;align-items:center}.act-overview-bar>div{min-width:0}.act-overview-bar>strong{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:800px){.act-overview-bars{grid-template-columns:1fr}}
.act-overview-chart-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,42%);gap:24px;align-items:center}.act-overview-chart-pair .act-overview-bars{grid-template-columns:1fr;gap:16px}.act-overview-pie{display:grid;grid-template-columns:minmax(150px,1fr) minmax(145px,1fr);gap:12px;align-items:center;min-width:0}.act-overview-pie>div{min-width:0}.act-overview-pie-legend{list-style:none;margin:0;padding:0}.act-overview-pie-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;margin:12px 0}.act-overview-color{width:10px;height:10px;border-radius:2px}.act-overview-pie-legend strong{font-variant-numeric:tabular-nums}.act-overview-pie-legend li>span{overflow-wrap:anywhere}@media(max-width:1000px){.act-overview-chart-pair{grid-template-columns:1fr;gap:8px}}@media(max-width:440px){.act-overview-pie{grid-template-columns:1fr}.act-overview-pie-legend{padding:0 8px}}
.act-overview-row-actions{display:flex;gap:6px;flex-shrink:0}#activities-app .act-overview-work-list .act-overview-group-link{display:inline-block;max-width:100%;padding:3px 0;border:0;background:transparent;color:var(--act-text);font-weight:600;text-align:left;white-space:normal;overflow-wrap:anywhere}#activities-app .act-overview-work-list .act-overview-group-link:hover{text-decoration:underline;color:var(--act-accent)}
#activities-app .act-overview-work-list .act-overview-session-link{display:block;max-width:100%;padding:3px 0;border:0;background:transparent;color:var(--act-accent);text-align:left;white-space:normal;overflow-wrap:anywhere}#activities-app .act-overview-work-list .act-overview-session-link:hover{text-decoration:underline}
/* In the overview the type/status row is hidden: keep only the options divider. */
#activities-app .act-home-layout.is-overview .act-period-first{border-bottom:0;padding-bottom:0;margin-bottom:8px}
#activities-app .act-overview-work-list :is(.act-overview-group-link,.act-overview-session-link)>i{display:inline-block;width:18px;margin-right:5px;text-align:center;color:var(--act-accent)}#activities-app .act-overview-work-list :is(.act-overview-group-link,.act-overview-session-link)>span{display:inline;white-space:normal}

/* Session staffing drawer. */
#activities-app dialog.act-planning-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(720px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:1px solid var(--adm-border,var(--line,#d2d6de));border-top:3px solid var(--adm-accent,var(--accent,#3c8dbc));background:var(--adm-surface,var(--surface,#fff));color:var(--adm-text,var(--text,#263238));}
#activities-app .act-planning-drawer[open]{display:flex;flex-direction:column;}
.act-planning-drawer::backdrop{background:#0008;}
#activities-app .act-planning-drawer>header,#activities-app .act-planning-drawer>footer{padding:14px;display:flex;align-items:center;gap:12px;flex-shrink:0;background:var(--adm-surface-2,var(--surface,#f9fafb));}
#activities-app .act-planning-drawer>header{border-bottom:1px solid var(--adm-border,var(--line,#d2d6de));}
#activities-app .act-planning-drawer>header h2{flex:1;margin:0;overflow-wrap:anywhere;}
#activities-app .act-planning-drawer>footer{border-top:1px solid var(--adm-border,var(--line,#d2d6de));flex-wrap:wrap;}
#activities-app .act-planning-drawer>footer p{flex:1 1 220px;margin:0;}
.act-planning-drawer-body{padding:16px;overflow:auto;min-height:0;flex:1;}

#activities-app .act-enrollment-drawer{width:min(720px,100vw);}
.act-enrollment-context{display:flex;gap:14px;padding:16px;background:var(--act-surface);border:1px solid var(--act-line);border-left:3px solid var(--act-accent);margin-bottom:24px;}
.act-enrollment-context>i{font-size:24px;color:var(--act-accent);padding-top:3px;}.act-enrollment-context p{margin:6px 0 10px;color:var(--act-muted);}
.act-enrollment-search{display:block;margin:12px 0;}.act-enrollment-list{border:1px solid var(--act-line);border-radius:3px;overflow:hidden;}
#activities-app .act-enrollment-person{display:flex;align-items:center;gap:12px;padding:14px;margin:0;cursor:pointer;border-bottom:1px solid var(--act-line);}.act-enrollment-person:last-child{border-bottom:0!important;}.act-enrollment-person[hidden]{display:none!important;}.act-enrollment-person:has(input:checked){background:color-mix(in srgb,var(--act-accent) 10%,var(--act-surface));}.act-enrollment-person:focus-within{outline:2px solid var(--act-accent);outline-offset:-2px;}
#activities-app .act-enrollment-person input{width:18px;height:18px;flex:0 0 18px;}.act-enrollment-person small{display:block;color:var(--act-muted);margin-top:4px;}
.act-enrollment-scope{padding:16px 0;border-bottom:1px solid var(--act-line);}.act-enrollment-empty{text-align:center;padding:32px 20px;border:1px solid var(--act-line);background:var(--act-surface);}.act-enrollment-empty>i{font-size:32px;color:var(--act-accent);}.act-enrollment-empty h3{margin:14px 0 8px;}.act-enrollment-empty p{color:var(--act-muted);margin-bottom:20px;}
.act-enrollment-new{padding:20px 0;}.act-enrollment-new p,.act-enrollment-help{color:var(--act-muted);}.act-enrollment-help{border-top:1px solid var(--act-line);padding-top:12px;}
.act-enrollment-footer-info{flex:1 1 200px;}.act-enrollment-footer-info small{display:block;color:var(--act-muted);margin-top:5px;}

/* Shared presentation for the activity drawers. */
.act-drawer-context{display:flex;gap:14px;padding:16px;background:var(--act-surface);border:1px solid var(--act-line);border-left:3px solid var(--act-accent);margin-bottom:24px;}
.act-drawer-context>i{font-size:24px;color:var(--act-accent);padding-top:3px;}.act-drawer-context p{margin:6px 0;color:var(--act-muted);}.act-drawer-context span{color:var(--act-muted);}
.act-drawer-section{padding:20px 0;border-bottom:1px solid var(--act-line);}.act-drawer-section h3{margin:0 0 12px;}.act-drawer-section h3 i,.act-drawer-form-heading i{color:var(--act-accent);margin-right:6px;}
.act-drawer-footer-info{flex:1 1 200px;}.act-drawer-footer-info small{display:block;color:var(--act-muted);margin-top:5px;}
.act-drawer-empty{text-align:center;padding:24px 16px;border:1px solid var(--act-line);background:var(--act-surface);}.act-drawer-empty>i{display:block;color:var(--act-accent);font-size:28px;margin-bottom:12px;}.act-drawer-empty p{color:var(--act-muted);}
.act-planning-drawer .act-team-assigned{list-style:none;padding:0;margin:0;border:1px solid var(--act-line);}.act-planning-drawer .act-team-assigned li{padding:14px;border-bottom:1px solid var(--act-line);}.act-planning-drawer .act-team-assigned li:last-child{border-bottom:0;}.act-planning-drawer .act-team-needs input{max-width:100%;box-sizing:border-box;}
#activities-app .act-drawer-form-heading{margin:12px 0 0;padding-top:16px;border-top:1px solid var(--act-line);}
@media(max-width:520px){#activities-app .act-session-drawer .act-fields{grid-template-columns:1fr;}.act-planning-drawer>footer button{flex:1;} .act-drawer-context{padding:12px;}}

/* Member selection uses the same drawer frame, with space for the directory grid. */
#activities-app dialog.act-member-drawer{width:min(960px,100vw);}
#activities-app .act-member-drawer .act-person-editor{margin:0;padding:0;border:0;background:transparent;}
#activities-app .act-member-drawer .act-person-editor>h3{display:none;}
#activities-app .act-member-drawer .act-person-editor>p{margin:0 0 16px;color:var(--act-muted);}
#activities-app .act-member-drawer .act-inline-grid iframe{height:clamp(280px,42dvh,440px);}
#activities-app .act-member-drawer [data-person-error]:not(:empty){padding:12px;border-left:3px solid var(--act-accent);background:var(--act-surface);}
@media(max-width:600px){#activities-app .act-member-drawer .act-fields{grid-template-columns:1fr;}}

.act-people-filter{margin:12px 0 16px;}.act-people-filter p{margin:0 0 8px;color:var(--act-muted);}.act-people-filter .act-actions{flex-wrap:wrap;}#activities-app .act-people-filter button[aria-pressed="true"]{border-color:var(--act-accent);background:color-mix(in srgb,var(--act-accent) 15%,var(--act-surface));font-weight:600;}

/* Compact information actions, shared theme buttons. */
.act-information-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--act-line)}
.act-information-primary,.act-information-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.act-information-primary .act-hint{margin:0}
@media(max-width:700px){.act-information-primary{align-items:flex-start}.act-information-primary .act-hint{flex-basis:100%}.act-information-shortcuts{width:100%}}

.act-readiness-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:12px}.act-readiness-card{border:1px solid var(--act-line);background:var(--act-panel,transparent);padding:14px}.act-readiness-card header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--act-line)}.act-readiness-card ul{list-style:none;margin:0;padding:0}.act-readiness-card li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--act-line)}.act-readiness-card li:last-child{border-bottom:0}.act-readiness-card li>div{flex:1;min-width:0}.act-readiness-card small{display:block;margin-top:4px}.act-readiness-card li>button{flex-shrink:0}.act-readiness-card li>i{color:var(--act-accent,currentColor)}@media(max-width:750px){.act-readiness-card li{flex-wrap:wrap}.act-readiness-card li>button{margin-left:24px}}

.act-home-signals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.act-home-signal{display:flex!important;align-items:center;gap:12px;padding:14px!important;text-align:left;white-space:normal!important}.act-home-signal>span{flex:1}.act-home-signal strong{display:block;font-size:1.5rem}.act-home-signal>i:first-child{font-size:1.3rem;color:var(--act-accent,currentColor)}

[data-work-heading]{scroll-margin-top:90px}[data-work-heading]:focus{outline:2px solid var(--act-accent,currentColor);outline-offset:5px}

/* Same cover/avatar composition as the community header and directory. */
.act-community-summary.has-community-cover{overflow:hidden;border-top:1px solid var(--act-line);--cm-border:var(--act-line);--cm-surface-alt:var(--act-secondary)}
.act-community-summary .cm-card-cover{height:150px;position:relative;background:var(--act-secondary);margin:-14px -14px 34px;border-bottom:1px solid var(--act-line)}
.act-community-summary .cm-card-cover>.cm-group-banner{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
.act-community-summary .cm-card-cover>.cm-group-avatar{position:absolute;bottom:-23px;left:14px;width:56px;height:56px;border:3px solid var(--act-surface);border-radius:12px;background:var(--act-accent);color:var(--act-surface);box-shadow:0 2px 5px #0002}
.act-community-summary .cm-card-cover>.cm-group-avatar i{font-size:24px!important}
.act-community-summary.has-community-cover>.act-panel-heading{align-items:flex-start;gap:8px}.act-community-summary.has-community-cover>.act-panel-heading h3>i{display:none}

/* Clear hierarchy: context, period, work signals, then totals. */
.is-concise-home .act-home-hero{grid-template-columns:minmax(0,1fr) 220px;gap:20px;padding:18px!important}
.is-concise-home .act-home-hero img{max-height:140px}
.is-concise-home .act-home-hero h2{font-size:22px;margin:0 0 8px}
.is-concise-home .act-home-hero>div>small,.is-concise-home .act-home-hero>div>p:last-child{display:none}
.is-concise-home [data-home-overview]{padding:18px!important}
.is-concise-home [data-home-overview]>.act-hint{display:none}
.is-concise-home [data-overview-work]{margin:16px 0 24px}
.is-concise-home .act-home-totals-title{margin:0 0 12px;padding-top:18px;border-top:1px solid var(--act-line)}
.is-concise-home .act-summary-tile{border-left:1px solid var(--act-line);min-height:76px}
.is-concise-home .act-summary-icon{font-size:24px!important}
.is-concise-home .act-summary-copy>strong{font-size:24px!important}
.is-concise-home .act-home-signal{min-height:86px;border-left:3px solid var(--act-accent)}
.is-concise-home .act-overview-definitions{margin-top:12px}
@media(max-width:1000px){.is-concise-home .act-home-hero{grid-template-columns:minmax(0,1fr)}}

/* Work queue: consistent sections and context/action rows. */
.act-work-page{display:grid;gap:20px;margin-top:16px}
.act-work-page .act-work-section,.act-work-page .act-readiness-summary{border:1px solid var(--act-line);padding:0;background:var(--act-surface);margin:0}
.act-work-section-heading,.act-work-page .act-readiness-summary>.act-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--act-secondary);border-bottom:1px solid var(--act-line)}
.act-work-section-heading h3,.act-work-page .act-panel-heading h3{margin:0}
.act-work-section-heading h3 i{color:var(--act-accent);margin-right:8px}
.act-work-page .act-readiness-summary>.act-hint{display:none}
.act-work-page .act-overview-work-list{margin:0;padding:0 16px;list-style:none}
.act-work-page .act-overview-work-list>li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;margin:0;border-bottom:1px solid var(--act-line)}
.act-work-page .act-overview-work-list>li:last-child{border-bottom:0}
.act-work-page .act-overview-work-list>li>div{min-width:0}
.act-work-page .act-overview-work-list>li>button{flex-shrink:0}
.act-work-page .act-overview-group-link{white-space:normal;text-align:left}
.act-work-page small,.act-work-session{display:block;margin-top:6px}
.act-work-session{font-weight:600}
.act-work-page .act-readiness-cards{display:block;padding:0 16px}
.act-work-page .act-readiness-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:24px;padding:16px 0;border:0;border-bottom:1px solid var(--act-line);background:transparent}
.act-work-page .act-readiness-card:last-child{border-bottom:0}
.act-work-page .act-readiness-card header{border:0;padding:0;min-width:0;justify-content:flex-start}
.act-work-page .act-readiness-card li:first-child{padding-top:0}
.act-work-page .act-readiness-card li:last-child{padding-bottom:0}
.act-work-page .act-readiness-card li>button{min-width:170px}
.act-work-empty{padding:16px;margin:0;color:var(--act-muted)}
@media(max-width:1000px){.act-work-page .act-readiness-card{grid-template-columns:1fr;gap:14px}.act-work-page .act-readiness-card header{padding-bottom:12px;border-bottom:1px solid var(--act-line)}}
@media(max-width:600px){.act-work-page .act-overview-work-list>li{align-items:flex-start;flex-direction:column;gap:12px}.act-work-section-heading{align-items:flex-start}.act-work-page .act-readiness-card li{flex-wrap:wrap}.act-work-page .act-readiness-card li>div{flex-basis:calc(100% - 32px)}.act-work-page .act-readiness-card li>button{margin-left:24px}}

/* Activity overview: preparation and communication actions. */
.act-ready-panel{margin-bottom:14px!important}
.act-ready-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.act-ready-heading h3{margin:0}
.act-ready-panel h3 i,.act-ready-session h4 i,.act-promotion-entry h3 i{color:var(--act-accent);margin-right:6px}
.act-ready-session{margin-top:14px;border:1px solid var(--act-line);background:var(--act-surface)}
.act-ready-session h4{margin:0;padding:12px 14px;background:var(--act-secondary);border-bottom:1px solid var(--act-line)}
.act-ready-session ul{list-style:none;padding:0 14px;margin:0}
.act-ready-session li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--act-line)}
.act-ready-session li:last-child{border:0}
.act-ready-session li>span{display:flex;align-items:center;gap:8px;min-width:0}
.act-ready-session li>span>i{color:var(--act-accent);flex-shrink:0}
.act-ready-session li>button{flex-shrink:0;min-width:170px}
.act-ready-footer{padding-top:14px}.act-ready-footer details{margin-top:12px;color:var(--act-muted)}
.act-promotion-entry{display:grid;grid-template-columns:1fr auto;column-gap:20px;margin:14px 0!important;border-left:3px solid var(--act-accent)!important}
.act-promotion-entry h3{margin:0}.act-promotion-entry p{margin:6px 0 0}.act-promotion-entry button{grid-column:2;grid-row:1/3;align-self:center}
@media(max-width:700px){.act-ready-session li{align-items:flex-start;flex-direction:column;gap:10px}.act-ready-heading{flex-wrap:wrap}.act-promotion-entry{display:block}.act-promotion-entry button{margin-top:12px}}

/* Compact illustrated landmarks for the three work queues. */
.act-work-page .act-work-banner{position:relative;isolation:isolate;min-height:88px;box-sizing:border-box;padding:16px 170px 16px 18px;background:linear-gradient(100deg,color-mix(in srgb,var(--act-accent) 9%,var(--act-surface)),var(--act-surface));border-left:3px solid var(--act-accent);gap:12px;flex-wrap:wrap}
.act-work-banner>img{position:absolute;right:18px;top:0;width:132px;height:88px;object-fit:contain;pointer-events:none}
.act-work-page .act-work-banner h3{font-size:15px;line-height:1.4}
.act-work-page .act-work-banner .act-badge{background:var(--act-surface);white-space:nowrap}
@media(max-width:600px){.act-work-page .act-work-banner{padding:12px 95px 12px 12px;gap:6px;align-content:center;justify-content:flex-start}.act-work-banner>img{width:80px;height:78px;right:6px;top:5px}.act-work-page .act-work-banner h3{flex-basis:100%;font-size:14px}}
.act-work-page .act-readiness-summary>.act-panel-heading.act-work-banner{padding:16px 170px 16px 18px;background:linear-gradient(100deg,color-mix(in srgb,var(--act-accent) 9%,var(--act-surface)),var(--act-surface))}@media(max-width:600px){.act-work-page .act-readiness-summary>.act-panel-heading.act-work-banner{padding:12px 95px 12px 12px}}

.act-embedded-calendar{min-width:0;width:100%;box-sizing:border-box}.act-embedded-calendar .runtime-agenda{min-width:0}.act-detail-content:has(>.act-embedded-calendar){min-width:0}.act-home-main:has(>.act-embedded-calendar)>[hidden],.act-detail-content:has(>.act-embedded-calendar)>[hidden]{display:none!important}

/* Short introduction: established illustrations, followed by the main search. */
.act-home-layout .act-home-hero.act-home-introduction{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px!important}
.act-home-introduction .act-intro-heading h2{font-size:22px;margin:0 0 6px}
.act-home-introduction .act-intro-heading p{display:block!important;margin:0;color:var(--act-muted)}
.act-intro-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.act-intro-features li{display:flex;align-items:center;gap:12px;min-width:0}
.act-home-introduction .act-intro-features img{display:block;width:120px;height:80px;max-height:80px;flex-shrink:0;object-fit:contain}
.act-intro-features h3{font-size:14px;margin:0 0 4px;line-height:1.4;color:var(--act-text)}
.act-intro-features p{font-size:12px;line-height:1.5;margin:0;color:var(--act-muted)}
.act-intro-search{border-top:1px solid var(--act-line);padding-top:12px}
@media(max-width:1200px){.act-intro-features{gap:14px}.act-home-introduction .act-intro-features img{width:80px;height:64px}}
@media(max-width:750px){.act-intro-features{grid-template-columns:1fr;gap:12px}.act-home-introduction .act-intro-features img{width:88px;height:60px}.act-home-introduction .act-intro-heading h2{font-size:20px}}
/* Keep the module header and navigation outside the content scroll area. */
@media(min-width:801px){
body:has(#activities-app){overflow:hidden}
html body #activities-app{height:calc(100dvh - var(--act-workspace-top,70px));min-height:0!important;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}
#activities-app> :not(#act-content){flex-shrink:0}
#activities-app #act-content{flex:1;min-height:0;overflow:auto}
#activities-app #act-content>.act-home-layout{height:100%;min-height:0;align-items:stretch;overflow:hidden}
html body #activities-app .act-home-nav{min-height:0;height:100%;box-sizing:border-box;overflow:auto;align-self:stretch}
#activities-app .act-home-main{min-height:0;height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
html body #activities-app .act-detail-navigation{position:sticky;top:0;align-self:start;max-height:calc(100dvh - var(--act-workspace-top,70px) - 180px);overflow:auto}
}
.runtime-calendar-filter-notice{padding:10px 12px;margin:0 0 12px;border-left:3px solid var(--adm-primary,#3c8dbc);background:var(--adm-primary-soft,#eef5fa);font-size:13px;line-height:1.5}
/* Persistent module rail beside the current record navigation. */
html body #activities-app .act-nested-layout{grid-template-columns:56px minmax(0,1fr);gap:0;align-items:stretch}
html body #activities-app .act-parent-rail{position:relative;z-index:8;padding:8px 6px;display:flex;flex-direction:column;gap:5px;overflow:visible;min-width:0;background:color-mix(in srgb,var(--act-accent) 18%,var(--act-surface))!important}
html body #activities-app .act-parent-rail>button{position:relative;flex:none;width:42px;height:42px;min-height:42px!important;padding:10px!important;gap:12px;overflow:visible;white-space:nowrap;overflow-wrap:normal}
.act-parent-rail>button>i{width:20px;flex:0 0 20px;text-align:center}
html body #activities-app .act-parent-rail>button>span{display:none;white-space:nowrap}
html body #activities-app .act-parent-rail>button:is(:hover,:focus-visible){width:max-content;min-width:230px;z-index:2;background:var(--act-surface)!important;color:var(--act-text)!important;border-color:var(--act-accent)!important;box-shadow:0 3px 10px #0002!important}
html body #activities-app .act-parent-rail>button:is(:hover,:focus-visible)>span{display:inline}
html body #activities-app .act-parent-rail.is-expanded{width:230px;box-shadow:4px 0 12px #0002}
html body #activities-app .act-parent-rail.is-expanded>button{width:100%}
html body #activities-app .act-parent-rail.is-expanded>button>span{display:inline;white-space:normal}
html body #activities-app .act-nested-layout .act-detail-navigation .act-work-tabs{background:color-mix(in srgb,var(--act-accent) 5%,var(--act-surface))!important}
.act-parent-rail button:focus-visible{outline:2px solid var(--act-accent);outline-offset:2px}
#activities-app.act-widget-mode .act-parent-rail{display:none!important}
@media(max-width:800px){html body #activities-app .act-nested-layout{grid-template-columns:minmax(0,1fr)}html body #activities-app .act-parent-rail{flex-direction:row;flex-wrap:wrap}html body #activities-app .act-parent-rail>button:not([data-parent-expand]){display:none!important}html body #activities-app .act-parent-rail.is-expanded{width:auto}html body #activities-app .act-parent-rail.is-expanded>button:not([data-parent-expand]){display:flex!important;width:100%}html body #activities-app .act-parent-rail>[data-parent-expand]{width:auto}html body #activities-app .act-parent-rail>[data-parent-expand]>span{display:inline}}
#activities-app.act-widget-mode .act-nested-layout{display:block!important}
/* Calendar controls and filter column stay outside the sessions scroll area. */
@media(min-width:801px){
#activities-app .act-home-main:has(>.act-embedded-calendar){overflow:hidden}
#activities-app .act-embedded-calendar,#activities-app .act-embedded-calendar>[data-activity-calendar]{height:100%;min-height:0;overflow:hidden}
#activities-app .act-embedded-calendar .runtime-agenda{height:100%!important;min-height:0!important;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
#activities-app .act-embedded-calendar .runtime-agenda>.runtime-agenda-actions,#activities-app .act-embedded-calendar .runtime-agenda>.runtime-agenda-status{flex-shrink:0}
#activities-app .act-embedded-calendar .runtime-agenda>[data-widget-id]{flex:1;min-height:0;overflow:hidden}
#activities-app .act-embedded-calendar .sysdash-calendar,#activities-app .act-embedded-calendar .sys-calendar-layout{height:100%;min-height:0;box-sizing:border-box;overflow:hidden}
#activities-app .act-embedded-calendar .sys-calendar-layout{align-items:stretch}
#activities-app .act-embedded-calendar .sys-calendar-mini{height:100%;min-height:0;overflow:auto;position:static;box-sizing:border-box;overscroll-behavior:contain}
#activities-app .act-embedded-calendar .sys-calendar-main{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
#activities-app .act-embedded-calendar .sys-calendar-main>*{flex-shrink:0}
#activities-app .act-embedded-calendar .sys-calendar-main>:is(.sysdash-calendar-month,.sysdash-calendar-week,.sysdash-calendar-day-view,.sysdash-calendar-list,.sysdash-calendar-year){flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#activities-app .act-embedded-calendar .sysdash-calendar-weekdays{position:sticky;top:0;z-index:4;background:var(--sysdash-surface,var(--act-surface));padding-block:8px;box-shadow:0 1px 0 var(--act-border);isolation:isolate}
}

/* Calendar discovery filters preserve the independent checkbox selection. */
.act-session-calendar .runtime-calendar-scope{display:grid;gap:10px;margin:10px 0}
.act-session-calendar .runtime-calendar-scope label{display:grid;gap:5px;font-size:12px}
.act-session-calendar .runtime-calendar-scope select{width:100%;min-width:0;min-height:34px}
.act-session-calendar .runtime-calendar-scope p{font-size:11px;color:var(--act-muted);margin:0}
.act-session-calendar .runtime-calendar-session-count{font-size:11px;color:var(--act-muted);font-weight:normal}

@media(max-width:520px){#activities-app .act-planning-drawer>footer .act-drawer-footer-info{flex:1 0 100%}#activities-app .act-planning-drawer>footer button{flex:1 1 110px;min-width:0!important;white-space:normal}#activities-app .act-planning-drawer .act-team-needs input{min-width:60px;width:76px}}
/* Expanded navigation occupies its own column; never paints over the record menu. */
@media(min-width:801px){
html body #activities-app .act-nested-layout:has(>.act-parent-rail.is-expanded){grid-template-columns:244px minmax(0,1fr)}
}
html body #activities-app .act-parent-rail{box-sizing:border-box;isolation:isolate}
html body #activities-app .act-parent-rail.is-expanded{width:100%;box-shadow:none}
@layer sysimple-actions{
html body #activities-app .act-parent-rail{background:var(--adm-surface-2,var(--act-bg,#eef3f8))!important}
html body #activities-app .act-parent-rail>button{justify-content:flex-start!important;box-sizing:border-box}
html body #activities-app .act-parent-rail>button:is(:hover,:focus-visible){background:var(--adm-surface,var(--act-surface,#fff))!important;color:var(--act-text)!important}
html body #activities-app .act-parent-rail.is-expanded>button:is(:hover,:focus-visible){width:100%;min-width:0;box-shadow:none!important}
html body #activities-app .act-parent-rail>button[aria-current=page]{background:var(--act-accent)!important;color:var(--adm-primary-contrast,#fff)!important}
}

/* A failed move must be immediately distinguishable from ordinary calendar information. */
#activities-app .runtime-agenda-status.is-error,#activities-app .runtime-agenda-status.is-success{display:block;padding:14px 16px;margin:8px 12px;border:1px solid var(--act-line);border-left-width:5px;line-height:1.5;flex-shrink:0}
#activities-app .runtime-agenda-status.is-error{border-color:var(--adm-danger,#c0392b);background:color-mix(in srgb,var(--adm-danger,#c0392b) 14%,var(--act-surface));color:var(--act-text)}
#activities-app .runtime-agenda-status.is-success{border-color:var(--adm-success,#008a4b);background:color-mix(in srgb,var(--adm-success,#008a4b) 10%,var(--act-surface));color:var(--act-text)}
#activities-app .runtime-move-feedback-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin-bottom:5px}
#activities-app .runtime-agenda-status.is-error .runtime-move-feedback-title>i{color:var(--adm-danger,#c0392b)}
#activities-app .runtime-move-feedback-detail{display:block;font-size:13px;overflow-wrap:anywhere}

#activities-app .act-calendar-conflict-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(680px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;box-sizing:border-box;overflow:auto;background:var(--act-panel,var(--sysdash-surface,#fff));color:var(--act-text,inherit);border:1px solid var(--act-line,#ccd5df);padding:24px;}
.act-calendar-conflict-dialog::backdrop{background:#0007}.act-calendar-conflict-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.act-calendar-conflict-dialog article{padding:16px 0;border-top:1px solid var(--act-line,#ccd5df)}.act-calendar-conflict-dialog .act-panel{padding:16px;margin:16px 0}.runtime-agenda-status [data-move-conflicts]{display:block;margin-top:12px;font-weight:600}

/* Daily work: explicit, readable state headings in both themes. */
.act-work-page [data-work-banner="registrations"]{--work-state-color:#c47b12}
.act-work-page [data-work-banner="attendance"]{--work-state-color:#b75b39}
.act-work-page [data-work-banner="preparation"]{--work-state-color:#3c8dbc}
.act-work-page [data-work-banner][data-work-state="clear"]{--work-state-color:#26966b}
#activities-app .act-work-page .act-work-banner{background:color-mix(in srgb,var(--work-state-color) 19%,var(--act-surface));border-left:5px solid var(--work-state-color);border-bottom-color:color-mix(in srgb,var(--work-state-color) 45%,var(--act-line))}
#activities-app .act-work-page .act-work-banner h3{font-size:20px;font-weight:700;line-height:1.35;color:var(--act-text);margin:0}
#activities-app .act-work-page .act-work-banner h3 i{color:var(--work-state-color);margin-right:8px}
#activities-app .act-work-page .act-work-banner .act-badge{font-size:13px;font-weight:600;padding:5px 9px;color:var(--act-text);border-color:color-mix(in srgb,var(--work-state-color) 55%,var(--act-line));white-space:normal}
@media(max-width:600px){#activities-app .act-work-page .act-work-banner h3{font-size:18px}}

#activities-app .act-next-countdown[data-session-state]{--session-color:#3c8dbc;font-size:20px;font-weight:700;line-height:1.4;padding:14px 16px;color:var(--act-text);border-left:5px solid var(--session-color);background:color-mix(in srgb,var(--session-color) 19%,var(--act-surface))}
#activities-app .act-next-countdown[data-session-state="ongoing"]{--session-color:#26966b}
#activities-app .act-next-countdown[data-session-state="today"]{--session-color:#c47b12}
#activities-app .act-next-countdown[data-session-state="ended"]{--session-color:#7c8796}
#activities-app .act-next-countdown[data-session-state] i{color:var(--session-color);flex-shrink:0}
.act-upcoming-page .act-overview-session-link{font-size:17px;font-weight:700;white-space:normal;text-align:left}
.act-upcoming-page .act-overview-work-list>li{padding:18px 0}
@media(max-width:600px){#activities-app .act-next-countdown[data-session-state]{font-size:18px;padding:12px}.act-upcoming-page .act-overview-session-link{font-size:16px}}

/* Temporal status stays distinct from the group's identifying color. */
#activities-app .act-session-calendar .act-calendar-session-state{--state-color:#287dad;display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%;box-sizing:border-box;margin:5px 0;padding:4px 7px;border-left:4px solid var(--state-color);border-radius:3px;background:color-mix(in srgb,var(--state-color) 24%,var(--act-surface));color:var(--act-text);font-size:14px;font-weight:700;line-height:1.3;white-space:normal}
#activities-app .act-calendar-session-state[data-state="ongoing"]{--state-color:#26966b}
#activities-app .act-calendar-session-state[data-state="today"]{--state-color:#c47b12}
#activities-app .act-calendar-session-state[data-state="ended"]{--state-color:#7c8796}
#activities-app .act-calendar-session-state[data-state="cancelled"]{--state-color:#c44e4e}
#activities-app .act-calendar-session-state i{color:var(--state-color);font-size:14px;flex-shrink:0}

/* Two navigation levels: flyout labels must mask the record menu below them.
   Match within the content host to outrank the shared navigation adapters. */
@layer sysimple-actions {
html body #activities-app #act-content .act-parent-rail>button:is(:hover,:focus-visible) {
 background:var(--adm-surface,var(--act-surface,#fff))!important;
 color:var(--act-text)!important;
 opacity:1!important;
 transition:none!important;
}
html body #activities-app #act-content .act-parent-rail>button[aria-current=page]:is(:hover,:focus-visible) {
 background:var(--act-accent)!important;
 color:var(--adm-primary-contrast,#fff)!important;
}
}

/* Teal identifies the record submenu; module navigation keeps its blue identity. */
#activities-app .act-nested-layout .act-detail-navigation {
 --act-child-accent:#23766f;
 --act-child-surface:color-mix(in srgb,var(--act-child-accent) 12%,var(--act-surface));
}
#activities-app .act-nested-layout .act-detail-navigation .act-work-tabs {
 --sys-nav-accent:var(--act-child-accent);
 --sys-nav-fill:var(--act-child-accent);
 --sys-nav-on-fill:#fff;
 --sys-nav-soft:color-mix(in srgb,var(--act-child-accent) 22%,var(--act-surface));
 --sys-nav-text:var(--act-text);
}
@layer sysimple-actions {
html body #activities-app #act-content .act-nested-layout .act-detail-navigation,
html body #activities-app #act-content .act-nested-layout .act-detail-navigation .act-work-tabs {
 background:var(--act-child-surface)!important;
}
}

/* Team proposal: separate selection, scope and directory management. */
#activities-app .act-team-chooser{display:grid;gap:12px;padding:18px;margin-top:16px;border:1px solid var(--act-line);border-top:3px solid var(--act-accent);background:var(--act-surface)}
#activities-app .act-team-chooser>h3,#activities-app .act-team-chooser>p{margin:0}
#activities-app .act-team-chooser>label{display:grid;gap:6px;max-width:none;width:100%;font-weight:600}
#activities-app .act-team-chooser :is(input,select){width:100%;max-width:none;box-sizing:border-box;font-weight:400}
#activities-app .act-team-chooser select[data-team-candidate]{height:150px;padding:4px;white-space:normal}
#activities-app .act-team-chooser select[data-team-candidate] option{padding:9px 10px;min-height:34px}
#activities-app .act-team-chooser [data-team-assign]{justify-self:start;min-height:38px;margin-top:2px}
#activities-app .act-team-chooser [data-team-check]:not(:empty){padding:10px 12px;border-left:3px solid var(--act-accent);background:var(--act-secondary);line-height:1.5}
#activities-app .act-team-directory-link{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:14px;margin-top:4px;border-top:1px solid var(--act-line)}
#activities-app .act-team-directory-link>span{color:var(--act-muted);font-size:12px}
#activities-app .act-planning-drawer .act-team-assigned li{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
#activities-app .act-planning-drawer .act-team-assigned li>p{margin:0}
#activities-app .act-planning-drawer .act-team-assigned li>:is(.act-hint,.act-field-error,.act-actions){flex-basis:100%}
#activities-app .act-planning-drawer [data-team-copy-needs]{margin-top:12px;white-space:normal;text-align:left}
@media(max-width:520px){#activities-app .act-team-chooser{padding:12px}#activities-app .act-team-directory-link>button{width:100%;white-space:normal}#activities-app .act-team-chooser [data-team-assign]{width:100%}}

/* Planning controls: view selection, team management, then date filters. */
#activities-app .act-team-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:16px 0;padding-bottom:14px;border-bottom:1px solid var(--act-line)}
#activities-app .act-team-view-switch{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#activities-app .act-team-toolbar button{min-height:36px;margin:0;white-space:normal;text-align:left}
#activities-app .act-team-view-switch button[aria-pressed="true"]{border-color:var(--act-accent);box-shadow:inset 0 -3px var(--act-accent);font-weight:700}
#activities-app .act-planning-period{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:0 0 12px}
#activities-app .act-planning-period>label{display:grid;gap:6px;margin:0}
#activities-app .act-planning-period>button{min-height:36px;margin:0}
@media(max-width:600px){#activities-app .act-team-toolbar{align-items:stretch;flex-direction:column}#activities-app .act-team-toolbar>[data-team-manage]{align-self:flex-start}#activities-app .act-team-view-switch{align-items:stretch}#activities-app .act-team-view-switch>button{flex:1}}

/* Visible participant feedback beside the selection. */
#activities-app .act-person-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;margin:0 0 12px;border:1px solid var(--act-warning,#b76a00);border-left-width:5px;border-radius:4px;background:color-mix(in srgb,var(--act-warning,#b76a00) 15%,var(--act-surface,#fff));color:var(--act-text);scroll-margin-block:16px}
#activities-app .act-person-warning[hidden]{display:none!important}
#activities-app .act-person-warning>i{font-size:22px;color:var(--act-warning,#b76a00);margin-top:2px}
#activities-app .act-person-warning strong{display:block;font-size:15px;line-height:1.5}
#activities-app .act-person-warning p{margin:6px 0 0;color:inherit;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
#activities-app .act-person-warning:focus-visible{outline:2px solid var(--act-accent);outline-offset:3px}
#activities-app .act-person-warning.is-loading{border-color:var(--act-accent);background:var(--act-surface)}
/* Keep the global shell in the viewport; only the module's content may scroll. */
@media(min-width:801px){
html:has(#activities-app):not(.act-embedded-sessions){height:100%;overflow:clip}
html:not(.act-embedded-sessions) body:has(#activities-app){height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:clip}
html:not(.act-embedded-sessions) body:has(#activities-app)>header.sys-studio-header{flex:0 0 auto}
html:not(.act-embedded-sessions) body #activities-app{flex:1 1 0;height:auto;min-height:0!important}
}