@charset "UTF-8";
:root{--ink:#193b34;--muted:#64756e;--paper:#f5f5ed;--line:#d9ded3;--white:#fff;--green:#c8e3bb;--gold:#e9b36c;--mobile-content-gutter:8px;--mobile-chrome-gutter:12px;--mobile-content-top-gap:14px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,.button,input[type="button"],input[type="submit"],input[type="reset"]{touch-action:manipulation}:focus-visible{outline:3px solid #b97612;outline-offset:4px}.topbar{min-height:88px;padding:20px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:28px;font-weight:750}.brand-mark{display:inline-grid;place-items:center;background:var(--ink);color:#e6efb7;width:36px;height:36px;border-radius:12px 12px 12px 3px;font-size:28px}.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;line-height:1}.brand-word{font-size:1em;font-weight:750;letter-spacing:-1px;line-height:.95}.brand-tagline{margin-top:4px;color:var(--muted);font-size:9px;font-weight:650;letter-spacing:.7px;line-height:1;white-space:nowrap}.version{font-size:9px;letter-spacing:1px;font-weight:600;border:1px solid #c4ccba;padding:3px 6px;margin-left:5px;border-radius:4px}nav{display:flex;gap:18px;align-items:center}nav form{margin:0}.nav-link{text-decoration:none;font-size:14px}main{max-width:1160px;min-height:calc(100vh - 190px);padding:48px 24px 70px;margin:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,5vw,56px);line-height:1.12;letter-spacing:-2px;margin-bottom:18px;font-weight:650}h2{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin-bottom:12px}h3{font-size:18px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--muted);margin-bottom:15px}.lede{font-size:18px;max-width:650px;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:13px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;padding:45px 0}.hero h1{font-size:clamp(42px,6vw,72px);max-width:650px}.hero-art{padding:38px;background:#dce8d4;border-radius:100px 10px 100px 10px;transform:rotate(-3deg)}.hero-art .card{transform:rotate(3deg);box-shadow:0 15px 50px #173b3412}.hero-art .decor{font-size:60px;line-height:1;margin-bottom:20px;color:#63845b}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:28px}.back{display:inline-block;margin-bottom:25px;font-size:14px;text-decoration:none}.card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid>.card{margin:0}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.stat{background:#e8ede1;border-radius:12px;padding:17px 20px}.stat strong{font-size:28px;display:block}.stat span{font-size:12px;color:var(--muted)}.button,button{display:inline-flex;justify-content:center;align-items:center;gap:8px;font:inherit;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:9px;padding:10px 18px;cursor:pointer;text-decoration:none;line-height:1.5;font-size:14px;font-weight:600}.button:hover,button:hover{background:#2b554a}.quiet{background:transparent;color:var(--ink);border-color:var(--line)}.quiet:hover{background:#e8ede1}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.badge{font-size:11px;font-weight:650;padding:4px 9px;border-radius:6px;background:#edf0e8;display:inline-block;letter-spacing:.2px}.badge.shortlisted{background:#f8e6c7}.badge.booked{background:#cce7bd}.badge.rejected,.badge.expired{background:#eeece7;color:#6e7169}.event-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.date-box{font-size:13px;color:var(--muted)}.event-location{color:var(--muted);font-size:14px}.rating-list{list-style:none;padding:0;margin:18px 0;display:flex;gap:8px;flex-wrap:wrap}.rating-list li{font-size:12px;padding:5px 9px;border-radius:20px;background:var(--theme-surface-soft)}.rating-actions{display:flex;gap:7px;flex-wrap:wrap}.rating-actions button{background:var(--theme-surface);color:var(--ink);border-color:var(--line);padding:7px 12px;font-size:12px}.rating-actions button[aria-pressed="true"]{background:var(--green);border-color:#729267}.card-bottom{border-top:1px solid var(--theme-divider);padding-top:17px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-bottom a{font-size:13px}.filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;padding:20px;border:1px solid var(--line);border-radius:14px;margin-bottom:26px}.filters label{margin:0;font-size:12px}.filters>div{flex:1;min-width:130px}.filters button{margin-bottom:0}label{display:block;margin:16px 0 6px;font-size:14px;font-weight:600}input,select{width:100%;padding:11px 12px;border:1px solid var(--theme-control-border);border-radius:8px;background:var(--theme-surface);color:var(--ink);min-height:46px}form>.button,form>button{margin-top:22px}.topbar form>button,.filters button,.rating-actions button{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.error,.notice{padding:13px 18px;border-radius:10px;margin-bottom:22px}.error{background:#fae5df;color:#862e24}.notice{background:#dfedcf}.empty{padding:50px 25px;text-align:center;border:1px dashed #afc1aa;border-radius:18px}.empty p{max-width:430px;margin:12px auto 24px}.login-shell{max-width:480px;margin:25px auto}.login-shell h1{font-size:38px}.login-shell button{width:100%}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:26px}.timeline{padding-left:20px}.timeline li{padding-bottom:18px;font-size:14px}.timeline time{display:block;font-size:12px;color:var(--muted)}summary{cursor:pointer;font-weight:650}footer{max-width:1160px;padding:22px 24px;margin:auto;border-top:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:1px;display:flex;justify-content:space-between;gap:20px}footer span{letter-spacing:0;font-weight:400;color:var(--muted)}@media(max-width:700px){.topbar{padding:16px max(var(--mobile-chrome-gutter),env(safe-area-inset-right,0px)) 16px max(var(--mobile-chrome-gutter),env(safe-area-inset-left,0px));min-height:72px}.brand{font-size:24px}.brand-tagline{font-size:8px;margin-top:3px}.version{display:none}nav{gap:10px}.nav-link{font-size:12px}.topbar button{padding:7px 10px;font-size:12px}main{padding:18px max(var(--mobile-content-gutter),env(safe-area-inset-right,0px)) 50px max(var(--mobile-content-gutter),env(safe-area-inset-left,0px))}.hero,.split{grid-template-columns:1fr;gap:22px}.hero{padding:10px 0}.hero-art{margin:20px}.grid{grid-template-columns:1fr}.page-head{display:block}.page-head .button{margin-bottom:12px}h1{letter-spacing:-1px}.card{padding:21px}.stat{padding:13px}.stat strong{font-size:25px}.stat span{font-size:11px}.form-grid{grid-template-columns:1fr;gap:0}.filters{padding:14px}.filters>div{min-width:100%}.card-bottom{align-items:flex-start}.hero-art .decor{font-size:42px}footer{margin:0 max(var(--mobile-content-gutter),env(safe-area-inset-right,0px)) 0 max(var(--mobile-content-gutter),env(safe-area-inset-left,0px));padding:20px 0}}

textarea{font:inherit;width:100%;padding:11px 12px;border:1px solid var(--theme-control-border);border-radius:8px;background:var(--theme-surface);color:var(--ink);resize:vertical} .scout-reason{padding:14px;background:var(--theme-surface-soft);border-radius:10px}.scout-details{font-size:14px;overflow-wrap:anywhere}

.feedback-reasons{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:8px}.feedback-reasons legend{font-size:13px}.feedback-reasons label{margin:6px 0}.feedback-reasons input,.feedback-choice input{width:auto;min-height:0;margin-right:6px}

/* Compact discovery cards; native disclosures work with touch and keyboard. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 22px;font-size:14px}.scout-toolbar p{margin:0;color:var(--muted)}.scout-toolbar p span{margin:0 8px}.event-cards{align-items:start}.event-cards .event-card{padding:0;overflow:hidden}.event-cover{height:170px;position:relative;background:#234c43}.event-cover img{display:block;width:100%;height:100%;object-fit:cover}.event-cover .badge{position:absolute;top:16px;left:16px;background:#fffffff0;color:var(--ink)}.art-caption{position:absolute;bottom:10px;right:14px;font-size:10px;letter-spacing:.6px;color:white;background:#17382dcc;border-radius:4px;padding:2px 6px}.event-card-body{padding:23px 24px 0}.event-card h2{font-size:24px;line-height:1.25;margin-bottom:17px;overflow-wrap:anywhere}.event-facts{display:grid;gap:5px;font-size:14px}.event-facts p{display:flex;gap:10px;margin:0;align-items:flex-start}.event-facts p>span:first-child{width:20px;flex-shrink:0;color:#507465;font-size:20px;line-height:1.2}.event-teaser{font-size:14px;color:var(--muted);line-height:1.5;margin:15px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-chips{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0;font-size:12px}.event-chips>span{padding:4px 9px;background:#f0f3e9;border-radius:6px}.watch-caption{font-size:12px;color:var(--muted);margin:0 0 14px}.event-expand{border-top:1px solid var(--line)}.event-expand>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;min-height:56px;font-size:14px}.event-expand>summary::-webkit-details-marker{display:none}.event-expand>summary>span{font-size:22px;font-weight:400}.event-expand[open]>summary>span{transform:rotate(45deg)}.event-expanded{padding:5px 0 24px}.event-expanded section+section{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.event-expanded .rating-list{display:block}.event-expanded .rating-list li{margin-bottom:8px;border-radius:8px;padding:10px}.event-expanded input[type=checkbox]{width:auto;min-height:0;margin-right:6px}.event-expanded h3{margin-bottom:12px}.scout-settings{margin:22px 0;font-size:13px}.scout-settings summary{color:var(--muted)}
@media(max-width:700px){.event-cover{height:150px}.event-card-body{padding:20px 18px 0}.event-card h2{font-size:22px}.scout-toolbar{font-size:13px}.event-cards{gap:20px}}

.fact-icon,.ticket-icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.fact-icon{color:#507465;margin-top:1px}.ticket-icon{width:15px;height:15px;vertical-align:-3px;margin-right:3px}

.event-page-head h1{font-size:clamp(30px,4vw,40px);letter-spacing:-1px;margin-bottom:10px}.event-page-head .eyebrow{margin-bottom:8px}.event-page-head .lede{font-size:16px;margin-bottom:0}

.event-cover.has-event-image{height:auto;aspect-ratio:16/9;background:#111827}.event-cover.has-event-image img{object-fit:contain}.image-credit{font-size:11px;color:var(--muted);margin:-8px 0 13px}.image-credit a{color:inherit}

.event-primary-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.event-primary-actions .button{flex:1;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px}.ticket-link-pending{font-size:12px;color:var(--muted);align-self:center}@media(max-width:420px){.event-primary-actions .button{flex-basis:100%}}

.event-chips .scout-match{background:#e7f0eb;color:#183c34;font-weight:700}
.match-reason{font-size:12px;color:var(--muted);margin:8px 0}
.event-priority{background:#fff2d9;color:#714900;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600}

.event-prices{font-size:13px;margin:12px 0;color:var(--muted)}
.event-prices p{margin:4px 0}

.scout-profile-bar{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin:0 0 24px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--theme-surface)}.scout-profile-bar form{flex:1;min-width:220px}.scout-profile-bar label{margin-top:0}.scout-profile-bar select{margin-bottom:0}.scout-profile-bar .actions{display:flex;gap:10px;flex-wrap:wrap;margin:0}@media(max-width:600px){.scout-profile-bar{padding:16px;gap:12px}.scout-profile-bar form{min-width:0;width:100%;flex-basis:100%}.scout-profile-bar .actions{width:100%}.scout-profile-bar .button{flex:1;text-align:center}}


/* Reusable location links: native navigation app first, web map fallback. */
.map-link{font-weight:600;text-decoration-thickness:1px;text-decoration-color:#7a948a;overflow-wrap:anywhere}.map-link:hover{text-decoration-color:currentColor}.map-link span[aria-hidden="true"]{font-size:.85em;white-space:nowrap}


/* Compact Event Scout profile and filter controls */
.scout-profile-picker{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:10px;align-items:center}.scout-profile-edit{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--theme-control-border);border-radius:8px;background:var(--theme-surface);color:var(--ink);text-decoration:none}.scout-profile-edit:hover{background:#e8ede1}.scout-profile-edit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.scout-filters{margin:0 0 20px;border:1px solid var(--line);border-radius:14px;background:var(--theme-surface);overflow:hidden}.scout-filter-summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 16px;list-style:none}.scout-filter-summary::-webkit-details-marker{display:none}.scout-filter-label{display:flex;align-items:center;gap:9px}.scout-filter-label svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.filter-count{font-size:12px;font-weight:650;padding:3px 8px;border-radius:999px;background:#edf0e8;color:var(--muted)}.filter-chevron{margin-left:auto;font-size:20px;font-weight:400;line-height:1;transition:transform .15s ease}.scout-filters[open] .filter-chevron{transform:rotate(180deg)}.scout-filters .filters{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px}.scout-profile-bar{padding:16px;margin-bottom:20px}.scout-profile-bar label{margin-bottom:6px}
@media(max-width:600px){.scout-profile-bar{padding:14px}.scout-filter-summary{padding:12px 14px}.scout-filters .filters{padding:14px}}


/* Dense mobile Erlebnisse header: keep the first recommendation above the fold. */
.scout-toolbar-links{display:flex;align-items:center;gap:14px}.scout-tool-link{display:inline-flex;align-items:center;gap:6px}.scout-tool-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){
  main{padding-top:20px}
  .back{margin-bottom:10px;font-size:12px}
  .event-page-head{margin-bottom:12px}
  .event-page-head .eyebrow,.event-page-head .lede{display:none}
  .event-page-head h1{font-size:30px;line-height:1.06;letter-spacing:-1px;margin-bottom:0}
  .scout-profile-bar{padding:10px 12px;margin-bottom:10px;border-radius:14px}
  .scout-profile-bar label{font-size:11px;margin:0 0 4px}
  .scout-profile-picker{grid-template-columns:minmax(0,1fr) 42px;gap:8px}
  .scout-profile-picker select{min-height:42px;padding:8px 10px}
  .scout-profile-edit{width:42px;height:42px}
  .scout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;margin-bottom:10px;font-size:12px}
  .scout-toolbar p{white-space:nowrap;font-size:12px}
  .scout-toolbar p span{margin:0 4px}
  .scout-toolbar-links{gap:6px;flex-shrink:0}
  .scout-tool-link{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--theme-surface);text-decoration:none}
  .scout-tool-link span{display:none}
  .scout-tool-link svg{width:18px;height:18px}
  .scout-filters{margin-bottom:10px;border-radius:12px}
  .scout-filter-summary{min-height:44px;padding:8px 12px;font-size:13px}
  .scout-filter-label{gap:7px}
  .scout-filter-label svg{width:17px;height:17px}
  .filter-chevron{font-size:18px}
  .event-order-note{display:none}
  .event-cards{margin-top:0}
}


