:root {
  color-scheme: light;
  --ink: #17283d;
  --muted: #637386;
  --line: #d8e2ed;
  --surface: #ffffff;
  --canvas: #f3f6fa;
  --brand: #2d6eac;
  --brand-dark: #143f78;
  --brand-light: #639bd3;
  --accent: #e9f2fb;
  --soft: #f7f9fc;
  --red: #c84545;
  --green-dark: #0f6842;
}

* { box-sizing: border-box; }
.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; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); background: var(--canvas); }
a { color: var(--brand); }
.topbar { min-height: 78px; padding: .45rem 5vw; display: flex; align-items: center; gap: 1.7rem; background: var(--brand-dark); color: white; }
.brand { display: inline-flex; flex: 0 0 auto; align-items: center; color: white; text-decoration: none; }
.brand-logo { display: block; width: 72px; height: auto; filter: drop-shadow(0 4px 10px rgba(5, 24, 49, .18)); }
.topbar nav { display: flex; flex: 1; gap: 1.2rem; flex-wrap: wrap; }
.topbar nav a, .topbar .link-button { color: #f0f6fc; text-decoration: none; }
.container.has-section-navigation { display: grid; grid-template-columns: minmax(190px, 235px) minmax(0, 1fr); align-items: start; gap: 1.2rem; }
.app-content-main { min-width: 0; }
.section-navigation { position: sticky; z-index: 20; top: 1rem; }
.section-navigation-desktop { display: grid; gap: .55rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(255, 255, 255, .97); box-shadow: 0 10px 28px rgba(20, 63, 120, .08); }
.section-navigation-desktop > strong { color: var(--brand-dark); font-size: 1.08rem; }
.section-navigation-desktop nav { display: grid; gap: .28rem; }
.section-navigation-desktop nav a { padding: .58rem .65rem; border-radius: 9px; color: var(--ink); text-decoration: none; font-size: .9rem; font-weight: 700; }
.section-navigation-desktop nav a:hover, .section-navigation-desktop nav a.is-active { background: var(--accent); color: var(--brand-dark); }
.section-navigation-desktop small { color: var(--muted); line-height: 1.35; }
.section-navigation-mobile { display: none; }
.admin-main-nav { align-items: center; gap: .35rem !important; }
.admin-main-nav > a, .admin-nav-menu > summary { border-radius: 8px; padding: .46rem .58rem; color: #f0f6fc; font-weight: 650; text-decoration: none; white-space: nowrap; }
.admin-main-nav > a:hover, .admin-main-nav > a.is-active, .admin-nav-menu > summary:hover, .admin-nav-menu[open] > summary { background: rgba(255, 255, 255, .13); color: white; }
.admin-nav-menu { position: relative; }
.admin-nav-menu > summary { cursor: pointer; list-style: none; }
.admin-nav-menu > summary::-webkit-details-marker { display: none; }
.admin-nav-menu > summary::after { content: " ⌄"; font-size: .85em; }
.admin-nav-dropdown { position: absolute; z-index: 50; top: calc(100% + .55rem); right: 0; display: grid; min-width: 220px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; box-shadow: 0 16px 38px rgba(7, 27, 20, .22); }
.admin-nav-dropdown a { padding: .72rem .85rem; border-bottom: 1px solid var(--line); color: var(--ink) !important; font-weight: 650; text-decoration: none; }
.admin-nav-dropdown a:last-child { border-bottom: 0; }
.admin-nav-dropdown a:hover { background: var(--accent); color: var(--brand-dark) !important; }
.employee-main-nav { align-items: center; gap: .3rem !important; }
.employee-main-nav > a, .employee-nav-more > summary { border-radius: 8px; padding: .46rem .58rem; color: #f0f6fc; font-weight: 650; text-decoration: none; white-space: nowrap; }
.employee-main-nav > a:hover, .employee-main-nav > a.is-active, .employee-nav-more > summary:hover, .employee-nav-more[open] > summary { background: rgba(255, 255, 255, .13); color: white; }
.employee-nav-more { position: relative; }
.employee-nav-more > summary { cursor: pointer; list-style: none; }
.employee-nav-more > summary::-webkit-details-marker { display: none; }
.employee-nav-more > summary::after { content: " ⌄"; font-size: .85em; }
.employee-nav-more-menu { position: absolute; z-index: 40; top: calc(100% + .55rem); right: 0; display: grid; min-width: 250px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; box-shadow: 0 16px 38px rgba(7, 27, 20, .22); }
.employee-nav-more-menu a { padding: .72rem .85rem; border-bottom: 1px solid var(--line); color: var(--ink) !important; font-weight: 650; text-decoration: none; }
.employee-nav-more-menu a:last-child { border-bottom: 0; }
.employee-nav-more-menu a:hover { background: var(--accent); color: var(--brand-dark) !important; }
.employee-mobile-nav, .admin-mobile-nav { display: none; }
.external-main-nav { align-items: center; gap: .35rem !important; }
.external-main-nav > a { border-radius: 8px; padding: .46rem .58rem; color: #f0f6fc; font-weight: 650; text-decoration: none; white-space: nowrap; }
.external-main-nav > a:hover, .external-main-nav > a.is-active { background: rgba(255, 255, 255, .13); color: white; }
.external-mobile-nav { display: none; }
.mobile-preview-intro { margin-bottom: 1.25rem; }
.mobile-preview-stage { display: grid; place-items: start center; overflow: auto; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg, #eaf1f8, #dce8f4); padding: 2rem 1rem; }
.mobile-preview-device { position: relative; width: min(390px, 100%); height: min(844px, calc(100vh - 8rem)); min-height: 620px; overflow: hidden; border: 12px solid #10231f; border-radius: 42px; background: #10231f; box-shadow: 0 24px 55px rgba(15, 35, 60, .24); }
.mobile-preview-speaker { position: absolute; z-index: 2; top: 9px; left: 50%; width: 110px; height: 6px; border-radius: 999px; background: #70807c; transform: translateX(-50%); }
.mobile-preview-frame { width: 100%; height: 100%; border: 0; border-radius: 28px; background: white; }
.employee-perspective-banner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #ddb658; background: #fff0c7; padding: .72rem 5vw; color: #624400; }
.employee-perspective-banner form { margin: 0; }
.receipt-preview-banner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #89add1; background: #eaf3fb; padding: .72rem 5vw; color: var(--brand-dark); }
.receipt-preview-banner div { display: grid; gap: .12rem; }
.receipt-preview-banner span { color: #4b6178; font-size: .86rem; }
.nav-notification-badge { display: inline-grid; min-width: 1.35rem; height: 1.35rem; margin-left: .28rem; place-items: center; border-radius: 999px; background: #d83d49; padding: 0 .34rem; color: white; font-size: .72rem; font-weight: 850; vertical-align: middle; }
.container { width: min(1180px, 92vw); margin: 2.5rem auto; }
.page-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; }
h1 { margin: .1rem 0; font-size: clamp(1.8rem, 3vw, 2.7rem); }
h2 { margin-top: 0; }
.eyebrow { margin: 0; color: var(--brand); font-weight: 800; text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; }
.card, .login-card { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 1.4rem; box-shadow: 0 12px 34px rgba(25, 50, 39, .06); margin-bottom: 1.4rem; }
.login-card { width: min(430px, 100%); margin: 9vh auto; padding: 2rem; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.4rem; }
.stat-card { display: flex; flex-direction: column; gap: .4rem; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 1.2rem; color: var(--muted); text-decoration: none; }
.stat-card span { color: var(--ink); font-size: 2.1rem; font-weight: 800; }
.stat-card small { color: var(--muted); font-size: .72rem; line-height: 1.35; }
.employee-task-grid { grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); }
.weekly-difference { color: inherit; font-style: normal; }
.traffic-green .weekly-difference { color: #168154; }
.traffic-red .weekly-difference { color: #b43636; }
.actions { display: flex; gap: .7rem; flex-wrap: wrap; }
button, .button { border: 0; border-radius: 10px; padding: .72rem 1rem; font: inherit; font-weight: 750; cursor: pointer; text-decoration: none; display: inline-block; }
button:disabled { cursor: not-allowed; opacity: .48; }
.primary { color: white; background: var(--brand); }
.primary:hover { background: var(--brand-dark); }
.secondary { color: var(--ink); background: var(--accent); }
.link-button { padding: 0; background: transparent; text-decoration: underline; font-weight: 600; }
.stacked-form { display: grid; gap: .7rem; }
.form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-grid p { margin: 0; }
.form-grid .full-width { grid-column: 1 / -1; }
label { display: block; font-weight: 700; margin-bottom: .35rem; }
input, select, textarea { width: 100%; border: 1px solid #b9c8d8; border-radius: 9px; background: white; padding: .7rem .75rem; font: inherit; }
input[type="checkbox"] { width: auto; }
input:focus, select:focus, textarea:focus { outline: 3px solid #c9def3; border-color: var(--brand); }
.errorlist, .error { color: #9c2d2d; }
.table-wrap { overflow-x: auto; padding: 0; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: .9rem 1rem; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-size: .8rem; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; }
tr:last-child td { border-bottom: 0; }
.row-actions { display: flex; gap: .7rem; align-items: center; white-space: nowrap; }
.message { border-radius: 10px; padding: .8rem 1rem; margin-bottom: 1rem; background: var(--accent); }
.muted-line { margin: .35rem 0 0; color: var(--muted); }
.muted, .folder-privacy-note { color: var(--muted); }
.folder-privacy-note { margin: .45rem 0 0; }
.employee-master-actions { display: grid; gap: .45rem; min-width: 150px; }
.employee-master-actions .button { text-align: center; }
.employee-document-upload { display: grid; grid-template-columns: minmax(240px, .75fr) minmax(420px, 1.25fr); gap: 1.5rem; }
.employee-document-upload h2, .employee-document-section h2 { margin-bottom: .35rem; }
.employee-document-list { display: grid; gap: .75rem; margin-top: 1rem; }
.employee-document-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem; border: 1px solid var(--line); border-radius: 13px; background: var(--soft); padding: .9rem 1rem; }
.employee-document-item.is-unread { border-color: #e6a817; background: #fff9e9; box-shadow: inset 5px 0 #e6a817; }
.employee-document-date { display: grid; gap: .18rem; }
.employee-document-date span, .employee-document-details p, .employee-document-details small { color: var(--muted); }
.employee-document-details h3, .employee-document-details p { margin: 0; }
.employee-document-details p { margin-top: .22rem; }
.employee-document-details .employee-document-note { margin-top: .5rem; color: var(--ink); }
.employee-document-details small { display: block; margin-top: .55rem; }
.employee-document-actions { display: flex; align-items: center; justify-content: flex-end; gap: .45rem; flex-wrap: wrap; }
.employee-document-actions form { margin: 0; }
.employee-folder-breadcrumbs { display: flex; align-items: center; gap: .55rem; margin-bottom: 1rem; padding: .8rem 1rem; }
.employee-folder-breadcrumbs a { font-weight: 750; }
.employee-folder-breadcrumbs span { color: var(--muted); }
.employee-folder-create { display: grid; grid-template-columns: minmax(240px, .75fr) minmax(420px, 1.25fr); align-items: end; gap: 1.5rem; margin-bottom: 1rem; }
.employee-folder-create h2 { margin: .15rem 0 .35rem; }
.employee-folder-create-form { display: grid; grid-template-columns: minmax(180px, 1fr) auto; align-items: end; gap: .55rem; }
.employee-folder-create-form label { grid-column: 1 / -1; }
.employee-folder-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: .7rem; margin-top: 1rem; }
.employee-folder-card { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .2rem .65rem; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); padding: .85rem 1rem; color: var(--ink); text-decoration: none; }
.employee-folder-card:hover { border-color: var(--brand); background: var(--accent); }
.employee-folder-card strong { align-self: end; }
.employee-folder-card small { grid-column: 2; color: var(--muted); }
.employee-folder-icon { grid-row: 1 / span 2; font-size: 1.55rem; }
.employee-document-move-form { display: flex; align-items: center; gap: .4rem; }
.employee-document-move-form select { min-width: 150px; max-width: 230px; }
.case-document-upload-card { display: grid; grid-template-columns: minmax(250px, .75fr) minmax(440px, 1.25fr); gap: 1.5rem; }
.case-document-upload-card h2, .case-document-library h2 { margin-bottom: .35rem; }
.case-document-example { margin-top: 1rem; border-radius: 9px; background: var(--accent); padding: .7rem .8rem; color: var(--brand-dark); }
.case-document-filter { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(170px, .8fr) minmax(170px, .8fr) auto; align-items: end; gap: .75rem; margin: 1rem 0 1.2rem; border-block: 1px solid var(--line); padding: 1rem 0; }
.case-document-filter .actions { flex-wrap: nowrap; }
.case-document-list { display: grid; gap: .8rem; }
.case-document-item { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: 1rem; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); padding: .85rem 1rem; }
.case-document-item.is-unread { border-color: #e6a817; background: #fff9e9; box-shadow: inset 5px 0 #e6a817; }
.case-document-thumbnail, .case-document-filemark { display: grid; width: 96px; height: 76px; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: white; color: var(--brand-dark); font-size: .76rem; font-weight: 850; text-decoration: none; }
.case-document-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.case-document-details h3, .case-document-details p { margin: 0; }
.case-document-details p { margin-top: .42rem; color: var(--muted); }
.case-document-details small { display: block; margin-top: .5rem; color: var(--muted); }
.case-document-actions { display: flex; max-width: 290px; justify-content: flex-end; gap: .42rem; flex-wrap: wrap; }
.case-document-actions form { margin: 0; }
.case-new-document-badge, .case-new-document-note { display: inline-flex; width: max-content; align-items: center; border-radius: 999px; background: #fff0c7; padding: .2rem .48rem; color: #7a5505 !important; font-size: .68rem; font-weight: 850; vertical-align: middle; }
.case-new-document-note { margin-top: .35rem; }
.case-heading { align-items: center; }
.case-status-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.4rem; }
.status-panel { display: flex; gap: .75rem; align-items: center; border: 1px solid var(--line); border-radius: 14px; background: white; padding: 1rem 1.1rem; }
.status-panel div { display: grid; gap: .2rem; }
.status-panel span { color: var(--muted); font-size: .9rem; }
.status-panel-link { color: var(--ink); text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease; }
.status-panel-link:hover { border-color: var(--brand); box-shadow: 0 5px 18px rgba(45, 110, 172, .12); }
.traffic-dot { width: 13px; height: 13px; border-radius: 50%; flex: 0 0 auto; background: #94a3b8; }
.traffic-green .traffic-dot, .traffic-bg-green { background: #1c9b62; }
.traffic-yellow .traffic-dot, .traffic-bg-yellow { background: #e6a817; }
.traffic-red .traffic-dot, .traffic-bg-red { background: #c84545; }

/* Sichere Poststelle */
.secure-post-heading { align-items: center; }
.secure-post-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.secure-post-stats .stat-card { border-top: 4px solid var(--brand-light); }
.secure-post-filters { display: flex; gap: .4rem; flex-wrap: wrap; }
.secure-post-list { display: grid; gap: .75rem; margin-top: 1.1rem; }
.secure-post-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem; border: 1px solid var(--line); border-left: 5px solid var(--brand-light); border-radius: 13px; background: var(--soft); padding: .95rem 1rem; }
.secure-post-row.is-new { border-left-color: #d83d49; background: #fffafa; }
.secure-post-row-main { min-width: 0; }
.secure-post-row-main h3, .secure-post-row-main p { margin: .35rem 0 0; }
.secure-post-row-main h3 a { color: var(--ink); text-decoration: none; }
.secure-post-row-main h3 a:hover { color: var(--brand); text-decoration: underline; }
.secure-post-row-main small, .secure-post-row-status time { color: var(--muted); }
.secure-post-row-status { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.status-badge { display: inline-flex; width: max-content; border-radius: 999px; padding: .28rem .58rem; font-size: .72rem; font-weight: 850; }
.secure-post-status-new { background: #fde7e7; color: #962f2f; }
.secure-post-status-assigned { background: #e2f5ea; color: #176541; }
.secure-post-status-archived { background: #e9edf2; color: #536171; }
.secure-post-detail-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr); align-items: start; gap: 1.2rem; }
.secure-post-detail-grid > aside { position: sticky; top: 1rem; }
.secure-post-facts { display: grid; gap: .7rem; margin: 1rem 0; }
.secure-post-facts > div { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: .8rem; border-bottom: 1px solid var(--line); padding-bottom: .65rem; }
.secure-post-facts dt { color: var(--muted); font-size: .78rem; font-weight: 800; }
.secure-post-facts dd { margin: 0; }
.secure-post-document-list { display: grid; gap: .65rem; margin-top: 1rem; }
.secure-post-document-list > article { display: flex; align-items: center; justify-content: space-between; gap: .8rem; border: 1px solid var(--line); border-radius: 11px; background: var(--soft); padding: .75rem; }
.secure-post-document-list strong, .secure-post-document-list small { display: block; overflow-wrap: anywhere; }
.secure-post-document-list small { margin-top: .2rem; color: var(--muted); }
.secure-post-client-results { display: grid; max-height: 310px; overflow-y: auto; gap: .4rem; border-radius: 10px; }
.secure-post-client-option { display: grid; gap: .15rem; border: 1px solid var(--line); background: var(--soft); padding: .68rem .75rem; color: var(--ink); text-align: left; }
.secure-post-client-option:hover, .secure-post-client-option.is-selected { border-color: var(--brand); background: var(--accent); }
.secure-post-client-option small { color: var(--muted); font-weight: 500; }
.secure-post-selected-client { border: 1px solid #a9c4e0; border-radius: 9px; background: var(--accent); padding: .7rem .75rem; }
.secure-post-audit-list { display: grid; gap: .55rem; }
.secure-post-audit-list > div { display: grid; grid-template-columns: 125px minmax(0, 1fr) auto; gap: .6rem; border-bottom: 1px solid var(--line); padding: .55rem 0; font-size: .8rem; }
.secure-post-audit-list time, .secure-post-audit-list small { color: var(--muted); }
.secure-post-security-note { border: 1px solid #a9c4e0; border-radius: 10px; background: var(--accent); padding: .8rem 1rem; }
.secure-post-upload-form { width: min(780px, 100%); }
.external-main-nav { max-width: 620px; }
[hidden] { display: none !important; }

/* Gemeinsame Aktionen */
.activity-page-heading, .activity-detail-heading { align-items: center; }
.activity-board { display: grid; gap: 1rem; }
.activity-list-card { margin: 0; border-left: 5px solid var(--line); }
.activity-list-card.is-unread { border-left-color: var(--brand); box-shadow: 0 14px 36px rgba(45, 110, 172, .14); }
.activity-card-topline, .section-heading-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.activity-card-topline h2 { margin: .55rem 0 .15rem; }
.activity-card-topline h2 a { color: var(--ink); text-decoration: none; }
.activity-deadline { display: grid; flex: 0 0 auto; gap: .2rem; border-radius: 12px; background: var(--soft); padding: .75rem 1rem; text-align: right; }
.activity-deadline small { color: var(--muted); }
.activity-card-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin: 1rem 0; }
.activity-card-facts > div { display: grid; gap: .2rem; border-top: 1px solid var(--line); padding-top: .7rem; }
.activity-card-facts small { color: var(--muted); }
.activity-status, .activity-new-label { display: inline-flex; width: max-content; border-radius: 999px; background: var(--accent); padding: .32rem .6rem; color: var(--brand-dark); font-size: .75rem; font-weight: 850; }
.activity-status.status-confirmed { background: #dff4e8; color: #11623f; }
.activity-status.status-cancelled, .activity-status.status-closed { background: #f2e7e7; color: #8f2929; }
.activity-new-label { background: #d83d49; color: white; }
.activity-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin-bottom: 1.4rem; }
.activity-summary-grid .stat-card { margin: 0; }
.activity-summary-grid .stat-card span { font-size: 1.28rem; }
.final-roster { border-top: 6px solid #d6a019; }
.final-roster.is-confirmed { border-top-color: #1c9b62; }
.roster-number { display: grid; min-width: 95px; border-radius: 14px; background: var(--accent); padding: .65rem 1rem; text-align: center; }
.roster-number strong { font-size: 1.75rem; }
.roster-number span { color: var(--muted); font-size: .76rem; }
.roster-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.3rem; margin-top: 1rem; }
.roster-list { display: grid; gap: .55rem; }
.roster-list article { display: flex; align-items: center; justify-content: space-between; gap: .7rem; border: 1px solid var(--line); border-radius: 11px; padding: .68rem .75rem; }
.roster-list article > div { display: grid; gap: .12rem; }
.roster-list small, .roster-list article > span, .roster-age-summary { color: var(--muted); font-size: .78rem; }
.checkbox-card-list ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin: .25rem 0 0; padding: 0; list-style: none; }
.checkbox-card-list li label { display: flex; align-items: center; gap: .5rem; margin: 0; border: 1px solid var(--line); border-radius: 9px; padding: .62rem; }
.personal-client-grid, .employee-presence-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.personal-client-card, .employee-presence-grid article { border: 1px solid var(--line); border-radius: 12px; background: white; padding: .75rem; }
.personal-client-card.is-participating { border-color: #1c9b62; box-shadow: inset 0 3px 0 #1c9b62; }
.personal-client-card header { display: flex; justify-content: space-between; gap: .6rem; }
.personal-client-card header span { color: var(--muted); font-size: .76rem; }
.availability-entry { display: flex; align-items: center; justify-content: space-between; gap: .4rem; margin-top: .45rem; border-radius: 7px; background: #e3f5eb; padding: .42rem .5rem; font-size: .73rem; }
.availability-entry.status-unavailable { background: #fdeaea; }
.availability-entry.is-global { border-left: 4px solid var(--danger); }
.availability-entry form { margin: 0; }
.availability-entry .link-button { color: inherit; font-size: .7rem; }
.availability-unknown { display: block; margin-top: .5rem; color: var(--muted); font-size: .78rem; }
.participation-check { display: block; margin-top: .55rem; color: #168154; font-size: .76rem; }
.availability-editor { margin-top: 1rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.availability-editor > summary { color: var(--brand); font-size: 1.05rem; font-weight: 850; cursor: pointer; }
.availability-calendar-grid { display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap: .8rem; margin: 1rem 0; }
.availability-calendar-month { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; }
.availability-calendar-month h3 { margin: 0; background: var(--accent); padding: .72rem; text-align: center; }
.availability-calendar-weekdays, .availability-calendar-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.availability-calendar-weekdays span { padding: .35rem .1rem; color: var(--muted); font-size: .66rem; font-weight: 800; text-align: center; }
.availability-calendar-day { min-height: 67px; border: 0; border-top: 1px solid var(--line); border-right: 1px solid var(--line); border-radius: 0; background: white; padding: .3rem; color: var(--ink); font-weight: 500; text-align: left; }
.availability-calendar-day:nth-child(7n) { border-right: 0; }
.availability-calendar-day strong, .availability-calendar-day small, .availability-calendar-day em { display: block; }
.availability-calendar-day small { margin-top: .2rem; color: var(--muted); font-size: .58rem; }
.availability-calendar-day em { color: #a43a3a; font-size: .56rem; font-style: normal; }
.availability-calendar-day.outside-month { opacity: .3; }
.availability-calendar-day.is-disabled { background: #f1f3f5; opacity: .28; }
.availability-calendar-day.is-selected { background: #dceafb; box-shadow: inset 0 0 0 2px var(--brand); }
.availability-form { margin-top: 1rem; }
.holiday-overlap-result { border: 1px solid var(--line); border-radius: 10px; background: #f4f7fb; padding: .8rem 1rem; color: var(--muted); font-weight: 750; }
.holiday-overlap-result.is-success { border-color: #87b89b; background: #e8f5ed; color: #24663f; }
.holiday-overlap-result.is-error { border-color: #e1a2a2; background: #fdeaea; color: #963737; }
.form-label { display: block; margin-bottom: .35rem; font-weight: 750; }
.responsible-person-display { border: 1px solid #9dbde0; border-radius: 10px; background: #eaf2fb; padding: .8rem 1rem; color: var(--ink); }
.responsible-person-display strong, .responsible-person-display small { display: block; }
.responsible-person-display small { margin-top: .2rem; color: var(--muted); }
.client-unavailability-hint { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; border: 1px solid #dfbf72; border-radius: 12px; background: #fff7dc; padding: .9rem 1rem; color: var(--ink); }
.client-unavailability-hint strong, .client-unavailability-hint span { display: block; }
.client-unavailability-hint span { margin-top: .2rem; color: var(--muted); }
.calendar-period-navigation { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin: 1rem 0; }
.client-unavailability-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin-top: 1rem; }
.client-unavailability-list > article { border: 1px solid var(--line); border-radius: 12px; background: white; padding: .85rem; }
.client-unavailability-list > article > header { display: flex; align-items: flex-start; justify-content: space-between; gap: .7rem; border-bottom: 1px solid var(--line); padding-bottom: .55rem; }
.client-unavailability-list > article > header small { display: block; margin-top: .15rem; color: var(--muted); }
.client-unavailability-list > article > header > span { border-radius: 999px; background: #e9f1fb; padding: .25rem .5rem; color: var(--brand); font-size: .72rem; font-weight: 800; }
.client-unavailability-row { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-top: .55rem; border-radius: 8px; background: #fdeaea; padding: .55rem .65rem; font-size: .8rem; }
.client-unavailability-row form { margin: 0; }
.employee-presence-grid article { display: grid; gap: .2rem; border-top-width: 4px; }
.employee-presence-grid article span, .employee-presence-grid article small { color: var(--muted); font-size: .75rem; }
.employee-presence-grid .presence-free { border-top-color: #1c9b62; }
.employee-presence-grid .presence-busy { border-top-color: #d6a019; }
.employee-presence-grid .presence-away { border-top-color: #c84545; }
.activity-comment-list { display: grid; gap: .7rem; margin-top: 1.2rem; }
.activity-comment-list article { border-left: 4px solid var(--brand-light); border-radius: 8px; background: var(--soft); padding: .75rem 1rem; }
.activity-comment-list article header { display: flex; justify-content: space-between; gap: .6rem; }
.activity-comment-list time { color: var(--muted); font-size: .75rem; }
.activity-comment-list p { margin-bottom: 0; }
.activity-information-card { border-top: 5px solid var(--brand); }
.activity-information-links { display: grid; gap: .65rem; margin-top: 1rem; }
.activity-information-links article { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); padding: .8rem .9rem; }
.activity-information-links article > div:first-child { display: grid; min-width: 0; gap: .2rem; }
.activity-information-links a:not(.button) { overflow: hidden; color: var(--brand); text-overflow: ellipsis; white-space: nowrap; }
.activity-information-links small, .activity-information-gallery small { color: var(--muted); font-size: .75rem; }
.activity-information-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .85rem; margin-top: 1rem; }
.activity-information-gallery article { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: var(--soft); }
.activity-information-gallery article > a { display: block; background: #e8edf2; }
.activity-information-gallery img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.activity-information-gallery article > div { display: grid; gap: .2rem; padding: .7rem .8rem; }
.activity-information-gallery article > .actions { display: flex; padding-top: 0; }
.activity-information-gallery .actions form, .activity-information-links .actions form { margin: 0; }
.activity-information-add-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; margin-top: 1rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.activity-information-add-grid details { border: 1px solid var(--line); border-radius: 12px; background: var(--soft); padding: .8rem .9rem; }
.activity-information-add-grid summary { color: var(--brand-dark); font-weight: 850; cursor: pointer; }
.activity-information-add-grid form { margin-top: .85rem; }
.finalize-activity-card { border-top: 5px solid var(--brand); }

/* Literatursammlung */
.library-page-heading, .library-detail-heading { align-items: center; }
.library-reading-count { border-radius: 999px; background: #d83d49; padding: .5rem .75rem; color: white; font-size: .82rem; font-weight: 850; }
.library-reading-list { border-top: 5px solid #d6a019; }
.library-reading-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: .8rem; margin-top: 1rem; }
.library-reading-grid article { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid #dfbf72; border-radius: 12px; background: #fff8e2; padding: .85rem; }
.library-reading-grid article.is-opened { border-color: var(--line); background: var(--soft); }
.library-reading-grid article > div { display: grid; gap: .25rem; }
.library-reading-grid h3, .library-reading-grid p { margin: 0; }
.library-reading-grid small { color: var(--muted); }
.library-layout { display: grid; grid-template-columns: minmax(240px, 310px) minmax(0, 1fr); align-items: start; gap: 1.2rem; }
.library-global-search { margin-bottom: 1.2rem; }
.library-folder-admin { margin: .9rem 0 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }
.library-folder-admin > summary { padding: .75rem .9rem; cursor: pointer; color: var(--brand-dark); font-weight: 800; }
.library-folder-admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 0 .9rem .9rem; }
.library-folder-delete { padding: .8rem; border: 1px solid #ecd2d2; border-radius: 10px; background: #fffafa; }
.library-folders { position: sticky; top: 1rem; }
.library-folder-heading { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.library-folder-heading h2 { margin: 0; }
.library-collapse-folders { border: 0; background: transparent; padding: .2rem; color: var(--brand); font-size: .75rem; font-weight: 800; cursor: pointer; }
.library-folders nav { display: grid; gap: .35rem; margin-top: .9rem; }
.library-folder-row { display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: center; margin-left: calc(var(--folder-depth, 0) * .8rem); }
.library-folder-row[hidden] { display: none; }
.library-folder-toggle, .library-folder-toggle-placeholder { display: grid; width: 26px; height: 32px; place-items: center; }
.library-folder-toggle { border: 0; border-radius: 7px; background: transparent; color: var(--brand); cursor: pointer; }
.library-folder-toggle:hover { background: var(--soft); }
.library-folder-toggle span { font-size: 1.35rem; line-height: 1; transition: transform .15s ease; }
.library-folder-toggle[aria-expanded="true"] span { transform: rotate(90deg); }
.library-folder-row > a { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .7rem; border: 1px solid transparent; border-radius: 9px; padding: .65rem .7rem; color: var(--ink); font-weight: 700; text-decoration: none; }
.library-folder-row > a:hover { background: var(--soft); }
.library-folder-row > a.is-active { border-color: #9dbde0; background: var(--accent); color: var(--brand-dark); }
.library-folder-row > a > span { overflow: hidden; text-overflow: ellipsis; }
.library-folder-row > a small { display: grid; min-width: max-content; min-height: 25px; place-items: center; border-radius: 999px; background: white; padding: .2rem .45rem; color: var(--muted); font-size: .68rem; }
.library-create-folder { margin-top: 1rem; border-top: 1px solid var(--line); padding-top: .85rem; }
.library-create-folder > summary { color: var(--brand); font-weight: 850; cursor: pointer; }
.library-create-folder form { margin-top: .8rem; }
.library-create-folder button { width: 100%; }
.library-main { min-width: 0; }
.library-upload-card details > summary { color: var(--brand); font-size: 1.05rem; font-weight: 850; cursor: pointer; }
.library-upload-card details > p { margin-bottom: 1rem; }
.library-breadcrumb { display: flex; align-items: center; gap: .35rem; margin-bottom: .8rem; color: var(--muted); font-size: .86rem; flex-wrap: wrap; }
.library-breadcrumb a { color: var(--brand); }
.library-child-folders { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: .65rem; margin: 1rem 0; }
.library-child-folders a { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .1rem .55rem; border: 1px solid var(--line); border-radius: 11px; background: var(--soft); padding: .7rem .8rem; color: var(--ink); text-decoration: none; }
.library-child-folders a:hover { border-color: #9dbde0; background: var(--accent); }
.library-child-folders a > span { grid-row: 1 / 3; font-size: 1.5rem; }
.library-child-folders small { color: var(--muted); }
.library-search-form { display: grid; grid-template-columns: minmax(260px, 1fr) auto auto; align-items: end; gap: .8rem; margin: 1rem 0; border-block: 1px solid var(--line); padding: .9rem 0; }
.library-search-form input { width: 100%; }
.library-search-feedback { display: grid; gap: .15rem; min-width: 190px; }
.library-search-feedback small { color: var(--muted); }
.library-document-list { display: grid; gap: .75rem; }
.library-document-list article[hidden] { display: none; }
.library-document-list > article { display: grid; grid-template-columns: 86px minmax(0, 1fr) auto; align-items: center; gap: .9rem; border: 1px solid var(--line); border-radius: 13px; background: var(--soft); padding: .8rem; }
.library-document-thumbnail, .library-document-filemark { display: grid; width: 86px; height: 70px; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: white; color: var(--brand); font-size: .8rem; font-weight: 900; text-decoration: none; }
.library-document-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.library-document-details { min-width: 0; }
.library-document-details h3, .library-document-details p { margin: 0; }
.library-document-details h3 a { color: var(--ink); text-decoration: none; }
.library-document-details h3 a:hover { color: var(--brand); text-decoration: underline; }
.library-document-details p { margin-top: .3rem; color: var(--muted); }
.library-document-details small { display: block; overflow: hidden; margin-top: .35rem; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.library-document-actions { display: flex; max-width: 290px; justify-content: flex-end; gap: .42rem; flex-wrap: wrap; }
.library-document-actions form { margin: 0; }
.library-own-invitation, .library-danger-zone { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.library-own-invitation { border-left: 6px solid #d6a019; }
.library-own-invitation.is-completed { border-left-color: #1c9b62; }
.library-own-invitation p { margin-bottom: 0; }
.library-preview-card { overflow: hidden; }
.library-document-preview { display: block; width: 100%; height: min(72vh, 900px); margin-top: 1rem; border: 1px solid var(--line); border-radius: 11px; background: white; }
.library-large-image { display: block; margin-top: 1rem; text-align: center; }
.library-large-image img { max-width: 100%; max-height: 75vh; border-radius: 11px; box-shadow: 0 8px 26px rgba(20, 63, 120, .12); }
.library-no-preview { display: grid; max-width: 540px; justify-items: start; gap: .8rem; margin: 2rem auto 1rem; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); padding: 1.4rem; }
.library-no-preview strong { font-size: 1.6rem; color: var(--brand); }
.library-no-preview p { margin: 0; }
.library-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.library-invite-card .checkbox-card-list ul { max-height: 360px; overflow-y: auto; }
.library-invitation-status > div { display: grid; gap: .55rem; }
.library-invitation-status article { display: flex; align-items: center; justify-content: space-between; gap: .7rem; border: 1px solid var(--line); border-radius: 10px; padding: .7rem .75rem; }
.library-invitation-status article > div { display: grid; gap: .15rem; }
.library-invitation-status small { color: var(--muted); }
.library-invitation-status .status-badge.is-completed { background: #dff4e8; color: #11623f; }
.library-danger-zone { border-color: #e1a2a2; }
.traffic-label { display: inline-flex; align-items: center; gap: .4rem; min-width: 150px; font-size: .82rem; }
.traffic-link { color: var(--ink); text-decoration: none; }
.traffic-link:hover { color: var(--brand); text-decoration: underline; }
.planning-key { display: flex; gap: 1rem 2rem; flex-wrap: wrap; padding-block: .9rem; color: var(--muted); }
.fls-planning-wrap { max-width: 100%; }
.fls-planning-table { min-width: 2430px; border-collapse: separate; border-spacing: 0; font-size: .86rem; }
.fls-planning-table th, .fls-planning-table td { padding: .65rem .7rem; vertical-align: middle; white-space: nowrap; }
.fls-planning-table thead th { position: sticky; top: 0; z-index: 4; background: #f7faf8; }
.fls-planning-table .sticky-employee { position: sticky; left: 0; min-width: 165px; max-width: 165px; z-index: 3; background: white; }
.fls-planning-table .sticky-office { position: sticky; left: 165px; min-width: 105px; max-width: 105px; z-index: 3; background: white; }
.fls-planning-table .sticky-client { position: sticky; left: 270px; min-width: 190px; max-width: 190px; z-index: 3; background: white; box-shadow: 8px 0 12px -12px rgba(19, 33, 27, .45); }
.fls-planning-table thead .sticky-employee, .fls-planning-table thead .sticky-office, .fls-planning-table thead .sticky-client { z-index: 6; background: #f7faf8; }
.planning-group-row td { position: sticky; left: 0; z-index: 2; background: var(--accent); color: var(--brand-dark); font-weight: 800; font-size: .95rem; }
.month-heading { min-width: 105px; text-align: center; }
.fls-month-cell { min-width: 105px; padding: .35rem !important; text-align: center; }
.fls-month-cell > a, .fls-month-cell > div { min-height: 62px; border: 1px solid var(--line); border-radius: 9px; display: grid; place-items: center; align-content: center; gap: .05rem; padding: .35rem .3rem; color: var(--ink); text-decoration: none; }
.fls-month-cell > a:hover { border-color: var(--brand); background: var(--accent); }
.fls-month-cell strong { font-size: 1rem; }
.fls-month-cell span, .fls-month-cell small { color: var(--muted); font-size: .69rem; }
.fls-month-cell .empty-plan { color: var(--brand); }
.fls-month-cell.is-current-month { background: #edf4fb; }
.compact-signal { min-width: 92px; }
.year-navigation { justify-content: flex-end; }
.dashboard-tabs { display: flex; gap: .35rem; margin: -0.45rem 0 1.4rem; border-bottom: 1px solid var(--line); }
.dashboard-tabs a { padding: .75rem 1rem; border-bottom: 3px solid transparent; color: var(--muted); font-weight: 750; text-decoration: none; }
.dashboard-tabs a:hover, .dashboard-tabs a.is-active { color: var(--brand); border-bottom-color: var(--brand); }

.admin-calendar-page-heading { align-items: end; }
.admin-calendar-stats { margin-bottom: 1.5rem; }
.admin-own-calendar-card, .admin-todo-card { margin-top: 1.5rem; }
.admin-leadership-cover-card { margin-top: 1rem; }
.admin-leadership-cover-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: .65rem; }
.admin-leadership-cover-list article { display: flex; align-items: center; justify-content: space-between; gap: .9rem; border: 1px solid #d8e0e8; border-left: 4px solid var(--brand); border-radius: 11px; background: #f7f9fb; padding: .75rem .85rem; }
.admin-leadership-cover-list article > div { display: grid; gap: .12rem; }
.admin-leadership-cover-list article span { color: var(--muted); font-size: .74rem; }
.admin-leadership-cover-person { white-space: nowrap; }
.admin-own-calendar-layout { align-items: start; }
.admin-calendar-event-form > div { margin-bottom: .85rem; }
.admin-calendar-event-form select[multiple] { min-height: 10rem; }
.admin-calendar-delete-form { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.admin-event-responses { display: grid; gap: .65rem; margin-top: 1rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.admin-event-responses h4 { margin: .12rem 0 0; }
.admin-event-response-list { display: grid; gap: .45rem; }
.admin-event-response-list article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .1rem .55rem; align-items: center; border: 1px solid var(--line); border-left: 4px solid #d99a18; border-radius: 9px; background: #fffaf0; padding: .55rem .65rem; }
.admin-event-response-list article.response-accepted { border-left-color: #1c9b62; background: #f2fbf6; }
.admin-event-response-list article.response-declined { border-left-color: var(--red); background: #fff5f4; }
.admin-event-response-list article > span { border-radius: 999px; background: rgba(255, 255, 255, .72); padding: .15rem .42rem; color: var(--muted); font-size: .68rem; font-weight: 850; }
.admin-event-response-list article.response-accepted > span { color: var(--green-dark); }
.admin-event-response-list article.response-declined > span { color: var(--red); }
.admin-event-response-list article > small { grid-column: 1 / -1; color: var(--muted); font-size: .66rem; }
.admin-month-calendar .employee-calendar-event.kind-team { border-left-color: #2563eb; background: #e8f0ff; }
.admin-month-calendar .employee-calendar-event.kind-administration { border-left-color: #7c3aed; background: #f2ebff; }
.admin-month-calendar .employee-calendar-event.kind-reminder { border-left-color: #d97706; background: #fff3d6; }
.admin-month-calendar .employee-calendar-event.kind-blocker { border-left-color: #667085; background: #edf0f2; }
.calendar-day-empty { display: block; min-height: 1px; }
.admin-todo-layout { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.8fr); gap: 1.5rem; align-items: start; }
.admin-todo-entry-panel { padding: 1.15rem; border: 1px solid var(--line); border-radius: 18px; background: var(--soft); }
.admin-todo-entry-panel form > div { margin-bottom: .8rem; }
.admin-todo-board { min-width: 0; }
.admin-todo-board-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; padding-bottom: .75rem; border-bottom: 1px solid var(--line); }
.admin-todo-board-heading h3 { margin: 0; }
.admin-todo-list { display: grid; gap: .75rem; margin-top: 1rem; }
.admin-todo-item { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid var(--line); border-left: 5px solid #98a2b3; border-radius: 14px; background: white; }
.admin-todo-item.priority-high { border-left-color: var(--red); }
.admin-todo-item.priority-low { border-left-color: #6b8e7e; }
.admin-todo-item.is-overdue { background: #fff4f3; }
.admin-todo-item.is-due-today { background: #fff9e8; }
.admin-todo-main { display: flex; gap: .8rem; align-items: flex-start; min-width: 0; }
.admin-todo-main > div { display: grid; gap: .25rem; }
.admin-todo-main p { margin: .25rem 0 0; color: var(--muted); }
.admin-todo-actions { display: flex; flex-wrap: wrap; gap: .55rem; justify-content: flex-end; align-items: center; }
.admin-todo-actions form { display: flex; gap: .45rem; }
.status-badge.priority-high { background: #fee4e2; color: #b42318; }
.status-badge.priority-normal { background: #e6f4ee; color: var(--green-dark); }
.status-badge.priority-low { background: #eef1f0; color: #475467; }
.admin-completed-todos { margin-top: 1.25rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.admin-completed-todos summary { cursor: pointer; font-weight: 800; }
.admin-completed-todos > div { display: grid; gap: .55rem; margin-top: .75rem; }
.admin-completed-todos article { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: .75rem; border-radius: 12px; background: var(--soft); }
.admin-completed-todos article > div { display: grid; gap: .15rem; }

@media (max-width: 900px) {
  .admin-todo-layout { grid-template-columns: 1fr; }
  .admin-todo-item { flex-direction: column; }
  .admin-todo-actions { justify-content: flex-start; }
}

.personal-todo-heading { align-items: center; }
.personal-todo-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.personal-todo-workspace { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.65fr); gap: 1.5rem; align-items: start; }
.personal-todo-form-panel { position: sticky; top: 1rem; padding: 1.15rem; border: 1px solid var(--line); border-radius: 18px; background: var(--soft); }
.personal-todo-form-panel h2 { margin: .2rem 0 .5rem; }
.personal-todo-form-panel small { display: block; margin-top: .3rem; color: var(--muted); }
.personal-todo-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.personal-todo-board { display: grid; gap: 1rem; min-width: 0; }
.personal-todo-section { border: 1px solid var(--line); border-radius: 16px; padding: 1rem; background: #fff; }
.personal-todo-section.has-alert { border-color: #e7aaaa; background: #fffafa; }
.personal-todo-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: .7rem; border-bottom: 1px solid var(--line); }
.personal-todo-section-heading h2 { margin: .1rem 0 0; font-size: 1.25rem; }
.personal-todo-section-heading > span { display: grid; width: 2.1rem; height: 2.1rem; place-items: center; border-radius: 999px; background: var(--accent); color: var(--brand-dark); font-weight: 850; }
.personal-todo-list { display: grid; gap: .7rem; margin-top: .8rem; }
.personal-todo-item { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border: 1px solid var(--line); border-left: 5px solid #98a2b3; border-radius: 13px; padding: .9rem; background: #fff; }
.personal-todo-item.priority-high { border-left-color: var(--red); }
.personal-todo-item.priority-low { border-left-color: #6b8e7e; }
.personal-todo-item.is-overdue { background: #fff3f2; }
.personal-todo-item.is-due-today { background: #fff9e8; }
.personal-todo-copy { min-width: 0; }
.personal-todo-copy h3 { margin: .45rem 0 .25rem; font-size: 1.05rem; overflow-wrap: anywhere; }
.personal-todo-copy p { margin: .55rem 0 0; color: var(--muted); }
.personal-todo-badges, .personal-todo-meta { display: flex; flex-wrap: wrap; gap: .35rem .75rem; align-items: center; }
.personal-todo-meta { color: var(--muted); font-size: .82rem; }
.status-badge.todo-category { background: var(--accent); color: var(--brand-dark); }
.status-badge.todo-progress { background: #e8f0ff; color: #2459a8; }
.todo-overdue-label { color: #a92f2f; }
.personal-todo-client { display: inline-block; margin-top: .45rem; font-weight: 700; }
.personal-todo-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .45rem; flex: 0 0 auto; }
.personal-todo-actions form { display: flex; gap: .4rem; align-items: center; }
.personal-completed-tasks { border-top: 1px solid var(--line); padding-top: 1rem; }
.personal-completed-tasks summary { cursor: pointer; font-weight: 800; }
.personal-completed-tasks > div { display: grid; gap: .55rem; margin-top: .75rem; }
.personal-completed-tasks article { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: .75rem; border-radius: 12px; background: var(--soft); }
.personal-completed-tasks article > div { display: grid; gap: .15rem; }

@media (max-width: 900px) {
  .personal-todo-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .personal-todo-workspace { grid-template-columns: 1fr; }
  .personal-todo-form-panel { position: static; }
  .personal-todo-item { flex-direction: column; }
  .personal-todo-actions { justify-content: flex-start; }
}

@media (max-width: 560px) {
  .personal-todo-stats, .personal-todo-form-row { grid-template-columns: 1fr; }
  .personal-todo-actions, .personal-todo-actions form { width: 100%; }
  .personal-todo-actions .button, .personal-todo-actions button { text-align: center; }
}
.maintenance-main-nav { max-width: 700px; }
.maintenance-dashboard-heading { align-items: center; }
.maintenance-dashboard-tasks { margin-top: 1.4rem; }
.maintenance-task-preview { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .7rem; }
.maintenance-task-preview > a { display: grid; gap: .3rem; border: 1px solid var(--line); border-radius: 14px; padding: .9rem; color: var(--ink); text-decoration: none; background: var(--soft); }
.maintenance-task-preview > a:hover { border-color: var(--brand); background: var(--accent); }
.maintenance-task-preview .status-badge { justify-self: start; }
.maintenance-task-preview small { color: var(--muted); }
.maintenance-submission-layout, .maintenance-workspace { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.65fr); gap: 1.4rem; align-items: start; }
.maintenance-form-card { position: sticky; top: 1rem; }
.maintenance-form-card h2 { margin: .2rem 0 .6rem; }
.maintenance-form-card small { display: block; margin-top: .3rem; color: var(--muted); }
.maintenance-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.maintenance-board { display: grid; gap: 1.2rem; min-width: 0; }
.maintenance-section { margin: 0; }
.maintenance-section.has-alert { border-color: #e5b948; box-shadow: 0 12px 34px rgba(202, 139, 0, .11); }
.maintenance-task-list { display: grid; gap: .75rem; margin-top: .85rem; }
.maintenance-task-card { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border: 1px solid var(--line); border-left: 5px solid #98a2b3; border-radius: 14px; padding: 1rem; background: white; }
.maintenance-task-card.priority-high { border-left-color: var(--red); }
.maintenance-task-card.priority-low { border-left-color: #6b8e7e; }
.maintenance-task-card.is-overdue { background: #fff3f2; }
.maintenance-task-card.is-due-today { background: #fff9e8; }
.maintenance-task-copy { min-width: 0; }
.maintenance-task-copy h3, .maintenance-task-card h3 { margin: .45rem 0 .25rem; overflow-wrap: anywhere; }
.maintenance-task-copy p, .maintenance-task-card p { margin: .55rem 0; color: var(--muted); }
.maintenance-task-copy > small, .maintenance-task-card > div > small { color: var(--muted); }
.maintenance-location { display: inline-block; color: var(--brand-dark); }
.maintenance-task-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: .5rem; flex: 0 0 min(330px, 42%); }
.maintenance-task-actions form { display: flex; gap: .45rem; align-items: center; }
.maintenance-quick-assign { display: grid !important; grid-template-columns: 1fr auto; width: 100%; }
.maintenance-quick-assign label { grid-column: 1 / -1; font-size: .82rem; }
.maintenance-quick-assign select { min-width: 0; }
.maintenance-completed summary { cursor: pointer; font-weight: 800; }
.maintenance-own-suggestions { min-width: 0; }
@media (max-width: 900px) {
  .maintenance-submission-layout, .maintenance-workspace { grid-template-columns: 1fr; }
  .maintenance-form-card { position: static; }
  .maintenance-task-card { flex-direction: column; }
  .maintenance-task-actions { width: 100%; flex-basis: auto; justify-content: flex-start; }
}
@media (max-width: 560px) {
  .maintenance-form-row { grid-template-columns: 1fr; }
  .maintenance-quick-assign { grid-template-columns: 1fr; }
  .maintenance-quick-assign label { grid-column: 1; }
  .maintenance-task-actions form:not(.maintenance-quick-assign) { width: 100%; }
}
.filter-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.filter-result-heading h2 { margin-bottom: 0; }
.client-search-filter { display: grid; grid-template-columns: minmax(280px, 1fr) auto auto; align-items: end; gap: 1rem; margin-bottom: 1rem; }
.client-search-filter label { display: block; margin-bottom: .35rem; font-weight: 800; }
.client-search-filter input { width: 100%; }
.client-search-feedback { display: grid; gap: .15rem; min-width: 190px; }
.client-search-feedback small { color: var(--muted); }
.client-master-table { min-width: 1500px; }
.client-master-table thead > tr:first-child th { white-space: nowrap; }
.client-table-scrollbar-top {
  position: sticky;
  z-index: 45;
  top: 0;
  height: 19px;
  margin: 0 0 3px;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #f7fafc;
  box-shadow: 0 3px 10px rgba(20, 63, 120, .08);
}
.client-table-scrollbar-top[hidden] { display: none; }
.client-table-scrollbar-top > div { height: 1px; }
.client-master-table-wrap { margin-top: 0; }
.client-column-filters th { padding: .55rem .4rem .7rem; vertical-align: top; background: #f4f7fb; }
.client-column-filters input, .client-column-filters select { width: 100%; min-width: 118px; padding: .58rem .62rem; border-radius: 9px; font-size: .82rem; font-weight: 600; }
.client-column-filters th:nth-child(3) input { min-width: 150px; }
.client-column-filters th:nth-child(4) input { min-width: 132px; }
.client-column-filters th:nth-child(8) input, .client-column-filters th:nth-child(10) input { min-width: 142px; }
.client-column-filters .compact-button { width: 100%; min-width: 130px; padding: .58rem .65rem; font-size: .78rem; }
.client-column-filters .compact-button:disabled { opacity: .45; cursor: default; }
.documentation-entry.is-historical { border-left-color: #7ea994; }
.employee-planning-wrap { margin-top: .4rem; }
.employee-planning-table { min-width: 680px; }
.employee-planning-table th, .employee-planning-table td { padding: .7rem .75rem; vertical-align: middle; white-space: nowrap; }
.employee-planning-table th:first-child, .employee-planning-table td:first-child { width: 40%; min-width: 220px; }
.planning-calendar-section { margin-top: 1.5rem; border-top: 1px solid var(--line); padding-top: 1.25rem; }
.planning-calendar-grid { display: grid; grid-template-columns: repeat(3, minmax(260px, 1fr)); gap: 1rem; }
.planning-calendar-month { overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: white; }
.planning-calendar-month > header { display: flex; justify-content: space-between; gap: .6rem; background: var(--accent); padding: .75rem; }
.planning-calendar-month > header span { color: var(--muted); font-size: .78rem; }
.planning-calendar-weekdays, .planning-calendar-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.planning-calendar-weekdays span { padding: .35rem .1rem; color: var(--muted); font-size: .66rem; font-weight: 800; text-align: center; }
.planning-calendar-day { min-height: 54px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); padding: .25rem; font-size: .7rem; }
.planning-calendar-day:nth-child(7n) { border-right: 0; }
.planning-calendar-day.outside-month { opacity: .25; }
.planning-calendar-day > span { color: var(--muted); }
.planning-calendar-day > strong { display: block; margin-top: .18rem; color: var(--brand); }
.planning-calendar-day > small { display: block; overflow: hidden; margin-top: .12rem; border-radius: 4px; background: #fdeaea; padding: .12rem; color: #8f2929; text-overflow: ellipsis; white-space: nowrap; }
.inline-fls-plan { width: 20%; min-width: 130px; }
.inline-fls-plan input { min-width: 105px; padding: .6rem .65rem; text-align: right; font-weight: 750; }
.inline-fls-plan input:placeholder-shown { border-style: dashed; border-color: #d9e0dc; background: #fafbfa; }
.inline-fls-plan input::placeholder { color: #b8c1bc; opacity: 1; font-style: italic; font-weight: 500; }
.planning-save-bar { position: sticky; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1rem -1.4rem -1.4rem; padding: .9rem 1.4rem; border-top: 1px solid var(--line); border-radius: 0 0 18px 18px; background: rgba(255, 255, 255, .96); box-shadow: 0 -8px 20px rgba(19, 33, 27, .06); }
.planning-save-bar span { color: var(--muted); font-size: .86rem; }
.employee-preview-picker { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 430px); align-items: end; gap: 1.5rem; }
.employee-preview-picker h2 { margin: .15rem 0 0; }
.preview-employee-form select { min-width: 230px; }
.employee-perspective-form { grid-column: 1 / -1; display: flex; align-items: center; gap: .75rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.employee-perspective-form small, .employee-perspective-missing { color: var(--muted); }
.employee-perspective-missing { grid-column: 1 / -1; margin: 0; border-top: 1px solid var(--line); padding-top: 1rem; }
.employee-cases-wrap { margin-top: .4rem; }
.employee-cases-table { min-width: 1180px; font-size: .86rem; }
.employee-cases-table th, .employee-cases-table td { padding: .7rem .75rem; vertical-align: middle; white-space: nowrap; }
.employee-cases-table td small { display: block; margin-top: .22rem; color: var(--muted); font-size: .72rem; }
.employee-cases-table .employee-case-actions { min-width: 170px; }
.employee-case-action-list { align-items: flex-start; flex-direction: column; gap: .42rem; }
.employee-case-action-list .button { min-width: 140px; text-align: center; }
.employee-cases-table .employee-case-name { min-width: 180px; }
.case-date-edit { display: flex; align-items: baseline; gap: .35rem; width: max-content; margin-bottom: .35rem; color: var(--brand-dark); text-decoration: none; }
.case-date-edit span { border-radius: 999px; background: var(--accent); padding: .16rem .4rem; color: var(--brand); font-size: .68rem; font-weight: 850; letter-spacing: .04em; }
.case-date-edit em { color: var(--brand); font-size: .7rem; font-style: normal; font-weight: 750; }
.case-date-edit:hover strong, .case-date-edit:hover em { text-decoration: underline; }
.employee-cases-table .number-cell { text-align: right; }
.employee-cases-table .employee-case-open { white-space: nowrap; padding: .58rem .8rem; }
.employee-cases-heading-actions { display: flex; align-items: flex-end; gap: .8rem; flex-wrap: wrap; }
.weekly-case-summary { display: grid; min-width: 185px; gap: .08rem; border: 1px solid var(--line); border-top: 4px solid #94a3b8; border-radius: 11px; background: #fbfdfb; padding: .6rem .75rem; }
.weekly-case-summary.traffic-green { border-top-color: #1c9b62; }
.weekly-case-summary.traffic-red { border-top-color: #c84545; }
.weekly-case-summary span, .weekly-case-summary small { color: var(--muted); font-size: .7rem; }
.weekly-case-summary strong { font-size: 1.2rem; }
.weekly-case-summary em { color: inherit; font-style: normal; font-weight: 800; }
.weekly-case-summary.traffic-green em { color: #168154; }
.weekly-case-summary.traffic-red em { color: #b43636; }
.employee-calendar-layout { display: grid; grid-template-columns: minmax(285px, 340px) minmax(0, 1fr); align-items: start; gap: 1.1rem; }
.employee-calendar-simplified { display: flex; flex-direction: column; }
.employee-calendar-simplified > .section-heading { order: 0; }
.employee-calendar-simplified > .calendar-reminder-banner { order: 1; }
.employee-calendar-simplified > .calendar-workspace-controls { order: 2; }
.employee-calendar-simplified > .employee-calendar-layout { order: 3; grid-template-columns: minmax(0, 1fr); }
.employee-calendar-simplified > .calendar-team-comparison { order: 4; }
.employee-calendar-simplified > .team-vacation-planner { order: 5; }
.employee-calendar-simplified > .calendar-invitations { order: 6; }
.employee-calendar-simplified > .calendar-summary-grid { order: 7; }
.employee-calendar-simplified .employee-calendar-main { order: -1; }
.calendar-workspace-controls { display: grid; gap: .75rem; margin-bottom: 1rem; border: 1px solid #c8d9ea; border-radius: 14px; background: #f6faff; padding: .85rem 1rem; }
.calendar-workspace-primary, .calendar-workspace-actions { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }
.calendar-workspace-primary > div { display: grid; gap: .1rem; }
.calendar-workspace-actions { justify-content: flex-start; }
.calendar-colleague-picker { position: relative; min-width: min(100%, 310px); }
.calendar-colleague-picker > summary { border: 1px solid var(--line); border-radius: 9px; background: white; padding: .62rem .75rem; color: var(--brand-dark); font-size: .78rem; font-weight: 850; cursor: pointer; list-style-position: inside; }
.calendar-colleague-picker[open] > summary { border-color: var(--brand); border-radius: 9px 9px 0 0; background: var(--accent); }
.calendar-colleague-picker > form { display: grid; gap: .6rem; border: 1px solid var(--brand); border-top: 0; border-radius: 0 0 11px 11px; background: white; padding: .8rem; }
.calendar-colleague-picker > form > label { margin: 0; }
.calendar-colleague-options { display: grid; max-height: 230px; overflow-y: auto; border: 1px solid var(--line); border-radius: 8px; padding: .3rem; }
.calendar-colleague-options label { display: flex; align-items: center; gap: .5rem; margin: 0; border-radius: 6px; padding: .42rem .45rem; font-size: .78rem; cursor: pointer; }
.calendar-colleague-options label:hover, .calendar-colleague-options label:has(input:checked) { background: var(--accent); }
.calendar-colleague-options input { flex: 0 0 auto; width: 1.05rem; height: 1.05rem; margin: 0; accent-color: var(--brand); }
.calendar-colleague-picker small { color: var(--muted); font-size: .68rem; }
.calendar-summary-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.calendar-summary-grid.is-month-only { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.calendar-reminder-banner { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; border-left: 5px solid #d79a12; border-radius: 10px; background: #fff3ce; padding: .8rem 1rem; }
.calendar-reminder-banner span { color: #6f5514; }
.calendar-summary-grid > div { display: grid; gap: .18rem; border: 1px solid var(--line); border-top: 4px solid var(--brand); border-radius: 12px; background: white; padding: .75rem; }
.calendar-summary-grid > div.traffic-red { border-top-color: #c84545; }
.calendar-summary-grid > div.traffic-green { border-top-color: #1c9b62; }
.calendar-summary-grid span, .calendar-summary-grid small { color: var(--muted); font-size: .76rem; }
.calendar-summary-grid strong { font-size: 1.35rem; }
.calendar-invitations { margin-bottom: 1rem; border: 1px solid var(--line); border-radius: 14px; background: #fbfdfb; padding: 1rem; }
.calendar-invitations h3 { margin: 0; }
.calendar-invitation-list { display: grid; gap: .6rem; margin-top: .75rem; }
.calendar-invitation-list article { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-radius: 10px; background: white; padding: .75rem; }
.calendar-invitation-list article > div { display: grid; gap: .15rem; }
.calendar-invitation-list article span, .calendar-invitation-list article small { color: var(--muted); }
.calendar-invitation-list form { display: flex; gap: .4rem; }
.team-vacation-planner { margin: 0 0 1.1rem; border: 1px solid var(--line); border-radius: 14px; background: #f8fbff; padding: 1rem; }
.team-vacation-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .85rem; }
.team-vacation-heading h3 { margin: .12rem 0 .18rem; }
.team-vacation-privacy { flex: 0 0 auto; border: 1px solid #b9cee5; border-radius: 999px; background: #e8f2fc; padding: .3rem .55rem; color: var(--brand-dark); font-size: .7rem; font-weight: 850; }
.team-vacation-week-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.team-vacation-week { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; }
.team-vacation-week > header { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; background: var(--accent); padding: .62rem .72rem; }
.team-vacation-week > header span { color: var(--muted); font-size: .7rem; }
.team-vacation-week-days { display: grid; }
.team-vacation-week-day { display: grid; grid-template-columns: 78px minmax(0, 1fr); align-items: start; gap: .55rem; min-height: 45px; border-top: 1px solid var(--line); padding: .45rem .65rem; }
.team-vacation-week-day:first-child { border-top: 0; }
.team-vacation-week-day.is-today { background: #edf4fb; box-shadow: inset 4px 0 0 var(--brand); }
.team-vacation-week-day > div:first-child { display: flex; align-items: baseline; gap: .35rem; }
.team-vacation-week-day > div:first-child span, .team-vacation-people small { color: var(--muted); font-size: .68rem; }
.team-vacation-people { display: flex; flex-wrap: wrap; gap: .25rem; }
.team-vacation-people > span { border-radius: 999px; background: #e6f1fb; padding: .18rem .42rem; color: var(--brand-dark); font-size: .68rem; font-weight: 750; }
.team-vacation-months { margin-top: .85rem; }
.team-vacation-months > summary { width: max-content; color: var(--brand-dark); font-weight: 850; cursor: pointer; }
.team-vacation-month-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-top: .65rem; }
.team-vacation-month { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; }
.team-vacation-month h4 { margin: 0; background: var(--accent); padding: .62rem .7rem; text-align: center; }
.team-vacation-month-weekdays, .team-vacation-month-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.team-vacation-month-weekdays span { padding: .35rem .1rem; color: var(--muted); font-size: .6rem; font-weight: 850; text-align: center; }
.team-vacation-month-day { display: grid; align-content: start; gap: .12rem; min-width: 0; min-height: 62px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); padding: .22rem; }
.team-vacation-month-day:last-child { border-right: 0; }
.team-vacation-month-day.outside-month { background: #f7f8f8; }
.team-vacation-month-day.is-today { box-shadow: inset 0 0 0 2px var(--brand); }
.team-vacation-month-day > strong { color: var(--muted); font-size: .62rem; }
.team-vacation-month-day > span { overflow: hidden; border-radius: 4px; background: #e6f1fb; padding: .1rem .16rem; color: var(--brand-dark); font-size: .52rem; font-weight: 750; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.calendar-invitee-options { overflow: auto; max-height: 13rem; border: 1px solid var(--line); border-radius: 9px; background: white; padding: .45rem .6rem; }
.calendar-invitee-options > div { display: grid; gap: .18rem; }
.calendar-invitee-options label { display: flex; align-items: center; gap: .5rem; margin: 0; border-radius: 6px; padding: .35rem .25rem; font-weight: 650; }
.calendar-invitee-options label:hover { background: var(--accent); }
.calendar-invitee-options label:has(input:checked) { background: #e6f1fb; color: var(--brand-dark); }
.calendar-invitee-options input { flex: 0 0 auto; width: 1.1rem; height: 1.1rem; margin: 0; accent-color: var(--brand); }
.calendar-course-clients-field { display: grid; gap: .45rem; }
.calendar-course-clients-field[hidden], .manage-calendar-course-field[hidden] { display: none; }
.calendar-course-client-options { overflow: auto; max-height: 17rem; border: 1px solid var(--line); border-radius: 9px; background: white; padding: .45rem .6rem; }
.calendar-course-client-options > div { display: grid; gap: .18rem; }
.calendar-course-client-options label { display: flex; align-items: center; gap: .5rem; margin: 0; border-radius: 6px; padding: .35rem .25rem; font-weight: 650; }
.calendar-course-client-options label:hover { background: var(--accent); }
.calendar-course-client-options input { width: auto; margin: 0; }
.calendar-course-client-count { color: var(--brand); font-weight: 800; }
.calendar-absence { display: block; overflow: hidden; margin-top: .2rem; border-radius: 4px; background: #fdeaea; padding: .14rem .25rem; color: #8f2929; font-size: .62rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.calendar-school-holidays { display: flex; flex-wrap: wrap; gap: .18rem; min-width: 0; }
.calendar-school-holidays:empty { display: none; }
.calendar-school-holiday { display: inline-flex; overflow: hidden; width: max-content; max-width: 100%; border: 1px solid #ccd7e3; border-radius: 999px; background: #f5f7fa; padding: .1rem .34rem; color: #64748b; font-size: .58rem; font-weight: 750; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.calendar-school-holiday.state-nrw { border-style: dashed; }
.calendar-leadership-vacations { display: flex; flex-wrap: wrap; gap: .18rem; min-width: 0; margin-top: .16rem; }
.calendar-leadership-vacations:empty { display: none; }
.calendar-leadership-vacation { display: inline-flex; align-items: center; gap: .25rem; overflow: hidden; width: max-content; max-width: 100%; border: 1px solid #d8e0e8; border-left: 3px solid #91a4b8; border-radius: 5px; background: #f6f8fa; padding: .1rem .3rem; color: #68788a; font-size: .58rem; font-weight: 760; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.calendar-leadership-vacation small { color: #778596; font-size: .54rem; font-weight: 650; }
.calendar-leadership-vacations.is-admin .calendar-leadership-vacation { display: grid; gap: .02rem; white-space: normal; }
.agenda-leadership-vacations { display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: .55rem; }
.calendar-entry-panel { border: 1px solid var(--line); border-radius: 14px; background: #fbfdfb; padding: 1rem; }
.calendar-entry-panel h3 { margin: .15rem 0 .9rem; }
.calendar-entry-collapsible { margin-top: 1rem; padding: 0; }
.calendar-entry-collapsible > summary { border-radius: 14px; background: var(--accent); padding: .85rem 1rem; color: var(--brand-dark); font-weight: 850; cursor: pointer; }
.calendar-entry-collapsible[open] > summary { border-bottom: 1px solid var(--line); border-radius: 14px 14px 0 0; }
.calendar-entry-content { max-width: 760px; padding: 1rem; }
.calendar-appointment-form { display: grid; gap: .8rem; }
.calendar-appointment-actions { align-items: stretch; }
.calendar-appointment-actions > * { flex: 1; text-align: center; }
.calendar-quota-field small, .confirmation-quota small { display: block; margin-top: .3rem; color: var(--muted); font-size: .75rem; line-height: 1.35; }
.calendar-conflict-alert { display: grid; gap: .6rem; border: 1px solid #df9c1c; border-left: 5px solid #df9c1c; border-radius: 10px; background: #fff7df; padding: .8rem; }
.calendar-conflict-alert > strong { color: #7a5505; font-size: 1.05rem; }
.calendar-conflict-alert p, .calendar-conflict-alert ul { margin: 0; }
.calendar-conflict-alert ul { padding-left: 1.2rem; font-size: .86rem; }
.calendar-conflict-alert.is-being-changed { border-color: var(--line); border-left-color: var(--muted); background: #f6f8f7; opacity: .72; }
.calendar-alternatives { display: grid; gap: .35rem; border-top: 1px solid rgba(122, 85, 5, .2); padding-top: .6rem; }
.calendar-alternatives > span { color: #7a5505; font-size: .78rem; font-weight: 800; }
.calendar-alternative { border: 1px solid #e5c36f; border-radius: 7px; background: white; padding: .45rem .55rem; color: var(--ink); font: inherit; font-size: .78rem; font-weight: 700; text-align: left; cursor: pointer; }
.calendar-alternative:hover { border-color: var(--brand); background: var(--accent); }
.calendar-time-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.employee-calendar-main { min-width: 0; overflow-x: auto; }
.employee-calendar-toolbar { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: .75rem; }
.employee-calendar-toolbar h3 { margin: 0; text-align: center; }
.admin-calendar-month-picker { display: flex; align-items: center; gap: .55rem; }
.admin-calendar-month-picker label { margin: 0; white-space: nowrap; }
.admin-calendar-month-picker select { min-width: 180px; }
.admin-calendar-week-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0 1.25rem; }
.admin-calendar-week { overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: white; }
.admin-calendar-week > header { display: flex; align-items: center; justify-content: space-between; gap: .8rem; background: var(--accent); padding: .85rem 1rem; }
.admin-calendar-week > header h3 { margin: .12rem 0 0; }
.admin-week-totals { display: flex; gap: .7rem; color: var(--muted); font-size: .78rem; }
.admin-week-totals span { display: grid; text-align: right; }
.admin-week-totals strong { color: var(--ink); font-size: 1.05rem; }
.admin-calendar-week-days { display: grid; }
.admin-calendar-week-day { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: .35rem .65rem; min-height: 58px; border-top: 1px solid var(--line); padding: .55rem .7rem; }
.admin-calendar-week-day.is-today { background: #edf4fb; box-shadow: inset 4px 0 0 var(--brand); }
.admin-calendar-week-day > div:first-child { display: grid; align-content: start; }
.admin-calendar-week-day > div:first-child span, .admin-calendar-week-day small { color: var(--muted); font-size: .7rem; }
.admin-calendar-week-day .admin-calendar-day-content { display: grid; gap: .2rem; min-width: 0; }
.admin-calendar-week-day .admin-calendar-day-content > div:last-child { display: grid; gap: .2rem; }
.admin-calendar-week-day a, .admin-calendar-week-day .admin-calendar-day-content > div:last-child > span { color: var(--ink); font-size: .76rem; text-decoration: none; }
.admin-calendar-week-day a:hover { color: var(--brand); text-decoration: underline; }
.employee-month-calendar { min-width: 720px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: white; }
.employee-calendar-weekdays, .employee-calendar-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.employee-calendar-weekdays { background: var(--accent); }
.employee-calendar-weekdays span { padding: .55rem .3rem; color: var(--brand-dark); font-size: .76rem; font-weight: 800; text-align: center; }
.employee-calendar-day { min-height: 118px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); padding: .38rem; cursor: cell; }
.employee-calendar-day:last-child { border-right: 0; }
.employee-calendar-date { display: inline-flex; align-items: center; justify-content: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; color: var(--muted); font-size: .78rem; font-weight: 750; }
.employee-calendar-day > .calendar-school-holidays { margin-top: .15rem; }
.employee-calendar-day.is-today { box-shadow: inset 0 0 0 2px var(--brand); }
.employee-calendar-day.is-today .employee-calendar-date { color: white; background: var(--brand); }
.employee-calendar-events { display: grid; gap: .28rem; margin-top: .25rem; }
.calendar-month-event-summary { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: .28rem; padding: .27rem .34rem; }
.calendar-month-event-summary > strong { color: var(--brand-dark); font-size: .65rem; }
.calendar-month-event-summary > span { color: var(--ink); font-size: .66rem; font-weight: 750; text-overflow: ellipsis; }
.calendar-drag-hint { margin: .45rem 0 .1rem; color: var(--muted); font-size: .7rem; }
.employee-calendar-event.is-draggable { cursor: grab; }
.employee-calendar-event.is-draggable:active { cursor: grabbing; }
.employee-calendar-event.is-dragging { opacity: .42; transform: scale(.98); }
.employee-calendar-day.is-drop-target { outline: 3px dashed var(--brand); outline-offset: -4px; background: #edf6ff; }
.calendar-move-dialog { width: min(520px, calc(100vw - 2rem)); border: 0; border-radius: 18px; padding: 0; box-shadow: 0 24px 70px rgba(12, 35, 27, .28); }
.calendar-move-dialog::backdrop { background: rgba(11, 30, 24, .48); backdrop-filter: blur(2px); }
.calendar-move-dialog form { display: grid; gap: .9rem; margin: 0; padding: 1.2rem; }
.calendar-move-dialog h3 { margin: .1rem 0 .35rem; }
.calendar-move-dialog p { margin: 0; }
.calendar-move-dialog small { color: var(--muted); }
.calendar-move-scope { display: grid; gap: .5rem; }
.calendar-move-error { border-radius: 9px; background: #fde8e8; padding: .65rem; color: var(--red); font-size: .76rem; font-weight: 750; }
.employee-mobile-calendar-list, .agenda-mobile-event-list { display: none; }
.employee-mobile-calendar-list { gap: .65rem; }
.employee-mobile-calendar-heading { display: flex; align-items: baseline; justify-content: space-between; gap: .65rem; }
.employee-mobile-calendar-heading h3 { margin: 0; }
.employee-mobile-calendar-heading span { color: var(--muted); font-size: .76rem; }
.employee-mobile-calendar-day { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; }
.employee-mobile-calendar-day > header { display: flex; align-items: center; justify-content: space-between; gap: .6rem; background: var(--accent); padding: .65rem .75rem; }
.employee-mobile-calendar-day > header div { display: flex; align-items: center; gap: .45rem; min-width: 0; }
.employee-mobile-calendar-day > header span { color: var(--muted); font-size: .72rem; }
.employee-mobile-calendar-day > header small { color: var(--brand-dark); font-size: .68rem; font-weight: 800; }
.employee-mobile-calendar-events { display: grid; }
.employee-mobile-calendar-event { display: grid; gap: .16rem; border-top: 1px solid var(--line); border-left: 4px solid #d79a12; padding: .65rem .75rem; color: var(--ink); text-decoration: none; }
.employee-mobile-calendar-event:first-child { border-top: 0; }
.employee-mobile-calendar-event strong { font-size: .84rem; }
.employee-mobile-calendar-event span { color: var(--muted); font-size: .7rem; line-height: 1.35; }
.calendar-actual-time { display: block; color: #146c4a !important; font-size: .66rem !important; font-weight: 800; line-height: 1.35; white-space: normal !important; }
.employee-mobile-calendar-event.status-completed { border-left-color: #1c9b62; background: #f4fbf7; }
.employee-mobile-calendar-event.status-cancelled { border-left-color: #c84545; background: #fff7f7; text-decoration: line-through; }
.employee-mobile-calendar-empty { border: 1px dashed var(--line); border-radius: 12px; padding: .9rem; color: var(--muted); text-align: center; }
.agenda-mobile-event-list { gap: .5rem; padding: .8rem; }
.agenda-mobile-event-list .employee-mobile-calendar-event { border: 1px solid var(--line); border-left-width: 4px; border-radius: 9px; background: white; }
.calendar-more-events { display: flex; align-items: center; justify-content: center; gap: .35rem; width: 100%; min-height: 55px; margin-top: .2rem; border: 1px solid #b7cde3; border-radius: 8px; background: var(--accent); color: var(--brand-dark); font: inherit; cursor: pointer; }
.calendar-more-events:hover { border-color: var(--brand); background: #d8e8f8; }
.calendar-more-events strong { font-size: 1.2rem; }
.calendar-more-events span { font-size: .72rem; font-weight: 800; }
.calendar-team-comparison { margin-top: 1rem; border: 1px solid var(--line); border-radius: 14px; background: #fbfdfb; padding: 1rem; }
.calendar-comparison-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.calendar-comparison-heading h3 { margin: .12rem 0 .2rem; }
.calendar-comparison-legend span { display: inline-flex; border: 1px solid #d89c2f; border-radius: 999px; background: #fff4d7; padding: .24rem .5rem; color: #76510b; font-size: .66rem; font-weight: 800; }
.calendar-comparison-scroll { overflow-x: auto; }
.calendar-comparison-grid { display: grid; min-width: calc(105px + var(--calendar-people-count) * 220px); grid-template-columns: 105px repeat(var(--calendar-people-count), minmax(210px, 1fr)); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: white; }
.calendar-comparison-grid > * { min-width: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.calendar-comparison-corner, .calendar-comparison-person { background: var(--accent); padding: .65rem .7rem; }
.calendar-comparison-corner { color: var(--muted); font-size: .7rem; font-weight: 800; }
.calendar-comparison-person { display: grid; gap: .08rem; }
.calendar-comparison-person.is-self { background: #e4f0fb; }
.calendar-comparison-person small { color: var(--muted); font-size: .62rem; }
.calendar-comparison-date { display: grid; align-content: start; gap: .08rem; padding: .65rem .7rem; background: #f8fafc; }
.calendar-comparison-date span { color: var(--muted); font-size: .68rem; }
.calendar-comparison-date.is-today { box-shadow: inset 4px 0 0 var(--brand); background: #edf4fb; }
.calendar-comparison-cell { display: grid; align-content: start; gap: .35rem; padding: .48rem; }
.calendar-comparison-cell.is-self { background: #fbfdff; }
.calendar-comparison-event { display: grid; gap: .1rem; border-left: 3px solid #d79a12; border-radius: 7px; background: #fff3d2; padding: .4rem .48rem; }
.calendar-comparison-event strong { font-size: .7rem; line-height: 1.3; }
.calendar-comparison-event span, .calendar-comparison-event small { color: var(--muted); font-size: .62rem; line-height: 1.3; }
.calendar-comparison-event.is-overlap { border: 1px solid #d89c2f; border-left-width: 4px; background: #fff0c5; }
.calendar-comparison-event.is-overlap small { color: #80560a; font-weight: 800; }
.calendar-comparison-event.status-completed { border-left-color: #1c9b62; background: #e9f8f0; }
.calendar-comparison-event.status-cancelled { border-left-color: #c84545; background: #fdeaea; text-decoration: line-through; }
.calendar-comparison-free { color: var(--muted); font-size: .68rem; }
.calendar-comparison-empty { grid-column: 1 / -1; padding: 1rem; color: var(--muted); text-align: center; }
.employee-calendar-event { display: grid; gap: .08rem; overflow: hidden; border-left: 3px solid #d79a12; border-radius: 6px; background: #fff0c7; padding: .34rem .4rem; color: var(--ink); font-size: .7rem; line-height: 1.25; text-decoration: none; }
.employee-calendar-event:hover { filter: brightness(.97); }
.employee-calendar-event strong { font-size: .72rem; }
.employee-calendar-event span { overflow: hidden; color: var(--muted); font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-calendar-event-main-link { display: grid; gap: .08rem; color: inherit; text-decoration: none; }
.admin-calendar-event-main-link span { display: block; }
.employee-calendar-event.status-completed { border-left-color: #1c9b62; background: #dcf4e8; }
.employee-calendar-event.status-cancelled { border-left-color: #c84545; background: #fde2e2; text-decoration: line-through; }
.admin-month-calendar .employee-calendar-event.invited-employee-event { border-left-color: #2f75b5; background: #e6f1fb; }
.teams-join-link { display: inline-flex; width: max-content; margin-top: .2rem; border-radius: 999px; background: #5146a8; padding: .18rem .45rem; color: #fff !important; font-size: .68rem !important; font-weight: 700; text-decoration: none; }
.teams-join-link:hover { background: #3f368a; }
.calendar-online-field[hidden] { display: none !important; }
.calendar-day-dialog { width: min(860px, 92vw); max-height: 90vh; border: 0; border-radius: 16px; padding: 0; box-shadow: 0 24px 70px rgba(12, 35, 27, .28); }
.calendar-day-dialog::backdrop { background: rgba(11, 30, 24, .48); backdrop-filter: blur(2px); }
.calendar-day-dialog-heading { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); background: white; padding: 1rem 1.2rem; }
.calendar-day-dialog-heading h3 { margin: .1rem 0 0; }
.calendar-day-timeline { display: grid; grid-template-columns: 68px minmax(0, 1fr); height: 960px; margin: 1rem; }
.calendar-time-labels, .calendar-timeline-events { position: relative; height: 960px; }
.calendar-time-labels span { position: absolute; top: var(--slot-top); right: .65rem; transform: translateY(-.45em); color: var(--muted); font-size: .66rem; }
.calendar-time-labels span.is-full-hour { color: var(--ink); font-size: .72rem; font-weight: 800; }
.calendar-timeline-events { border: 1px solid var(--line); background: repeating-linear-gradient(to bottom, #fff 0, #fff 29px, #e7ece9 29px, #e7ece9 30px); }
.calendar-timeline-event { position: absolute; top: var(--event-top); left: var(--event-left); width: calc(var(--event-width) - 6px); height: var(--event-height); min-height: 30px; overflow: hidden; border: 1px solid #dfb84e; border-left: 4px solid #d79a12; border-radius: 7px; background: #fff0c7; padding: .38rem .45rem; color: var(--ink); font-size: .72rem; line-height: 1.25; text-decoration: none; }
.calendar-timeline-event strong, .calendar-timeline-event span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.calendar-timeline-event span { color: var(--muted); font-size: .65rem; }
.calendar-timeline-event.status-completed { border-color: #66b991; background: #dcf4e8; }
.calendar-timeline-event.status-cancelled { border-color: #db8585; background: #fde2e2; text-decoration: line-through; }
.employee-agenda-card { overflow: hidden; }
.employee-agenda-heading { align-items: flex-start; }
.employee-week-fls-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin-bottom: 1rem; }
.employee-week-fls-overview > div, .employee-week-fls-overview > a { display: grid; gap: .12rem; border: 1px solid var(--line); border-top: 4px solid #94a3b8; border-radius: 11px; background: #fbfdfb; padding: .7rem .8rem; color: var(--ink); text-decoration: none; }
.employee-week-fls-overview > .traffic-green { border-top-color: #1c9b62; }
.employee-week-fls-overview > .traffic-red { border-top-color: #c84545; }
.employee-week-fls-overview span, .employee-week-fls-overview small { color: var(--muted); font-size: .7rem; line-height: 1.3; }
.employee-week-fls-overview strong { font-size: 1.3rem; }
.employee-agenda-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(290px, .65fr); align-items: start; gap: 1.2rem; }
.employee-day-agenda { min-width: 0; overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; background: #fbfdfb; }
.agenda-day-timeline { min-width: 520px; margin: .8rem; }
.agenda-absence-banner { margin: .8rem .8rem 0; border-left: 5px solid #c84545; border-radius: 8px; background: #fdeaea; padding: .72rem .85rem; color: #8f2929; }
.agenda-school-holiday-hint { display: flex; align-items: center; gap: .45rem; margin: .7rem .8rem 0; color: var(--muted); font-size: .7rem; }
.agenda-school-holiday-hint > span { font-weight: 750; }
.agenda-empty-day { position: absolute; top: 32px; right: 24px; left: 24px; display: grid; gap: .2rem; border: 1px dashed var(--line); border-radius: 10px; background: rgba(248, 251, 249, .92); padding: .85rem; color: var(--muted); }
.agenda-empty-day strong { color: var(--ink); }
.employee-week-agenda { overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: white; }
.employee-week-heading { display: flex; align-items: center; justify-content: space-between; gap: .7rem; background: var(--accent); padding: .85rem 1rem; }
.employee-week-heading p { margin: 0; }
.employee-week-day { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: .65rem; border-top: 1px solid var(--line); padding: .7rem .8rem; }
.employee-week-day.is-today { border-left: 5px solid var(--brand); background: #f1f6fc; box-shadow: none; }
.employee-week-date { display: grid; align-content: start; gap: .12rem; }
.employee-week-date span { color: var(--muted); font-size: .74rem; }
.employee-week-events { display: grid; gap: .3rem; }
.week-event, .week-absence { display: block; overflow: hidden; border-left: 3px solid #d79a12; border-radius: 6px; background: #fff0c7; padding: .35rem .45rem; color: var(--ink); font-size: .73rem; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.week-event small { display: block; overflow: hidden; margin-top: .12rem; color: var(--muted); font-size: .66rem; text-overflow: ellipsis; }
.week-event.status-completed { border-color: #1c9b62; background: #dcf4e8; }
.week-event.status-cancelled { border-color: #c84545; background: #fde2e2; text-decoration: line-through; }
.week-absence.kind-sick { border-color: #c84545; background: #fdeaea; color: #8f2929; }
.week-absence.kind-vacation { border-color: var(--brand); background: var(--accent); color: var(--brand-dark); }
.week-empty { color: var(--muted); font-size: .76rem; }
.agenda-new-appointment-link { display: flex; margin-top: 1rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.agenda-form-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.agenda-notes-field { grid-column: 1 / -1; }
.agenda-invitees-field { grid-column: span 2; }
.internal-fls-credit-summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin: 1rem 0; border: 1px solid var(--line); border-left: 5px solid var(--brand); border-radius: 12px; background: #fbfdfb; padding: 1rem; }
.internal-fls-credit-summary h3 { margin: 0; }
.internal-credit-list { display: grid; min-width: 280px; gap: .35rem; }
.internal-credit-list span { display: grid; border-radius: 8px; background: white; padding: .5rem .65rem; }
.review-employee-groups { display: grid; gap: 1rem; }
.review-employee-group { padding: 0; }
.review-employee-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; list-style: none; padding: 1.15rem 1.25rem; }
.review-employee-group > summary::-webkit-details-marker { display: none; }
.review-employee-group > summary > span:first-child { display: grid; gap: .18rem; }
.review-overall-totals { margin-bottom: 1rem; }
.review-employee-heading-totals { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; }
.review-employee-heading-totals > span:not(.status-badge) { display: grid; min-width: 105px; gap: .08rem; text-align: right; }
.review-employee-heading-totals small { color: var(--muted); font-size: .7rem; font-weight: 650; }
.review-employee-heading-totals strong { white-space: nowrap; }
.review-employee-content { border-top: 1px solid var(--line); padding: 1.15rem 1.25rem; }
.admin-week-absence-grid { display: grid; grid-template-columns: repeat(7, minmax(120px, 1fr)); gap: .5rem; overflow-x: auto; }
.admin-employee-fls-summary-table { min-width: 780px; font-size: .84rem; }
.admin-employee-fls-summary-table td:first-child { min-width: 190px; }
.admin-employee-fls-summary-table td:first-child small { display: block; margin-top: .18rem; color: var(--muted); font-size: .66rem; }
.admin-employee-fls-summary-table .traffic-cell-green, .admin-employee-fls-summary-table .traffic-cell-red, .admin-employee-fls-summary-table .traffic-cell-neutral { border-left-width: 5px; border-left-style: solid; }
.security-note { margin-top: 1rem; color: var(--muted); font-size: .82rem; }
.remember-login-option { display: flex; align-items: flex-start; gap: .6rem; margin: .45rem 0 0; line-height: 1.45; cursor: pointer; }
.remember-login-option input[type="checkbox"] { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; margin: .15rem 0 0; padding: 0; accent-color: var(--brand); }
.login-legal-links { display: flex; align-items: center; justify-content: center; gap: .45rem 1rem; flex-wrap: wrap; margin-top: 1.15rem; border-top: 1px solid var(--line); padding-top: 1rem; font-size: .82rem; }
.login-legal-links a { font-weight: 700; }
.legal-footer { display: flex; align-items: center; justify-content: center; gap: .55rem 1.15rem; flex-wrap: wrap; width: min(1180px, 92vw); margin: 0 auto 1.5rem; border-top: 1px solid var(--line); padding: 1.1rem 0 0; color: var(--muted); font-size: .78rem; }
.legal-footer a { color: var(--muted); font-weight: 700; }
.legal-page { max-width: 1040px; margin-inline: auto; }
.legal-page-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; }
.legal-card, .legal-summary, .legal-toc { border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: 0 12px 34px rgba(25, 50, 39, .05); }
.legal-card { margin-bottom: 1rem; padding: 1.4rem 1.55rem; scroll-margin-top: 1rem; }
.legal-card h2 { margin-bottom: .75rem; color: var(--brand-dark); font-size: 1.35rem; }
.legal-card h3 { margin: 1.25rem 0 .5rem; font-size: 1.05rem; }
.legal-card p, .legal-card li, .legal-summary p { line-height: 1.65; }
.legal-card p:last-child, .legal-summary p:last-child { margin-bottom: 0; }
.legal-card address { font-style: normal; line-height: 1.7; }
.legal-card ul, .legal-card ol { padding-left: 1.35rem; }
.legal-card li + li { margin-top: .35rem; }
.legal-summary { margin-bottom: 1rem; border-left: 6px solid var(--brand); background: linear-gradient(135deg, #fff, var(--accent)); padding: 1.45rem 1.55rem; }
.legal-summary h2 { margin: .25rem 0 .65rem; color: var(--brand-dark); }
.legal-toc { display: flex; align-items: center; gap: .45rem 1rem; flex-wrap: wrap; margin-bottom: 1rem; padding: 1rem 1.25rem; }
.legal-toc a { font-weight: 700; }
.legal-table-wrap { overflow-x: auto; margin: .75rem 0 1.1rem; border: 1px solid var(--line); border-radius: 12px; }
.legal-table { min-width: 860px; background: white; }
.legal-table th { background: var(--soft); color: var(--brand-dark); }
.legal-table td { font-size: .9rem; line-height: 1.5; }
.legal-table td:first-child { width: 20%; }
.legal-table td:nth-child(2) { width: 50%; }
.legal-steps { display: grid; gap: .45rem; counter-reset: legal-step; list-style: none; padding-left: 0 !important; }
.legal-steps li { position: relative; min-height: 2.4rem; padding: .55rem .65rem .55rem 3.15rem; border-radius: 10px; background: var(--soft); counter-increment: legal-step; }
.legal-steps li::before { position: absolute; top: .52rem; left: .65rem; display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 50%; background: var(--brand); color: white; content: counter(legal-step); font-weight: 850; }
.client-signature-explainer { border-color: #a9c4e0; }
.server-location-badge { display: inline-flex; align-items: center; gap: .55rem; margin-bottom: .55rem; border-radius: 999px; background: #eaf5ef; padding: .5rem .85rem; color: #155e42; }
.server-location-badge span { color: #19a56a; }
.legal-updated { margin: 1.25rem 0 0; color: var(--muted); text-align: right; font-size: .8rem; }
.two-factor-card, .password-change-card { max-width: 860px; margin-inline: auto; }
.two-factor-setup-grid { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(280px, 1.2fr); gap: 1.5rem; align-items: center; margin-top: 1.2rem; }
.qr-panel { display: grid; justify-items: center; gap: .45rem; border: 1px solid var(--line); border-radius: 14px; background: white; padding: 1rem; }
.qr-panel img { width: min(240px, 100%); height: auto; image-rendering: pixelated; }
.qr-panel span, .setup-steps { color: var(--muted); }
.setup-secret { display: block; overflow-wrap: anywhere; margin: .45rem 0 1rem; border-radius: 8px; background: var(--accent); padding: .8rem; color: var(--brand-dark); font-size: 1rem; font-weight: 800; letter-spacing: .08em; }
.two-factor-code-form { margin-top: 1rem; }
.backup-code-grid { display: grid; grid-template-columns: repeat(4, minmax(100px, 1fr)); gap: .65rem; margin: 1rem 0 1.25rem; }
.backup-code-grid code { border: 1px solid var(--line); border-radius: 8px; background: var(--soft); padding: .7rem; text-align: center; font-size: 1rem; font-weight: 800; letter-spacing: .08em; }
.account-table { min-width: 1050px; }
.account-table td:first-child small { display: block; margin-top: .2rem; color: #9c2d2d; font-size: .7rem; }
.account-form { max-width: 900px; margin-inline: auto; }
.account-link { color: #e1effc; font-size: .76rem; font-weight: 700; white-space: nowrap; }
.admin-week-absence-day { min-width: 120px; border: 1px solid var(--line); border-radius: 10px; background: #fbfdfb; padding: .65rem; }
.admin-week-absence-day.is-today { border-color: var(--brand); box-shadow: inset 0 0 0 2px rgba(45, 110, 172, .16); }
.admin-week-absence-day > div { display: flex; justify-content: space-between; gap: .35rem; margin-bottom: .5rem; }
.admin-week-absence-day > div span { color: var(--muted); font-size: .72rem; }
.absence-review-count { border-left: 4px solid var(--brand); border-radius: 8px; background: var(--accent); padding: .7rem .85rem; }
.admin-absence-person { display: grid; gap: .08rem; margin-top: .3rem; border-left: 3px solid #94a3b8; border-radius: 6px; background: #f2f5f3; padding: .35rem; font-size: .68rem; }
.admin-absence-person small { font-size: .61rem; }
.admin-absence-person.kind-sick { border-color: #c84545; background: #fdeaea; color: #8f2929; }
.admin-absence-person.kind-vacation { border-color: var(--brand); background: var(--accent); color: var(--brand-dark); }
.admin-weekly-fls-table { min-width: 1080px; font-size: .82rem; }
.admin-weekly-fls-table th, .admin-weekly-fls-table td { padding: .68rem .72rem; vertical-align: middle; }
.admin-weekly-fls-table thead tr:first-child th:not(:first-child) { border-left: 2px solid #b9cec4; text-align: center; }
.admin-weekly-fls-table thead tr:nth-child(2) th:nth-child(4),
.admin-weekly-fls-table thead tr:nth-child(2) th:nth-child(7) { border-left: 2px solid #b9cec4; }
.admin-weekly-fls-table tbody td:nth-child(5),
.admin-weekly-fls-table tbody td:nth-child(8),
.admin-weekly-fls-table tfoot td:nth-child(5),
.admin-weekly-fls-table tfoot td:nth-child(8) { border-left: 2px solid #d7e2dc; }
.admin-weekly-fls-table th small, .admin-weekly-fls-table td small { display: block; margin-top: .15rem; color: var(--muted); font-size: .68rem; font-weight: 600; }
.admin-weekly-fls-table tfoot th, .admin-weekly-fls-table tfoot td { border-top: 2px solid var(--brand); background: var(--accent); }
.admin-employee-quick-list { display: grid; gap: .7rem; }
.admin-employee-quick-row { display: grid; grid-template-columns: minmax(150px, .55fr) minmax(220px, 1fr) minmax(0, 1.45fr); align-items: stretch; gap: .8rem; border: 1px solid var(--line); border-radius: 12px; background: #fbfdfb; padding: .8rem; }
.admin-employee-quick-person { display: grid; align-content: center; gap: .16rem; }
.admin-employee-quick-person > a { color: var(--brand-dark); font-size: .96rem; text-decoration: none; }
.admin-employee-quick-person > a:hover { text-decoration: underline; }
.admin-employee-quick-person > span { color: var(--ink); font-size: .8rem; }
.admin-employee-quick-person > span b { font-size: 1.22rem; }
.admin-employee-quick-person > small, .admin-employee-quick-label { color: var(--muted); font-size: .68rem; font-weight: 700; }
.admin-employee-quick-clients { display: grid; align-content: center; gap: .32rem; min-width: 0; }
.admin-employee-quick-clients > div { display: flex; flex-wrap: wrap; gap: .3rem; }
.admin-employee-client-chip-wrap { display: grid; align-content: start; overflow: hidden; border: 1px solid #c7d8e9; border-radius: 8px; background: white; }
.admin-employee-client-chip-wrap.is-paused { border-style: dashed; background: #f1f4f7; }
.admin-employee-client-chip { display: grid; gap: .04rem; border: 1px solid #c7d8e9; border-radius: 8px; background: white; padding: .28rem .42rem; color: var(--ink); font-size: .7rem; line-height: 1.2; text-decoration: none; }
.admin-employee-client-chip-wrap .admin-employee-client-chip { border: 0; border-radius: 0; background: transparent; }
.admin-employee-client-chip:hover { border-color: var(--brand); background: var(--accent); }
.admin-employee-client-chip small { color: var(--muted); font-size: .6rem; }
.representation-load-form { border-top: 1px solid var(--line); padding: .22rem .42rem; }
.representation-load-form .link-button { color: var(--brand-dark); font-size: .6rem; font-weight: 800; }
.admin-employee-quick-empty { color: var(--muted); font-size: .72rem; }
.admin-employee-quick-weeks { display: grid; min-width: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; }
.admin-employee-quick-week { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: white; }
.admin-employee-quick-week.is-current { border-color: #8eb3d7; box-shadow: inset 0 3px 0 var(--brand); }
.admin-employee-quick-week header { display: grid; gap: .05rem; border-bottom: 1px solid var(--line); background: var(--soft); padding: .42rem .5rem; }
.admin-employee-quick-week.is-current header { background: var(--accent); }
.admin-employee-quick-week header strong { font-size: .7rem; }
.admin-employee-quick-week header small { color: var(--muted); font-size: .58rem; }
.admin-employee-quick-week > div { display: grid; grid-template-columns: 1fr 1fr; gap: .3rem; padding: .45rem .5rem; }
.admin-employee-quick-week > div span { display: grid; gap: .04rem; color: var(--muted); font-size: .62rem; }
.admin-employee-quick-week > div b { color: var(--ink); font-size: .92rem; }
.attention-button { border-color: #c84545; color: #9f2f2f; }
.assignment-queue-summary { margin-bottom: 1rem; }
.assignment-queue-group { margin-top: 1rem; }
.assignment-queue-group.is-selected { border: 2px solid #d99d13; box-shadow: 0 14px 34px rgba(217, 157, 19, .12); }
.assignment-bulk-form { display: grid; min-width: min(100%, 420px); gap: .45rem; }
.assignment-bulk-form label { color: var(--muted); font-size: .78rem; font-weight: 800; }
.assignment-inline-form { display: flex; align-items: center; gap: .5rem; }
.assignment-inline-form select { min-width: 210px; }
.assignment-close-form { white-space: nowrap; }
.assignment-queue-table td small { display: block; margin-top: .15rem; color: var(--muted); }
.handover-map-card { margin-top: 1.4rem; }
.handover-case-symbol { display: inline-block; width: 15px; height: 15px; border: 3px solid white; border-radius: 50%; background: #c84545; box-shadow: 0 0 0 1px #8e2f2f; }
#handover-map { width: 100%; height: min(58vh, 610px); min-height: 430px; border-block: 1px solid var(--line); background: #e6eee9; }
.handover-workload-section, .handover-decision-section { margin-top: 1.4rem; }
.handover-workload-table { min-width: 900px; }
.handover-capacity-bar { width: 150px; height: 8px; margin-top: .32rem; overflow: hidden; border-radius: 999px; background: #e6ece8; }
.handover-capacity-bar span { display: block; min-width: 2px; height: 100%; border-radius: inherit; background: #94a3b8; }
.handover-capacity-bar span.traffic-green { background: #1c9b62; }
.handover-capacity-bar span.traffic-yellow { background: #e6a817; }
.handover-capacity-bar span.traffic-red { background: #c84545; }
.handover-evaluation-list { display: grid; gap: .8rem; }
.handover-evaluation { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.handover-evaluation[open] { border-color: #9fbeda; box-shadow: 0 6px 18px rgba(45, 110, 172, .1); }
.handover-evaluation > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; background: #fbfdfb; cursor: pointer; }
.handover-evaluation > summary > span:first-child { display: grid; gap: .2rem; }
.handover-evaluation > summary small, .handover-evaluation table small { display: block; margin-top: .18rem; color: var(--muted); }
.handover-evaluation table { min-width: 1180px; }
.handover-evaluation td { vertical-align: middle; }
.test-client-row { background: #fffaf0; }
.test-data-badge { display: inline-block; margin-left: .3rem; border-radius: 999px; background: #6846b7; padding: .18rem .42rem; color: white; font-size: .65rem; font-weight: 850; letter-spacing: .04em; }
.test-client-notice { border-left: 5px solid #6846b7; background: #f2edff; }
.hours-entry-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 1rem; }
.hours-entry-panel { min-width: 0; border: 1px solid var(--line); border-radius: 14px; background: #fbfdfb; padding: 1rem; }
.hours-entry-panel h3 { margin: .15rem 0 .8rem; }
.hours-manual-form { display: grid; gap: .9rem; }
.hours-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.hours-form-grid > div:first-child, .hours-form-grid > div:nth-child(2), .hours-notes-field { grid-column: 1 / -1; }
.hours-activities-field, .confirmation-activities { grid-column: 1 / -1; }
.form-help { display: block; margin-top: .3rem; color: var(--muted); font-size: .74rem; line-height: 1.4; }
.activity-autocomplete-wrap { position: relative; }
.activity-terms-editor { display: grid; gap: .65rem; min-width: 0; }
.activity-terms-help, .activity-terms-limit { display: block; color: var(--muted); font-size: .76rem; line-height: 1.45; }
.activity-term-slot { display: grid; gap: .25rem; min-width: 0; }
.activity-term-heading { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.activity-term-heading label { margin: 0; font-size: .8rem; }
.activity-terms-editor .activity-add { width: 100%; padding: .55rem .65rem; text-align: left; white-space: normal; font-size: .8rem; }
.activity-terms-editor .activity-remove { width: auto; border: 0; background: transparent; padding: .25rem; color: var(--muted); font-size: .73rem; }
.activity-terms-summary { display: block; padding: .55rem .65rem; border-radius: 8px; background: var(--accent); font-size: .8rem; overflow-wrap: anywhere; }
.activity-legacy-note { display: block; color: #794c00; background: #fff6df; padding: .5rem; border-radius: 8px; font-size: .78rem; }
.activity-terms-editor [hidden] { display: none !important; }
.service-sheet-activity-cell .activity-terms-editor { gap: .4rem; }
.service-sheet-activity-cell .activity-terms-help, .service-sheet-activity-cell .activity-terms-limit { font-size: 10px; }
.service-sheet-activity-cell .activity-term-heading label, .service-sheet-activity-cell .activity-terms-summary { font-size: 11px; }
.service-sheet-activity-cell .activity-terms-editor .activity-add { font-size: 11px; }
.activity-suggestion-menu { position: absolute; z-index: 30; top: calc(100% + 4px); right: 0; left: 0; overflow: hidden; border: 1px solid #acc7e1; border-radius: 9px; background: white; box-shadow: 0 12px 26px rgba(23, 40, 61, .16); }
.activity-suggestion-menu[hidden] { display: none; }
.activity-suggestion-menu button { display: block; width: 100%; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: white; padding: .6rem .7rem; color: var(--ink); font-weight: 650; text-align: left; }
.activity-suggestion-menu button:last-child { border-bottom: 0; }
.activity-suggestion-menu button:hover, .activity-suggestion-menu button:focus { background: var(--accent); }
.duration-preview { display: flex; flex-direction: column; justify-content: center; gap: .2rem; border: 1px solid #c5d8eb; border-radius: 9px; background: var(--accent); padding: .55rem .7rem; }
.duration-preview span { color: var(--muted); font-size: .73rem; font-weight: 650; }
.duration-preview output { color: var(--brand-dark); font-size: 1.05rem; font-weight: 800; }
.planned-confirmation-list { display: grid; gap: .75rem; margin-top: .8rem; }
.planned-confirmation-card { border: 1px solid var(--line); border-radius: 11px; background: white; padding: .85rem; }
.planned-confirmation-card.is-upcoming { background: #f6f8f7; }
.planned-confirmation-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .7rem; }
.planned-confirmation-heading > div { display: grid; gap: .15rem; }
.planned-confirmation-heading > div span, .upcoming-note { color: var(--muted); font-size: .82rem; }
.planned-confirmation-form { display: grid; gap: .75rem; margin-top: .75rem; border-top: 1px solid var(--line); padding-top: .75rem; }
.calendar-carryover-field, .manage-calendar-carryover-field, .confirmation-carryover { border: 1px solid #b8d3ed; border-radius: 9px; background: #f1f7fd; padding: .65rem .75rem; }
.calendar-carryover-field[hidden] { display: none; }
.choice-row { display: flex; align-items: center; gap: .55rem; margin: 0; font-weight: 750; }
.choice-row input { width: auto; margin: 0; }
.calendar-carryover-balance { display: block; margin-top: .35rem; color: var(--brand); font-weight: 800; }
.calendar-billing-rule,
.confirmation-policy,
.confirmation-billing-decision {
  display: grid;
  gap: .3rem;
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--accent);
}
.calendar-billing-rule[hidden] { display: none; }
.calendar-billing-rule span,
.confirmation-policy span { color: var(--muted); }
.carryover-total { display: grid; min-width: 12rem; gap: .15rem; border: 1px solid #b8d3ed; border-radius: 10px; background: #f1f7fd; padding: .65rem .8rem; }
.carryover-total span, .carryover-total small, .fls-carryover-card td small { display: block; color: var(--muted); }
.carryover-total strong { color: var(--brand-dark); font-size: 1.25rem; }
.confirmation-question { margin: 0; font-weight: 800; }
.confirmation-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.confirmation-notes, .confirmation-cancel, .confirmation-quota,
.confirmation-policy, .confirmation-billing-decision { grid-column: 1 / -1; }
.confirmation-cancel { display: grid; gap: .45rem; padding-top: .7rem; border-top: 1px solid var(--line); }
.confirmation-cancel small { color: var(--muted); }
.confirmation-fields label { font-size: .78rem; }
.confirmation-fields input, .confirmation-fields textarea { padding: .55rem .6rem; }
.upcoming-note { margin: .65rem 0 0; }
.hours-entry-table { min-width: 1060px; font-size: .86rem; }
.hours-entry-table th, .hours-entry-table td { padding: .7rem .75rem; vertical-align: middle; }
.hours-keywords { min-width: 260px; white-space: normal; }
.hours-month-toolbar > div { text-align: center; }
.hours-month-toolbar h2 { margin: .15rem 0 0; }
.fls-performance-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0 1.2rem; }
.fls-performance-grid > div { display: grid; gap: .18rem; border: 1px solid var(--line); border-top: 4px solid #94a3b8; border-radius: 12px; background: #fbfdfb; padding: .8rem .9rem; }
.fls-performance-grid > div.traffic-green { border-top-color: #1c9b62; }
.fls-performance-grid > div.traffic-red { border-top-color: #c84545; }
.fls-performance-grid span, .fls-performance-grid small { color: var(--muted); font-size: .75rem; }
.fls-performance-grid strong { font-size: 1.25rem; }
.hours-client-list { display: grid; gap: .65rem; }
.hours-client-accordion { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; }
.hours-client-accordion[open] { border-color: #acc7e1; box-shadow: 0 6px 18px rgba(45, 110, 172, .1); }
.hours-client-accordion summary { display: grid; grid-template-columns: minmax(220px, 1.6fr) repeat(4, minmax(110px, .75fr)); align-items: center; gap: .8rem; padding: .85rem 1rem; cursor: pointer; list-style-position: inside; }
.hours-client-accordion summary:hover { background: var(--accent); }
.hours-client-accordion summary > span { display: grid; gap: .12rem; }
.hours-client-accordion summary small { color: var(--muted); font-size: .72rem; }
.hours-client-name { margin-right: auto; }
.hours-client-details { border-top: 1px solid var(--line); background: #fbfdfb; padding: 1rem; }
.hours-client-details h3 { margin: 1.2rem 0 .65rem; font-size: 1rem; }
.hours-client-details h3:first-child { margin-top: 0; }
.hours-detail-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.hours-detail-heading h3 { margin: 0; }
.planning-revenue { display: block; margin-top: .35rem; color: var(--muted); font-size: .7rem; white-space: normal; }
.planning-revenue.status-missing, .planning-revenue.status-ambiguous { color: #9c2d2d; }
.planning-forecast-total th, .planning-forecast-total td { border-top: 2px solid var(--brand); background: var(--accent); }
.planning-forecast-total td { text-align: right; }
.planning-forecast-total small, .admin-performance-table small, .admin-forecast-table small { display: block; margin-top: .18rem; color: var(--muted); font-size: .7rem; }
.admin-performance-table { min-width: 1450px; font-size: .82rem; }
.admin-performance-table th, .admin-performance-table td { padding: .68rem .72rem; vertical-align: middle; }
.admin-forecast-table { min-width: 820px; }
.admin-forecast-table td:not(:first-child), .admin-forecast-table th:not(:first-child) { text-align: right; }
.admin-forecast-table tfoot th, .admin-forecast-table tfoot td { border-top: 2px solid var(--brand); background: var(--accent); }
.traffic-text-green { color: #0f6842; }
.traffic-text-red { color: #9c2d2d; }
.traffic-card { border-top: 4px solid #94a3b8; }
.traffic-card.traffic-green { border-top-color: #1c9b62; }
.traffic-card.traffic-yellow { border-top-color: #e6a817; }
.traffic-card.traffic-red { border-top-color: #c84545; }
.section-heading-card { padding-bottom: 1rem; }
.case-month-accordion-list { display: grid; gap: .65rem; margin-top: 1rem; }
.case-month-accordion { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.case-month-accordion[open] { border-color: #acc7e1; box-shadow: 0 6px 18px rgba(45, 110, 172, .08); }
.case-month-accordion > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; cursor: pointer; color: var(--ink); }
.case-month-accordion > summary:hover { background: var(--accent); }
.case-month-accordion > summary span { color: var(--muted); font-size: .76rem; font-weight: 700; }
.case-month-accordion > .table-wrap { margin: 0; border-top: 1px solid var(--line); border-radius: 0; }
.case-section-accordion { padding: 0; overflow: hidden; }
.case-section-accordion > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.35rem; cursor: pointer; list-style-position: inside; }
.case-section-accordion > summary:hover { background: var(--accent); }
.case-section-accordion > summary > span:first-child { display: grid; gap: .18rem; }
.case-section-accordion > summary strong { font-size: 1.35rem; }
.case-section-accordion-hint { color: var(--brand); font-size: .78rem; font-weight: 800; }
.case-section-accordion-body { border-top: 1px solid var(--line); padding: 1.1rem 1.35rem 1.35rem; }
.case-section-accordion-body > .actions { justify-content: flex-end; margin-bottom: .8rem; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.section-heading h2 { margin: .15rem 0 0; }
.authorization-block { border-top: 1px solid var(--line); padding-top: 1.15rem; margin-top: 1.15rem; }
.authorization-form { gap: 1.2rem; }
.authorization-form-section { border: 1px solid var(--line); border-radius: 13px; background: #fbfdfb; padding: 1rem; }
.authorization-form-section .section-heading { align-items: flex-start; }
.authorization-fields-grid, .authorization-weekly-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem 1rem; }
.authorization-fields-grid p, .authorization-weekly-grid p { margin: 0; }
.authorization-weekly-grid p { border-left: 4px solid var(--brand); border-radius: 8px; background: white; padding: .8rem; }
.authorization-heading, .quota-title, .assignment-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.authorization-heading h3, .authorization-heading p { margin: 0; }
.authorization-heading p { color: var(--muted); margin-top: .25rem; }
.quota-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; margin-top: 1rem; }
.quota-card { border: 1px solid var(--line); border-left-width: 5px; border-radius: 13px; padding: 1rem; }
.traffic-border-green { border-left-color: #1c9b62; }
.traffic-border-yellow { border-left-color: #e6a817; }
.traffic-border-red { border-left-color: #c84545; }
.quota-title { justify-content: flex-start; }
.quota-title a { margin-left: auto; font-size: .86rem; }
.quota-numbers { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; margin: .9rem 0 .6rem; }
.quota-numbers span { display: grid; gap: .1rem; color: var(--muted); font-size: .8rem; }
.quota-numbers strong { color: var(--ink); font-size: 1.15rem; }
.quota-progress { height: 9px; overflow: hidden; border-radius: 99px; background: #e5ebe7; }
.quota-progress span { display: block; height: 100%; border-radius: inherit; background: var(--brand); }
.quota-foot { margin: .5rem 0 0; color: var(--muted); font-size: .84rem; }
.case-column-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 1.4rem; }
.case-column-grid > .card { min-width: 0; }
.compact-table th, .compact-table td { padding: .7rem .65rem; }
.three-month-calendar { display: grid; grid-template-columns: repeat(3, minmax(270px, 1fr)); gap: .8rem; overflow-x: auto; padding-bottom: .8rem; }
.calendar-month { min-width: 270px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.calendar-month h3 { margin: 0; padding: .7rem .75rem; background: var(--accent); font-size: .95rem; }
.calendar-weekdays, .calendar-week { display: grid; grid-template-columns: repeat(7, 1fr); }
.calendar-weekdays span { padding: .38rem .1rem; color: var(--muted); font-size: .68rem; font-weight: 750; text-align: center; }
.calendar-day { min-height: 54px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); padding: .22rem; overflow: hidden; }
.calendar-day:nth-child(7n) { border-right: 0; }
.calendar-date { display: block; color: var(--muted); font-size: .68rem; }
.outside-month { opacity: .35; background: #f6f8f7; }
.is-today { box-shadow: inset 0 0 0 2px var(--brand); }
.calendar-event { display: block; margin-top: .15rem; border-radius: 4px; padding: .12rem .2rem; color: var(--ink); font-size: .62rem; line-height: 1.2; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.assignment-list { display: grid; gap: .7rem; }
.assignment-row { border-bottom: 1px solid var(--line); padding-bottom: .7rem; }
.assignment-row:last-child { border-bottom: 0; }
.assignment-row div { display: grid; gap: .2rem; }
.assignment-row span { color: var(--muted); font-size: .85rem; }
.is-muted { opacity: .6; }
.status-badge { display: inline-block; border-radius: 999px; background: #eef2f0; padding: .25rem .52rem; font-size: .78rem; font-weight: 750; white-space: nowrap; }
.status-approved, .status-completed { color: #0f6842; background: #dcf4e8; }
.status-submitted, .status-planned { color: #7a5505; background: #fff0c7; }
.status-prepared { color: #315a7d; background: #eaf1f8; }
.status-sent { color: #0f6842; background: #dcf4e8; }
.status-failed { color: #9c2d2d; background: #fde2e2; }
.status-rejected, .status-cancelled { color: #9c2d2d; background: #fde2e2; }
.status-invoiced { color: #315a93; background: #e4edfb; }
.danger-link { color: #a92f2f; }
.documentation-list { display: grid; gap: .9rem; }
.documentation-entry { border-left: 4px solid var(--brand); border-radius: 8px; background: #f8fbf9; padding: .9rem 1rem; }
.documentation-entry p { margin: .65rem 0 0; }
.documentation-meta { display: flex; justify-content: space-between; gap: 1rem; }
.documentation-meta span, .empty-note { color: var(--muted); }
.documentation-photo { display: inline-grid; gap: .35rem; margin-top: .8rem; color: var(--brand); font-weight: 750; text-decoration: none; }
.documentation-photo img { display: block; width: min(100%, 420px); max-height: 320px; object-fit: cover; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.documentation-photo:hover span { text-decoration: underline; }
.documentation-photo.is-pdf { grid-template-columns: auto minmax(0, 1fr); align-items: center; width: max-content; max-width: 100%; border: 1px solid var(--line); border-radius: 10px; background: white; padding: .55rem .7rem; }
.documentation-pdf-mark { display: inline-flex; align-items: center; justify-content: center; width: 2.7rem; height: 2rem; border-radius: 6px; background: #eef2f6; color: var(--brand-dark); font-size: .7rem; font-weight: 900; }
.report-source-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.report-source-grid > div { display: grid; gap: .2rem; border: 1px solid var(--line); border-radius: 12px; background: #f8fbff; padding: 1rem; }
.report-source-grid strong { color: var(--brand-dark); font-size: 1.35rem; }
.report-source-grid span { color: var(--muted); font-size: .86rem; }
.report-draft-card { margin-top: 1rem; }
.report-progress { display: flex; align-items: center; gap: 1rem; border: 1px solid #b9cee4; border-radius: 12px; background: #eef5fb; padding: 1rem; }
.report-progress p { margin: .25rem 0 0; color: var(--muted); }
.report-progress-spinner { width: 28px; height: 28px; flex: 0 0 auto; border: 3px solid #c8d9e9; border-top-color: var(--brand); border-radius: 50%; animation: report-spin .85s linear infinite; }
.report-editor-form textarea { min-height: 65vh; font-family: inherit; line-height: 1.55; resize: vertical; }
.report-layout-fields { margin: 0 0 1.25rem; padding: 1rem; border: 1px solid #c9d7e6; border-radius: 14px; background: #f7fafd; }
.report-layout-fields legend { padding: 0 .45rem; color: #123f73; font-size: 1.08rem; font-weight: 800; }
.report-layout-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem 1rem; }
.report-layout-grid label { display: grid; gap: .35rem; margin: 0; font-weight: 700; }
.report-layout-grid input { width: 100%; }
.report-layout-wide { grid-column: 1 / -1; }
.report-editor-actions { align-items: stretch; flex-wrap: wrap; }
.report-editor-actions > * { min-height: 2.75rem; }
@media (max-width: 720px) {
  .report-layout-grid { grid-template-columns: 1fr; }
  .report-layout-wide { grid-column: auto; }
  .report-editor-actions > * { width: 100%; justify-content: center; }
}
@keyframes report-spin { to { transform: rotate(360deg); } }
.upload-destination-dialog { width: min(620px, calc(100vw - 2rem)); border: 0; border-radius: 18px; padding: 0; box-shadow: 0 24px 70px rgba(20, 41, 70, .3); }
.upload-destination-dialog::backdrop { background: rgba(15, 31, 52, .48); backdrop-filter: blur(2px); }
.upload-destination-dialog-content { position: relative; padding: 1.6rem; }
.upload-destination-dialog-content h2 { margin: .25rem 2.5rem .75rem 0; }
.upload-destination-dialog-content p:not(.eyebrow) { color: var(--muted); line-height: 1.55; }
.upload-destination-dialog-content .actions { margin-top: 1.25rem; }
.upload-destination-dialog-close { position: absolute; top: .8rem; right: .8rem; display: grid; width: 38px; height: 38px; place-items: center; border: 0; border-radius: 50%; background: #edf3f9; color: var(--ink); font-size: 1.5rem; line-height: 1; cursor: pointer; }
.upload-destination-dialog-close:hover { background: #dfeaf5; }
.case-representation-badge { display: block; width: max-content; max-width: 100%; margin-bottom: .35rem; border-radius: 999px; background: #eaf1f8; padding: .22rem .5rem; color: var(--brand-dark); font-size: .68rem; font-weight: 800; line-height: 1.3; }
.representation-load-control { display: grid; width: max-content; max-width: 100%; gap: .12rem; margin: 0 0 .45rem; border-left: 3px solid #2f9d62; border-radius: 6px; background: #edf8f2; padding: .35rem .5rem; }
.representation-load-control.is-paused { border-left-color: #8b98a7; background: #f1f4f7; }
.representation-load-control > span { color: var(--ink); font-size: .68rem; font-weight: 800; }
.representation-load-control .link-button { color: var(--brand-dark); font-size: .66rem; font-weight: 800; text-align: left; }
.map-placeholder { border-style: dashed; }
.map-card { padding: 0; overflow: hidden; }
.map-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.3rem 1.4rem 1rem; }
.map-heading h2 { margin: .15rem 0 0; }
.map-selection-summary { margin: .65rem 0 0; color: var(--brand-dark); font-weight: 750; }
.map-region { margin: .3rem 0 0; color: var(--muted); font-size: .9rem; }
.map-key { display: flex; align-items: center; gap: .55rem 1rem; color: var(--muted); font-size: .9rem; flex-wrap: wrap; }
.map-toggle { display: inline-flex; align-items: center; gap: .4rem; margin: 0; cursor: pointer; }
.map-toggle input { width: auto; margin: 0; padding: 0; accent-color: var(--brand); }
.employee-symbol, .client-symbol, .inquiry-symbol { display: inline-block; border-radius: 50%; background: var(--brand); }
.employee-symbol { width: 17px; height: 17px; border: 3px solid var(--brand-dark); }
.client-symbol { width: 13px; height: 13px; border: 2px solid white; box-shadow: 0 0 0 1px var(--line); }
.inquiry-symbol { width: 15px; height: 15px; border: 3px solid #6f3d05; background: #e48a19; }
#case-map { width: 100%; height: min(62vh, 640px); min-height: 430px; border-block: 1px solid var(--line); background: #e6eee9; }
.employee-map-legend { display: flex; flex-wrap: wrap; gap: .55rem; padding: .9rem 1.4rem 0; }
.employee-map-legend-item { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid var(--line); border-radius: 999px; background: #fff; padding: .42rem .68rem; color: var(--muted); font-size: .86rem; font-weight: 650; }
.employee-map-legend-item:hover { background: var(--accent); color: var(--ink); }
.employee-map-legend-item.is-active { border-color: var(--brand); background: var(--accent); color: var(--brand-dark); box-shadow: 0 0 0 2px rgba(45, 110, 172, .12); }
.employee-map-legend-color { width: 12px; height: 12px; border-radius: 50%; border: 1px solid rgba(16, 47, 37, .35); flex: 0 0 auto; }
.employee-map-name-flag { position: relative; appearance: none; border: 2px solid var(--employee-map-color, var(--brand)); border-radius: 7px; background: rgba(255, 255, 255, .95); padding: .28rem .48rem; color: #142338; box-shadow: 0 3px 10px rgba(20, 35, 56, .2); font-family: inherit; font-size: .7rem; font-weight: 750; line-height: 1.15; text-align: left; cursor: pointer; }
.employee-map-name-flag > span { display: block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.employee-map-name-flag::before { content: ""; position: absolute; top: 50%; left: -9px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 8px solid var(--employee-map-color, var(--brand)); transform: translateY(-50%); }
.employee-map-name-flag:hover, .employee-map-name-flag.is-selected { background: #fff; box-shadow: 0 0 0 3px rgba(45, 110, 172, .16), 0 5px 14px rgba(20, 35, 56, .24); }
.client-map-name-flag { position: relative; appearance: none; border: 1px solid var(--client-map-color, var(--brand)); border-radius: 6px; background: rgba(255, 255, 255, .92); padding: .2rem .38rem; color: #24364d; box-shadow: 0 2px 8px rgba(20, 35, 56, .16); font-family: inherit; font-size: .62rem; font-weight: 700; line-height: 1.1; text-align: left; cursor: pointer; }
.client-map-name-flag > span { display: block; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.client-map-name-flag::before { content: ""; position: absolute; top: 50%; left: -7px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 7px solid var(--client-map-color, var(--brand)); transform: translateY(-50%); }
.client-map-name-flag:hover { z-index: 2; background: #fff; box-shadow: 0 0 0 2px rgba(45, 110, 172, .14), 0 4px 12px rgba(20, 35, 56, .2); }
.employee-map-name-flag[hidden], .client-map-name-flag[hidden] { display: none !important; }
.inquiry-distance-evaluation { display: grid; gap: .8rem; border-top: 1px solid var(--line); padding: 1.1rem 1.4rem .3rem; }
.inquiry-distance-evaluation h3 { margin: .15rem 0 0; }
.inquiry-distance-evaluation td small { display: block; margin-top: .18rem; color: var(--muted); }
.inquiry-distance-ranking { margin-top: .35rem; }
.inquiry-distance-ranking summary { color: var(--brand); font-size: .78rem; font-weight: 750; cursor: pointer; }
.inquiry-distance-ranking ol { display: grid; gap: .25rem; margin: .45rem 0 0; padding-left: 1.2rem; }
.inquiry-distance-ranking li { padding-left: .15rem; font-size: .78rem; }
.inquiry-distance-ranking li span, .inquiry-distance-ranking li strong { display: inline; }
.inquiry-distance-ranking li strong { margin-left: .3rem; white-space: nowrap; }
.map-status { padding: .8rem 1.4rem 1rem; color: var(--muted); font-size: .92rem; }
.maplibregl-popup-content strong { display: block; margin-bottom: .3rem; font-size: 1rem; }
.maplibregl-popup-content { border-radius: 10px; padding: .85rem 1rem; box-shadow: 0 8px 26px rgba(25, 50, 39, .16); }
.maplibregl-ctrl-group { border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 6px 22px rgba(25, 50, 39, .12); overflow: hidden; }
.controlling-filter-grid { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: .9rem; align-items: end; }
.controlling-filter-action { display: flex; gap: .55rem; align-items: center; flex-wrap: wrap; }
.controlling-stats .stat-card { min-height: 115px; }
.controlling-month-table small { display: block; color: var(--muted); margin-top: .2rem; }
.controlling-employee-table { min-width: 1050px; border-collapse: separate; border-spacing: 0; font-size: .8rem; }
.controlling-employee-table th, .controlling-employee-table td { padding: .58rem .62rem; vertical-align: middle; white-space: nowrap; }
.sticky-performance-employee { position: sticky; left: 0; z-index: 3; min-width: 175px; max-width: 175px; background: white; box-shadow: 8px 0 12px -12px rgba(16, 47, 37, .45); }
.controlling-employee-table thead .sticky-performance-employee { z-index: 5; background: #f6f8f7; }
.performance-number { min-width: 100px; text-align: right; }
.performance-number small { display: block; margin-top: .18rem; color: var(--muted); font-size: .66rem; font-weight: 500; }
.employee-month-performance { min-width: 112px; border-left: 4px solid transparent; text-align: right; }
.employee-month-performance span, .employee-month-performance small, .employee-month-performance strong { display: block; }
.employee-month-performance small, .employee-month-performance span { color: var(--muted); font-size: .68rem; }
.traffic-cell-green { border-left-color: #1c9b62; background: #edf8f2; }
.traffic-cell-yellow { border-left-color: #e6a817; background: #fff8e7; }
.traffic-cell-red { border-left-color: #c84545; background: #fff0f0; }
.traffic-cell-neutral { border-left-color: #94a3b8; background: #f7f9f8; }
.absence-filter-grid { display: grid; grid-template-columns: minmax(130px, .5fr) repeat(2, minmax(190px, 1fr)) minmax(210px, auto); gap: .9rem; align-items: end; }
.absence-filter-grid.is-year-view { grid-template-columns: minmax(130px, .5fr) minmax(220px, 1fr) minmax(210px, auto); }
.absence-filter-action { display: flex; gap: .55rem; align-items: center; flex-wrap: wrap; }
.absence-stats { grid-template-columns: repeat(3, 1fr); }
.absence-calendar-toolbar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.absence-calendar-toolbar > div { text-align: center; }
.absence-calendar-toolbar h2 { margin: .15rem 0 0; }
.absence-month-calendar { min-width: 820px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: white; }
.absence-calendar-card { overflow-x: auto; }
.absence-calendar-weekdays, .absence-calendar-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.absence-calendar-weekdays { background: var(--accent); }
.absence-calendar-weekdays span { padding: .55rem .3rem; color: var(--brand-dark); font-size: .76rem; font-weight: 800; text-align: center; }
.absence-calendar-day { min-height: 132px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); padding: .4rem; }
.absence-calendar-day:last-child { border-right: 0; }
.absence-calendar-day.has-overlap { background: #fffaf0; box-shadow: inset 0 3px 0 #e6a817; }
.absence-calendar-date-row { display: flex; align-items: center; justify-content: space-between; gap: .25rem; }
.absence-calendar-date { display: inline-flex; align-items: center; justify-content: center; width: 1.65rem; height: 1.65rem; border-radius: 50%; color: var(--muted); font-size: .76rem; font-weight: 800; }
.absence-calendar-day.is-today .absence-calendar-date { color: white; background: var(--brand); }
.absence-overlap-count { color: #8a5b00; font-size: .58rem; font-weight: 800; }
.absence-calendar-events { display: grid; gap: .24rem; margin-top: .28rem; }
.absence-calendar-event { display: grid; gap: .04rem; overflow: hidden; border-left: 3px solid #94a3b8; border-radius: 6px; background: #f2f5f3; padding: .3rem .35rem; font-size: .65rem; line-height: 1.25; }
.absence-calendar-event strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.absence-calendar-event span { color: var(--muted); font-size: .58rem; }
.absence-calendar-event.kind-vacation, .absence-kind-label.kind-vacation, .absence-total.kind-vacation { border-color: var(--brand); background: var(--accent); color: var(--brand-dark); }
.absence-calendar-event.kind-sick, .absence-kind-label.kind-sick, .absence-total.kind-sick { border-color: #c84545; background: #fdeaea; color: #8f2929; }
.absence-calendar-event.kind-other, .absence-kind-label.kind-other, .absence-total.kind-other { border-color: #58799b; background: #eaf1f8; color: #315a7d; }
.absence-list-heading { margin-top: .4rem; }
.absence-groups { display: grid; gap: 1rem; }
.absence-employee-card { margin-bottom: 0; padding: 0; overflow: hidden; }
.absence-employee-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; background: #fbfdfb; }
.absence-employee-heading h3 { margin: 0; }
.absence-employee-totals { display: flex; align-items: center; justify-content: flex-end; gap: .4rem; flex-wrap: wrap; }
.absence-total, .absence-kind-label { display: inline-block; border: 1px solid transparent; border-radius: 999px; padding: .28rem .52rem; font-size: .72rem; font-weight: 800; white-space: nowrap; }
.absence-range-table { min-width: 850px; }
.absence-range-table th, .absence-range-table td { padding: .72rem .8rem; vertical-align: middle; }
.grouped-source-note { color: var(--muted); font-size: .72rem; }
.vacation-year-overview { overflow: hidden; }
.vacation-year-balances { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin-bottom: 1rem; }
.vacation-year-balances article { display: grid; gap: .16rem; border: 1px solid var(--line); border-top: 4px solid var(--brand); border-radius: 11px; background: #f8fbff; padding: .7rem; }
.vacation-year-balances article > strong { margin-bottom: .16rem; }
.vacation-year-balances article span, .vacation-year-balances article small { color: var(--muted); font-size: .72rem; }
.vacation-year-balances article span b { color: var(--ink); font-size: .9rem; }
.vacation-year-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.vacation-year-month { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; }
.vacation-year-month h3 { margin: 0; background: var(--accent); padding: .6rem .7rem; font-size: .95rem; text-align: center; }
.vacation-year-weekdays, .vacation-year-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.vacation-year-weekdays span { padding: .34rem .1rem; color: var(--muted); font-size: .58rem; font-weight: 850; text-align: center; }
.vacation-year-day { display: grid; align-content: start; gap: .12rem; min-width: 0; min-height: 68px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); padding: .2rem; }
.vacation-year-day:last-child { border-right: 0; }
.vacation-year-day.outside-month { background: #f7f8f8; }
.vacation-year-day.is-today { box-shadow: inset 0 0 0 2px var(--brand); }
.vacation-year-day > strong { color: var(--muted); font-size: .62rem; }
.vacation-year-day > span { overflow: hidden; border-radius: 4px; background: #e6f1fb; padding: .1rem .16rem; color: var(--brand-dark); font-size: .5rem; font-weight: 750; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.my-absence-toolbar { padding: .85rem 1rem; }
.my-absence-toolbar form { display: flex; max-width: 420px; align-items: center; gap: .75rem; }
.my-absence-toolbar label { margin: 0; white-space: nowrap; }
.my-absence-toolbar select { min-width: 150px; }
.my-absence-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.my-absence-stats .stat-card small { display: block; margin-top: .28rem; color: var(--muted); font-size: .7rem; }
.my-absence-year-card { overflow: hidden; }
.my-absence-legend { display: flex; align-items: center; gap: .5rem; margin-bottom: 1rem; flex-wrap: wrap; }
.my-absence-legend > span { border-left: 4px solid #94a3b8; border-radius: 6px; padding: .35rem .55rem; font-size: .72rem; font-weight: 800; }
.my-absence-legend .kind-vacation { border-color: var(--brand); background: var(--accent); color: var(--brand-dark); }
.my-absence-legend .kind-sick { border-color: #c84545; background: #fdeaea; color: #8f2929; }
.my-absence-legend .kind-other { border-color: #58799b; background: #eaf1f8; color: #315a7d; }
.my-absence-legend small { color: var(--muted); }
.my-absence-day-event { display: block; overflow: hidden; border-left: 3px solid #94a3b8; border-radius: 4px; padding: .1rem .16rem; font-size: .5rem; font-weight: 750; line-height: 1.2; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.my-absence-day-event.kind-vacation { border-color: var(--brand); background: var(--accent); color: var(--brand-dark); }
.my-absence-day-event.kind-sick { border-color: #c84545; background: #fdeaea; color: #8f2929; }
.my-absence-day-event.kind-other { border-color: #58799b; background: #eaf1f8; color: #315a7d; }
.my-absence-table { min-width: 780px; }
.my-absence-table td small { display: block; margin-top: .18rem; color: var(--muted); }
.absence-entry-form { gap: 1.2rem; }
.absence-entry-fields { display: grid; gap: .85rem; }
.absence-au-field > label { margin-bottom: .5rem; }
.absence-au-field #id_au_status { display: flex; align-items: center; gap: .65rem 1.5rem; flex-wrap: wrap; }
.absence-au-field #id_au_status > div { margin: 0; }
.absence-au-field #id_au_status label { display: inline-flex; align-items: center; gap: .45rem; margin: 0; font-weight: 650; cursor: pointer; }
.absence-au-field #id_au_status input[type="radio"] { width: 1.1rem; height: 1.1rem; flex: 0 0 auto; margin: 0; padding: 0; accent-color: var(--brand); }
.absence-au-field > small { display: block; margin-top: .45rem; color: var(--muted); }
.readonly-field { min-height: 45px; display: flex; align-items: center; border: 1px solid var(--line); border-radius: 9px; background: #f5f8f6; padding: .7rem .75rem; font-weight: 750; }
.absence-picker-section { border-top: 1px solid var(--line); padding-top: 1.2rem; }
.absence-picker-toolbar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; }
.absence-picker-toolbar > div { text-align: center; }
.absence-picker-toolbar h2 { margin: .15rem 0 0; }
.absence-picker-help { margin: 1rem 0 .7rem; border-radius: 9px; background: var(--accent); padding: .65rem .8rem; color: var(--muted); font-size: .82rem; }
.absence-picker-calendar { overflow: hidden; border: 1px solid var(--line); border-radius: 14px; user-select: none; }
.absence-picker-weekdays, .absence-picker-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.absence-picker-weekdays { background: var(--accent); }
.absence-picker-weekdays span { padding: .55rem .3rem; color: var(--brand-dark); font-size: .76rem; font-weight: 800; text-align: center; }
.absence-picker-day { position: relative; min-height: 86px; display: flex; flex-direction: column; align-items: flex-start; gap: .3rem; border: 0; border-top: 1px solid var(--line); border-right: 1px solid var(--line); border-radius: 0; background: white; padding: .42rem; color: var(--ink); font-weight: 500; text-align: left; touch-action: none; }
.absence-picker-day:nth-child(7) { border-right: 0; }
.absence-picker-day:hover { background: #f2f8f4; }
.absence-picker-day.is-non-working { background: #f3f5f6; color: #8a939e; }
.absence-picker-day.is-non-working:hover { background: #edf0f2; }
.absence-picker-day.has-existing-absence { background: #fff8e7; }
.absence-picker-day.is-selected-range { z-index: 1; background: #dceaf7; box-shadow: inset 0 0 0 1px #7ea9d1; }
.absence-picker-day.is-range-start, .absence-picker-day.is-range-end { background: #c9def2; box-shadow: inset 0 0 0 2px var(--brand); }
.absence-picker-date { display: inline-flex; align-items: center; justify-content: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; color: var(--muted); font-size: .78rem; font-weight: 800; }
.absence-picker-day.is-today .absence-picker-date { color: white; background: var(--brand); }
.absence-picker-day > .calendar-school-holidays { width: 100%; }
.absence-picker-existing { display: block; border-left: 3px solid #e6a817; border-radius: 4px; background: #fff0c7; padding: .22rem .3rem; color: #7a5505; font-size: .6rem; line-height: 1.25; }
.absence-picker-non-working { color: #7a8490; font-size: .58rem; font-weight: 750; }
.absence-picker-selection { margin-top: .7rem; color: var(--brand-dark); font-weight: 800; }
.absence-ultimo-field { border: 1px solid #b7cde3; border-radius: 10px; background: var(--accent); padding: .8rem; }
.absence-ultimo-field label { display: flex; align-items: center; gap: .55rem; margin: 0; }
.absence-ultimo-field input { width: auto; margin: 0; accent-color: var(--brand); }
.absence-ultimo-field small { display: block; margin: .35rem 0 0 1.7rem; color: var(--muted); }
.absence-notification-section { border-top: 1px solid var(--line); padding-top: 1.2rem; }
.absence-affected-list { display: grid; gap: .85rem; }
.absence-affected-appointment { border: 1px solid var(--line); border-radius: 12px; background: #fbfdfb; padding: .9rem; }
.absence-appointment-heading { display: grid; gap: .12rem; }
.absence-appointment-heading small { color: var(--muted); }
.absence-appointment-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; margin: .85rem 0 0; border: 0; padding: 0; }
.absence-appointment-actions legend { grid-column: 1 / -1; margin-bottom: .1rem; padding: 0; font-size: .78rem; font-weight: 800; }
.absence-appointment-actions label { display: flex; align-items: flex-start; gap: .5rem; margin: 0; border: 1px solid var(--line); border-radius: 10px; background: white; padding: .65rem; cursor: pointer; }
.absence-appointment-actions label:has(input:checked) { border-color: var(--brand); background: var(--accent); box-shadow: inset 0 0 0 1px var(--brand); }
.absence-appointment-actions input { width: 1rem; height: 1rem; flex: 0 0 auto; margin: .15rem 0 0; padding: 0; accent-color: var(--brand); }
.absence-appointment-actions span { display: grid; gap: .12rem; }
.absence-appointment-actions small { color: var(--muted); font-size: .7rem; font-weight: 500; }
.absence-notification-fields { display: grid; grid-template-columns: minmax(180px, .35fr) minmax(0, 1fr); gap: .75rem; margin-top: .75rem; }
.absence-message-field textarea { min-height: 96px; }
.controlling-matrix { min-width: 1900px; border-collapse: separate; border-spacing: 0; font-size: .82rem; }
.controlling-matrix th, .controlling-matrix td { padding: .58rem .62rem; vertical-align: middle; }
.sticky-controller-employee { position: sticky; left: 0; z-index: 3; min-width: 165px; max-width: 165px; background: white; }
.sticky-controller-office { position: sticky; left: 165px; z-index: 3; min-width: 100px; max-width: 100px; background: white; }
.sticky-controller-client { position: sticky; left: 265px; z-index: 3; min-width: 190px; max-width: 190px; background: white; box-shadow: 8px 0 12px -12px rgba(16, 47, 37, .45); }
thead .sticky-controller-employee, thead .sticky-controller-office, thead .sticky-controller-client { z-index: 5; background: #f6f8f7; }
.controller-month-cell { min-width: 88px; text-align: right; }
.controller-month-cell small, .controller-month-cell span { display: block; color: var(--muted); font-size: .68rem; }

.service-sheet-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.service-sheet-toolbar h1 { margin: .1rem 0; }
.service-sheet-controls { display: grid; grid-template-columns: auto minmax(280px, 420px) auto; align-items: end; justify-content: space-between; gap: 1rem; }
.service-sheet-controls form { margin: 0; }
.service-sheet-month-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .55rem; }
.service-sheet-history-note { border-left: 5px solid #e6a817; background: #fff8e7; }
.service-sheet-employee-edit-note { border-left: 5px solid var(--brand); background: #eef5fc; }
.service-sheet-preview-wrap { overflow-x: auto; margin-bottom: 1.5rem; padding: .5rem 0 1.2rem; }
.service-sheet-paper { position: relative; width: 1120px; min-height: 760px; margin: 0 auto; border: 1px solid #26322d; background: white; color: #111; box-shadow: 0 18px 44px rgba(19, 33, 27, .14); font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.service-sheet-draft-note { border-bottom: 1px solid #c89017; background: #fff3cf; padding: 6px 10px; color: #785300; font-weight: 700; text-align: center; }
.service-sheet-title { border-bottom: 2px solid #222; padding: 7px 9px; font-size: 16px; font-weight: 800; }
.service-sheet-meta { display: grid; grid-template-columns: 155px minmax(250px, .85fr) 150px minmax(330px, 1.15fr); }
.service-sheet-client { display: grid; grid-template-columns: 155px minmax(250px, 1fr); width: 53%; border-top: 10px solid #e7e7e7; }
.service-sheet-meta-label, .service-sheet-meta-value { min-height: 28px; border-right: 1px solid #222; border-bottom: 1px solid #222; padding: 6px 8px; }
.service-sheet-meta-label { font-weight: 750; }
.service-sheet-meta-value { overflow-wrap: anywhere; }
.service-sheet-table { table-layout: fixed; width: 100%; border-collapse: collapse; }
.service-sheet-table th, .service-sheet-table td { border-right: 1px solid #222; border-bottom: 1px solid #222; padding: 6px 7px; color: #111; text-transform: none; letter-spacing: 0; vertical-align: middle; }
.service-sheet-table th { height: 54px; background: #fff; font-size: 11px; font-weight: 800; text-align: center; }
.service-sheet-table th:nth-child(1) { width: 10%; }
.service-sheet-table th:nth-child(2), .service-sheet-table th:nth-child(3) { width: 8%; }
.service-sheet-table th:nth-child(4) { width: 17%; }
.service-sheet-table th:nth-child(5) { width: 14%; }
.service-sheet-table th:nth-child(6) { width: 10%; }
.service-sheet-table th:nth-child(7) { width: 33%; }
.service-sheet-table tbody td { min-height: 34px; background: #d9d9d9; }
.service-sheet-table tbody tr:nth-child(even) td { background: #d2d2d2; }
.service-sheet-table .service-sheet-empty-row td { height: 34px; }
.service-sheet-table tfoot td { height: 34px; background: white; }
.service-sheet-total-label { text-align: right; font-weight: 750; }
.service-sheet-number { text-align: center; white-space: nowrap; }
.service-sheet-signatures { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; padding: 34px 22px 8px; }
.service-sheet-signatures div { display: grid; gap: 7px; text-align: center; }
.service-sheet-signatures span { display: block; min-height: 48px; border-bottom: 1px solid #222; }
.service-sheet-signatures strong { font-size: 11px; font-weight: 500; }
.service-sheet-footer { padding: 8px 12px 10px; color: #59615d; font-size: 9px; text-align: right; }
.service-sheet-status { display: flex; align-items: center; gap: .65rem; }
.service-sheet-status.status-submitted { border-left: 5px solid #e6a817; background: #fff8e7; }
.service-sheet-status.status-approved { border-left: 5px solid #1c9b62; background: #edf8f2; }
.service-sheet-offline-panel { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-left: 5px solid #1c9b62; }
.service-sheet-offline-actions { display: grid; justify-items: end; gap: .45rem; min-width: 250px; }
.offline-sheet-status { color: var(--muted); font-size: .8rem; text-align: right; }
.service-sheet-offline-panel[data-offline-state="ready"], .service-sheet-offline-panel[data-offline-state="synced"] { background: #edf8f2; }
.service-sheet-offline-panel[data-offline-state="queued"] { border-left-color: #d79a12; background: #fff8e7; }
.service-sheet-offline-panel[data-offline-state="error"] { border-left-color: #c84545; background: #fff1f1; }
.offline-sheet-library { display: grid; gap: 1rem; }
.offline-sheet-list { display: grid; gap: .7rem; }
.offline-sheet-library-item { display: grid; gap: .2rem; border: 1px solid var(--line); border-left: 5px solid var(--brand); border-radius: 10px; background: #fbfdfb; padding: .9rem 1rem; color: var(--ink); text-decoration: none; }
.offline-sheet-library-item:hover { border-color: var(--brand); background: #edf8f2; }
.offline-sheet-library-item small { color: var(--muted); }
.offline-dashboard-summary { margin: -.35rem 0 1rem; color: var(--muted); }
.offline-dashboard-summary[data-state="ready"] { color: #15784d; font-weight: 700; }
.offline-dashboard-summary[data-state="error"] { color: #b73535; font-weight: 700; }
.service-sheet-signatures img { display: block; width: auto; max-width: 90%; height: 44px; margin: 0 auto -48px; object-fit: contain; }
.service-sheet-management-review { margin-top: 1.5rem; }
.service-sheet-edit-note { width: min(1120px, 100%); margin: 0 auto 1rem; border-left: 5px solid var(--brand); background: #edf8f2; }
.service-sheet-table .service-sheet-edit-cell { padding: 4px; background: #eef8f2; vertical-align: top; }
.service-sheet-edit-cell input, .service-sheet-edit-cell textarea { width: 100%; min-width: 0; border: 1px solid #8eafd0; border-radius: 4px; background: #fff; padding: 5px; color: #111; font: inherit; }
.service-sheet-edit-cell input[type="date"] { min-width: 118px; }
.service-sheet-edit-cell input[type="time"] { min-width: 82px; }
.service-sheet-activity-cell { position: relative; }
.service-sheet-activity-cell .activity-autocomplete-wrap { margin-bottom: 4px; }
.service-sheet-activity-cell textarea { min-height: 48px; resize: vertical; }
.service-sheet-activity-cell small { display: block; margin-top: 3px; color: #51645b; font-size: 9px; }
.employee-service-sheet-activity .activity-autocomplete-wrap { margin-bottom: 5px; }
.employee-service-sheet-activity button { width: 100%; padding: 5px 7px; font-size: 10px; }
.service-sheet-edit-cell .errorlist { margin: 0 0 3px; padding: 3px 5px; border-radius: 3px; background: #fff0f0; color: #9e2222; font-size: 9px; }
.service-sheet-inline-save-bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; }
.service-sheet-inline-save-bar p { margin: .25rem 0 0; }
.employee-service-sheets-table td:first-child { min-width: 190px; }
.employee-service-sheets-table td:last-child { min-width: 230px; }
.employee-service-sheets-table td > small { display: block; margin-top: .2rem; color: var(--muted); }
.signature-pad-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.signature-pad-field { min-width: 0; border: 1px solid var(--line); border-radius: 12px; background: #fbfdfb; padding: .9rem; }
.signature-pad-field > label { display: block; margin-bottom: .45rem; }
.signature-canvas { display: block; width: 100%; height: 150px; margin-top: .65rem; border: 2px solid #b7c8da; border-radius: 9px; background: white; touch-action: none; }
.signature-canvas[role="button"] { cursor: pointer; }
.signature-shortcuts .actions { display: flex; flex-wrap: wrap; }
.signature-shortcuts button { white-space: normal; }
body.signature-dialog-open { overflow: hidden; }
.signature-dialog { width: min(900px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 24px); box-sizing: border-box; border: 1px solid var(--line); border-radius: 16px; padding: 20px; background: white; color: var(--text); overflow-y: auto; overscroll-behavior: contain; }
.signature-dialog::backdrop { background: rgba(15, 30, 50, .65); }
.signature-dialog-heading, .signature-dialog-actions, .billing-demo-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.signature-dialog-heading h2 { margin: 0; font-size: 1.25rem; }
.signature-dialog p { margin: 10px 0; }
#signature-dialog-canvas { display: block; width: 100%; height: clamp(180px, 38dvh, 340px); box-sizing: border-box; border: 2px solid #b7c8da; border-radius: 8px; background: white; touch-action: none; }
.signature-dialog-error { color: #a02323; min-height: 1.2em; }
.billing-demo-row { padding: 16px 0; border-bottom: 1px solid var(--line); }
@media (max-width: 600px) {
  .signature-dialog { width: 100vw; max-height: 100dvh; margin: auto 0; border-radius: 0; padding: 12px max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left)); }
  .signature-dialog-heading h2 { font-size: 1rem; flex: 1; }
  .signature-shortcuts .actions { flex-direction: column; align-items: stretch; }
}
@media print { .signature-shortcuts, .signature-dialog { display: none !important; } }
.signature-pad-field .actions { margin-top: .55rem; }
.service-sheet-signatures .service-sheet-inline-signature { align-content: start; border-color: #acc7e1; background: #f7faff; padding: .7rem; }
.service-sheet-inline-signature > label { margin: 0; font-size: 10px; text-align: left; }
.service-sheet-inline-signature > input[type="text"] { padding: .42rem .5rem; font-size: 11px; }
.service-sheet-inline-signature .signature-canvas { height: 112px; margin-top: .15rem; border-width: 1px; border-radius: 5px; }
.service-sheet-inline-signature .actions { display: flex; justify-content: flex-end; margin-top: 0; }
.service-sheet-inline-signature .signature-clear { padding: .35rem .55rem; font-size: 10px; }
.service-sheet-submit-bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; }
.service-sheet-submit-bar > div:first-child { min-width: 260px; }
.service-sheet-submit-actions { display: flex; align-items: center; justify-content: flex-end; gap: .8rem; }
.signature-confirmation { display: flex; align-items: flex-start; gap: .55rem; margin: 1rem 0; border-radius: 9px; background: var(--accent); padding: .8rem; }
.signature-confirmation input { width: auto; margin-top: .18rem; accent-color: var(--brand); }
.service-sheet-review-queue { display: grid; grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); gap: 1rem; margin-bottom: 1.4rem; }
.service-sheet-review-card { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin: 0; }
.service-sheet-review-card h2 { margin: .55rem 0 .25rem; }
.sheet-review-entry-list { display: grid; gap: 1rem; }
.sheet-review-entry { border: 1px solid var(--line); border-radius: 12px; background: #fbfdfb; padding: 1rem; }
.sheet-review-entry-heading { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: .8rem; }
.sheet-review-entry-heading span, .sheet-review-entry > small { color: var(--muted); font-size: .8rem; }
.sheet-review-entry fieldset { margin: 0 0 .8rem; border: 1px solid var(--line); border-radius: 9px; padding: .75rem; }
.activity-checkbox-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .45rem .75rem; }
.activity-checkbox-grid label { display: flex; align-items: flex-start; gap: .45rem; margin: 0; font-weight: 600; }
.activity-checkbox-grid input { width: auto; margin-top: .18rem; accent-color: var(--brand); }
.sheet-approve-form { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; border: 1px solid #a9d4bd; border-radius: 12px; background: #edf8f2; padding: 1rem; }
.sheet-approve-form > div { display: grid; gap: .15rem; }
.sheet-approve-form span { color: var(--muted); font-size: .82rem; }
.sheet-approved-summary { display: grid; gap: .3rem; overflow-wrap: anywhere; border-left: 5px solid #1c9b62; border-radius: 9px; background: #edf8f2; padding: 1rem; }

.inquiry-list-table { min-width: 1450px; }
.inquiry-filter-grid { display: grid; grid-template-columns: minmax(230px, 1.5fr) repeat(2, minmax(180px, 1fr)) auto; gap: .9rem; align-items: end; }
.inquiry-list-table td > small, .inquiry-detail-list dd small, .inquiry-save-bar small { display: block; margin-top: .3rem; color: var(--muted); }
.inquiry-row-actions { min-width: 285px; }
.inquiry-row-actions .button { padding: .55rem .72rem; }
.inquiry-priority-normal { color: #315a7d; background: #eaf1f8; }
.inquiry-priority-high { color: #875d00; background: #fff0c7; }
.inquiry-priority-urgent { color: #9c2d2d; background: #fde2e2; }
.inquiry-status-accepted { color: #0f6842; background: #dcf4e8; }
.inquiry-status-rejected, .inquiry-status-closed { color: #9c2d2d; background: #fde2e2; }
.inquiry-status-waiting_documents, .inquiry-status-waiting_decision, .inquiry-status-waitlist { color: #7a5505; background: #fff0c7; }
.inquiry-follow-up-overdue { border-left: 4px solid var(--red); background: #fff4f3; }
.inquiry-follow-up-overdue > strong, .inquiry-follow-up-overdue > small:first-of-type { color: #9c2d2d; }
.inquiry-form-section .form-grid { gap: 1rem; }
.inquiry-form-section textarea { resize: vertical; }
.field-help { display: block; margin-top: .25rem; color: var(--muted); }
.inquiry-save-bar { position: sticky; z-index: 10; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-color: #aac5df; box-shadow: 0 -8px 24px rgba(20, 63, 120, .09); }
.inquiry-save-bar > div:first-child { display: grid; gap: .1rem; }
.inquiry-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.4rem; }
.inquiry-detail-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; }
.inquiry-detail-list { margin: 0; }
.inquiry-detail-list > div { display: grid; grid-template-columns: minmax(145px, .75fr) minmax(0, 1.25fr); gap: 1rem; padding: .75rem 0; border-bottom: 1px solid var(--line); }
.inquiry-detail-list > div:last-child { border-bottom: 0; }
.inquiry-detail-list dt { color: var(--muted); font-weight: 750; }
.inquiry-detail-list dd { margin: 0; font-weight: 650; overflow-wrap: anywhere; }
.inquiry-text-block { margin-bottom: .85rem; border-left: 4px solid var(--brand-light); border-radius: 10px; background: var(--soft); padding: .8rem 1rem; }
.inquiry-text-block > span, .inquiry-timeline-entry div > span { color: var(--muted); font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.inquiry-text-block p { margin: .35rem 0 0; }
.inquiry-progress-layout { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.6fr); gap: 1.4rem; align-items: start; }
.inquiry-progress-form { border: 1px solid var(--line); border-radius: 14px; background: var(--soft); padding: 1rem; }
.inquiry-progress-form h3 { margin-top: 0; }
.inquiry-progress-form p { margin: 0 0 .8rem; }
.inquiry-timeline { display: grid; gap: .85rem; }
.inquiry-timeline-entry { position: relative; border: 1px solid var(--line); border-left: 5px solid var(--brand); border-radius: 12px; background: white; padding: 1rem; }
.inquiry-timeline-entry header { display: flex; align-items: baseline; justify-content: space-between; gap: .8rem; }
.inquiry-timeline-entry header span, .inquiry-timeline-entry > small { color: var(--muted); font-size: .8rem; }
.inquiry-timeline-entry > p { margin: .65rem 0; }
.inquiry-timeline-entry > div { margin: .65rem 0; border-radius: 8px; background: var(--accent); padding: .65rem .75rem; }
.inquiry-timeline-entry > div p { margin: .25rem 0 0; }
.inquiry-conversion-card { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; border-color: #a9d4bd; }
.inquiry-conversion-card h2 { margin: .2rem 0; }
.inquiry-conversion-card p { margin-bottom: 0; }

.appointment-choice-card { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; border-left: 6px solid var(--brand); }
.appointment-choice-card h2, .appointment-choice-card p { margin-bottom: 0; }
.appointment-address { color: var(--muted); }
.appointment-series-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .65rem; }
.appointment-series-list > div { display: grid; gap: .15rem; border: 1px solid var(--line); border-radius: 11px; background: var(--soft); padding: .75rem .85rem; }
.appointment-series-list > div.is-current { border-color: var(--brand); background: var(--accent); box-shadow: inset 4px 0 0 var(--brand); }
.appointment-series-list span, .appointment-series-list small { color: var(--muted); font-size: .75rem; }
.appointment-edit-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.appointment-notes-field, .appointment-scope-field, .appointment-form-actions { grid-column: 1 / -1; }
.appointment-danger-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; }
.appointment-danger-grid .card { align-content: start; }
.appointment-danger-grid h2 { margin: .2rem 0 .4rem; }
.danger-button { color: white; background: var(--red); }
.danger-button:hover { background: #9f3030; }

/* Interner Teamchat */
.container:has(.chat-shell) { width: min(1580px, 96vw); margin-block: 1.15rem; }
.container:has(.chat-shell) + .systea-widget { display: none; }
.chat-page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.chat-page-heading h1 { margin-bottom: .2rem; }
.chat-shell { display: grid; height: var(--chat-desktop-height, max(640px, calc(100dvh - 190px))); min-height: 0; grid-template-columns: minmax(340px, 30%) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: 0 18px 46px rgba(20, 63, 120, .09); }
.chat-sidebar { display: flex; min-width: 0; min-height: 0; height: 100%; flex-direction: column; overflow: hidden; border-right: 1px solid var(--line); background: #f8fafc; }
.chat-sidebar-heading { display: flex; min-height: 74px; align-items: center; justify-content: space-between; gap: .7rem; border-bottom: 1px solid var(--line); padding: 1rem 1.1rem; }
.chat-sidebar-heading > div { display: grid; gap: .18rem; }
.chat-sidebar-heading strong { font-size: 1.05rem; }
.chat-sidebar-heading small { color: var(--muted); }
.chat-lock { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--accent); font-size: .86rem; }
.chat-push-control { display: flex; align-items: center; justify-content: space-between; gap: .65rem; border-bottom: 1px solid var(--line); background: #edf5fd; padding: .7rem .85rem; }
.chat-push-control > div { display: grid; min-width: 0; gap: .12rem; }
.chat-push-control strong { color: var(--brand-dark); font-size: .78rem; }
.chat-push-control small { color: var(--muted); font-size: .68rem; line-height: 1.25; }
.chat-push-actions { display: flex; flex: 0 0 auto; align-items: center; gap: .35rem; }
.chat-push-control button { flex: 0 0 auto; padding: .42rem .62rem; font-size: .7rem; }
.chat-push-control[data-push-state="enabled"] { background: #e8f6ee; }
.chat-push-control[data-push-state="enabled"] strong { color: #147846; }
.chat-push-control[data-push-state="denied"], .chat-push-control[data-push-state="unavailable"] { background: #f5f6f7; }
.chat-search { display: block; margin: .8rem .85rem; }
.chat-search input { border-radius: 999px; background: white; padding: .62rem .85rem; }
.chat-thread-list { display: grid !important; min-height: 220px; flex: 1 1 0 !important; align-content: start; gap: 0 !important; max-height: none; overflow-y: auto; }
.chat-thread-row { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: .7rem; border-top: 1px solid var(--line); padding: .75rem .85rem; color: var(--ink); text-decoration: none; }
.chat-thread-row:last-child { border-bottom: 1px solid var(--line); }
.chat-thread-row:hover, .chat-thread-row.is-active { background: #eaf2fb; }
.chat-thread-row.is-active { box-shadow: inset 4px 0 0 var(--brand); }
.chat-avatar { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: #dce9f7; color: var(--brand-dark); font-size: .82rem; font-weight: 850; letter-spacing: .02em; }
.chat-avatar.is-group { background: var(--brand); color: white; }
.chat-avatar.is-large { width: 50px; height: 50px; flex: 0 0 auto; font-size: .9rem; }
.chat-thread-copy { display: grid; min-width: 0; gap: .2rem; }
.chat-thread-title-line { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; }
.chat-thread-title-line strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-thread-title-line time { flex: 0 0 auto; color: var(--muted); font-size: .67rem; }
.chat-thread-preview { overflow: hidden; color: var(--muted); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.chat-thread-preview.is-typing { display: flex; align-items: center; gap: .35rem; color: var(--brand); font-weight: 750; }
.chat-typing-dots { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 2px; }
.chat-typing-dots i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; animation: chat-typing-bounce 1.1s infinite ease-in-out; }
.chat-typing-dots i:nth-child(2) { animation-delay: .15s; }
.chat-typing-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes chat-typing-bounce {
  0%, 60%, 100% { opacity: .4; transform: translateY(0); }
  30% { opacity: 1; transform: translateY(-3px); }
}
.chat-row-unread { display: grid; min-width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 999px; background: var(--brand); padding: 0 .32rem; color: white; font-size: .68rem; font-weight: 850; }
.nav-notification-badge[hidden], .chat-row-unread[hidden], .chat-image-preview[hidden], .chat-file-preview[hidden], [data-chat-search-item][hidden] { display: none !important; }
.chat-directory { flex: 0 0 auto; margin-top: 0; border-top: 1px solid var(--line); }
.chat-directory > summary { padding: .85rem 1rem; color: var(--brand-dark); cursor: pointer; font-weight: 800; list-style: none; }
.chat-directory > summary::-webkit-details-marker { display: none; }
.chat-directory > summary::after { content: " +"; }
.chat-directory[open] > summary::after { content: " −"; }
.chat-directory-panel { max-height: min(330px, 34dvh); overflow-y: auto; border-top: 1px solid var(--line); background: white; }
.chat-people-list { display: grid; }
.chat-people-list form { margin: 0; border-top: 1px solid var(--line); }
.chat-person-row { display: grid; width: 100%; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: .65rem; border-radius: 0; background: white; padding: .65rem .85rem; color: var(--ink); text-align: left; }
.chat-person-row:hover { background: var(--accent); }
.chat-person-row .chat-avatar { width: 40px; height: 40px; }
.chat-person-row > span:nth-child(2) { display: grid; gap: .12rem; }
.chat-person-row small { color: var(--muted); font-size: .72rem; font-weight: 500; }
.chat-empty-note { padding: .7rem 1rem; color: var(--muted); font-size: .82rem; }
.chat-main { display: grid; min-width: 0; min-height: 0; height: 100%; max-height: 100%; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; background: #eef3f8; }
.chat-conversation-header { position: relative; z-index: 3; display: flex; min-height: 74px; align-items: center; gap: .8rem; border-bottom: 1px solid var(--line); background: white; padding: .75rem 1rem; box-shadow: 0 3px 12px rgba(20, 63, 120, .04); }
.chat-conversation-header h2 { margin: 0; font-size: 1.08rem; }
.chat-conversation-header small { color: var(--muted); }
.chat-conversation-meta { display: block; }
.chat-active-typing { display: flex; align-items: center; gap: .35rem; min-height: 1rem; color: var(--brand) !important; font-weight: 750; }
.chat-active-typing[hidden] { display: none; }
.chat-mobile-back { display: none; color: var(--brand-dark); font-size: 2rem; line-height: 1; text-decoration: none; }
.chat-member-menu { position: relative; margin-left: auto; }
.chat-delete-form { margin-left: .25rem; }
.chat-delete-form button { padding: .55rem .75rem; font-size: .78rem; }
.chat-member-menu + .chat-delete-form { margin-left: 0; }
.chat-member-menu > summary { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: var(--accent); cursor: pointer; list-style: none; }
.chat-member-menu > summary::-webkit-details-marker { display: none; }
.chat-member-menu > div { position: absolute; z-index: 10; top: calc(100% + .45rem); right: 0; display: grid; width: min(310px, calc(100vw - 2rem)); max-height: 330px; overflow-y: auto; border: 1px solid var(--line); border-radius: 13px; background: white; box-shadow: 0 18px 40px rgba(20, 63, 120, .18); }
.chat-member-menu > div > strong { padding: .8rem .9rem; border-bottom: 1px solid var(--line); }
.chat-member-menu > div > span { display: grid; gap: .12rem; border-bottom: 1px solid var(--line); padding: .65rem .9rem; font-size: .82rem; }
.chat-member-menu > div small { color: var(--muted); }
.chat-member-menu > div > .chat-member-row { display: flex; align-items: center; justify-content: space-between; gap: .65rem; }
.chat-member-row > span { display: grid; min-width: 0; gap: .12rem; }
.chat-member-row form { flex: 0 0 auto; margin: 0; }
.chat-member-remove { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #efc3c3; border-radius: 50%; background: #fff5f5; padding: 0; color: var(--red); font-size: 1.15rem; line-height: 1; }
.chat-member-remove:hover { background: var(--red); color: white; }
.chat-member-add { display: grid; gap: .45rem; margin: 0; border-top: 1px solid var(--line); background: var(--soft); padding: .75rem .9rem; }
.chat-member-add label { color: var(--brand-dark); font-size: .72rem; font-weight: 800; }
.chat-member-add > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem; }
.chat-member-add select { min-width: 0; padding: .5rem .55rem; font-size: .72rem; }
.chat-member-add button { padding: .5rem .6rem; font-size: .7rem; }
.chat-message-list { min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: auto; scrollbar-gutter: stable; touch-action: pan-y; padding: 1.2rem clamp(.8rem, 2vw, 1.6rem); background-color: #eef3f8; background-image: radial-gradient(rgba(45, 110, 172, .08) .7px, transparent .7px); background-size: 18px 18px; }
.chat-bubble-row { display: flex; justify-content: flex-start; margin: .45rem 0; }
.chat-bubble-row.is-mine { justify-content: flex-end; }
.chat-bubble { width: fit-content; max-width: min(76%, 580px); border: 1px solid #d5e0ea; border-radius: 7px 17px 17px 17px; background: white; padding: .62rem .72rem .4rem; box-shadow: 0 3px 10px rgba(20, 63, 120, .06); }
.chat-bubble-row.is-mine .chat-bubble { border-color: #b9d4ef; border-radius: 17px 7px 17px 17px; background: #dfeefa; }
.chat-message-sender { display: block; margin-bottom: .28rem; color: var(--brand); font-size: .72rem; }
.chat-bubble p { margin: 0; overflow-wrap: anywhere; line-height: 1.42; }
.chat-bubble time { display: block; margin-top: .28rem; color: var(--muted); font-size: .62rem; text-align: right; }
.chat-reply-reference { display: grid; gap: .12rem; margin-bottom: .45rem; border-left: 3px solid var(--brand); border-radius: 7px; background: rgba(255, 255, 255, .62); padding: .42rem .52rem; color: inherit; text-decoration: none; }
.chat-reply-reference:hover { background: white; }
.chat-reply-reference strong { color: var(--brand-dark); font-size: .68rem; }
.chat-reply-reference span { max-width: 420px; overflow: hidden; color: var(--muted); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.chat-reaction-area { position: relative; display: flex; min-height: 26px; align-items: center; gap: .3rem; margin: .25rem 0 -.72rem; }
.chat-reaction-summary { display: flex; align-items: center; gap: .25rem; flex-wrap: wrap; }
.chat-reaction-pill { position: relative; display: inline-flex; min-height: 25px; align-items: center; gap: .22rem; border: 1px solid #c9d8e6; border-radius: 999px; background: #f7fbff; padding: .16rem .4rem; color: var(--ink); font-size: .75rem; line-height: 1; }
.chat-reaction-pill .chat-reaction-count { color: var(--muted); font-size: .62rem; font-weight: 800; }
.chat-reaction-pill.is-mine { border-color: var(--brand); background: var(--accent); }
.chat-reaction-tooltip { position: absolute; z-index: 30; bottom: calc(100% + .45rem); left: 50%; display: none; width: max-content; max-width: min(280px, 78vw); transform: translateX(-50%); border-radius: 8px; background: #102b49; padding: .42rem .55rem; color: white; font-size: .67rem; font-weight: 750; line-height: 1.3; text-align: left; white-space: normal; box-shadow: 0 8px 22px rgba(16, 43, 73, .24); pointer-events: none; }
.chat-reaction-tooltip::after { position: absolute; top: 100%; left: 50%; width: 0; height: 0; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #102b49; content: ""; }
.chat-reaction-pill:hover .chat-reaction-tooltip,
.chat-reaction-pill:focus-visible .chat-reaction-tooltip { display: block; }
.chat-reaction-picker { position: relative; }
.chat-reaction-picker > summary { display: inline-flex; min-height: 25px; align-items: center; gap: .05rem; border: 1px solid transparent; border-radius: 999px; background: transparent; padding: .12rem .32rem; color: var(--muted); cursor: pointer; font-size: .78rem; list-style: none; }
.chat-reaction-picker > summary::-webkit-details-marker { display: none; }
.chat-reaction-picker > summary:hover { border-color: #c9d8e6; background: white; color: var(--brand-dark); }
.chat-reaction-picker > summary span { font-size: .62rem; font-weight: 900; }
.chat-reaction-picker > div { position: absolute; z-index: 15; bottom: calc(100% + .35rem); left: 0; display: flex; gap: .2rem; border: 1px solid var(--line); border-radius: 999px; background: white; padding: .3rem; box-shadow: 0 12px 30px rgba(20, 63, 120, .18); }
.chat-bubble-row.is-mine .chat-reaction-picker > div { right: 0; left: auto; }
.chat-reaction-picker button { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: transparent; padding: 0; font-size: 1rem; }
.chat-reaction-picker button:hover { background: var(--accent); }
.chat-reply-button { display: inline-flex; min-height: 25px; align-items: center; gap: .2rem; border: 1px solid transparent; border-radius: 999px; background: transparent; padding: .12rem .34rem; color: var(--muted); font-size: .67rem; font-weight: 800; }
.chat-reply-button:hover { border-color: #c9d8e6; background: white; color: var(--brand-dark); }
.chat-message-delete-button { display: inline-flex; min-height: 25px; align-items: center; gap: .2rem; border: 1px solid transparent; border-radius: 999px; background: transparent; padding: .12rem .34rem; color: var(--muted); font-size: .67rem; font-weight: 800; }
.chat-message-delete-button:hover { border-color: #e2b8bd; background: #fff4f5; color: var(--red); }
.chat-bubble-row.is-deleted .chat-bubble { opacity: .78; box-shadow: none; }
.chat-message-deleted { color: var(--muted); font-style: italic; }
.chat-image-link { position: relative; display: block; overflow: hidden; margin-bottom: .45rem; border-radius: 11px; background: #d8e3ed; color: white; cursor: zoom-in; }
.chat-image-link img { display: block; max-width: 100%; max-height: 360px; object-fit: contain; }
.chat-image-link > span { position: absolute; right: .45rem; bottom: .45rem; border-radius: 999px; background: rgba(10, 28, 48, .78); padding: .3rem .55rem; font-size: .65rem; font-weight: 800; }
.chat-document-card { display: grid; min-width: min(360px, 70vw); grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: .65rem; margin-bottom: .45rem; border: 1px solid #bfd2e5; border-radius: 11px; background: #f7fbff; padding: .58rem; color: var(--ink); text-decoration: none; }
.chat-document-card:hover { border-color: var(--brand); background: var(--accent); }
.chat-document-card > span:nth-child(2) { display: grid; min-width: 0; gap: .08rem; }
.chat-document-card strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-document-card small { color: var(--muted); font-size: .68rem; }
.chat-document-icon, .chat-file-preview-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 9px; background: var(--brand); color: white; font-size: .72rem; font-weight: 900; }
.chat-document-download { color: var(--brand); font-size: .68rem; font-weight: 800; }
.chat-image-viewer[hidden] { display: none !important; }
.chat-compose-reply { display: flex; align-items: center; justify-content: space-between; gap: .65rem; border-left: 4px solid var(--brand); background: #edf5fd; padding: .5rem .7rem; }
.chat-compose-reply[hidden] { display: none !important; }
.chat-compose-reply > div { display: grid; min-width: 0; gap: .08rem; }
.chat-compose-reply strong { color: var(--brand-dark); font-size: .72rem; }
.chat-compose-reply span { overflow: hidden; color: var(--muted); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.chat-compose-reply button { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: white; padding: 0; color: var(--muted); font-size: 1rem; }
.chat-image-viewer { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: clamp(.45rem, 2vw, 1.5rem); }
.chat-image-viewer-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 0; background: rgba(7, 18, 31, .88); padding: 0; }
.chat-image-viewer-dialog { position: relative; display: grid; width: min(1180px, 100%); height: min(900px, calc(100dvh - 2rem)); grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; border: 1px solid rgba(255, 255, 255, .22); border-radius: 18px; background: #111d2a; box-shadow: 0 28px 80px rgba(0, 0, 0, .45); }
.chat-image-viewer-header { display: flex; align-items: center; justify-content: space-between; gap: .8rem; background: white; padding: .65rem .8rem; }
.chat-image-viewer-header > div:first-child { display: grid; min-width: 0; gap: .1rem; }
.chat-image-viewer-title, .chat-image-viewer-header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-image-viewer-header small { color: var(--muted); }
.chat-image-viewer-controls { display: flex; flex: 0 0 auto; align-items: center; gap: .3rem; }
.chat-image-viewer-controls button { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 9px; background: var(--accent); padding: 0; color: var(--brand-dark); font-size: 1.1rem; }
.chat-image-viewer-controls button:disabled { opacity: .35; cursor: default; }
.chat-image-viewer-controls span { min-width: 58px; color: var(--muted); font-size: .72rem; font-weight: 800; text-align: center; }
.chat-image-viewer-controls .chat-image-viewer-close { background: var(--brand); color: white; font-size: 1.45rem; }
.chat-image-viewer-viewport { min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; background-color: #111d2a; background-image: linear-gradient(45deg, rgba(255,255,255,.035) 25%, transparent 25%), linear-gradient(-45deg, rgba(255,255,255,.035) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255,255,255,.035) 75%), linear-gradient(-45deg, transparent 75%, rgba(255,255,255,.035) 75%); background-position: 0 0, 0 10px, 10px -10px, -10px 0; background-size: 20px 20px; touch-action: pan-x pan-y; }
.chat-image-viewer-viewport img { display: block; width: 100%; max-width: none; height: auto; margin: 0 auto; user-select: none; -webkit-user-drag: none; }
.chat-image-viewer-footer { display: flex; align-items: center; justify-content: space-between; gap: .8rem; background: white; padding: .55rem .8rem; }
.chat-image-viewer-footer span { color: var(--muted); font-size: .72rem; }
.chat-image-viewer-footer .button { padding: .5rem .75rem; font-size: .72rem; }
body.chat-image-viewer-open { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .chat-typing-dots i { animation: none; opacity: .75; }
}
.chat-conversation-empty, .chat-welcome { display: grid; height: 100%; place-items: center; align-content: center; padding: 2rem; color: var(--muted); text-align: center; }
.chat-conversation-empty span, .chat-welcome-icon { font-size: 3rem; }
.chat-conversation-empty strong { margin-top: .65rem; color: var(--ink); }
.chat-conversation-empty p, .chat-welcome p { margin: .3rem 0 0; }
.chat-welcome h2 { margin: .7rem 0 0; color: var(--ink); }
.chat-welcome-features { display: flex; justify-content: center; gap: .6rem; margin-top: 1.2rem; flex-wrap: wrap; }
.chat-welcome-features span { border: 1px solid var(--line); border-radius: 999px; background: white; padding: .5rem .75rem; font-size: .75rem; }
.chat-composer { position: relative; flex: 0 0 auto; margin: 0; border-top: 1px solid var(--line); background: white; padding: .7rem .85rem .5rem; }
.chat-compose-row { display: grid; grid-template-columns: 42px 42px 42px minmax(0, 1fr) 46px; align-items: end; gap: .42rem; }
.chat-compose-row textarea { min-height: 44px; max-height: 130px; resize: vertical; border-radius: 14px; padding: .65rem .8rem; }
.chat-emoji-picker { position: relative; }
.chat-emoji-picker > summary, .chat-image-button, .chat-file-button { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: var(--accent); color: var(--brand-dark); cursor: pointer; font-size: 1.2rem; list-style: none; }
.chat-emoji-picker > summary::-webkit-details-marker { display: none; }
.chat-emoji-picker > div { position: absolute; z-index: 12; bottom: calc(100% + .6rem); left: 0; display: grid; width: 252px; grid-template-columns: repeat(6, 1fr); gap: .2rem; border: 1px solid var(--line); border-radius: 13px; background: white; padding: .55rem; box-shadow: 0 16px 36px rgba(20, 63, 120, .18); }
.chat-emoji-picker button { background: transparent; padding: .38rem; font-size: 1.15rem; }
.chat-emoji-picker button:hover { background: var(--accent); }
.chat-image-button input, .chat-file-button input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.chat-send-button { display: grid; width: 46px; height: 44px; place-items: center; border-radius: 50%; background: var(--brand); padding: 0; color: white; font-size: 1.1rem; }
.chat-send-button:hover { background: var(--brand-dark); }
.chat-compose-hint { display: block; margin: .35rem 0 0 8.55rem; color: var(--muted); font-size: .65rem; }
.chat-image-preview { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: .6rem; margin-bottom: .55rem; border: 1px solid var(--line); border-radius: 11px; background: var(--soft); padding: .45rem; }
.chat-image-preview img { width: 58px; height: 48px; border-radius: 8px; object-fit: cover; }
.chat-image-preview span { overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.chat-image-preview button { background: transparent; padding: .35rem; color: var(--red); font-size: .7rem; }
.chat-file-preview { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: .6rem; margin-bottom: .55rem; border: 1px solid var(--line); border-radius: 11px; background: var(--soft); padding: .45rem; }
.chat-file-preview span:nth-child(2) { overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.chat-file-preview button { background: transparent; padding: .35rem; color: var(--red); font-size: .7rem; }
.chat-group-create-card { max-width: 780px; }
.chat-participant-picker { margin: .4rem 0; border: 1px solid var(--line); border-radius: 13px; padding: 1rem; }
.chat-participant-picker legend { padding: 0 .4rem; font-weight: 800; }
.chat-participant-picker ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; margin: 0; padding: 0; list-style: none; }
.chat-participant-picker label { display: flex; align-items: center; gap: .5rem; margin: 0; border: 1px solid var(--line); border-radius: 9px; background: var(--soft); padding: .65rem; }

@media (max-width: 850px) {
  .chat-page-heading { align-items: flex-start; flex-direction: column; }
  .chat-shell { grid-template-columns: minmax(250px, 38%) minmax(0, 1fr); }
  .chat-bubble { max-width: 86%; }
  .my-absence-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .container:has(.chat-shell) { width: 100%; margin: 0; }
  .chat-page-heading { padding: 1rem; margin: 0; }
  .chat-page-heading .muted-line { display: none; }
  .chat-page-heading h1 { font-size: 1.45rem; }
  .chat-shell { display: block; height: auto; min-height: calc(100dvh - 150px); border-inline: 0; border-radius: 0; box-shadow: none; }
  .chat-sidebar { min-height: calc(100dvh - 150px); border-right: 0; }
  .chat-shell.has-open-thread .chat-sidebar { display: none; }
  .chat-shell:not(.has-open-thread) .chat-main { display: none; }
  body.chat-conversation-open { overflow: hidden; }
  .chat-shell.has-open-thread { position: fixed; z-index: 200; top: var(--chat-mobile-top, 0); right: 0; left: 0; width: 100%; height: var(--chat-mobile-height, 100dvh); min-height: 0; background: white; }
  .chat-main { height: 100%; min-height: 0; }
  .chat-mobile-back { display: block; }
  .chat-message-list { min-height: 0; overflow-y: scroll; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; }
  .chat-conversation-header { position: sticky; top: 0; }
  .chat-thread-list { max-height: none; }
  .chat-directory { margin-top: 0; }
  .chat-directory-panel { max-height: 420px; }
  .chat-bubble { max-width: 90%; }
  .chat-compose-hint { display: none; }
  .chat-composer { position: relative; z-index: 5; bottom: auto; padding-bottom: max(.55rem, env(safe-area-inset-bottom)); }
  .chat-compose-row { grid-template-columns: 40px 40px 40px minmax(0, 1fr) 44px; }
  .chat-compose-row textarea { display: block; width: 100%; min-width: 0; font-size: 16px; }
  .chat-emoji-picker > summary, .chat-image-button, .chat-file-button { width: 40px; height: 40px; }
  .chat-participant-picker ul { grid-template-columns: 1fr; }
  .chat-image-viewer { padding: 0; }
  .chat-image-viewer-dialog { width: 100%; height: 100dvh; border: 0; border-radius: 0; }
  .chat-image-viewer-header { align-items: flex-start; flex-direction: column; }
  .chat-image-viewer-header > div:first-child { width: 100%; }
  .chat-image-viewer-controls { width: 100%; justify-content: space-between; }
  .chat-image-viewer-footer span { display: none; }
  .chat-image-viewer-footer { justify-content: flex-end; }
  .employee-calendar-month-grid { display: none; }
  .employee-mobile-calendar-list, .agenda-mobile-event-list { display: grid; }
  .agenda-day-timeline { display: none; }
  .employee-calendar-toolbar { align-items: stretch; flex-wrap: wrap; }
  .employee-calendar-toolbar .admin-calendar-month-picker { width: 100%; order: -1; justify-content: space-between; }
  .employee-calendar-toolbar .admin-calendar-month-picker select { min-width: 0; flex: 1; }
  .calendar-workspace-primary, .calendar-workspace-actions { align-items: stretch; flex-direction: column; }
  .calendar-workspace-primary .button, .calendar-workspace-actions > .button, .calendar-colleague-picker { width: 100%; }
  .calendar-colleague-picker > form .actions { align-items: stretch; flex-direction: column; }
  .calendar-colleague-picker > form .actions > * { width: 100%; text-align: center; }
  .calendar-team-comparison { padding: .75rem; }
  .calendar-comparison-heading { flex-direction: column; }
  .calendar-comparison-grid { display: block; min-width: 0; border: 0; background: transparent; }
  .calendar-comparison-corner, .calendar-comparison-person { display: none; }
  .calendar-comparison-date { margin-top: .75rem; border: 1px solid var(--line); border-radius: 10px 10px 0 0; }
  .calendar-comparison-cell { border: 1px solid var(--line); border-top: 0; background: white; }
  .calendar-comparison-cell::before { content: attr(data-person); display: block; color: var(--brand-dark); font-size: .72rem; font-weight: 850; }
  .calendar-comparison-cell:last-of-type { border-radius: 0 0 10px 10px; }
  .my-absence-year-card { overflow-x: auto; }
  .my-absence-year-grid { min-width: 700px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* The showcase has its own unmistakable green identity. The permanent banner
   prevents screenshots or exports from being confused with live client data. */
.demo-brand-mark {
  display: grid;
  place-items: center;
  width: 2.65rem;
  height: 2.65rem;
  border: 2px solid #fff;
  border-radius: 16px;
  background: var(--brand);
  color: #fff;
  font-size: 1.45rem;
  font-weight: 900;
  box-shadow: 0 8px 22px rgba(21, 91, 61, .2);
}
.demo-brand-name { color: var(--brand-dark); font-size: 1.08rem; font-weight: 900; white-space: nowrap; }
.demo-custom-logo { display: block; width: auto; height: 2.8rem; max-width: 11rem; object-fit: contain; }
.demo-environment-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .65rem;
  min-height: 2.3rem;
  padding: .4rem 1rem;
  border-bottom: 1px solid #9bd0b3;
  background: #dff3e8;
  color: #0c5235;
  text-align: center;
}
.demo-environment-banner strong {
  border-radius: 999px;
  background: #197349;
  color: #fff;
  padding: .18rem .55rem;
  font-size: .78rem;
  letter-spacing: .08em;
}
.demo-login-note { display: grid; gap: .3rem; margin-bottom: 1rem; border: 1px solid #91c9aa; border-radius: 14px; background: #e8f6ee; color: #155b3d; padding: .85rem 1rem; }
.is-demo-environment .topbar { border-bottom-color: #a8d7bd; }
.is-demo-environment .primary,
.is-demo-environment .button.primary { background: var(--brand); }
.showcase-heading { align-items: flex-end; }
.showcase-settings-grid, .showcase-analytics-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; align-items: start; }
.showcase-design-form input[type="color"] { width: 100%; min-height: 3.2rem; padding: .25rem; cursor: pointer; }
.showcase-design-form input[type="checkbox"] { width: auto; }
.showcase-preview { position: sticky; top: 1rem; }
.showcase-preview-brand { display: flex; align-items: center; gap: .75rem; border-bottom: 1px solid var(--line); padding-bottom: 1rem; }
.showcase-preview-brand img { width: auto; height: 3.5rem; max-width: 12rem; object-fit: contain; }
.showcase-preview-brand span { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border-radius: 16px; background: var(--preview-primary); color: #fff; font-size: 1.6rem; font-weight: 900; }
.showcase-preview-brand strong { color: var(--preview-dark); font-size: 1.25rem; }
.showcase-preview-card { margin: 1rem 0; border-radius: 16px; background: var(--preview-accent); padding: 1rem; }
.showcase-preview-card p { line-height: 1.5; }
.showcase-preview-card button { border: 0; border-radius: 9px; background: var(--preview-primary); padding: .65rem .9rem; color: #fff; font: inherit; font-weight: 800; }
.showcase-metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: .75rem; margin: 1rem 0; }
.showcase-metric-grid article { border: 1px solid var(--line); border-top: 4px solid var(--brand); border-radius: 14px; background: #fff; padding: .85rem; }
.showcase-metric-grid span { display: block; color: var(--muted); font-size: .75rem; }
.showcase-metric-grid strong { display: block; margin-top: .25rem; color: var(--brand-dark); font-size: 1.6rem; }
.showcase-analytics-grid table small { display: block; margin-top: .15rem; color: var(--muted); }
.showcase-latest-activity { margin-top: 1rem; }
.showcase-activity-list { display: grid; gap: .35rem; }
.showcase-activity-list > div { display: grid; grid-template-columns: minmax(10rem, .7fr) minmax(15rem, 1.4fr) auto; gap: .75rem; border-top: 1px solid var(--line); padding: .65rem 0; }
.showcase-activity-list > div:first-child { border-top: 0; }
.showcase-activity-list span, .showcase-activity-list time { color: var(--muted); font-size: .78rem; }
@media (max-width: 640px) {
  .demo-brand-name { display: none; }
  .demo-environment-banner { align-items: flex-start; font-size: .82rem; text-align: left; }
  .showcase-settings-grid, .showcase-analytics-grid { grid-template-columns: 1fr; }
  .showcase-preview { position: static; }
  .showcase-activity-list > div { grid-template-columns: 1fr; gap: .2rem; }
}

@media (max-width: 420px) {
  .chat-page-heading .button { width: 100%; text-align: center; }
  .chat-conversation-header { padding-inline: .65rem; }
  .chat-conversation-header .chat-avatar { display: none; }
  .chat-compose-row { grid-template-columns: 36px 36px 36px minmax(0, 1fr) 42px; gap: .28rem; }
  .chat-emoji-picker > summary, .chat-image-button, .chat-file-button { width: 36px; height: 40px; }
  .chat-document-card { min-width: min(300px, 82vw); grid-template-columns: 42px minmax(0, 1fr); }
  .chat-document-download { grid-column: 2; }
  .chat-emoji-picker > div { width: 236px; }
  .chat-message-list { padding-inline: .55rem; }
  .chat-image-viewer-controls button { width: 35px; height: 35px; }
  .chat-image-viewer-controls span { min-width: 48px; }
}

@media (max-width: 850px) {
  .inquiry-filter-grid { grid-template-columns: 1fr 1fr; }
  .inquiry-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inquiry-detail-columns, .inquiry-progress-layout { grid-template-columns: 1fr; }
  .inquiry-save-bar, .inquiry-conversion-card, .inquiry-timeline-entry header { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .report-source-grid { grid-template-columns: 1fr; }
  .inquiry-filter-grid { grid-template-columns: 1fr; }
  .inquiry-summary-grid { grid-template-columns: 1fr; }
  .inquiry-detail-list > div { grid-template-columns: 1fr; gap: .2rem; }
  .secure-post-stats { grid-template-columns: 1fr; }
  .secure-post-row { grid-template-columns: 1fr; }
  .secure-post-facts > div { grid-template-columns: 1fr; gap: .15rem; }
  .secure-post-audit-list > div { grid-template-columns: 1fr; gap: .15rem; }
}

@media (max-width: 850px) {
  .topbar { align-items: flex-start; padding-block: 1rem; flex-wrap: wrap; gap: .8rem 1.3rem; }
  .brand-logo { width: 64px; }
  .employee-perspective-banner { align-items: flex-start; flex-direction: column; }
  .topbar nav { order: 3; flex-basis: 100%; }
  .employee-main-nav, .admin-main-nav, .external-main-nav, .employee-desktop-account-link, .employee-desktop-logout, .admin-desktop-account-link, .admin-desktop-logout, .external-desktop-account-link, .external-desktop-logout { display: none !important; }
  .employee-mobile-nav, .admin-mobile-nav, .external-mobile-nav { position: relative; z-index: 80; display: block; margin-left: auto; }
  .employee-mobile-nav > summary, .admin-mobile-nav > summary, .external-mobile-nav > summary { display: grid; width: 46px; height: 42px; place-items: center; border: 1px solid rgba(255, 255, 255, .28); border-radius: 10px; background: rgba(255, 255, 255, .1); color: white; cursor: pointer; list-style: none; font-size: 1.15rem; font-weight: 900; letter-spacing: .09em; }
  .employee-mobile-nav > summary::-webkit-details-marker, .admin-mobile-nav > summary::-webkit-details-marker, .external-mobile-nav > summary::-webkit-details-marker { display: none; }
  .employee-mobile-nav[open] > summary, .admin-mobile-nav[open] > summary, .external-mobile-nav[open] > summary { background: rgba(255, 255, 255, .2); }
  .employee-mobile-menu, .admin-mobile-menu, .external-mobile-menu { position: absolute; z-index: 90; top: calc(100% + .55rem); right: 0; display: grid; width: min(320px, calc(100vw - 2rem)); max-height: calc(100vh - 105px); overflow-y: auto; border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: 0 18px 45px rgba(7, 27, 20, .28); }
  .employee-mobile-menu a, .employee-mobile-menu form, .admin-mobile-menu a, .admin-mobile-menu form, .external-mobile-menu a, .external-mobile-menu form { border-bottom: 1px solid var(--line); }
  .employee-mobile-menu a, .admin-mobile-menu a, .external-mobile-menu a { padding: .78rem .95rem; color: var(--ink); font-weight: 700; text-decoration: none; }
  .employee-mobile-menu a:hover, .employee-mobile-menu a.is-active, .admin-mobile-menu a:hover, .admin-mobile-menu a.is-active, .external-mobile-menu a:hover { background: var(--accent); color: var(--brand-dark); }
  .employee-mobile-menu form, .admin-mobile-menu form, .external-mobile-menu form { margin: 0; }
  .employee-mobile-menu form:last-child, .admin-mobile-menu form:last-child, .external-mobile-menu form:last-child { border-bottom: 0; }
  .employee-mobile-menu .link-button, .admin-mobile-menu .link-button, .external-mobile-menu .link-button { width: 100%; padding: .78rem .95rem; color: var(--red); font-size: 1rem; font-weight: 750; text-align: left; }
  .mobile-menu-section { border-bottom: 1px solid var(--line); background: var(--soft); padding: .65rem .95rem .38rem; color: var(--muted); font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
  .admin-nav-dropdown { right: auto; left: 0; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .form-grid { grid-template-columns: 1fr; }
  .case-status-grid, .quota-grid, .case-column-grid, .hours-entry-layout, .employee-calendar-layout, .fls-performance-grid, .authorization-fields-grid, .authorization-weekly-grid { grid-template-columns: 1fr; }
  .section-heading, .authorization-heading, .documentation-meta { align-items: flex-start; flex-direction: column; }
  .employee-preview-picker { grid-template-columns: 1fr; }
  .employee-perspective-form { align-items: flex-start; flex-direction: column; }
  .map-heading { align-items: flex-start; flex-direction: column; }
  .controlling-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .absence-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .absence-filter-grid.is-year-view { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .absence-employee-heading { align-items: flex-start; flex-direction: column; }
  .absence-employee-totals { justify-content: flex-start; }
  .absence-picker-day { min-height: 72px; }
  .service-sheet-toolbar { align-items: flex-start; flex-direction: column; }
  .service-sheet-controls { grid-template-columns: 1fr 1fr; }
  .service-sheet-controls form { grid-column: 1 / -1; grid-row: 1; }
  .employee-agenda-layout, .signature-pad-grid { grid-template-columns: 1fr; }
  .employee-calendar-layout .employee-calendar-main { order: -1; }
  .planning-calendar-grid { grid-template-columns: 1fr; }
  .calendar-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-calendar-week-grid { grid-template-columns: 1fr; }
  .team-vacation-week-grid, .team-vacation-month-grid { grid-template-columns: 1fr; }
  .vacation-year-balances, .vacation-year-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calendar-invitation-list article, .internal-fls-credit-summary { align-items: flex-start; flex-direction: column; }
  .internal-credit-list { width: 100%; min-width: 0; }
  .employee-week-fls-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-employee-quick-row { grid-template-columns: 1fr; }
  .agenda-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .absence-notification-fields, .absence-appointment-actions { grid-template-columns: 1fr; }
  .two-factor-setup-grid { grid-template-columns: 1fr; }
  .review-employee-group > summary { align-items: flex-start; flex-direction: column; }
  .review-employee-heading-totals { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
  .review-employee-heading-totals > span:not(.status-badge) { text-align: left; }
  .backup-code-grid { grid-template-columns: repeat(2, minmax(100px, 1fr)); }
  .service-sheet-review-card, .sheet-review-entry-heading, .sheet-approve-form, .service-sheet-submit-bar, .service-sheet-submit-actions, .service-sheet-inline-save-bar { align-items: flex-start; flex-direction: column; }
  .service-sheet-offline-panel { align-items: stretch; flex-direction: column; }
  .service-sheet-offline-actions { justify-items: stretch; min-width: 0; }
  .offline-sheet-status { text-align: left; }
  .assignment-bulk-form { width: 100%; min-width: 0; }
  .assignment-inline-form { align-items: stretch; flex-direction: column; }
  .assignment-inline-form select { width: 100%; min-width: 0; }
  .handover-evaluation > summary { align-items: flex-start; flex-direction: column; }
  #handover-map { min-height: 360px; }
  #case-map { min-height: 360px; }
  .employee-overview-heading, .employee-performance-card, .employee-task-grid, .employee-agenda-card .employee-week-fls-overview { display: none; }
  .employee-agenda-card { margin-top: 0; }
  .appointment-choice-card { align-items: flex-start; flex-direction: column; }
  .appointment-edit-form, .appointment-danger-grid { grid-template-columns: 1fr; }
  .appointment-notes-field, .appointment-scope-field, .appointment-form-actions { grid-column: 1; }
  .activity-summary-grid, .activity-card-facts, .personal-client-grid, .employee-presence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .roster-columns, .availability-calendar-grid, .client-unavailability-list { grid-template-columns: 1fr; }
  .activity-information-add-grid { grid-template-columns: 1fr; }
  .activity-information-links article { align-items: flex-start; flex-direction: column; }
  .secure-post-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .secure-post-detail-grid { grid-template-columns: 1fr; }
  .secure-post-detail-grid > aside { position: static; }
  .secure-post-document-list > article, .secure-post-heading { align-items: flex-start; flex-direction: column; }
  .library-layout, .library-detail-grid { grid-template-columns: 1fr; }
  .library-folders { position: static; }
  .library-folders nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .library-document-list > article { grid-template-columns: 72px minmax(0, 1fr); align-items: start; }
  .library-document-thumbnail, .library-document-filemark { width: 72px; height: 62px; }
  .library-document-actions { grid-column: 1 / -1; max-width: none; justify-content: flex-start; }
  .library-own-invitation, .library-danger-zone { align-items: flex-start; flex-direction: column; }
  .calendar-period-navigation { align-items: stretch; flex-direction: column; text-align: center; }
  .client-unavailability-hint { align-items: stretch; flex-direction: column; }
  .activity-card-topline, .section-heading-row { align-items: flex-start; flex-direction: column; }
  .activity-deadline { text-align: left; }
  .employee-document-upload, .employee-folder-create { grid-template-columns: 1fr; }
  .employee-folder-create-form { grid-template-columns: 1fr; }
  .employee-document-item { grid-template-columns: 1fr; align-items: start; }
  .employee-document-actions { justify-content: flex-start; }
  .employee-document-move-form { width: 100%; flex-wrap: wrap; }
  .employee-document-move-form select { flex: 1; min-width: 180px; max-width: none; }
  .case-document-upload-card, .case-document-filter { grid-template-columns: 1fr; }
  .case-document-filter .actions { flex-wrap: wrap; }
  .client-search-filter { grid-template-columns: 1fr; }
  .case-document-item { grid-template-columns: 80px minmax(0, 1fr); align-items: start; }
  .case-document-thumbnail, .case-document-filemark { width: 80px; height: 68px; }
  .case-document-actions { grid-column: 1 / -1; max-width: none; justify-content: flex-start; }
}

@media (max-width: 520px) {
  .stats-grid { grid-template-columns: 1fr; }
  .admin-employee-quick-weeks { grid-template-columns: 1fr; }
  .library-folders nav { grid-template-columns: 1fr; }
  .library-search-form { grid-template-columns: 1fr; }
  .library-reading-grid article { align-items: stretch; flex-direction: column; }
  .library-document-list > article { grid-template-columns: 1fr; }
  .library-document-actions { grid-column: 1; }
  .page-heading { align-items: flex-start; flex-direction: column; }
  .calendar-summary-grid { grid-template-columns: 1fr; }
  .team-vacation-heading { align-items: flex-start; flex-direction: column; }
  .team-vacation-week-day { grid-template-columns: 68px minmax(0, 1fr); }
  .team-vacation-month-day { min-height: 54px; }
  .calendar-invitation-list form { width: 100%; flex-wrap: wrap; }
  .hours-form-grid, .confirmation-fields, .calendar-time-fields { grid-template-columns: 1fr; }
  .hours-form-grid > div, .confirmation-fields > div { grid-column: 1; }
  .hours-client-accordion summary { grid-template-columns: 1fr 1fr; }
  .hours-client-name { grid-column: 1 / -1; }
  .controlling-filter-grid { grid-template-columns: 1fr; }
  .absence-filter-grid, .absence-stats { grid-template-columns: 1fr; }
  .absence-filter-grid.is-year-view, .vacation-year-balances, .vacation-year-grid { grid-template-columns: 1fr; }
  .absence-picker-toolbar { grid-template-columns: 1fr 1fr; }
  .absence-picker-toolbar > div { grid-column: 1 / -1; grid-row: 1; }
  .absence-picker-day { min-height: 58px; padding: .25rem; }
  .absence-picker-day .calendar-school-holiday { padding: .08rem .2rem; font-size: .48rem; }
  .absence-picker-existing { display: none; }
  .agenda-form-grid { grid-template-columns: 1fr; }
  .agenda-notes-field { grid-column: 1; }
  .backup-code-grid { grid-template-columns: 1fr 1fr; }
  .activity-summary-grid, .activity-card-facts, .personal-client-grid, .employee-presence-grid, .checkbox-card-list ul { grid-template-columns: 1fr; }
  .availability-calendar-day { min-height: 56px; padding: .2rem; }
  .availability-calendar-day small, .availability-calendar-day em { display: none; }
}

@media print {
  @page { size: A4 landscape; margin: 8mm; }
  body { background: white; }
  .topbar, .employee-perspective-banner, .message, .service-sheet-toolbar, .service-sheet-controls, .service-sheet-history-note { display: none !important; }
  .container { width: auto; margin: 0; }
  .service-sheet-preview-wrap { overflow: visible; margin: 0; padding: 0; }
  .service-sheet-paper { width: 100%; min-height: 0; margin: 0; border: 1px solid #111; box-shadow: none; font-size: 9px; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
  .service-sheet-title { padding: 4px 6px; font-size: 13px; }
  .service-sheet-meta-label, .service-sheet-meta-value { min-height: 20px; padding: 3px 5px; }
  .service-sheet-client { border-top-width: 6px; }
  .service-sheet-table th { height: 38px; padding: 3px 4px; font-size: 8px; }
  .service-sheet-table td { padding: 3px 4px; }
  .service-sheet-table .service-sheet-empty-row td { height: 25px; }
  .service-sheet-table tfoot td { height: 25px; }
  .service-sheet-signatures { gap: 14px; padding: 18px 16px 5px; }
  .service-sheet-signatures span { min-height: 30px; }
  .service-sheet-footer { padding: 4px 8px 5px; font-size: 7px; }
}

/* Zentrale Vorbereitung der Teambesprechung */
.team-meeting-page-heading { align-items: flex-end; }
.team-meeting-stats { margin-bottom: 1.2rem; }
.team-meeting-layout { display: grid; grid-template-columns: minmax(290px, .72fr) minmax(0, 1.6fr); gap: 1.2rem; align-items: start; }
.team-topic-form-card, .team-topic-board { margin: 0; }
.team-topic-form { display: grid; gap: .9rem; }
.team-topic-participants { display: grid; gap: .45rem; }
.team-topic-participant-search { margin-bottom: .15rem; }
.team-topic-participant-options { max-height: 230px; overflow: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); padding: .55rem .7rem; }
.team-topic-participant-options ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .18rem .65rem; margin: 0; padding: 0; list-style: none; }
.team-topic-participant-options label { display: flex; gap: .45rem; align-items: center; margin: 0; padding: .32rem .2rem; font-weight: 650; }
.team-topic-participant-options input { width: auto; flex: 0 0 auto; }
.team-topic-count { border-radius: 999px; background: var(--accent); color: var(--brand-dark); padding: .45rem .75rem; font-weight: 800; white-space: nowrap; }
.team-topic-list { display: grid; gap: .8rem; }
.team-topic-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .8rem; align-items: start; border: 1px solid var(--line); border-left: 5px solid #dfad26; border-radius: 14px; background: #fff; padding: .9rem; }
.team-topic-item.priority-1 { border-left-color: #d64a4a; }
.team-topic-item.priority-3 { border-left-color: #78a7d3; }
.team-topic-check-form button { display: grid; place-items: center; width: 34px; height: 34px; border: 2px solid #8aa7c5; border-radius: 9px; background: #fff; color: transparent; cursor: pointer; font-weight: 900; }
.team-topic-check-form button:hover, .team-topic-check-form button:focus-visible { border-color: var(--brand); background: var(--accent); color: var(--brand); }
.team-topic-body { min-width: 0; }
.team-topic-body header { display: flex; flex-wrap: wrap; gap: .5rem .7rem; align-items: center; }
.team-topic-body h3 { margin: 0; font-size: 1.06rem; }
.team-topic-body p { margin: .55rem 0; color: var(--ink); overflow-wrap: anywhere; }
.team-topic-body > small { display: block; color: var(--muted); }
.team-topic-priority { border-radius: 999px; background: #f7e8bd; color: #6e5012; padding: .22rem .5rem; font-size: .77rem; font-weight: 850; white-space: nowrap; }
.team-topic-priority.priority-1 { background: #fde2e2; color: #972f2f; }
.team-topic-priority.priority-3 { background: #e5f0fa; color: #315f8c; }
.team-topic-people { display: flex; flex-wrap: wrap; gap: .35rem; margin: .6rem 0; }
.team-topic-people span { border-radius: 999px; background: var(--accent); color: var(--brand-dark); padding: .28rem .52rem; font-size: .82rem; font-weight: 750; }
.team-topic-actions { display: grid; gap: .4rem; justify-items: end; font-size: .9rem; }
.team-topic-actions form { margin: 0; }
.team-topic-completed { margin-top: 1.2rem; }
.team-topic-completed > summary { cursor: pointer; color: var(--brand-dark); font-size: 1.02rem; font-weight: 850; }
.team-topic-completed-list { display: grid; gap: .55rem; margin-top: .8rem; }
.team-topic-completed-list article { display: flex; justify-content: space-between; gap: 1rem; align-items: center; border-top: 1px solid var(--line); padding-top: .65rem; }
.team-topic-completed-list strong, .team-topic-completed-list small { display: block; }
.team-topic-completed-list small { margin-top: .18rem; color: var(--muted); }
.calendar-team-agenda-field { border: 1px solid #b8cee4; border-radius: 12px; background: #f2f7fc; padding: .75rem; }
.calendar-team-agenda-field .inline-help-link { display: inline-block; margin-top: .45rem; font-size: .86rem; font-weight: 750; }

@media (max-width: 900px) {
  .team-meeting-layout { grid-template-columns: 1fr; }
  .team-topic-form-card { order: 2; }
  .team-topic-board { order: 1; }
}
@media (max-width: 640px) {
  .team-topic-participant-options ul { grid-template-columns: 1fr; }
  .team-topic-item { grid-template-columns: auto minmax(0, 1fr); }
  .team-topic-actions { grid-column: 2; grid-auto-flow: column; justify-content: start; justify-items: start; }
  .team-topic-completed-list article { align-items: flex-start; flex-direction: column; }
}

/* Self-hosted video conference */
.calendar-conference-field {
  padding: .8rem;
  border: 1px solid #9bb8d5;
  border-radius: 12px;
  background: #eef5fb;
}
.calendar-conference-field small { display: block; margin-top: .35rem; color: var(--muted); }
.conference-page-heading { align-items: center; }
.conference-privacy-note,
.conference-guest-link-card {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  margin: 0 0 1rem;
  padding: .9rem 1rem;
  border: 1px solid #9bb8d5;
  border-radius: 14px;
  background: #eef5fb;
  color: var(--brand-dark);
}
.conference-privacy-note span,
.conference-guest-link-card span { color: var(--muted); }
.conference-guest-link-card > div:first-child { display: grid; gap: .2rem; }
.conference-copy-row { display: grid; grid-template-columns: minmax(260px, 1fr) auto; gap: .55rem; min-width: min(100%, 640px); }
.conference-copy-row input { min-width: 0; }
.conference-frame-card {
  overflow: hidden;
  height: min(74vh, 820px);
  min-height: 560px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #17212b;
  box-shadow: var(--shadow);
}
.conference-frame { width: 100%; height: 100%; border: 0; background: #17212b; }
@media (max-width: 850px) {
  .container.has-section-navigation { display: block; }
  .section-navigation { position: sticky; top: 0; margin: 0 0 .8rem; }
  .section-navigation-desktop { display: none; }
  .section-navigation-mobile { display: block; border: 1px solid var(--line); border-radius: 12px; background: white; box-shadow: 0 6px 18px rgba(20, 63, 120, .08); }
  .section-navigation-mobile > summary { display: flex; align-items: center; justify-content: space-between; padding: .75rem .9rem; cursor: pointer; color: var(--brand-dark); font-weight: 850; list-style: none; }
  .section-navigation-mobile > summary::-webkit-details-marker { display: none; }
  .section-navigation-mobile[open] > summary span:last-child { transform: rotate(90deg); }
  .section-navigation-mobile nav { display: grid; padding: 0 .55rem .6rem; }
  .section-navigation-mobile nav a { padding: .65rem .6rem; border-radius: 8px; color: var(--ink); text-decoration: none; font-weight: 700; }
  .section-navigation-mobile nav a.is-active { background: var(--accent); color: var(--brand-dark); }
  .library-folder-admin-grid { grid-template-columns: 1fr; }
  .conference-page-heading,
  .conference-privacy-note,
  .conference-guest-link-card { align-items: stretch; flex-direction: column; }
  .conference-page-heading .actions { width: 100%; }
  .conference-page-heading .actions .button { flex: 1; text-align: center; }
  .conference-copy-row { grid-template-columns: 1fr; min-width: 0; }
  .conference-frame-card { height: calc(100dvh - 250px); min-height: 520px; border-radius: 12px; }
}
.school-report-filter {
  display: flex;
  align-items: end;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.school-report-filter > div { flex: 1; }
.school-report-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin: 1.25rem 0;
}
.school-report-summary > div {
  border: 1px solid var(--line);
  border-top: 4px solid var(--brand, #2f75b5);
  border-radius: 14px;
  padding: .9rem;
}
.school-report-summary span, .school-report-summary small { display: block; }
.school-report-summary strong { display: block; font-size: 1.45rem; margin: .15rem 0; }
.school-report-summary .school-report-total { background: #eaf3fb; }
.school-holiday-row { background: #fff6da; }
.maintenance-worktime-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.maintenance-worktime-entry + .maintenance-worktime-entry { border-top: 1px solid var(--line); margin-top: .45rem; padding-top: .45rem; }
.maintenance-worktime-entry small { display: block; color: var(--muted); margin-top: .2rem; }
.maintenance-worktime-entry .status-badge { display: inline-block; margin-left: .25rem; }
.maintenance-time-confirmation form { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
@media (max-width: 900px) {
  .school-report-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .school-report-filter { align-items: stretch; flex-direction: column; }
  .maintenance-worktime-table { min-width: 980px; }
}

/* Systea: lightweight, browser-native assistant and mascot. */
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.systea-widget { position: fixed; z-index: 120; right: max(1.25rem, env(safe-area-inset-right)); bottom: max(1.15rem, env(safe-area-inset-bottom)); font-size: 15px; }
.systea-widget[hidden], .systea-planning-card[hidden] { display: none !important; }
.systea-planning-card { position: absolute; right: 0; bottom: calc(100% + .85rem); width: min(390px, calc(100vw - 2.5rem)); max-height: calc(100dvh - 7rem); overflow-y: auto; background: #fff; color: var(--ink, #122033); border: 1px solid #bfd2e5; border-radius: 18px; box-shadow: 0 16px 45px rgba(20,63,120,.24); }
.systea-planning-content { padding: 1rem 1.15rem .25rem; line-height: 1.5; }
.systea-planning-content p { margin: .6rem 0; }
.systea-planning-actions { display: flex; flex-wrap: wrap; gap: .55rem; padding: .75rem 1.15rem 1rem; }
.systea-planning-actions .button, .systea-planning-actions button { white-space: normal; min-height: 44px; font-size: .9rem; }
.systea-speech-bubble { position: absolute; z-index: 3; right: calc(100% - 58px); bottom: calc(100% + .75rem); width: min(300px, calc(100vw - 2rem)); border: 1px solid #bfd2e5; border-radius: 17px 17px 17px 5px; background: #fff; padding: .78rem .9rem; color: var(--ink, #122033); box-shadow: 0 12px 32px rgba(20,63,120,.2); font: inherit; line-height: 1.35; text-align: left; cursor: pointer; opacity: 0; transform: translateY(8px) scale(.97); transform-origin: calc(100% - 26px) 100%; transition: opacity .2s ease, transform .2s ease; }
.systea-speech-bubble.is-visible { opacity: 1; transform: translateY(0) scale(1); }
.systea-speech-bubble::after { content: ""; position: absolute; z-index: 2; right: 16px; bottom: -10px; width: 18px; height: 18px; border-right: 2px solid #9fbcda; border-bottom: 2px solid #9fbcda; background: #fff; transform: rotate(45deg) skew(-7deg, -7deg); }
.systea-speech-bubble span, .systea-speech-bubble strong { position: relative; z-index: 1; display: block; }
.systea-speech-bubble strong { margin-top: .35rem; color: #2f75b5; font-size: .82rem; }
.systea-launcher { position: relative; z-index: 1; display: flex; align-items: center; gap: .55rem; border: 0; border-radius: 999px; padding: .28rem .85rem .28rem .24rem; background: #fff; color: var(--brand-dark, #143f78); box-shadow: 0 8px 28px rgba(20, 63, 120, .24); font: inherit; font-weight: 800; cursor: pointer; }
.systea-launcher:hover, .systea-launcher:focus-visible { box-shadow: 0 10px 34px rgba(20, 63, 120, .34); transform: translateY(-1px); outline: 3px solid rgba(47, 117, 181, .22); }
.systea-launcher { touch-action: none; }
.systea-widget.is-dragging, .systea-widget.is-dragging .systea-launcher { cursor: grabbing; user-select: none; }
.systea-widget.is-dragging .systea-launcher { transform: none; box-shadow: 0 14px 38px rgba(20, 63, 120, .34); }
.systea-mascot { display: block; width: 52px; height: 60px; transform-origin: 50% 100%; }
.systea-mascot svg { display: block; width: 100%; height: 100%; overflow: visible; }
.systea-head, .systea-body { fill: #659bd0; stroke: #143f78; stroke-width: 3; }
.systea-body { fill: #eaf3fb; }
.systea-eye { fill: #143f78; transform-box: fill-box; transform-origin: center; transition: transform .2s ease; }
.systea-smile, .systea-arm path, .systea-foot, .systea-antenna { fill: none; stroke: #143f78; stroke-width: 3; stroke-linecap: round; }
.systea-arm circle, .systea-antenna-dot { fill: #659bd0; stroke: #143f78; stroke-width: 2; }
.systea-arm { transform-box: fill-box; transform-origin: top center; }
.systea-arm-right { transform-box: view-box; transform-origin: 74px 66px; }
.systea-orbit circle, .systea-orbit path { fill: none; stroke: #2f75b5; stroke-width: 2; }
.systea-animation-full .systea-mascot { animation: systea-float 3.6s ease-in-out infinite; }
.systea-animation-full.is-winking .systea-eye-right { animation: systea-wink .24s ease-in-out 1; }
.systea-animation-full.is-waving .systea-arm-right { animation: systea-wave 2.25s ease-in-out 1; }
.systea-animation-full.is-looking-left .systea-eye { transform: translateX(-1.7px); }
.systea-animation-full.is-looking-right .systea-eye { transform: translateX(1.7px); }
.systea-animation-full.is-looking-up .systea-eye { transform: translateY(-1.4px); }
.systea-animation-full.is-looking-down .systea-eye { transform: translateY(1.8px); }
.systea-animation-full.is-speaking .systea-smile { animation: systea-talk .55s ease-in-out infinite; }
.systea-animation-full.is-speaking .systea-orbit { transform-box: fill-box; transform-origin: center; animation: systea-orbit-pulse .9s ease-in-out infinite; }
.systea-animation-subtle .systea-mascot { animation: systea-float 5.5s ease-in-out infinite; }
.systea-widget.is-thinking .systea-mascot { animation: systea-think 1.4s ease-in-out infinite; }
@keyframes systea-float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-4px) rotate(1deg); } }
@keyframes systea-wink { 0%, 100% { transform: scaleY(1); } 45%, 65% { transform: scaleY(.12); } }
@keyframes systea-wave { 0%, 100% { transform: rotate(0); } 25%, 43%, 61%, 79% { transform: rotate(-104deg); } 34%, 52%, 70% { transform: rotate(-88deg); } }
@keyframes systea-think { 0%, 100% { transform: rotate(-1deg) translateY(0); } 50% { transform: rotate(4deg) translateY(-3px); } }
@keyframes systea-talk { 0%, 100% { stroke-width: 3; } 50% { stroke-width: 4.5; } }
@keyframes systea-orbit-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
.systea-panel { position: absolute; right: 0; bottom: calc(100% + .8rem); display: grid; grid-template-rows: auto minmax(160px, 1fr) auto auto auto; width: min(390px, calc(100vw - 2rem)); max-height: min(680px, calc(100vh - 7rem)); overflow: hidden; border: 1px solid #cbd9e8; border-radius: 22px; background: #fff; box-shadow: 0 18px 55px rgba(16, 43, 74, .28); }
.systea-panel[hidden] { display: none; }
.systea-panel-header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .65rem; padding: .8rem 1rem; background: linear-gradient(135deg, #143f78, #2f75b5); color: #fff; }
.systea-panel-header strong, .systea-panel-header small { display: block; }
.systea-panel-header strong { font-size: 1.08rem; }
.systea-panel-header small { opacity: .82; }
.systea-panel-avatar { display: grid; place-items: center; width: 36px; height: 36px; border: 2px solid rgba(255,255,255,.86); border-radius: 13px; font-weight: 900; transform: rotate(-4deg); }
.systea-icon-button { border: 0; background: transparent; color: #fff; padding: .15rem .35rem; font-size: 1.65rem; line-height: 1; cursor: pointer; }
.systea-messages { min-height: 180px; overflow-y: auto; padding: 1rem; background: #f6f9fd; overscroll-behavior: contain; }
.systea-message { width: fit-content; max-width: 88%; margin: 0 0 .75rem; border-radius: 16px; padding: .7rem .85rem; box-shadow: 0 1px 2px rgba(20,63,120,.08); }
.systea-message.has-results { width: min(100%, 310px); }
.systea-message p { margin: 0; white-space: pre-line; line-height: 1.42; }
.systea-message-user { margin-left: auto; border-bottom-right-radius: 5px; background: #2f75b5; color: #fff; }
.systea-message-assistant { border: 1px solid #d8e4f0; border-bottom-left-radius: 5px; background: #fff; color: var(--ink, #122033); }
.systea-message-assistant.is-streaming p::after { content: ""; display: inline-block; width: 2px; height: 1em; margin-left: 3px; vertical-align: -.12em; border-radius: 2px; background: #2f75b5; animation: systea-caret .75s steps(1) infinite; }
@keyframes systea-caret { 0%, 48% { opacity: 1; } 49%, 100% { opacity: 0; } }
.systea-response-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .65rem; }
.systea-response-actions a, .systea-response-actions button, .systea-more-button { border: 1px solid #a8c3de; border-radius: 999px; background: #f6fafe; padding: .34rem .62rem; color: #174f89; font: inherit; font-size: .82rem; font-weight: 750; line-height: 1.25; text-align: left; text-decoration: none; cursor: pointer; }
.systea-response-actions a:hover, .systea-response-actions button:hover, .systea-more-button:hover { border-color: #2f75b5; background: #eaf3fb; }
.systea-message-details { margin-top: .55rem; border-top: 1px solid #e1eaf4; padding-top: .55rem; }
.systea-message-details[hidden] { display: none; }
.systea-more-button { margin-top: .62rem; background: #fff; }
.systea-result-list { display: grid; gap: .38rem; margin-top: .65rem; }
.systea-result-heading { color: #5c6f83; font-size: .75rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
.systea-result-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .15rem .55rem; border: 1px solid #bfd2e5; border-radius: 12px; background: #f6fafe; padding: .55rem .65rem; color: #143f78; text-decoration: none; }
.systea-result-card:hover, .systea-result-card:focus-visible { border-color: #2f75b5; background: #eaf3fb; outline: 2px solid rgba(47,117,181,.16); }
.systea-result-card strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.systea-result-card small { grid-column: 1; color: #607386; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.systea-result-card > span { grid-column: 2; grid-row: 1 / span 2; font-size: 1.08rem; }
.systea-thinking { display: flex; flex-direction: column; align-items: flex-start; gap: .5rem; min-width: 58px; }
.systea-thinking p { transition: opacity .13s ease, transform .13s ease; }
.systea-thinking p.is-changing { opacity: 0; transform: translateY(2px); }
.systea-thinking-dots { display: flex; align-items: center; gap: .3rem; min-height: 9px; }
.systea-thinking-dots span { width: 7px; height: 7px; border-radius: 50%; background: #659bd0; animation: systea-dots 1.15s ease-in-out infinite; }
.systea-thinking-dots span:nth-child(2) { animation-delay: .15s; }
.systea-thinking-dots span:nth-child(3) { animation-delay: .3s; }
@keyframes systea-dots { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-5px); opacity: 1; } }
.systea-quick-questions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; overflow: visible; padding: .65rem .75rem .15rem; background: #fff; }
.systea-quick-questions[hidden] { display: none; }
.systea-quick-questions button { min-width: 0; border: 1px solid #b8cde2; border-radius: 14px; background: #eef5fb; color: #143f78; padding: .45rem .55rem; font: inherit; font-size: .79rem; font-weight: 750; line-height: 1.2; white-space: normal; cursor: pointer; }
.systea-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .55rem; padding: .7rem .75rem; background: #fff; }
.systea-form textarea { width: 100%; min-height: 48px; max-height: 125px; resize: vertical; border: 1px solid #b8c9dc; border-radius: 13px; padding: .65rem .72rem; font: inherit; line-height: 1.3; }
.systea-send { min-height: 46px; border: 0; border-radius: 12px; background: #2f75b5; color: #fff; padding: .55rem .72rem; font: inherit; font-weight: 800; cursor: pointer; }
.systea-send:disabled { opacity: .5; cursor: wait; }
.systea-panel-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #e1e9f2; padding: .48rem .85rem .58rem; color: #52667b; font-size: .78rem; }
.systea-panel-footer a, .systea-panel-footer .link-button { color: #315f8d; font-size: inherit; }
.systea-settings-card { max-width: 760px; }
.systea-setting-row { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; border-bottom: 1px solid var(--line); padding: 1rem 0; cursor: pointer; }
.systea-setting-row span, .systea-setting-row small { display: block; }
.systea-setting-row small { margin-top: .2rem; color: var(--muted); }
.systea-setting-row input { width: 1.35rem; height: 1.35rem; flex: 0 0 auto; }
.systea-settings-card select { max-width: 340px; margin-top: .45rem; }
.systea-tone-options { margin: 1.2rem 0; padding: 0; border: 0; }
.systea-tone-options legend { margin-bottom: .15rem; }
.systea-tone-options > .muted-line { margin: .15rem 0 .75rem; }
.systea-tone-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.systea-tone-option { display: flex; align-items: flex-start; gap: .65rem; min-width: 0; border: 1px solid var(--line); border-radius: 14px; padding: .8rem; background: #fff; cursor: pointer; }
.systea-tone-option:has(input:checked) { border-color: var(--brand); background: var(--accent); box-shadow: 0 0 0 1px var(--brand); }
.systea-tone-option input { width: 1.15rem; height: 1.15rem; margin: .15rem 0 0; flex: 0 0 auto; }
.systea-tone-option span, .systea-tone-option small { display: block; }
.systea-tone-option small { margin-top: .22rem; color: var(--muted); line-height: 1.35; }
@media (max-width: 640px) {
  .systea-widget { right: max(.7rem, env(safe-area-inset-right)); bottom: max(.65rem, env(safe-area-inset-bottom)); }
  .systea-launcher-label { display: none; }
  .systea-launcher { padding: .18rem; }
  .systea-mascot { width: 49px; height: 56px; }
  .systea-panel { position: fixed; top: var(--systea-mobile-top, max(.55rem, env(safe-area-inset-top))); right: max(.55rem, env(safe-area-inset-right)); bottom: auto; left: max(.55rem, env(safe-area-inset-left)); width: auto; height: var(--systea-mobile-height, calc(100dvh - 1.1rem)); max-height: none; border-radius: 18px; }
  .systea-widget.is-open .systea-launcher { display: none; }
  .systea-messages { min-height: 0; }
  .systea-panel-header { padding: .7rem .8rem; }
  .systea-quick-questions { padding-right: max(.7rem, env(safe-area-inset-right)); padding-left: max(.7rem, env(safe-area-inset-left)); }
  .systea-form { padding-right: max(.7rem, env(safe-area-inset-right)); padding-bottom: max(.7rem, env(safe-area-inset-bottom)); padding-left: max(.7rem, env(safe-area-inset-left)); }
  .systea-form textarea { max-height: 96px; resize: none; }
  .systea-panel-footer { padding-bottom: max(.58rem, env(safe-area-inset-bottom)); }
  .systea-message { max-width: 94%; }
  .systea-response-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .systea-response-actions > * { display: flex; align-items: center; justify-content: center; min-height: 40px; text-align: center; }
  .systea-setting-row { align-items: flex-start; }
  .systea-tone-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .systea-widget *, .systea-widget *::before, .systea-widget *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}
@media print { .systea-widget { display: none !important; } }

/* Erstattungsbelege: private Monatsordner und lesende Buchhaltungsansicht. */
.expense-year-picker { display: flex; align-items: end; gap: .55rem; }
.expense-preview-launcher { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr) auto; align-items: end; gap: 1rem; margin-bottom: 1rem; }
.expense-preview-launcher h2 { margin: .15rem 0 .35rem; }
.expense-preview-launcher > .button { justify-self: end; }
.expense-preview-form { display: grid; grid-template-columns: minmax(190px, 1fr) auto; align-items: end; gap: .55rem; }
.expense-preview-form label { grid-column: 1 / -1; margin-bottom: 0; }
.expense-year-picker label { margin: 0 0 .55rem; }
.expense-year-picker select { min-width: 130px; }
.expense-total-badge { min-width: 125px; border: 1px solid #b8cde2; border-radius: 14px; background: #eef5fb; padding: .65rem .85rem; text-align: right; }
.expense-total-badge span, .expense-total-badge strong { display: block; }
.expense-total-badge span { color: var(--muted); font-size: .82rem; }
.expense-total-badge strong { margin-top: .12rem; color: var(--brand-dark); font-size: 1.6rem; }
.expense-overview-totals { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; }
.expense-employee-list { display: grid; gap: 1rem; }
.expense-employee-row { display: grid; grid-template-columns: minmax(210px, .65fr) minmax(0, 2.35fr); gap: 1rem; border: 1px solid var(--line); border-radius: 16px; padding: 1rem; background: #fff; }
.expense-employee-name { position: relative; min-width: 0; padding-right: 3rem; }
.expense-employee-name strong, .expense-employee-name span { display: block; }
.expense-employee-name strong { color: var(--ink); font-size: 1.05rem; }
.expense-employee-name span { margin-top: .18rem; color: var(--muted); font-size: .86rem; }
.expense-employee-name b { position: absolute; top: 0; right: 0; display: grid; place-items: center; min-width: 34px; height: 34px; border-radius: 999px; background: var(--brand); color: white; padding: 0 .45rem; }
.expense-month-grid { display: grid; grid-template-columns: repeat(5, minmax(95px, 1fr)); gap: .55rem; }
.expense-month-folder { display: grid; grid-template-columns: 1fr auto; gap: .1rem .4rem; min-width: 0; border: 1px solid var(--line); border-radius: 13px; background: #f7f9fc; padding: .65rem .7rem; color: var(--ink); text-decoration: none; }
.expense-month-folder:hover, .expense-month-folder:focus-visible { border-color: var(--brand); background: var(--accent); outline: 2px solid rgba(47,117,181,.14); }
.expense-month-folder.has-receipts { border-color: #89add1; background: #eef5fb; }
.expense-month-folder.has-unread { border-color: #e6a817; background: #fff9e9; box-shadow: inset 0 4px #e6a817; }
.expense-month-folder span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.expense-month-folder strong { display: grid; place-items: center; min-width: 27px; height: 27px; border-radius: 999px; background: #dfe8f2; color: var(--brand-dark); }
.expense-month-folder.has-receipts strong { background: var(--brand); color: white; }
.expense-month-folder small { grid-column: 1 / -1; color: var(--muted); }
.expense-month-navigation { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .75rem; margin: 0 0 1rem; }
.expense-month-navigation > :last-child { justify-self: end; }
.expense-month-navigation strong { text-align: center; }
.expense-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 0 0 1rem; }
.expense-summary-card { display: grid; align-content: start; gap: .18rem; min-width: 0; border: 1px solid var(--line); border-top: 5px solid #91a7bd; border-radius: 15px; background: #fff; padding: .85rem 1rem; }
.expense-summary-card.is-primary { border-top-color: #218b52; background: #f5fcf8; }
.expense-summary-card.is-over { border-top-color: #c83d3d; background: #fff7f7; }
.expense-summary-card span { color: var(--muted); font-size: .86rem; }
.expense-summary-card strong { overflow-wrap: anywhere; color: var(--ink); font-size: 1.35rem; }
.expense-summary-card small { color: var(--muted); }
.expense-summary-card a { color: var(--brand-dark); }
.expense-upload-card { margin-bottom: 1rem; }
.expense-upload-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem 1rem; align-items: end; }
.expense-upload-form > div { min-width: 0; }
.expense-upload-form label, .expense-upload-form small { display: block; }
.expense-upload-form small { margin-top: .28rem; color: var(--muted); }
.expense-upload-form button { justify-self: start; }
.expense-form-step { position: relative; border: 1px solid #c9d7e5; border-radius: 13px; background: #f8fbfe; padding: .75rem; }
.expense-form-step > b:first-child { display: inline-grid; place-items: center; min-width: 26px; height: 26px; margin-bottom: .42rem; border-radius: 999px; background: var(--brand); color: #fff; font-size: .82rem; }
.expense-form-step input[type="date"] { cursor: pointer; }
.document-cropper { grid-column: 1 / -1; width: 100%; border: 1px solid #8eb9a1; border-radius: 15px; background: #f4fbf7; padding: .85rem; }
.document-crop-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; margin-bottom: .65rem; }
.document-crop-heading b, .document-crop-heading small { display: block; }
.document-crop-heading small { max-width: 760px; margin-top: .2rem; color: var(--muted); }
.document-crop-heading > span { flex: 0 0 auto; border-radius: 999px; background: #dff4e7; color: #176b3e; padding: .28rem .58rem; font-size: .76rem; font-weight: 800; }
.document-crop-stage { display: grid; place-items: center; overflow: hidden; border: 1px solid #aec0d2; border-radius: 13px; background: #162333; padding: .45rem; }
.document-crop-stage canvas { display: block; width: auto; max-width: 100%; max-height: 62vh; border-radius: 8px; cursor: move; touch-action: none; }
.document-crop-status { margin: .62rem 0 0; color: #176b3e; font-weight: 700; }
.document-crop-actions { margin-top: .62rem; }
.expense-filename-preview { grid-column: 1 / -1; border: 1px solid #8ab0d4; border-radius: 13px; background: #eef6fd; padding: .72rem .85rem; }
.expense-filename-preview span, .expense-filename-preview strong { display: block; }
.expense-filename-preview span { color: var(--muted); font-size: .8rem; }
.expense-filename-preview strong { margin-top: .12rem; overflow-wrap: anywhere; color: var(--brand-dark); }
.expense-camera-field input { padding: .7rem; border: 1px dashed #8eacca; border-radius: 12px; background: #f5f9fd; }
.expense-count-pill { display: grid; place-items: center; min-width: 38px; height: 38px; border-radius: 999px; background: var(--brand); color: white; font-weight: 850; }
.expense-receipt-list { display: grid; gap: .75rem; }
.expense-receipt-item { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid var(--line); border-radius: 14px; padding: .85rem; background: #fff; }
.expense-receipt-item.is-unread { border-color: #e6a817; background: #fff9e9; box-shadow: inset 5px 0 #e6a817; }
.expense-receipt-file { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.expense-receipt-file > div { min-width: 0; }
.expense-receipt-file strong, .expense-receipt-file span, .expense-receipt-file small { display: block; }
.expense-receipt-file strong { overflow-wrap: anywhere; }
.expense-receipt-file span { margin-top: .16rem; color: var(--ink); }
.expense-receipt-file small { margin-top: .28rem; color: var(--muted); }
.expense-file-icon { flex: 0 0 auto; display: grid !important; place-items: center; width: 48px; height: 54px; border: 1px solid #9bb8d5; border-radius: 10px; background: #eef5fb; color: var(--brand-dark) !important; font-size: .72rem; font-weight: 900; }
.expense-receipt-item > .actions { flex: 0 0 auto; }
.expense-receipt-actions { align-items: center; justify-content: flex-end; max-width: 520px; }
.expense-rename-control { flex: 1 0 100%; border: 1px solid var(--line); border-radius: 11px; background: var(--soft); }
.expense-rename-control > summary { padding: .62rem .75rem; color: var(--brand-dark); cursor: pointer; font-weight: 750; list-style-position: inside; }
.expense-rename-control form { display: grid; grid-template-columns: minmax(180px, 1fr) auto; align-items: end; gap: .5rem; border-top: 1px solid var(--line); padding: .75rem; }
.expense-rename-control label, .expense-rename-control small { grid-column: 1 / -1; }
.expense-rename-control label { margin: 0; }
.expense-rename-control small { color: var(--muted); }

@media (max-width: 1000px) {
  .expense-preview-launcher { grid-template-columns: 1fr; align-items: stretch; }
  .expense-preview-launcher > .button { justify-self: start; }
  .expense-employee-row { grid-template-columns: 1fr; }
  .expense-month-grid { grid-template-columns: repeat(3, minmax(90px, 1fr)); }
  .expense-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .receipt-preview-banner { align-items: stretch; flex-direction: column; }
  .receipt-preview-banner .button { text-align: center; }
  .expense-preview-launcher > .button { justify-self: stretch; text-align: center; }
  .expense-preview-form { grid-template-columns: 1fr; }
  .expense-year-picker { width: 100%; }
  .expense-year-picker select { flex: 1; }
  .expense-month-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .expense-month-navigation { grid-template-columns: 1fr 1fr; }
  .expense-month-navigation strong { grid-column: 1 / -1; grid-row: 1; }
  .expense-month-navigation > :first-child { grid-column: 1; }
  .expense-month-navigation > :last-child { grid-column: 2; }
  .expense-upload-form { grid-template-columns: 1fr; }
  .expense-summary-grid { grid-template-columns: 1fr 1fr; }
  .expense-summary-card { padding: .72rem .8rem; }
  .expense-summary-card strong { font-size: 1.12rem; }
  .expense-filename-preview { grid-column: auto; }
  .document-cropper { grid-column: auto; margin: 0 -.2rem; }
  .document-crop-heading { flex-direction: column; }
  .document-crop-actions { display: grid; grid-template-columns: 1fr; }
  .document-crop-actions button { width: 100%; justify-content: center; }
  .expense-receipt-item { align-items: stretch; flex-direction: column; }
  .expense-receipt-item > .actions { display: grid; grid-template-columns: 1fr 1fr; }
  .expense-receipt-item > .actions a { justify-content: center; text-align: center; }
  .expense-receipt-item > .actions form { grid-column: 1 / -1; }
  .expense-receipt-actions { max-width: none; }
  .expense-rename-control { grid-column: 1 / -1; }
  .expense-rename-control form { grid-template-columns: 1fr; }
}
.report-revision-panel { margin-top: 1.4rem; border-top: 1px solid var(--line); padding-top: 1.25rem; }
.report-generation-actions { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; }
.report-generation-actions form { margin: 0; }
.report-full-editorial-form { margin: 1rem 0 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--line); }
.report-full-editorial-form .help-text { margin: .55rem 0 0; }
.report-history-card { margin-top: 1rem; }
.report-version-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .65rem; }
.report-version-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border: 1px solid var(--line); border-radius: 14px; background: #fff; overflow: hidden; }
.report-version-item:hover, .report-version-item:focus-within, .report-version-item.is-current { border-color: var(--brand); background: var(--accent); }
.report-version-link { display: grid; gap: .18rem; min-width: 0; padding: .8rem .9rem; color: var(--ink); text-decoration: none; background: transparent; }
.report-version-link span { color: var(--muted); font-size: .88rem; }
.report-version-delete-form { align-self: stretch; display: flex; align-items: center; padding: .55rem .75rem; border-left: 1px solid var(--line); }
.report-version-delete-form .link-button { white-space: nowrap; }
.report-revision-form { display: grid; grid-template-columns: minmax(190px, .7fr) minmax(280px, 1.3fr); gap: .65rem 1rem; align-items: end; }
.report-revision-form label { align-self: end; }
.report-revision-form textarea, .report-revision-form .help-text { grid-column: 1 / -1; }
.report-revision-form button { justify-self: start; }
@media (max-width: 700px) {
  .report-revision-form { grid-template-columns: 1fr; }
  .report-revision-form textarea, .report-revision-form .help-text { grid-column: 1; }
}

@media (max-width: 640px) {
  .legal-page-heading { align-items: stretch; flex-direction: column; }
  .legal-page-heading .button { align-self: flex-start; }
  .legal-card, .legal-summary { border-radius: 14px; padding: 1.1rem; }
  .legal-card h2 { font-size: 1.2rem; }
  .legal-toc { align-items: flex-start; flex-direction: column; }
  .server-location-badge { align-items: flex-start; border-radius: 12px; }
  .legal-footer { margin-bottom: calc(1rem + env(safe-area-inset-bottom)); }
}

@media print {
  .topbar, .legal-footer, .legal-page-heading .button, .legal-toc { display: none !important; }
  .container, .legal-page { width: 100%; max-width: none; margin: 0; }
  .legal-card, .legal-summary { break-inside: avoid; border-color: #bbb; box-shadow: none; }
  .legal-table-wrap { overflow: visible; }
  .legal-table { min-width: 0; }
}
.billing-heading { align-items: flex-end; }
.billing-period-bar { display: flex; align-items: end; justify-content: center; gap: 1rem; margin-bottom: 1rem; }
.billing-period-bar form { display: flex; align-items: end; gap: .75rem; }
.billing-period-bar label { display: block; font-weight: 800; margin-bottom: .3rem; }
.billing-period-bar input { min-width: 12rem; }
.billing-overview-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .8rem; margin-bottom: 1rem; }
.billing-overview-grid article { background: #fff; border: 1px solid var(--line); border-top: 4px solid #9caec4; border-radius: 18px; padding: 1rem; box-shadow: 0 12px 34px rgba(25, 50, 39, .06); }
.billing-overview-grid article.is-complete { border-top-color: #20a365; }
.billing-overview-grid article.is-open { border-top-color: #e5a71a; }
.billing-overview-grid span, .billing-overview-grid small { display: block; color: var(--muted); }
.billing-overview-grid strong { display: block; color: var(--ink); font-size: 1.45rem; margin: .3rem 0; }
.billing-employee-section, .billing-detail-section { margin-top: 1rem; }
.billing-detail-section { scroll-margin-top: 1rem; }
.billing-employee-list { display: grid; gap: .55rem; }
.billing-employee-row { display: grid; grid-template-columns: minmax(15rem, 2fr) repeat(4, minmax(6rem, .7fr)) auto; align-items: center; gap: .75rem; border: 1px solid var(--line); border-radius: 14px; padding: .8rem 1rem; color: var(--ink); text-decoration: none; background: #fff; }
.billing-employee-row:hover, .billing-employee-row.is-selected { border-color: var(--brand); background: #f2f8ff; box-shadow: 0 8px 24px rgba(20, 63, 120, .08); }
.billing-employee-row span:not(.billing-employee-name) { text-align: right; }
.billing-employee-row small, .billing-employee-name small { display: block; color: var(--muted); margin-top: .15rem; }
.billing-open-value strong { color: #a16600; }
.billing-person-summary { display: flex; flex-wrap: wrap; gap: .55rem; }
.billing-person-summary span { background: #edf4fb; border-radius: 999px; padding: .5rem .75rem; }
.billing-detail-table td { vertical-align: top; }
.billing-detail-table td small { display: block; color: var(--muted); margin-top: .25rem; }
.billing-status { display: inline-flex; border-radius: 999px; font-weight: 800; padding: .35rem .6rem; line-height: 1.2; }
.billing-status-complete { background: #e2f6ec; color: #08733f; }
.billing-status-submitted { background: #e5f0ff; color: #174f91; }
.billing-status-draft { background: #fff3cf; color: #815800; }
.billing-warning { color: #9b5c00 !important; font-weight: 700; }
.billing-actions { min-width: 13rem; }
.billing-actions .button { display: block; width: 100%; margin: 0 0 .4rem; text-align: center; }
.billing-empty-selection { margin-top: 1rem; text-align: center; }
@media (max-width: 1050px) {
  .billing-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .billing-employee-row { grid-template-columns: minmax(12rem, 2fr) repeat(2, minmax(5rem, 1fr)) auto; }
  .billing-employee-row > span:nth-child(4), .billing-employee-row > span:nth-child(5) { display: none; }
}
@media (max-width: 700px) {
  .billing-period-bar, .billing-period-bar form { align-items: stretch; flex-wrap: wrap; }
  .billing-period-bar form { flex: 1 1 100%; }
  .billing-period-bar form > * { flex: 1 1 100%; }
  .billing-overview-grid { grid-template-columns: 1fr 1fr; }
  .billing-overview-grid article:last-child { grid-column: 1 / -1; }
  .billing-employee-row { grid-template-columns: 1fr auto; }
  .billing-employee-row > span:not(.billing-employee-name):not(:last-child) { display: none; }
}