/* Shared app chrome: hide the top bar while reading, reveal it on upward scroll. */
.topbar{position:sticky;top:0;z-index:100;background:var(--paper);transition:transform .2s ease;will-change:transform}
.topbar.topbar-hidden{transform:translateY(calc(-100% - 1px))}
@media(prefers-reduced-motion:reduce){.topbar{transition:none}}

/* Erlebnisse controls: compact on phones, roomy on larger screens. */
.scout-control-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;align-items:center;margin:0 0 20px}
.scout-profile-control{grid-column:1/-1;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--theme-surface)}
.scout-profile-caption{display:block;margin:0 0 6px;font-size:14px;font-weight:600}
.scout-profile-menu{position:relative}
.scout-profile-menu>summary{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid var(--theme-control-border);border-radius:8px;background:var(--theme-surface);list-style:none}
.scout-profile-menu>summary::-webkit-details-marker{display:none}
.scout-profile-current{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scout-profile-chevron{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
.scout-profile-menu[open] .scout-profile-chevron{transform:rotate(180deg)}
.scout-profile-options{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface);box-shadow:0 12px 30px #173b341f}
.scout-profile-options a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;text-decoration:none}
.scout-profile-options a:hover,.scout-profile-options a:focus-visible{background:var(--theme-surface-soft)}
.scout-profile-options a[aria-current="page"]{background:#e8ede1;font-weight:700}
.scout-profile-manage{margin-top:5px;border-top:1px solid var(--line);border-radius:0!important}
.scout-profile-manage svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.scout-counts{grid-column:1;margin:0;color:var(--muted);font-size:14px;white-space:nowrap}
.scout-control-panel>.scout-toolbar-links{grid-column:2}
.scout-control-panel>.scout-filters{grid-column:1/-1;margin:0}
.scout-filter-text{display:inline}
.event-cover .badge.new{font-weight:750;border:1px solid #dbe2d7;box-shadow:0 2px 8px #00000014}

@media(max-width:600px){
  main{padding-top:var(--mobile-content-top-gap)}
  .event-desktop-back,.event-page-head{display:none}
  .scout-control-panel{grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;align-items:center;margin-bottom:10px}
  .scout-profile-control{grid-column:1;padding:0;min-width:0;border:0;border-radius:0;background:transparent}
  .scout-profile-caption{display:none}
  .scout-profile-menu>summary{min-height:40px;padding:7px 9px;border-radius:10px;font-size:13px}
  .scout-profile-chevron{width:16px;height:16px}
  .scout-profile-options{right:auto;min-width:min(280px,calc(100vw - 36px));font-size:13px}
  .scout-counts{grid-column:2;font-size:11px}
  .scout-count-secondary{display:none}

  .scout-control-panel>.scout-toolbar-links{grid-column:3;gap:4px}
  .scout-tool-link{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--theme-surface);text-decoration:none}
  .scout-tool-link span{display:none}
  .scout-tool-link svg{width:18px;height:18px}

  .scout-control-panel>.scout-filters{grid-column:4;margin:0;border:0;border-radius:0;background:transparent;overflow:visible}
  .scout-control-panel>.scout-filters>.scout-filter-summary{width:40px;height:40px;min-height:40px;justify-content:center;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--theme-surface);position:relative}
  .scout-control-panel>.scout-filters .scout-filter-label{gap:0}
  .scout-control-panel>.scout-filters .scout-filter-label svg{width:18px;height:18px}
  .scout-control-panel>.scout-filters .scout-filter-text,.scout-control-panel>.scout-filters .filter-chevron{display:none}
  .scout-control-panel>.scout-filters .filter-count{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;width:17px;height:17px;padding:0;border-radius:50%;font-size:9px;line-height:1;background:var(--ink);color:#fff}
  .scout-control-panel>.scout-filters .filter-count-word{display:none}

  /* Keep the filter trigger fixed in column 4 while its panel opens below.
     This prevents the neighbouring ticket action from moving under the thumb. */
  .scout-control-panel>.scout-filters[open]{grid-column:4;margin:0;border:0;border-radius:0;background:transparent;overflow:visible}
  .scout-control-panel>.scout-filters[open]>.scout-filter-summary{width:40px;height:40px;min-height:40px;justify-content:center;padding:0;border:1px solid var(--ink);border-radius:10px;background:var(--theme-surface-soft)}
  .scout-control-panel>.scout-filters[open] .scout-filter-label{gap:0}
  .scout-control-panel>.scout-filters[open] .scout-filter-text,.scout-control-panel>.scout-filters[open] .filter-chevron{display:none}
  .scout-control-panel>.scout-filters[open] .filter-count{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;width:17px;height:17px;padding:0;border-radius:50%;font-size:9px;line-height:1;background:var(--ink);color:#fff}
  .scout-control-panel>.scout-filters[open] .filter-count-word{display:none}
  .scout-control-panel>.scout-filters .filters{position:absolute;z-index:20;left:18px;right:18px;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface);box-shadow:0 12px 30px #173b341f}
  .event-order-note{display:none}
  .event-cards{margin-top:0}
  .event-cover .badge.new{top:12px;left:12px;font-size:12px;padding:5px 10px}
}


/* Nachrichten: universal inbox shell */
.messages-page{max-width:900px;margin:0 auto}.messages-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.messages-head h1{margin-bottom:0}.messages-head .eyebrow{margin-bottom:6px}.messages-head-actions{display:flex;gap:8px}.messages-icon-button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface);color:var(--ink);text-decoration:none}.messages-icon-button:hover{background:var(--theme-surface-soft)}.messages-icon-button:disabled{cursor:default;opacity:.55}.messages-icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.messages-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.messages-source-picker{min-height:42px;padding:8px 12px;background:var(--theme-surface);color:var(--ink);border-color:var(--line);font-weight:650}.messages-source-picker svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.messages-status-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;margin:0 0 14px;scrollbar-width:none}.messages-status-tabs::-webkit-scrollbar{display:none}.messages-status-tabs button{flex:0 0 auto;margin:0;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--theme-surface);color:var(--muted);font-size:12px}.messages-status-tabs button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.messages-status-tabs button:disabled{opacity:1;cursor:default}.messages-empty{padding:62px 28px;text-align:center;border:1px dashed #afc1aa;border-radius:18px;background:var(--theme-surface-translucent)}.messages-empty-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 18px;border-radius:18px;background:#e8ede1;color:var(--ink)}.messages-empty-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.messages-empty h2{max-width:540px;margin:0 auto 10px}.messages-empty p{max-width:590px;margin:0 auto 24px;color:var(--muted)}.messages-settings-page{max-width:760px}.messages-settings-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.messages-settings-heading .eyebrow{margin-bottom:6px}.messages-connection-row{display:flex;gap:14px;align-items:center;padding:14px 0 18px;margin:4px 0 4px;border-top:1px solid var(--theme-divider)}.messages-connection-row p{margin:2px 0 0;color:var(--muted);font-size:13px}.messages-provider-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e8ede1;font-weight:800}.messages-settings-page button:disabled{cursor:default;opacity:.55}

@media(max-width:600px){.messages-page{margin-top:0}.messages-head{align-items:center;margin-bottom:12px}.messages-head .eyebrow{display:none}.messages-head h1{font-size:30px;line-height:1.05}.messages-head-actions{gap:6px}.messages-icon-button{width:40px;height:40px;border-radius:10px}.messages-source-row{margin-bottom:8px}.messages-source-picker{min-height:40px;padding:7px 10px;font-size:13px}.messages-status-tabs{margin-bottom:8px}.messages-empty{padding:42px 18px}.messages-empty h2{font-size:21px}.messages-empty p{font-size:14px}.messages-settings-page .lede{font-size:15px}}


/* Nachrichten: identities, signatures and global context assignment */
.messages-identity-card{margin:16px 0;padding:16px;border:1px solid var(--theme-divider);border-radius:14px;background:var(--theme-surface-raised)}.messages-identity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.messages-identity-head strong{display:block}.messages-identity-head div>span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.messages-context-assignment{margin:12px 0 14px}.messages-context-assignment label{font-size:12px;margin:0 0 5px}.messages-context-assignment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.messages-context-assignment-row button{margin-top:0;min-height:46px}.messages-signature-list{display:grid;gap:9px;margin:14px 0}.messages-signature-list>div{padding:10px 12px;border-radius:10px;background:var(--theme-surface);border:1px solid var(--theme-divider)}.messages-signature-list p{margin:7px 0 0;white-space:pre-wrap;font-size:13px}.messages-settings-disclosure{margin-top:14px;border-top:1px solid var(--theme-divider);padding-top:12px}.messages-settings-disclosure>summary{font-size:13px;color:var(--ink)}.messages-settings-disclosure form{padding-top:8px}.messages-add-identity{margin-top:20px}.messages-check{display:flex;align-items:center;gap:8px;font-weight:500}.messages-check input{width:auto;min-height:0;margin:0}.messages-connection-row+.messages-connection-row{border-top:1px solid var(--theme-divider)}

/* Global profile contexts */
.profile-settings-page{max-width:760px;margin:0 auto}.profile-context-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding:12px 0;border-top:1px solid var(--theme-divider)}.profile-context-row>form:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:0}.profile-context-row>form:last-child{margin:0}.profile-context-main{min-width:0}.profile-context-main input{margin:0}.profile-context-main span{display:block;margin-top:4px}.profile-context-row button{margin-top:0;min-height:46px}.profile-context-delete{white-space:nowrap}.profile-context-add{margin-top:18px;padding-top:16px;border-top:1px solid var(--theme-divider)}.profile-context-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.profile-context-add-row button{margin-top:0}

@media(max-width:600px){.messages-identity-card{padding:13px;margin:12px 0}.messages-settings-disclosure .form-grid{gap:0}.messages-context-assignment-row{grid-template-columns:1fr}.messages-context-assignment-row button{width:100%}.profile-context-row{grid-template-columns:1fr}.profile-context-row>form:first-child{grid-template-columns:1fr}.profile-context-row>form button,.profile-context-row>form:last-child button{width:100%}.profile-context-add-row{grid-template-columns:1fr}.profile-context-add-row button{width:100%}}


/* Global context filters */
.messages-context-filter{margin:0;min-width:180px}.messages-context-filter select{min-height:42px;margin:0;padding:8px 32px 8px 10px;font-size:13px}.experience-context-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:0 0 20px}.experience-context-filter label{margin:0;font-size:12px}.experience-context-filter select{min-width:190px}.experience-context-filter .quiet{margin:0}
@media(max-width:600px){.messages-source-row{align-items:stretch}.messages-source-row>.messages-source-picker,.messages-context-filter{flex:1;min-width:0}.messages-context-filter select{min-height:40px;width:100%}.experience-context-filter{display:grid;grid-template-columns:1fr auto}.experience-context-filter>div{min-width:0}.experience-context-filter select{min-width:0}}


/* Required contexts and default-context controls */
.profile-context-row{display:block}.profile-context-content{display:grid;gap:8px}.profile-context-content>form{margin:0}.profile-context-content>form:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.profile-context-title-row{display:flex;align-items:center;gap:8px}.profile-context-title-row input{flex:1}.profile-context-title-row .badge{flex:0 0 auto}.profile-context-default-form button{margin-top:0}.profile-context-delete-form{padding-top:8px;border-top:1px solid var(--theme-divider)}.profile-context-delete-form label{font-size:12px;margin:0 0 5px}.profile-context-delete-form select{max-width:340px}.profile-context-delete-form button{margin-top:8px}
@media(max-width:600px){.profile-context-content>form:first-child{grid-template-columns:1fr}.profile-context-content>form:first-child button,.profile-context-default-form button,.profile-context-delete-form button{width:100%}.profile-context-title-row{align-items:flex-start}.profile-context-title-row .badge{margin-top:10px}.profile-context-delete-form select{max-width:none}}


/* Context settings: safe view mode, explicit edit disclosure */
.profile-context-list{border-top:1px solid var(--theme-divider)}.profile-context-item{border-bottom:1px solid var(--theme-divider)}.profile-context-item>summary{list-style:none}.profile-context-item>summary::-webkit-details-marker{display:none}.profile-context-view{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;padding:14px 0;cursor:pointer}.profile-context-view-main{min-width:0}.profile-context-view-title{display:flex;align-items:center;gap:8px;min-width:0}.profile-context-view-title strong{font-size:18px;overflow-wrap:anywhere}.profile-context-view-main>.small{display:block;margin-top:2px}.profile-context-edit-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--theme-surface);color:var(--ink)}.profile-context-edit-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-context-item[open] .profile-context-edit-icon{background:var(--theme-surface-soft);border-color:var(--theme-control-border)}.profile-context-editor{display:grid;gap:12px;padding:4px 0 18px}.profile-context-editor form{margin:0}.profile-context-rename-form label,.profile-context-delete-form label{margin:0 0 5px;font-size:12px}.profile-context-editor-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.profile-context-editor-row input{margin:0}.profile-context-editor-row button{margin:0;min-height:46px}.profile-context-default-form{padding-top:2px}.profile-context-default-form button{margin:0}.profile-context-delete-form{padding-top:12px;border-top:1px solid var(--theme-divider)}.profile-context-delete-form select{max-width:340px}.profile-context-delete-form button{margin-top:8px}.profile-context-add{margin-top:18px;padding-top:0;border-top:0}.profile-context-add>summary{list-style:none;padding:12px 0;font-weight:650}.profile-context-add>summary::-webkit-details-marker{display:none}.profile-context-add form{padding-top:4px}.profile-context-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.profile-context-add-row button{margin:0}

@media(max-width:600px){.profile-context-view{min-height:68px;padding:12px 0}.profile-context-view-title strong{font-size:17px}.profile-context-edit-icon{width:40px;height:40px;flex-basis:40px}.profile-context-editor-row{grid-template-columns:1fr}.profile-context-editor-row button,.profile-context-default-form button,.profile-context-delete-form button,.profile-context-add-row button{width:100%}.profile-context-delete-form select{max-width:none}.profile-context-add-row{grid-template-columns:1fr}}

.profile-handle{margin-top:24px;padding-top:22px;border-top:1px solid var(--theme-divider)}.profile-handle>.eyebrow{margin-bottom:8px}.profile-handle h3{margin-bottom:8px}.profile-handle-fixed{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.profile-handle-fixed strong{font-size:18px;overflow-wrap:anywhere}.profile-handle-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--theme-control-border);border-radius:8px;background:var(--theme-surface);overflow:hidden}.profile-handle-input:focus-within{outline:3px solid #b97612;outline-offset:4px}.profile-handle-input input{border:0;border-radius:0;outline:0;min-width:0}.profile-handle-input span{padding:0 12px;color:var(--muted);font-size:14px;white-space:nowrap}.profile-handle-confirm{display:flex;align-items:flex-start;gap:9px;margin-top:14px;font-weight:500}.profile-handle-confirm input{width:auto;min-height:0;margin:4px 0 0}.profile-handle-confirm span{font-size:13px;color:var(--muted)}
@media(max-width:520px){.profile-handle-input{grid-template-columns:1fr}.profile-handle-input span{padding:0 12px 11px}.profile-handle-fixed{align-items:flex-start}}


/* Nachrichten: provider-neutral connection registry */
.messages-account-filter{margin:0;min-width:180px}.messages-account-filter select{min-height:42px;margin:0;padding:8px 32px 8px 10px;font-size:13px;font-weight:650}.messages-connection-list{border-top:1px solid var(--theme-divider);margin-top:16px}.messages-connection-item{border-bottom:1px solid var(--theme-divider)}.messages-connection-item>summary{list-style:none}.messages-connection-item>summary::-webkit-details-marker{display:none}.messages-connection-view{display:grid;grid-template-columns:42px minmax(0,1fr) auto 42px;gap:10px;align-items:center;padding:14px 0;cursor:pointer}.messages-connection-main{min-width:0}.messages-connection-main strong{display:block;overflow-wrap:anywhere}.messages-connection-main>span{display:block;margin-top:2px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.messages-connection-edit-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--theme-surface);color:var(--ink)}.messages-connection-edit-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.messages-connection-item[open] .messages-connection-edit-icon{background:var(--theme-surface-soft);border-color:var(--theme-control-border)}.messages-connection-editor{display:grid;gap:12px;padding:2px 0 18px}.messages-connection-editor form{margin:0}.messages-connection-editor>button{margin:0}.messages-connection-technical{display:flex;gap:6px;flex-wrap:wrap}.messages-connection-technical span{padding:4px 8px;border-radius:999px;background:var(--theme-surface-soft);color:var(--muted);font-size:11px}.messages-connection-delete{padding-top:10px;border-top:1px solid var(--theme-divider)}.messages-connection-delete button{margin:0}.messages-add-connection{margin-top:18px}.messages-add-connection>summary{padding:4px 0}.messages-add-connection form{padding-top:8px}

@media(max-width:600px){.messages-source-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.messages-account-filter,.messages-context-filter{min-width:0}.messages-account-filter select,.messages-context-filter select{width:100%;min-height:40px}.messages-connection-view{grid-template-columns:40px minmax(0,1fr) auto 40px;gap:8px;padding:12px 0}.messages-provider-icon{width:40px;height:40px}.messages-connection-edit-icon{width:40px;height:40px}.messages-connection-view>.badge{font-size:10px;padding:3px 6px}.messages-connection-main>span{font-size:11px}.messages-connection-editor .form-grid{gap:0}.messages-connection-editor button,.messages-connection-delete button{width:100%}}


/* Nachrichten: safe view mode for senders and signatures */
.messages-identity-card{padding:0;overflow:hidden;background:var(--theme-surface-raised)}
.messages-identity-item>summary,.messages-signature-item>summary{list-style:none}
.messages-identity-item>summary::-webkit-details-marker,.messages-signature-item>summary::-webkit-details-marker{display:none}
.messages-identity-view{display:grid;grid-template-columns:minmax(0,1fr) auto 42px;gap:10px;align-items:center;padding:14px 16px;cursor:pointer}
.messages-identity-main{min-width:0}
.messages-identity-main strong{display:block;font-size:16px;overflow-wrap:anywhere}
.messages-identity-main>span{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.messages-identity-item[open] .messages-connection-edit-icon,.messages-signature-item[open] .messages-connection-edit-icon{background:var(--theme-surface-soft);border-color:var(--theme-control-border)}
.messages-identity-editor{padding:0 16px 16px;border-top:1px solid var(--theme-divider)}
.messages-identity-editor form{margin:0;padding-top:12px}
.messages-signature-section{padding:12px 16px 16px;border-top:1px solid var(--theme-divider)}
.messages-signature-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.messages-signature-list{display:grid;gap:8px;margin:0}
.messages-signature-item{border:1px solid var(--theme-divider);border-radius:11px;background:var(--theme-surface);overflow:hidden}
.messages-signature-view{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px;align-items:center;padding:10px 11px;cursor:pointer}
.messages-signature-copy{min-width:0}
.messages-signature-preview{display:block;margin-top:6px;color:var(--ink);font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messages-signature-editor{margin:0;padding:12px;border-top:1px solid var(--theme-divider)}
.messages-add-signature{margin-top:10px}
.messages-readonly-value{min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--theme-surface-raised)}
.messages-readonly-value strong{display:block}
.messages-readonly-value span{display:block;margin-top:2px;color:var(--muted);font-size:11px}

@media(max-width:600px){
.messages-identity-view{grid-template-columns:minmax(0,1fr) auto 40px;padding:12px 13px;gap:8px}
.messages-identity-editor{padding:0 13px 13px}
.messages-signature-section{padding:11px 13px 13px}
.messages-signature-view{grid-template-columns:minmax(0,1fr) 40px}
.messages-signature-editor .form-grid{gap:0}
}


/* Shared primary add action */
.app-add-action{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;margin:0;padding:0;list-style:none;border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:#fff;cursor:pointer;text-decoration:none}
.app-add-action::-webkit-details-marker{display:none}
.app-add-action:hover{background:#2b554a;color:#fff}
.app-add-action:focus-visible{outline:3px solid #b97612;outline-offset:3px}
.app-add-action svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
@media(max-width:700px){.app-add-action{width:44px;height:44px;flex-basis:44px}.app-add-action svg{width:22px;height:22px}}


/* Disclosure indicators are chevrons; the round plus is reserved for add actions. */
.event-expand>summary>.event-expand-chevron{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
.event-expand[open]>summary>.event-expand-chevron{transform:rotate(180deg)}

/* Environment marker: staging must be unmistakable from production. */
.staging-version{background:#e6efb7;color:#183c34;border-color:#9baa70}
@media(max-width:700px){.staging-version{display:inline-block;font-size:8px;padding:2px 5px;margin-left:2px}}


/* Installed PWA: internal navigation behaves like app chrome, not a browser link preview. */
html.is-pwa-standalone a[data-pwa-internal-link]{-webkit-touch-callout:none}

/* PWA push notification preferences */
.push-settings-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}
.push-settings-actions button{margin:0}
.push-settings-actions [data-push-status]{margin:0;flex:1;min-width:220px}
.push-settings-actions [data-push-status].error{color:#a32121}
@media(max-width:600px){.push-settings-actions{display:grid;grid-template-columns:1fr;gap:9px}.push-settings-actions button{width:100%}.push-settings-actions [data-push-status]{min-width:0}}
.push-test-form{margin:12px 0 0}.push-test-form button{margin:0}


/* External AI client connections */
.external-client-list{display:grid;gap:14px;margin-top:18px}.external-client-connection{border:1px solid var(--line);border-radius:14px;padding:16px}.external-client-heading>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.external-client-heading strong{font-size:17px}.external-client-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.external-client-meta div{min-width:0}.external-client-meta dt{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--muted)}.external-client-meta dd{margin:3px 0 0;font-size:13px}.external-client-permissions{padding-top:14px;border-top:1px solid var(--line)}.external-client-permissions>p{margin:0 0 8px}.external-client-permissions ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.external-client-permissions li{display:grid;gap:2px}.external-client-permissions li>strong{font-size:13px}.external-client-revoke{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line)}.external-client-revoke button{margin:0}
@media(max-width:600px){.external-client-meta{grid-template-columns:1fr}.external-client-revoke button{width:100%}}


/* PWA installation */
.pwa-install-trigger{white-space:nowrap}
.pwa-install-trigger[hidden]{display:none!important}
.pwa-install-dialog{width:min(92vw,440px);padding:0;border:0;border-radius:20px;background:transparent;color:var(--ink)}
.pwa-install-dialog::backdrop{background:#0d1714a8;backdrop-filter:blur(3px)}
.pwa-install-dialog-panel{position:relative;margin:0;padding:28px;background:var(--theme-surface,var(--white));border:1px solid var(--theme-control-border,var(--line));border-radius:20px;box-shadow:0 24px 70px #0d171438}
.pwa-install-dialog-panel h2{font-size:26px;margin-bottom:12px}
.pwa-install-dialog-panel p{color:var(--muted);line-height:1.55}
.pwa-install-dialog-panel ol{margin:18px 0 24px;padding-left:22px}
.pwa-install-dialog-panel li+li{margin-top:9px}
.pwa-install-dialog-panel>button[type=submit]:not(.pwa-install-dialog-close){width:100%;margin-top:0}
.pwa-install-dialog-close{position:absolute;top:12px;right:12px;width:38px;height:38px;min-height:0;margin:0!important;padding:0;border-radius:50%;background:transparent;color:var(--muted);border-color:transparent;font-size:25px;font-weight:400}
.pwa-install-dialog-close:hover{background:var(--theme-surface-soft,#e8ede1);color:var(--ink)}
.push-onboarding-status{min-height:18px;margin:12px 0 0!important}
.push-onboarding-actions{display:grid;gap:9px;margin-top:18px}
.push-onboarding-actions button{width:100%;margin:0}
.push-onboarding-actions .secondary{background:transparent;color:var(--ink);border:1px solid var(--theme-control-border,var(--line))}
@media(max-width:700px){.pwa-install-trigger{padding:7px 10px;font-size:12px}.pwa-install-dialog-panel{padding:24px 20px}.pwa-install-dialog-panel h2{font-size:23px;padding-right:32px}}


/* Nachrichten: Arbeitskontext */
.message-work-context{display:grid;gap:14px;padding:16px;border:1px solid var(--theme-divider);border-radius:13px;background:var(--theme-surface-raised)}
.message-work-context.is-empty{gap:9px;padding:13px 14px;background:var(--theme-surface-soft)}
.message-work-context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.message-work-context-head h2{margin:0;font-size:18px}
.message-work-context-head p{margin:3px 0 0;color:var(--muted);font-size:11px}
.message-work-context-empty{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.message-work-context-empty strong{font-size:13px}
.message-work-context-empty span{color:var(--muted);font-size:12px}
.message-work-summary{display:grid;gap:5px}
.message-work-summary h3,.message-work-context-label-row h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.045em;color:var(--muted)}
.message-work-summary p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:14px}
.message-work-next-action{display:grid;gap:3px;padding:10px 12px;border-left:3px solid var(--theme-selected-border);border-radius:0 9px 9px 0;background:var(--theme-surface-soft)}
.message-work-next-action span{color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.message-work-next-action strong{font-size:14px;overflow-wrap:anywhere}
.message-work-context-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.message-work-context-label-row>span{color:var(--muted);font-size:10px;white-space:nowrap}
.message-work-items ul{list-style:none;display:grid;gap:7px;margin:7px 0 0;padding:0}
.message-work-items li{padding:9px 10px;border:1px solid var(--theme-divider);border-radius:9px;background:var(--theme-surface)}
.message-work-items li.is-done{opacity:.68}
.message-work-items li.is-done strong{text-decoration:line-through}
.message-work-item-main{display:grid;gap:3px;min-width:0}
.message-work-item-main>strong{overflow-wrap:anywhere;font-size:13px}
.message-work-item-main>p{margin:0;color:var(--muted);font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
.message-work-item-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:10px}
.message-work-item-meta .badge{font-size:9px;padding:2px 6px}
.message-work-context-editor{padding-top:1px;border-top:1px solid var(--theme-divider)}
.message-work-context.is-empty .message-work-context-editor{border-top:0}
.message-work-context-editor>summary,.message-work-item-add>summary,.message-work-item-edit-list details>summary{padding:8px 0;font-size:12px;color:var(--muted)}
.message-work-context-editor>form,.message-work-item-add>form,.message-work-item-edit-list details>form{margin:0;padding:5px 0 12px}
.message-work-context-editor textarea{min-height:0}
.message-work-item-add{margin-top:3px;border-top:1px solid var(--theme-divider)}
.message-work-item-edit-list{display:grid;gap:0;border-top:1px solid var(--theme-divider)}
.message-work-item-edit-list>details{border-bottom:1px solid var(--theme-divider)}
.message-work-item-edit-list details>summary{overflow-wrap:anywhere}
.message-work-item-delete{padding:0 0 12px!important}
.message-work-item-delete button{margin:0;color:var(--theme-danger)}
.message-original{display:grid;gap:16px;padding-top:2px}
.message-original>h2{margin:0;font-size:18px}

@media(max-width:600px){
  .message-work-context{padding:13px;gap:12px}
  .message-work-context.is-empty{padding:11px 12px}
  .message-work-context-editor .form-grid{grid-template-columns:1fr}
}

/* Native message detail */
.message-detail-card{display:grid;gap:20px}
.message-thread-heading-meta{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.message-thread-meta{align-items:center}
.message-thread-work-context-note{margin:0;padding:8px 10px;border:1px solid var(--theme-divider);border-radius:9px;background:var(--theme-surface-soft);color:var(--muted);font-size:11px;line-height:1.45}
.message-thread{display:grid;gap:10px}
.message-thread-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px}
.message-thread-section-head h2{margin:0;font-size:18px}
.message-thread-section-head p{margin:3px 0 0;color:var(--muted);font-size:11px}
.message-thread-entry{margin:0;border:1px solid var(--theme-divider);border-radius:12px;background:var(--theme-surface);overflow:hidden}
.message-thread-entry.is-latest{border-color:var(--theme-selected-border);background:var(--theme-surface-raised)}
.message-thread-entry>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 13px;cursor:pointer;list-style:none}
.message-thread-entry>summary::-webkit-details-marker{display:none}
.message-thread-entry>summary::after{content:"▾";grid-column:2;grid-row:1;color:var(--muted);font-size:12px;transform:rotate(-90deg);transition:transform .12s ease}
.message-thread-entry[open]>summary::after{transform:rotate(0)}
.message-thread-entry>summary time{grid-column:2;grid-row:1;margin-right:18px;color:var(--muted);font-size:10px;white-space:nowrap}
.message-thread-entry-summary-main{display:grid;min-width:0;gap:2px}
.message-thread-entry-summary-main strong,.message-thread-entry-summary-main span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-thread-entry-summary-main strong{font-size:13px}
.message-thread-entry-summary-main span{color:var(--muted);font-size:11px}
.message-thread-entry-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--theme-divider)}
.message-thread-entry-header>div{display:grid;gap:2px;min-width:0}
.message-thread-entry-label{color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.message-thread-entry-header strong{font-size:14px}
.message-thread-entry-header>div>span:last-child{color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.message-thread-entry-header time{flex:0 0 auto;color:var(--muted);font-size:10px;white-space:nowrap}
.message-thread-entry-content{display:grid;gap:14px;padding:13px 14px}
.message-thread-entry.is-older .message-thread-entry-content{border-top:1px solid var(--theme-divider)}
.message-detail-meta{display:grid;gap:12px;margin:0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.message-detail-meta div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px}
.message-detail-meta dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.message-detail-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}
.message-body-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.message-attachments{padding-top:4px;border-top:1px solid var(--line)}
.message-attachments h2{font-size:17px;margin:16px 0 10px}
.message-attachments ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.message-attachments li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.message-attachments li span{font-size:12px;color:var(--muted);text-align:right}
@media(max-width:600px){
  .message-detail-meta div{grid-template-columns:1fr;gap:3px}
  .message-attachments li{display:grid;gap:4px}
  .message-attachments li span{text-align:left}
  .message-thread-heading-meta{font-size:11px}
  .message-thread-entry>summary{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 11px}
  .message-thread-entry>summary time{grid-column:1;grid-row:auto;margin:0;font-size:9px}
  .message-thread-entry>summary::after{position:absolute;right:12px}
  .message-thread-entry>summary{position:relative;padding-right:32px}
  .message-thread-entry-header{display:grid;gap:5px;padding:11px 12px}
  .message-thread-entry-header time{font-size:9px}
  .message-thread-entry-content{padding:12px}
  .message-reference-next-action strong{white-space:normal}
}


/* Native message attachment preview */
.attachment-preview-card{display:grid;gap:18px}
.attachment-preview-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.attachment-preview-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--theme-surface-soft)}
.attachment-text-preview{max-height:62vh;margin:0;padding:16px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface-soft);color:var(--ink);font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.attachment-media-preview{display:grid;place-items:center;min-height:220px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface-soft)}
.attachment-media-preview img{display:block;max-width:100%;max-height:68vh;object-fit:contain}
.attachment-pdf-preview{height:min(68vh,760px);overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface)}
.attachment-pdf-preview iframe{width:100%;height:100%;border:0}
.attachment-preview-unavailable{padding:22px;border:1px dashed var(--line);border-radius:12px;background:var(--theme-surface-soft)}
.attachment-preview-unavailable p{margin:6px 0 0;color:var(--muted)}
.attachment-preview-actions{display:grid;gap:10px}
.attachment-download-action{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 16px;border-radius:10px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700}
.attachment-download-action:hover{background:#2b554a;color:#fff}
.attachment-preview-actions p{margin:0;color:var(--muted);font-size:12px;text-align:center}.attachment-preview-actions p.error{color:#a32121}
@media(max-width:600px){.attachment-preview-page .messages-head h1{font-size:24px;overflow-wrap:anywhere}.attachment-preview-card{gap:14px}.attachment-text-preview{max-height:58vh;padding:13px}.attachment-pdf-preview{height:58vh}}


/* Family calendar: day-first view using shared theme tokens only. */
.family-calendar{max-width:820px;margin:0 auto}
.family-calendar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.family-calendar-head .eyebrow{margin-bottom:6px}
.family-calendar-head h1{font-size:clamp(32px,5vw,46px);margin-bottom:6px}
.family-calendar-head .lede{margin-bottom:0}
.family-calendar-prototype{font-size:11px;font-weight:700;padding:5px 9px;border-radius:999px;background:var(--theme-surface-soft);color:var(--muted);white-space:nowrap}
.family-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 12px}
.family-calendar-attention-toggle,.family-calendar-today-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface);color:var(--ink);text-decoration:none;font-size:13px;font-weight:750}
.family-calendar-attention-toggle.is-active{background:var(--theme-selected);color:var(--theme-selected-text);border-color:var(--theme-selected-border)}
.family-calendar-attention-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--theme-surface-soft);color:var(--ink);font-weight:850;line-height:1}
.family-calendar-attention-toggle.is-active .family-calendar-attention-icon{background:var(--theme-selected-text);color:var(--theme-selected)}
.family-calendar-attention-count{min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--theme-surface-soft);color:var(--muted);font-size:10px}
.family-calendar-day-nav{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;margin-bottom:10px}
.family-calendar-day-nav>a{width:44px;height:44px;display:grid;place-items:center;text-decoration:none;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface);color:var(--ink);font-size:24px;line-height:1}
.family-calendar-day-label{text-align:center;min-width:0}
.family-calendar-day-label strong{display:block;font-size:15px;text-transform:capitalize;line-height:1.25}
.family-calendar-day-label span{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.family-calendar-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-bottom:14px}
.family-calendar-week-day{position:relative;display:grid;place-items:center;gap:1px;min-width:0;min-height:52px;padding:6px 2px;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface);color:var(--muted);text-decoration:none}
.family-calendar-week-day span{font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.5px}
.family-calendar-week-day strong{font-size:16px;line-height:1}
.family-calendar-week-day.is-selected{background:var(--theme-selected);color:var(--theme-selected-text);border-color:var(--theme-selected-border)}
.family-calendar-week-day.is-today:not(.is-selected) strong{color:var(--theme-highlight)}
.family-calendar-week-day.is-today:not(.is-selected){border-color:var(--theme-highlight-border)}
.family-calendar-week-day.is-today.is-selected{background:var(--theme-highlight);color:var(--theme-highlight-text);border-color:var(--theme-highlight)}
.family-calendar-week-day.is-today.is-selected strong{color:inherit}
.family-calendar-week-dot{position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55}
.family-calendar-week-day.has-attention .family-calendar-week-dot{width:6px;height:6px;background:var(--theme-warning-text);opacity:1}
.family-calendar-events{display:grid;gap:10px}
.family-calendar-event{border:1px solid var(--line);border-radius:16px;background:var(--theme-surface);overflow:hidden}
.family-calendar-event-main{padding:14px 15px}
.family-calendar-event-top{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:start}
.family-calendar-time{font-weight:800;font-size:14px}
.family-calendar-event h2{font-size:17px;margin:0 0 4px;letter-spacing:-.2px}
.family-calendar-person{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.family-calendar-person-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--theme-person-neutral);border:1px solid var(--theme-surface)}
.family-calendar-person-dot.is-person-1{background:var(--theme-person-1)}
.family-calendar-person-dot.is-person-2{background:var(--theme-person-2)}
.family-calendar-person-dot.is-person-3{background:var(--theme-person-3)}
.family-calendar-person-dot.is-person-4{background:var(--theme-person-4)}
.family-calendar-person-dot.is-family{background:var(--theme-person-family)}
.family-calendar-badge{font-size:10px;font-weight:750;padding:4px 7px;border-radius:999px;background:var(--theme-surface-soft);color:var(--muted);white-space:nowrap}
.family-calendar-event.is-attention .family-calendar-badge{background:var(--theme-warning-surface);color:var(--theme-warning-text);border:1px solid var(--theme-warning-border)}
.family-calendar-event.is-conflict{border-color:var(--theme-conflict-border)}
.family-calendar-event.is-conflict .family-calendar-badge{background:var(--theme-conflict-surface);color:var(--theme-conflict-text);border:1px solid var(--theme-conflict-border)}
.family-calendar-event.is-changed .family-calendar-badge{background:var(--theme-change-surface);color:var(--theme-change-text);border:1px solid var(--theme-change-border)}
.family-calendar-details{display:grid;gap:6px;margin:10px 0 0 62px;font-size:12px}
.family-calendar-detail{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;align-items:start}
.family-calendar-detail strong{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.family-calendar-detail.is-open span{font-weight:750}
.family-calendar-empty{padding:24px 18px;border:1px dashed var(--line);border-radius:16px;background:var(--theme-surface);text-align:center;color:var(--muted)}
.family-calendar-empty strong{display:block;margin-bottom:4px;color:var(--ink)}
.family-calendar-empty a{display:inline-block;margin-top:8px;font-weight:700}
.family-calendar-note{margin-top:14px;padding:11px 13px;border-radius:12px;background:var(--theme-surface-soft);color:var(--muted);font-size:11px}
@media(max-width:600px){
  .family-calendar-head{align-items:center}
  .family-calendar-head .lede{font-size:14px}
  .family-calendar-prototype{display:none}
  .family-calendar-toolbar{margin-top:14px}
  .family-calendar-attention-toggle,.family-calendar-today-link{min-height:40px;padding:7px 10px;font-size:12px}
  .family-calendar-day-nav{grid-template-columns:40px minmax(0,1fr) 40px}
  .family-calendar-day-nav>a{width:40px;height:40px}
  .family-calendar-week-strip{gap:4px}
  .family-calendar-week-day{min-height:49px;border-radius:10px}
  .family-calendar-event-main{padding:12px}
  .family-calendar-event-top{grid-template-columns:46px minmax(0,1fr);gap:8px}
  .family-calendar-event-top .family-calendar-badge{grid-column:2;justify-self:start}
  .family-calendar-details{margin-left:54px}
  .family-calendar-detail{grid-template-columns:76px minmax(0,1fr)}
}


/* Family calendar mobile density refinement: avoid repeating day/date above events. */
.family-calendar-head{margin-bottom:8px}
.family-calendar-title-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.family-calendar-title-line h1{margin:0;font-size:clamp(28px,4vw,38px);line-height:1.05}
.family-calendar-current-date{color:var(--muted);font-size:14px;font-weight:650}
.family-calendar-title-line .family-calendar-today-link{min-height:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.family-calendar-title-line .family-calendar-today-link:hover{background:transparent;color:var(--ink)}
.family-calendar-day-nav{grid-template-columns:40px minmax(0,1fr) 40px;margin-bottom:8px}
.family-calendar-day-nav>a:first-child,.family-calendar-day-nav>a:last-child{width:40px;height:40px}
.family-calendar-day-nav .family-calendar-attention-toggle{width:auto;height:40px;justify-self:center;padding:6px 11px;border-radius:12px}
@media(max-width:600px){
  .family-calendar-head{margin-bottom:6px}
  .family-calendar-title-line{gap:7px}
  .family-calendar-title-line h1{font-size:30px}
  .family-calendar-current-date{font-size:12px}
  .family-calendar-day-nav{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px;margin-bottom:7px}
  .family-calendar-day-nav>a:first-child,.family-calendar-day-nav>a:last-child{width:38px;height:38px;border-radius:10px}
  .family-calendar-day-nav .family-calendar-attention-toggle{height:38px;min-height:38px;padding:5px 10px;font-size:12px}
  .family-calendar-attention-icon{width:18px;height:18px}
  .family-calendar-attention-count{height:18px;min-width:18px;padding:0 5px}
  .family-calendar-week-strip{margin-bottom:10px}
}


/* Mobile calendar navigation: day content swipes by day, week strip swipes by week. */
.family-calendar-attention-toggle-mobile{display:none}
@media(max-width:600px){
  .family-calendar-week-swipe-viewport,
  .family-calendar-day-swipe-viewport{
    position:relative;
    overflow:hidden;
    touch-action:pan-y pinch-zoom;
    overscroll-behavior-x:contain
  }
  .family-calendar-day-swipe-viewport{min-height:var(--calendar-day-swipe-height,0)}
  .family-calendar-day-content{min-height:var(--calendar-day-swipe-height,0)}
  .family-calendar-week-swipe-viewport{margin-bottom:10px}
  .family-calendar-week-swipe-viewport .family-calendar-week-strip{margin-bottom:0}
  .family-calendar-week-strip,
  .family-calendar-day-content{
    will-change:transform;
    backface-visibility:hidden
  }
  .family-calendar-week-strip.is-swipe-preview,
  .family-calendar-day-content.is-swipe-preview{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    margin:0;
    pointer-events:none;
    user-select:none;
    -webkit-user-select:none
  }
}

@media(max-width:600px){
  .family-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .family-calendar-title-line{min-width:0;flex:1}
  .family-calendar-attention-toggle-mobile{display:inline-flex;flex:0 0 auto;width:auto;min-width:38px;height:38px;min-height:38px;padding:5px 7px;border-radius:11px}
  .family-calendar-attention-toggle-mobile .family-calendar-attention-count{margin-left:-2px}
  .family-calendar-day-nav{display:none}
}


/* Calendar header controls: weekday stays left, attention + Today stay right. */
.family-calendar-head-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.family-calendar-today-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:6px 11px;border:1px solid var(--line);border-radius:11px;background:var(--theme-surface);color:var(--ink);text-decoration:none;font-size:12px;font-weight:750}
.family-calendar-today-button.is-active{background:var(--theme-selected);color:var(--theme-selected-text);border-color:var(--theme-selected-border)}
.family-calendar-today-button:hover{color:var(--ink)}
.family-calendar-today-button.is-active:hover{color:var(--theme-selected-text)}
@media(max-width:600px){
  .family-calendar-head{align-items:center}
  .family-calendar-title-line{gap:8px;flex-wrap:nowrap}
  .family-calendar-title-line h1{white-space:nowrap}
  .family-calendar-current-date{white-space:nowrap}
  .family-calendar-head-actions{gap:6px}
  .family-calendar-today-button{height:38px;min-height:38px;padding:5px 10px}
}


/* Compact mobile calendar head controls. */
.family-calendar-attention-number,
.family-calendar-calendar-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  min-width:38px;
  padding:0;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--theme-surface);
  color:var(--muted);
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  line-height:1;
}
.family-calendar-attention-number.has-attention{
  background:var(--theme-warning-surface);
  color:var(--theme-warning-text);
  border-color:var(--theme-warning-border);
}
.family-calendar-attention-number.is-active{
  box-shadow:0 0 0 2px var(--theme-focus-ring) inset;
}
.family-calendar-calendar-button svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.family-calendar-calendar-button svg circle{
  fill:currentColor;
  stroke:none;
}
.family-calendar-calendar-button.is-filtered{
  background:var(--theme-selected);
  color:var(--theme-selected-text);
  border-color:var(--theme-selected-border);
}
.family-calendar-attention-number:hover,
.family-calendar-calendar-button:hover{
  color:var(--ink);
}
.family-calendar-attention-number.has-attention:hover{
  color:var(--theme-warning-text);
}
.family-calendar-calendar-button.is-filtered:hover{
  color:var(--theme-selected-text);
}
@media(max-width:600px){
  .family-calendar-head-actions{gap:5px}
  .family-calendar-attention-toggle-mobile,
  .family-calendar-today-button{display:none}
  .family-calendar-attention-number,
  .family-calendar-calendar-button{
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:10px;
  }
}

/* Persistent family calendar: CRUD controls and event form. */
.family-calendar-add-action{width:38px;height:38px;min-width:38px;flex-basis:38px}
.family-calendar-add-action svg{width:19px;height:19px}
.family-calendar-event-link{display:block;color:inherit;text-decoration:none}
.family-calendar-event-link:hover{background:var(--theme-surface-soft);color:inherit}
.family-calendar-person-dots{display:inline-flex;align-items:center;min-width:9px}
.family-calendar-person-dots .family-calendar-person-dot+.family-calendar-person-dot{margin-left:-3px}
.family-calendar-form-page{max-width:720px}
.family-calendar-form-head h1{font-size:clamp(30px,5vw,42px);margin-bottom:16px}
.family-calendar-form{padding:22px}
.family-calendar-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.family-calendar-checkbox-field{display:flex;align-items:flex-end}
.family-calendar-checkbox-field label{display:flex;align-items:center;gap:9px;margin:16px 0 9px;font-weight:650}
.family-calendar-checkbox-field input[type=checkbox]{width:auto;min-height:0;margin:0;accent-color:var(--theme-accent)}
.family-calendar-attention-field{display:block;margin-top:8px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface-soft)}
.family-calendar-attention-field label{margin:0}
.family-calendar-attention-field p{margin:5px 0 0}
.family-calendar-delete-form{display:flex;justify-content:flex-end;margin-top:-6px}
.family-calendar-delete-form .family-calendar-delete-button{margin-top:0;color:var(--theme-danger)}
@media(max-width:600px){
  .family-calendar-add-action{width:36px;height:36px;min-width:36px;flex-basis:36px}
  .family-calendar-form{padding:16px}
  .family-calendar-form-grid{grid-template-columns:1fr;gap:0}
  .family-calendar-checkbox-field{align-items:flex-start}
  .family-calendar-event-link:hover{background:var(--theme-surface)}
}

/* Calendar date jump and month picker. */
.family-calendar-date-heading{margin:0;min-width:0}
.family-calendar-date-jump{
  display:inline-flex;align-items:baseline;gap:8px;max-width:100%;margin:0;padding:4px 0;
  border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-weight:inherit;line-height:inherit;text-align:left
}
@media(hover:hover) and (pointer:fine){
  .family-calendar-date-jump:hover{background:var(--theme-surface-soft);color:inherit}
}
.family-calendar-date-jump:focus-visible{background:var(--theme-surface-soft);color:inherit}
@media(hover:none),(pointer:coarse){
  .family-calendar-date-jump:hover,.family-calendar-date-jump:active{background:transparent;color:inherit}
}
.family-calendar-date-jump .family-calendar-weekday{font-size:inherit;line-height:inherit;white-space:nowrap}
.family-calendar-date-jump .family-calendar-current-date{font-size:14px;line-height:1.3;white-space:nowrap}
.family-calendar-date-jump svg{width:22px;height:22px;min-width:22px;min-height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;color:var(--ink);opacity:.78}
.family-calendar-date-dialog{
  width:min(430px,calc(100vw - 28px));max-width:430px;padding:0;border:1px solid var(--line);border-radius:22px;
  background:var(--theme-surface);color:var(--ink);box-shadow:0 24px 70px rgba(25,59,52,.25)
}
.family-calendar-date-dialog::backdrop{background:rgba(18,31,27,.42);backdrop-filter:blur(3px)}
.family-calendar-date-sheet{padding:20px}
.family-calendar-date-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.family-calendar-date-sheet-head .eyebrow{margin-bottom:3px}
.family-calendar-date-sheet-head h2{margin:0;font-size:25px}
.family-calendar-date-close{width:38px;height:38px;min-height:0;margin:0;padding:0;border-radius:50%;font-size:25px;line-height:1}
.family-calendar-month-toolbar{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:end;margin-bottom:14px}
.family-calendar-month-step{width:40px;height:42px;min-height:0;margin:0;padding:0;font-size:24px;line-height:1}
.family-calendar-month-selectors{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(88px,.8fr);gap:8px}
.family-calendar-month-selectors label{display:grid;gap:3px;margin:0}
.family-calendar-month-selectors label>span{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.family-calendar-month-selectors select,.family-calendar-month-selectors input{
  width:100%;min-width:0;min-height:42px;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--theme-surface);color:var(--ink);
  font-size:16px
}
.family-calendar-month-weekdays,.family-calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.family-calendar-month-weekdays{margin-bottom:5px}
.family-calendar-month-weekdays span{text-align:center;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase}
.family-calendar-month-spacer{aspect-ratio:1}
.family-calendar-month-day{
  position:relative;aspect-ratio:1;min-width:0;min-height:0;padding:0;border:1px solid var(--line);border-radius:11px;
  background:transparent;color:var(--ink);font-size:13px;font-weight:700
}
@media(hover:hover) and (pointer:fine){
  .family-calendar-month-day:hover{background:var(--theme-surface-soft);color:var(--ink)}
}
.family-calendar-month-day:focus-visible{background:var(--theme-surface-soft);color:var(--ink)}
.family-calendar-month-day.is-today{border-color:var(--theme-selected-border)}
.family-calendar-month-day.is-selected{background:var(--theme-selected);border-color:var(--theme-selected-border);color:var(--theme-selected-text)}
.family-calendar-month-day.is-selected:hover,.family-calendar-month-day.is-selected:focus-visible{background:var(--theme-selected);color:var(--theme-selected-text)}
.family-calendar-month-day-number{display:block;line-height:1}
.family-calendar-month-day-marker{
  position:absolute;left:50%;bottom:5px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--muted)
}
.family-calendar-month-day.has-attention .family-calendar-month-day-marker{width:6px;height:6px;margin-left:-3px;background:var(--theme-attention-text)}
.family-calendar-month-day.is-selected .family-calendar-month-day-marker{background:currentColor}
.family-calendar-date-status{min-height:20px;margin:9px 0 0;text-align:center}
.family-calendar-date-sheet-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.family-calendar-date-sheet-actions button{margin:0}
.family-calendar-date-fallback{
  position:fixed;z-index:1000;left:16px;right:16px;top:22vh;width:calc(100vw - 32px);max-width:420px;margin:auto;
  min-height:48px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--theme-surface);color:var(--ink)
}
html[data-theme="dark"] .family-calendar-date-dialog{box-shadow:0 28px 80px rgba(0,0,0,.5)}
html[data-theme="dark"] .family-calendar-date-jump,
html[data-theme="dark"] .family-calendar-date-jump:hover,
html[data-theme="dark"] .family-calendar-date-jump:active{background:transparent;color:var(--ink);border-color:transparent}
html[data-theme="dark"] .family-calendar-date-dialog .family-calendar-month-day{background:transparent;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .family-calendar-date-dialog .family-calendar-month-day.is-selected{background:var(--theme-selected);color:var(--theme-selected-text);border-color:var(--theme-selected-border)}
html[data-theme="dark"] .family-calendar-month-selectors select,
html[data-theme="dark"] .family-calendar-month-selectors input{color-scheme:dark}
@media(max-width:600px){
  .family-calendar-title-line{min-width:0;flex:1;overflow:hidden}
  .family-calendar-date-heading{width:100%;min-width:0}
  .family-calendar-date-jump{
    display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"weekday icon" "date icon";
    width:100%;min-width:0;max-width:100%;column-gap:5px;row-gap:1px;align-items:center;margin:0;padding:1px 0
  }
  .family-calendar-date-jump .family-calendar-weekday{
    grid-area:weekday;min-width:0;font-size:clamp(24px,7.6vw,30px);line-height:1.02;letter-spacing:-1px;white-space:nowrap
  }
  .family-calendar-date-jump .family-calendar-current-date{grid-area:date;font-size:12px;line-height:1.2}
  .family-calendar-date-jump svg{grid-area:icon;width:22px;height:22px;min-width:22px;min-height:22px;align-self:center}
  .family-calendar-date-dialog[open]{
    position:fixed;inset:auto max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));
    width:auto;max-width:none;margin:0;border-radius:22px
  }
  .family-calendar-date-sheet{padding:18px 14px 14px}
  .family-calendar-date-sheet-head{margin-bottom:13px}
  .family-calendar-month-selectors{grid-template-columns:minmax(0,1.4fr) minmax(82px,.8fr)}
  .family-calendar-month-grid{gap:3px}
  .family-calendar-month-day{border-radius:10px;font-size:13px}
  .family-calendar-date-sheet-actions{padding-bottom:max(0px,env(safe-area-inset-bottom,0px))}
}



/* Mobile app chrome: reclaim header space, keep a centered reveal handle, and leave desktop stable. */
.topbar-toggle{display:none}
@media(min-width:701px){
  .topbar.topbar-hidden{transform:none}
}
@media(max-width:700px){
  .topbar{
    height:72px;
    min-height:72px;
    overflow:visible;
    transition:transform .22s ease,height .22s ease,padding .22s ease,border-color .22s ease
  }
  .topbar.topbar-hidden{
    height:0;
    min-height:0;
    padding-top:0;
    padding-bottom:0;
    border-bottom-color:transparent;
    transform:translateY(-72px);
    overflow:hidden;
    pointer-events:none
  }
  .topbar-toggle{
    position:fixed;
    z-index:105;
    top:71px;
    left:50%;
    display:flex;
    width:40px;
    height:20px;
    min-height:20px;
    margin:0;
    padding:0;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-top:0;
    border-radius:0 0 11px 11px;
    background:var(--theme-surface,var(--paper));
    color:var(--muted);
    box-shadow:0 5px 14px rgba(25,59,52,.10);
    transform:translateX(-50%);
    transition:top .22s ease,background .15s ease,color .15s ease,box-shadow .15s ease;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px)
  }
  .topbar-toggle:hover,
  .topbar-toggle:active{
    background:var(--theme-surface-soft,#e8ede1);
    color:var(--ink)
  }
  .topbar-toggle svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .22s ease
  }
  body:not(.topbar-is-collapsed) .topbar-toggle svg{transform:rotate(180deg)}
  body.topbar-is-collapsed .topbar-toggle{top:0}
  body.topbar-is-collapsed .topbar-toggle svg{transform:none}
  .topbar-toggle[hidden]{display:none}
}
@media(prefers-reduced-motion:reduce){
  .topbar,
  .topbar-toggle,
  .topbar-toggle svg{transition:none}
}


/* Mobile header session overlay: once collapsed, keep chrome out of the document flow. */
@media(max-width:700px){
  body[data-authenticated-app]:not([data-topbar-pinned]) .topbar-toggle{
    position:fixed;
    z-index:106;
    top:58px;
    right:0;
    left:0;
    display:block;
    width:100%;
    height:14px;
    min-height:14px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:transparent;
    opacity:1;
    transform:none;
    transition:top .22s ease;
    touch-action:manipulation
  }

  body[data-authenticated-app]:not([data-topbar-pinned]) .topbar-toggle::before{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:7px;
    background:var(--theme-accent-hover,#387769)
  }

  body[data-authenticated-app]:not([data-topbar-pinned]) .topbar-toggle svg{
    display:none
  }

  html[data-topbar-session-collapsed="true"] body[data-authenticated-app]:not([data-topbar-pinned]) .topbar,
  body.topbar-is-detached:not([data-topbar-pinned]) .topbar,
  body.topbar-is-detached:not([data-topbar-pinned]) .topbar.topbar-hidden{
    position:fixed;
    z-index:104;
    top:0;
    right:0;
    left:0;
    width:100%;
    height:72px;
    min-height:72px;
    margin:0;
    padding:16px max(var(--mobile-chrome-gutter),env(safe-area-inset-right,0px)) 16px max(var(--mobile-chrome-gutter),env(safe-area-inset-left,0px));
    border-bottom:1px solid var(--line);
    background:var(--theme-surface,var(--paper));
    box-shadow:0 12px 30px rgba(25,59,52,.12);
    overflow:visible;
    transform:translateY(0);
    pointer-events:auto
  }

  html[data-topbar-session-collapsed="true"] body[data-authenticated-app]:not([data-topbar-pinned]) .topbar,
  body.topbar-is-detached.topbar-is-collapsed:not([data-topbar-pinned]) .topbar,
  body.topbar-is-detached.topbar-is-collapsed:not([data-topbar-pinned]) .topbar.topbar-hidden{
    transform:translateY(calc(-100% - 2px));
    pointer-events:none
  }

  body.topbar-is-collapsed:not(.topbar-is-detached):not([data-topbar-pinned]) .topbar-toggle{
    top:-7px
  }

  html[data-topbar-session-collapsed="true"] body[data-authenticated-app]:not([data-topbar-pinned]) .topbar-toggle,
  body.topbar-is-detached.topbar-is-collapsed:not([data-topbar-pinned]) .topbar-toggle{
    top:0
  }

  html[data-topbar-session-collapsed="true"] body[data-authenticated-app]:not([data-topbar-pinned]) .topbar-toggle::before,
  body.topbar-is-detached.topbar-is-collapsed:not([data-topbar-pinned]) .topbar-toggle::before{
    top:0;
    bottom:auto
  }

  body.topbar-is-detached:not(.topbar-is-collapsed):not([data-topbar-pinned]) .topbar-toggle{
    top:58px
  }

  .topbar-toggle[hidden]{
    display:none!important
  }
}


/* Mobile navigation shell: fixed bottom navigation plus transient/attention-only top overlay. */
.mobile-attention-link{display:none}
@media(max-width:700px){
  body[data-authenticated-app] .topbar{
    position:fixed;
    z-index:120;
    top:0;
    right:0;
    left:0;
    width:100%;
    height:72px;
    min-height:72px;
    margin:0;
    padding:16px max(var(--mobile-chrome-gutter),env(safe-area-inset-right,0px)) 16px max(var(--mobile-chrome-gutter),env(safe-area-inset-left,0px));
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border-bottom:1px solid var(--line);
    background:var(--theme-surface,var(--paper));
    box-shadow:0 10px 26px rgba(25,59,52,.12);
    transform:translateY(0);
    transition:transform .22s ease;
    will-change:transform
  }

  body[data-authenticated-app] .topbar.mobile-topbar-hidden,
  html[data-mobile-header-intro-seen="true"] body[data-authenticated-app]:not([data-topbar-pinned]) .topbar{
    transform:translateY(calc(-100% - 2px));
    pointer-events:none
  }

  html[data-mobile-header-intro-seen="true"] body[data-authenticated-app]:not([data-topbar-pinned]) .topbar{
    transition:none
  }

  body[data-authenticated-app][data-topbar-pinned] .topbar{
    position:sticky;
    justify-content:space-between;
    transform:translateY(0);
    pointer-events:auto
  }

  body[data-authenticated-app] .topbar-account-nav{
    display:none
  }

  body[data-authenticated-app] .topbar .brand{
    flex:0 0 auto
  }

  body[data-authenticated-app] .topbar-toggle{
    display:none!important
  }

  .mobile-attention-link{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    padding:8px 10px;
    border-radius:12px;
    color:var(--ink);
    text-decoration:none;
    font-size:12px;
    font-weight:750;
    line-height:1.2;
    background:var(--theme-surface-soft);
    border:1px solid var(--line)
  }

  .mobile-attention-link.is-active{
    background:var(--theme-selected);
    color:var(--theme-selected-text);
    border-color:var(--theme-selected-border)
  }

  .mobile-attention-link span{
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
  }

  .mobile-attention-icon{
    width:18px;
    height:18px;
    flex:0 0 auto;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
  }

  .mobile-attention-chevron{
    width:14px;
    height:14px;
    flex:0 0 auto;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
  }
}

.profile-home-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.profile-home-actions form{margin:0}
.profile-home-actions .button,
.profile-home-actions button{margin:0}
.profile-module-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px
}
.profile-module-tile{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--theme-surface);
  color:var(--ink);
  text-decoration:none
}
.profile-module-tile:hover,
.profile-module-tile:focus-visible{background:var(--theme-surface-soft)}
.profile-module-tile strong{font-size:14px;line-height:1.25}
.profile-module-tile span{font-size:11px;line-height:1.3;color:var(--muted)}
@media(max-width:420px){
  .profile-module-grid{grid-template-columns:1fr 1fr}
}

.profile-modules-card.is-hidden{display:none}


/* Profile settings overview disclosures */
.profile-settings-page{max-width:720px;margin:0 auto;overflow-x:clip}
.profile-settings-head{margin-bottom:18px}
.profile-settings-head h1{margin-bottom:6px}
.profile-settings-head .lede{margin:0}
.profile-settings-stack{display:grid;gap:10px}
.profile-settings-card{margin:0;padding:0;overflow:hidden;background:var(--theme-surface);border:1px solid var(--line);border-radius:16px}
.profile-settings-card>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:12px;min-height:68px;padding:14px 18px;list-style:none;cursor:pointer}
.profile-settings-card>summary::-webkit-details-marker{display:none}
@media (hover:hover) and (pointer:fine){.profile-settings-card>summary:hover{background:var(--theme-surface-soft)}}
.profile-settings-card>summary:focus-visible{outline:3px solid #b97612;outline-offset:-3px}
.profile-settings-card[open]>summary{background:var(--theme-surface-raised);border-bottom:1px solid var(--line)}
@media (hover:none), (pointer:coarse){.profile-settings-card:not([open])>summary:hover{background:transparent}}
.profile-settings-summary-copy{display:grid;gap:3px;min-width:0}
.profile-settings-summary-copy strong{font-size:17px;line-height:1.25}
.profile-settings-summary-copy small{color:var(--muted);font-size:12px;line-height:1.35}
.profile-settings-current{max-width:200px;overflow:hidden;color:var(--muted);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.profile-settings-chevron{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
.profile-settings-card[open] .profile-settings-chevron{transform:rotate(180deg)}
.profile-settings-body{padding:18px}
.profile-settings-body h2{margin:0 0 8px;font-size:20px}
.profile-settings-intro{margin:0 0 16px}
.profile-account-overview{display:grid;gap:2px;padding-bottom:18px}
.profile-account-overview strong{font-size:20px}
.profile-settings-body>.profile-handle{margin-top:0;padding-top:18px}
.profile-actions-card .profile-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.profile-actions-card .profile-home-actions>a,
.profile-actions-card .profile-home-actions>button,
.profile-actions-card .profile-home-actions>form,
.profile-actions-card .profile-home-actions>form>button{width:100%;margin:0}
.profile-actions-card .profile-home-actions>a,
.profile-actions-card .profile-home-actions>button,
.profile-actions-card .profile-home-actions>form>button{display:flex;align-items:center;justify-content:center;min-height:46px}
.profile-actions-card .profile-home-actions>form{display:block}
.profile-settings-card .external-client-list{margin-top:16px}

@media(max-width:700px){
  .profile-settings-page{max-width:none;margin-left:0;margin-right:0}
  .profile-settings-head{margin-bottom:14px}
  .profile-settings-stack{gap:9px}
  .profile-settings-card>summary{grid-template-columns:minmax(0,1fr) auto 20px;min-height:62px;padding:12px 14px;gap:9px}
  .profile-settings-current{max-width:112px}
  .profile-settings-body{padding:14px}
  .profile-actions-card .profile-home-actions{grid-template-columns:1fr}
}


/* Calendar multi-calendar selector */
.family-calendar-calendar-button{position:relative;cursor:pointer;font:inherit}
.family-calendar-calendar-button svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.family-calendar-calendar-button.is-filtered{
  background:var(--theme-selected);color:var(--theme-selected-text);border-color:var(--theme-selected-border)
}
.family-calendar-calendar-button.is-filtered:hover{color:var(--theme-selected-text)}

.family-calendar-filter-dialog{
  width:min(430px,calc(100vw - 28px));max-width:430px;padding:0;border:1px solid var(--line);border-radius:22px;
  background:var(--theme-surface);color:var(--ink);box-shadow:0 24px 70px rgba(25,59,52,.25)
}
.family-calendar-filter-dialog::backdrop{background:rgba(18,31,27,.42);backdrop-filter:blur(3px)}
.family-calendar-filter-sheet{padding:20px}
.family-calendar-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.family-calendar-filter-head .eyebrow{margin-bottom:3px}
.family-calendar-filter-head h2{margin:0;font-size:25px}
.family-calendar-filter-head p:last-child{margin:4px 0 0}
.family-calendar-filter-close{width:38px;height:38px;min-height:0;margin:0;padding:0;border-radius:50%;font-size:25px;line-height:1}
.family-calendar-filter-options{display:grid;gap:8px}
.family-calendar-filter-option{
  position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:center;
  margin:0;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:var(--theme-surface-soft);cursor:pointer
}
.family-calendar-filter-option:has(.family-calendar-filter-checkbox:checked){
  border-color:var(--theme-selected-border);background:var(--theme-selected)
}
.family-calendar-filter-option:has(.family-calendar-filter-checkbox:focus-visible){
  outline:2px solid var(--theme-focus-ring);outline-offset:2px
}
.family-calendar-filter-checkbox{
  position:absolute;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;
  opacity:0;pointer-events:none
}
.family-calendar-filter-control{
  display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1.5px solid var(--theme-control-border);
  border-radius:7px;background:var(--theme-surface);color:var(--theme-selected-text)
}
.family-calendar-filter-control svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0
}
.family-calendar-filter-checkbox:checked+.family-calendar-filter-control{
  background:var(--theme-accent);border-color:var(--theme-accent)
}
.family-calendar-filter-checkbox:checked+.family-calendar-filter-control svg{opacity:1}
.family-calendar-filter-name{min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.family-calendar-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}
.family-calendar-filter-actions a,.family-calendar-filter-actions button{margin:0}
.family-calendar-filter-actions a{white-space:nowrap}
.family-calendar-event-calendar{margin:2px 0 4px;font-size:.78rem}
.family-calendar-event-recurrence{margin:2px 0 0;font-size:11px;line-height:1.25}

.module-floating-action.module-floating-action,
.family-calendar-today-fab{
  position:fixed;z-index:109;right:24px;bottom:24px;display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--theme-surface-translucent);
  color:var(--ink);box-shadow:0 10px 28px rgba(25,59,52,.14);font-weight:800;text-decoration:none;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)
}
.module-floating-action.module-floating-action:hover,
.family-calendar-today-fab:hover{background:var(--theme-surface);color:var(--ink)}

.calendar-management-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.calendar-management-list{margin-top:16px}
.calendar-management-create{margin-top:16px}
.calendar-management-create form,.calendar-management-list form{display:grid;gap:10px}

html[data-theme="dark"] .family-calendar-filter-dialog{box-shadow:0 28px 80px rgba(0,0,0,.5)}

@media(max-width:700px){
  .module-floating-action.module-floating-action,
  .family-calendar-today-fab{
    right:max(16px,env(safe-area-inset-right,0px));
    bottom:var(--mobile-tabbar-float-bottom,calc(82px + env(safe-area-inset-bottom,0px)));
    transform:none!important;
    transition:none!important
  }
}
@media(max-width:600px){
  .family-calendar-filter-dialog[open]{
    position:fixed;inset:auto max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));
    width:auto;max-width:none;margin:0;border-radius:22px
  }
  .family-calendar-filter-sheet{padding:18px 14px 14px}
  .family-calendar-filter-actions{padding-bottom:max(0px,env(safe-area-inset-bottom,0px))}
}


/* Mehr: Profil und kompakte Modulauswahl */
.more-page{max-width:900px;margin:0 auto}
.more-page-head{margin-bottom:22px}
.more-page-head .eyebrow{margin-bottom:6px}
.more-page-head h1{margin-bottom:8px}
.more-page-head .lede{margin-bottom:0}
.more-profile-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--theme-divider,var(--line));border-radius:18px;background:var(--theme-surface-raised,var(--white));color:var(--ink);text-decoration:none;box-shadow:0 10px 28px rgba(25,59,52,.06);transition:transform .16s ease,background-color .16s ease,border-color .16s ease}
.more-profile-card:hover,.more-profile-card:focus-visible{background:var(--theme-surface-soft,#e8ede1);border-color:#b8c7b7}
.more-profile-card:active{transform:scale(.995)}
.more-profile-avatar{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:var(--theme-surface-soft,#e8ede1);color:var(--ink)}
.more-profile-avatar svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.more-profile-copy{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.more-profile-copy strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.more-profile-copy span{margin-top:4px;color:var(--muted);font-size:13px}
.more-profile-chevron,.module-launch-chevron{width:20px;height:20px;flex:0 0 auto;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}
.module-launch-section{margin-top:30px}
.module-launch-section h2{margin-bottom:14px}
.module-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.module-launch-card{min-height:116px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:16px;border:1px solid var(--theme-divider,var(--line));border-radius:18px;background:var(--theme-surface-raised,var(--white));color:var(--ink);text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}
.module-launch-card:hover,.module-launch-card:focus-visible{background:var(--theme-surface-soft,#e8ede1);border-color:#b8c7b7}
.module-launch-card:active{transform:scale(.99)}
.module-launch-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--theme-surface-soft,#e8ede1);color:var(--ink)}
.module-launch-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.module-launch-copy{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.module-launch-copy strong{font-size:15px;overflow-wrap:anywhere}
.module-launch-copy span{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.module-launch-chevron{width:17px;height:17px}

@media(max-width:700px){
  .more-page-head{margin-bottom:16px}
  .more-page-head h1{font-size:34px}
  .more-page-head .lede{font-size:15px}
  .more-profile-card{padding:14px;border-radius:16px}
  .module-launch-section{margin-top:24px}
  .module-launch-section h2{font-size:20px;margin-bottom:10px}
  .module-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .module-launch-card{min-height:108px;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto;padding:13px;gap:10px;border-radius:16px}
  .module-launch-icon{width:36px;height:36px;border-radius:11px}
  .module-launch-icon svg{width:21px;height:21px}
  .module-launch-copy strong{font-size:14px;line-height:1.15}
  .module-launch-copy span{font-size:11px;margin-top:4px}
  .module-launch-card .module-launch-chevron{display:none}
}

/* Mehr: persönliche Bottom-Navigation */
.mobile-nav-config{margin-top:34px;padding-top:28px;border-top:1px solid var(--theme-divider,var(--line))}
.mobile-nav-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.mobile-nav-config-head .eyebrow{margin-bottom:5px}
.mobile-nav-config-head h2{margin-bottom:5px}
.mobile-nav-config-head p:last-child{margin:0;max-width:620px;color:var(--muted);font-size:14px}
.mobile-nav-config form{margin:0}
.mobile-nav-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mobile-nav-slot{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;margin:0;padding:12px;border:1px solid var(--theme-divider,var(--line));border-radius:15px;background:var(--theme-surface-raised,var(--white))}
.mobile-nav-slot-number{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--theme-surface-soft,#e8ede1);font-weight:800}
.mobile-nav-slot-copy{min-width:0}
.mobile-nav-slot-copy>span{display:block;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}
.mobile-nav-slot select{min-height:40px;padding:7px 10px}
.mobile-nav-config form>button{margin-top:14px}

@media(max-width:700px){
  .mobile-nav-config{margin-top:28px;padding-top:22px}
  .mobile-nav-config-head{margin-bottom:10px}
  .mobile-nav-config-head h2{font-size:20px}
  .mobile-nav-config-head p:last-child{font-size:12px}
  .mobile-nav-slots{grid-template-columns:1fr;gap:8px}
  .mobile-nav-slot{grid-template-columns:32px minmax(0,1fr);padding:10px}
  .mobile-nav-slot-number{width:32px;height:32px;border-radius:10px}
  .mobile-nav-slot select{min-height:42px}
  .mobile-nav-config form>button{width:100%}
}

/* Nachrichten: workflow inbox */
.messages-filter-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:10px;align-items:start;margin-bottom:10px}
.messages-filter-row .messages-context-filter{min-width:0}
.messages-search{margin:0;min-width:0}
.messages-search-control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:4px 4px 4px 11px;border:1px solid var(--line);border-radius:10px;background:var(--theme-surface)}
.messages-search-control:focus-within{outline:3px solid #b97612;outline-offset:2px}
.messages-search-control>svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.messages-search-control input{min-height:32px;padding:4px 0;border:0;border-radius:0;background:transparent;outline:0}
.messages-search-control button{min-height:32px;margin:0;padding:5px 11px;font-size:12px}
.messages-search-reset{display:inline-block;margin-top:5px;font-size:12px;color:var(--muted)}
.messages-status-tabs a{flex:0 0 auto;display:inline-flex;align-items:center;margin:0;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--theme-surface);color:var(--muted);font-size:12px;font-weight:600;text-decoration:none}
.messages-status-tabs a:hover{background:var(--theme-surface-soft);color:var(--ink)}
.messages-status-tabs a.is-active,.messages-status-tabs a.is-active:hover,.messages-status-tabs a.is-active:focus-visible{background:var(--theme-selected);border-color:var(--theme-selected-border);color:var(--theme-selected-text)}
.messages-list{display:grid;gap:9px}
.message-reference-link{display:block;color:inherit;text-decoration:none}
.message-reference-card{margin:0;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:var(--theme-surface);transition:border-color .15s ease,background .15s ease}
.message-reference-link:hover .message-reference-card{background:var(--theme-surface-soft);border-color:var(--theme-control-border)}
.message-reference-topline{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:3px}
.message-reference-topline strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.message-reference-topline time{flex:0 0 auto;color:var(--muted);font-size:11px}
.message-reference-card h2{margin:0 0 3px;font-size:15px;line-height:1.3;letter-spacing:-.1px}
.message-reference-preview{margin:0;color:var(--muted);font-size:13px;line-height:1.4}
.message-reference-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;color:var(--muted);font-size:11px}
.message-workflow-badge{background:var(--theme-surface-soft);color:var(--ink)}
.message-reference-next-action{display:flex;align-items:baseline;gap:7px;min-width:0;margin:8px 0 0;padding:7px 9px;border-left:3px solid var(--theme-selected-border);border-radius:0 8px 8px 0;background:var(--theme-surface-soft);font-size:11px}
.message-reference-next-action span{flex:0 0 auto;color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.message-reference-next-action strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.message-thread-count{font-weight:700}
.message-workflow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.message-workflow>div:first-child span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.message-workflow>div:first-child strong{display:block;margin-top:2px}
.message-workflow-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.message-workflow-actions form{margin:0}
.message-workflow-actions button{min-height:34px;margin:0;padding:5px 10px;border-radius:999px;font-size:12px}
.message-workflow-actions button.is-active{background:var(--ink);border-color:var(--ink);color:#fff;opacity:1}

@media(max-width:600px){
  .messages-filter-row{grid-template-columns:1fr;gap:7px}
  .messages-search-control{min-height:40px}
  .messages-search-control button{padding-inline:10px}
  .message-reference-card{padding:13px 14px;border-radius:12px}
  .message-reference-topline strong{font-size:14px}
  .message-reference-card h2{font-size:14px}
  .message-reference-preview{font-size:12px}
  .message-workflow{grid-template-columns:1fr;gap:10px}
  .message-workflow-actions{justify-content:flex-start}
}