:root { color-scheme: light; --ink:#17211b; --muted:#5d6a62; --paper:#f5f3ec; --card:#fff; --accent:#16603b; --border:#d9ded9; --danger:#9f2430; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.55 system-ui,-apple-system,sans-serif; }
.site-header { min-height:64px; padding:0 max(20px,calc((100% - 920px)/2)); display:flex; align-items:center; justify-content:space-between; background:var(--card); border-bottom:1px solid var(--border); }
.brand { color:var(--ink); font-size:1.15rem; font-weight:750; text-decoration:none; }
.container { width:min(1120px,calc(100% - 32px)); margin:56px auto; }
.card { padding:clamp(24px,5vw,48px); background:var(--card); border:1px solid var(--border); border-radius:16px; box-shadow:0 8px 30px rgba(23,33,27,.06); }
.narrow { max-width:520px; margin:auto; }
h1 { margin:.1em 0 .4em; line-height:1.15; }
.muted { color:var(--muted); }.eyebrow { color:var(--accent); font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
label { display:block; margin:20px 0 6px; font-weight:650; }
input { width:100%; padding:12px; border:1px solid var(--border); border-radius:8px; font:inherit; }
.input-suffix { display:flex; align-items:center; gap:10px; }.input-suffix input { max-width:120px; }.input-suffix span { color:var(--muted); }
textarea { width:100%; padding:12px; border:1px solid var(--border); border-radius:8px; resize:vertical; font:inherit; }
select { width:100%; padding:12px; border:1px solid var(--border); border-radius:8px; background:#fff; font:inherit; }.checkbox-label { display:flex; align-items:center; gap:10px; }.checkbox-label input { width:auto; }
input:focus { outline:3px solid rgba(22,96,59,.18); border-color:var(--accent); }
textarea:focus { outline:3px solid rgba(22,96,59,.18); border-color:var(--accent); }
button { margin-top:24px; padding:11px 18px; border:0; border-radius:8px; background:var(--accent); color:white; font:inherit; font-weight:700; cursor:pointer; }
button:focus-visible,.button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid rgba(22,96,59,.45); outline-offset:3px; }
.button { display:inline-block; padding:11px 18px; border-radius:8px; background:var(--accent); color:white; font-weight:700; text-decoration:none; }
.secondary { background:#edf2ee; color:var(--accent); }
.site-header form,.site-header button { margin:0; }.link-button { background:transparent; color:var(--accent); padding:8px; }
.alert { padding:12px 14px; border-left:4px solid var(--danger); background:#fff0f1; color:#711923; }
.success { margin-bottom:20px; padding:12px 14px; border-left:4px solid var(--accent); background:#eaf7ef; color:#124b30; }
.field-error { margin:5px 0 0; color:var(--danger); font-size:.92rem; }
.page-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:24px; }
.page-heading h1 { margin-top:8px; }.section-gap { margin-top:24px; }
.meeting-list { border-top:1px solid var(--border); }
.meeting-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 4px; border-bottom:1px solid var(--border); color:var(--ink); text-decoration:none; }
.meeting-row small { display:block; margin-top:2px; color:var(--muted); }.meeting-row form,.meeting-row button { margin:0; }
.status { display:inline-block; padding:4px 9px; border-radius:999px; background:#edf2ee; color:#31463a; font-size:.85rem; font-weight:700; }
.status-active { background:#dff4e7; color:#12532f; }.status-ended { background:#e9ecea; }.status-cancelled { background:#fff0f1; color:#711923; }
.actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }.actions form,.actions button { margin:0; }
.small-button { padding:7px 11px; }.details { display:grid; grid-template-columns:max-content 1fr; gap:8px 18px; margin:24px 0; }.details dt { font-weight:700; }.details dd { margin:0; }.preserve-lines { white-space:pre-line; }
.public-access { margin:28px 0; padding:20px; border:1px solid var(--border); border-radius:12px; background:#fafbf9; }.meeting-code { font-family:ui-monospace,monospace; letter-spacing:.12em; }.participant-qr { width:max-content; max-width:100%; margin:1.25rem 0; text-align:center; }.qr-code-with-label { position:relative; width:max-content; max-width:100%; }.qr-code-with-label img { display:block; max-width:100%; height:auto; padding:8px; border:1px solid var(--border); border-radius:12px; background:#fff; image-rendering:pixelated; }.qr-code-with-label > span { position:absolute; top:50%; left:50%; display:flex; width:54px; height:36px; padding:3px; align-items:center; justify-content:center; transform:translate(-50%,-50%); border:4px solid #fff; border-radius:6px; background:var(--accent); color:#fff; font-size:.52rem; font-weight:900; line-height:1.05; text-align:center; }.participant-list { border-top:1px solid var(--border); }.participant-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 4px; border-bottom:1px solid var(--border); }.participant-row > .status { min-width:86px; text-align:center; }.participant-row small { display:block; color:var(--muted); }.public-card { margin-top:20px; }.notice,.lobby-state { padding:16px; border-radius:10px; background:#f0f3f1; }
.page-heading-preparation { display:grid; grid-template-columns:minmax(15rem, 1fr) minmax(20rem, 440px) minmax(10rem, .7fr); align-items:start; margin-bottom:1rem; }
.preparation-summary .details { margin:.8rem 0 0; grid-template-columns:max-content minmax(0, 1fr); gap:.3rem .75rem; font-size:.92rem; }
.preparation-summary .details dt,.preparation-summary .details dd { margin:0; }
.preparation-header-actions { justify-self:end; display:flex; flex-direction:column; align-items:stretch; gap:.5rem; }
.preparation-header-actions form,.preparation-header-actions button { width:100%; margin:0; }.preparation-open-meeting { padding:11px 18px; background:#104c2f; }
.preparation-access { width:100%; margin:0; padding:5px 8px; text-align:left; display:grid; grid-template-columns:148px minmax(0,1fr); gap:.2rem .75rem; }
.preparation-access h2 { grid-column:1 / -1; margin:0; text-align:center; }
.preparation-access .participant-qr { grid-column:1; grid-row:2 / span 3; margin:0 auto; align-self:center; }
.preparation-access .participant-qr img { width:132px; height:132px; padding:8px; border:0; border-radius:0; background:#fff; }
.preparation-access p { grid-column:2; margin:.15rem 0; align-self:center; }
.preparation-access p { overflow-wrap:anywhere; }
@media (max-width: 900px) { .page-heading-preparation { grid-template-columns:1fr; } .preparation-header-actions { justify-self:start; } .preparation-access { order:3; } }
@media (max-width: 560px) { .preparation-access { grid-template-columns:1fr; text-align:center; } .preparation-access h2,.preparation-access .participant-qr,.preparation-access p { grid-column:1; grid-row:auto; } }
.planned-start-fields { border:1px solid var(--border); border-radius:10px; padding:1rem; display:grid; grid-template-columns:minmax(7rem, .7fr) minmax(7rem, .5fr); gap:.55rem 1rem; }
[data-meeting-create-form] .planned-start-fields { margin-top:1rem; }
.planned-start-fields legend { font-weight:700; padding:0 .3rem; }
.planned-start-fields label { margin:0; }
.planned-start-fields .field-error { grid-column:1 / -1; }
@media (max-width: 560px) { .planned-start-fields { grid-template-columns:1fr; } }
.speaker-section { margin:1.5rem 0; padding-top:1rem; border-top:1px solid var(--border); }.speaker-queue { padding-left:1.5rem; }.speaker-queue li,.speaker-admin-row { display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:.75rem; margin-bottom:.5rem; border:1px solid var(--border); border-radius:.6rem; }.speaker-queue li.speaking,.speaker-admin-row.speaking { border-color:#1f7a4c; background:#edf9f2; }.speaker-queue span,.speaker-admin-row small { display:block; color:var(--muted); }.now-speaking { padding:.8rem; border-radius:.6rem; background:#1f7a4c; color:white; font-weight:700; }.speaker-admin-row > span { flex:1; }.speaker-admin-row .actions { margin:0; }
.speaker-timer { display:block; margin-top:.35rem; color:inherit; font-size:1.35rem; font-variant-numeric:tabular-nums; font-weight:800; }.speaker-timer.expired { color:#9f2430; }.now-speaking .speaker-timer.expired { color:#fff; text-decoration:underline; }
.agenda-admin-section { margin:2rem 0; padding:1.25rem; border:1px solid var(--border); border-radius:12px; background:#fafbf9; }.agenda-admin-list { padding-left:1.75rem; }.agenda-admin-item { padding:1rem; margin-bottom:.75rem; border:1px solid var(--border); border-radius:10px; background:#fff; }.agenda-admin-item.agenda-active { border-color:var(--accent); background:#edf9f2; }.agenda-admin-item.agenda-completed { opacity:.7; }.agenda-item-content > strong { display:block; margin:.5rem 0 .2rem; font-size:1.08rem; }.agenda-item-content p { margin:.35rem 0; }.agenda-actions { margin-top:.8rem; }.agenda-actions details { width:100%; }.agenda-actions summary { color:var(--accent); font-weight:700; cursor:pointer; }.agenda-edit-form { margin-top:.5rem; padding:.75rem; border-left:3px solid var(--border); }.agenda-create-form { margin-top:1.25rem; padding-top:1rem; border-top:1px solid var(--border); }.public-agenda { margin:1.5rem 0; padding:1rem; border:1px solid var(--border); border-radius:10px; }.agenda-current { padding:1rem; border-left:5px solid var(--accent); background:#edf9f2; }.agenda-current h3 { margin:.25rem 0; font-size:1.35rem; }.agenda-public-list { padding-left:1.5rem; }.agenda-public-list li { padding:.35rem; }
.screen-entry { margin-top:clamp(30px,8vh,100px); text-align:center; }.screen-entry form { text-align:left; }.screen-code-input { padding:18px; text-align:center; font:800 clamp(1.4rem,4vw,2rem)/1 ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase; }.screen-open-button { width:100%; padding:16px; font-size:1.15rem; }
.display-screen { min-height:calc(100vh - 180px); padding:clamp(24px,4vw,56px); border-radius:18px; background:#fff; box-shadow:0 8px 30px rgba(23,33,27,.06); }.display-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:2rem; padding-bottom:2rem; border-bottom:2px solid var(--border); }.display-heading h1 { font-size:clamp(2rem,4vw,4.5rem); }.display-join { min-width:260px; padding:1rem 1.25rem; text-align:center; border:2px solid var(--accent); border-radius:14px; }.display-join .display-qr { margin:0 auto .55rem; }.display-join .display-qr img { display:block; width:160px; max-width:100%; height:auto; margin:0; border-radius:8px; }.display-join .display-qr > span { width:64px; height:44px; font-size:.6rem; }.display-join span,.display-join small { display:block; }.display-join strong { display:block; margin:.15rem 0; font:800 clamp(1.7rem,3vw,3rem)/1 ui-monospace,monospace; letter-spacing:.12em; }.display-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr); gap:2rem; margin-top:2rem; }.display-current,.display-waiting { padding:clamp(24px,4vw,52px); border:1px solid var(--border); border-radius:16px; }.display-current { display:flex; min-height:390px; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#edf9f2; }.display-current h2 { font-size:clamp(2.5rem,6vw,6rem); }.display-timer { font-size:clamp(3rem,7vw,7rem); }.display-waiting ol { margin:1.5rem 0 0; padding-left:2rem; }.display-waiting li { padding:.7rem; font-size:clamp(1.2rem,2vw,2rem); }.display-message { display:flex; min-height:420px; flex-direction:column; align-items:center; justify-content:center; text-align:center; }.display-message h2 { font-size:clamp(2rem,5vw,5rem); }
.display-agenda { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr); gap:2rem; margin-top:2rem; padding:clamp(20px,3vw,38px); border:2px solid var(--accent); border-radius:16px; background:#f5fbf7; }.display-agenda h2 { margin:.2rem 0; font-size:clamp(1.8rem,4vw,3.8rem); }.display-agenda ol { margin:.5rem 0 0; padding-left:1.75rem; }.display-agenda li { padding:.25rem; font-size:clamp(1rem,1.7vw,1.5rem); }
.primary-large { width:100%; padding:16px 24px; font-size:1.12rem; }.meeting-back { margin-bottom:1rem; }.preparation-actions { display:grid; gap:1rem; margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--border); }.preparation-actions form,.preparation-actions button { margin:0; }.cockpit { display:grid; gap:1.5rem; }.cockpit-heading,.report-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }.cockpit-heading h1,.report-heading h1 { margin-top:.15rem; }.timeline-section { margin-top:1.5rem; }.timeline { margin:0; padding:0; list-style:none; }.timeline-item { display:grid; grid-template-columns:2rem 1fr; gap:.75rem; padding:.8rem 0; border-bottom:1px solid var(--border); }.timeline-marker { color:var(--muted); font-size:1.2rem; font-weight:900; text-align:center; }.timeline-content h2,.timeline-content h3 { margin:.05rem 0; }.timeline-active { margin:.3rem 0; padding:1rem .8rem; border:2px solid var(--accent); border-radius:10px; background:#edf9f2; }.timeline-active .timeline-marker { color:var(--accent); }.timeline-completed { color:var(--muted); }.timeline-admin-actions { margin:0; flex-wrap:nowrap; justify-content:flex-end; }.timeline-admin-actions details { width:auto; }.timeline-admin .timeline-content { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.35rem 1rem; align-items:start; }.timeline-admin .timeline-content > h3 { grid-column:1; grid-row:1; }.timeline-admin .timeline-content > .timeline-admin-actions { grid-column:2; grid-row:1; }.timeline-admin .timeline-content > p { grid-column:1 / -1; }.agenda-edit-details[open] { width:min(440px,calc(100vw - 100px)); }.agenda-edit-details summary { min-height:38px; display:flex; align-items:center; color:var(--accent); font-weight:700; cursor:pointer; }.cockpit-speaker { padding:clamp(22px,4vw,42px); border-radius:14px; background:#edf9f2; text-align:center; }.cockpit-speaker h2 { margin:.2rem 0; font-size:clamp(2rem,5vw,4rem); }.cockpit-speaker form { max-width:520px; margin:1rem auto 0; }.cockpit-waiting,.cockpit-approval { padding:1.25rem; border:1px solid var(--border); border-radius:12px; }.cockpit-waiting ol { padding:0; list-style:none; }.cockpit-waiting li { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem 0; border-bottom:1px solid var(--border); }.cockpit-waiting small { display:block; color:var(--muted); }.cockpit-secondary { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding-top:1rem; border-top:1px solid var(--border); }.cockpit-secondary form,.cockpit-secondary button { margin:0; }
.agenda-item-compact h3 { display:flex; align-items:baseline; gap:.65rem; flex-wrap:wrap; margin-bottom:.25rem; }.agenda-presenter-inline { color:var(--muted); font-size:.82rem; font-weight:500; }.agenda-description { margin:.2rem 0 .65rem; }
.timeline-admin > .timeline-item { grid-template-columns:1fr; gap:0; }
.agenda-activate-form { width:100%; margin:0; }.agenda-activate-button { width:100%; margin:0; padding:.65rem .75rem; border:1px solid transparent; background:#f1f5f2; color:var(--ink); text-align:left; }.agenda-activate-button:hover { border-color:var(--accent); background:#e7f2eb; }.agenda-activate-button span { font-size:1.05rem; font-weight:750; }

@media (max-width:700px) {
    .timeline-admin .timeline-content {
        grid-template-columns:1fr;
    }
    .timeline-admin .timeline-content > h3,
    .timeline-admin .timeline-content > .timeline-admin-actions,
    .timeline-admin .timeline-content > p {
        grid-column:1;
        grid-row:auto;
    }
    .timeline-admin-actions {
        flex-wrap:wrap;
        justify-content:flex-start;
    }
}
.participant-view { margin-top:20px; }.lobby-waiting { margin:2rem 0; padding:1.5rem; border-radius:12px; background:#f0f3f1; text-align:center; }.lobby-symbol { display:block; color:var(--accent); font-size:3rem; font-weight:900; line-height:1; }.participant-agenda,.participant-speaker { margin:1.5rem 0; padding:1rem; border-radius:12px; background:#f5f7f5; }.participant-agenda h2,.participant-speaker h2 { margin:.2rem 0; }.participant-next { margin:.75rem 0 0; color:var(--muted); }.participant-action { margin:.75rem 0 1rem; text-align:center; }.participant-own-status { margin:.25rem 0 .75rem; font-size:1.1rem; font-weight:700; }.participant-own-status-prominent { color:var(--accent); font-size:clamp(1.65rem,6vw,2.1rem); line-height:1.12; }.participant-current-title { margin:.75rem 0; color:var(--muted); font-size:1.05rem; line-height:1.35; }.participant-primary { width:100%; padding:16px; font-size:1.1rem; }.participant-wake-lock { margin-bottom:.75rem; }.participant-wake-lock button { margin:0; }.participant-footer { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-top:2rem; padding-top:1rem; border-top:1px solid var(--border); }.participant-leave button { margin:0; }.display-timeline { margin-top:2rem; padding:clamp(18px,3vw,32px); border:1px solid var(--border); border-radius:14px; }.display-timeline .timeline { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:.75rem; }.display-timeline .timeline-item { border:0; }.display-timeline .timeline-active { margin:0; }.display-timeline h2 { font-size:clamp(1.2rem,2vw,2rem); }
.display-current-only { margin-top:2rem; }
.display-active-agenda { margin-top:2rem; padding:clamp(20px,3vw,36px); border:2px solid var(--accent); border-radius:14px; background:#f5fbf7; text-align:center; }.display-active-agenda h2 { margin:.2rem 0; font-size:clamp(2rem,5vw,4.5rem); }
.cockpit-heading {
    position:relative;
    display:block;
    padding-bottom:1.25rem;
    border-bottom:1px solid var(--border);
    text-align:center;
}
.cockpit-heading-main {
    width:100%;
}
.cockpit-label {
    margin:0;
    color:var(--muted);
    font-size:1.5em;
    font-weight:700;
    line-height:1.2;
}
.cockpit-identity {
    position:absolute;
    top:0;
    left:0;
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    gap:.2rem;
    text-align:left;
}
.cockpit-identity .cockpit-clock {
    padding:0;
    color:var(--ink);
    font-size:1.15rem;
    font-variant-numeric:tabular-nums;
    line-height:1.2;
}
.cockpit-meeting-title {
    margin:0 0 .15rem;
    color:var(--muted);
    font-weight:650;
    letter-spacing:0;
    font-size:1.5rem;
    line-height:1.2;
}
.cockpit-presenter-name {
    margin:.15rem 0 0;
    color:var(--muted);
    font-size:.85rem;
}
.cockpit-end-meeting {
    position:absolute;
    top:0;
    right:0;
    margin:0;
}
.cockpit-end-button {
    margin:0;
    border:0;
    background:#f4dfe1;
    color:#7b2831;
    cursor:pointer;
}
.cockpit-end-button:hover {
    background:#ecc9cd;
}
.cockpit-phase-row {
    position:relative;
    display:flex;
    width:100%;
    align-items:center;
    justify-content:center;
    gap:1rem;
}
.cockpit-phase-row .cockpit-speaker {
    width:min(100%,680px);
}
.cockpit-phase-row:not(.cockpit-phase-row-with-access) .cockpit-speaker-active {
    width:100%;
}
.cockpit-phase-access {
    position:absolute;
    top:50%;
    left:0;
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    align-items:flex-start;
    gap:.55rem;
    color:var(--muted);
    font-size:.9rem;
    text-align:left;
    transform:translateY(-50%);
}
.cockpit-phase-access .participant-code summary {
    color:var(--muted);
    font-weight:650;
    white-space:nowrap;
}
.cockpit-phase-access .participant-code-panel {
    position:absolute;
    z-index:20;
    width:min(520px,calc(100vw - 48px));
    box-shadow:0 12px 32px rgba(23,33,27,.18);
}
.speaker-state {
    margin:0;
    color:var(--muted);
    font-size:1rem;
    font-weight:750;
}
.cockpit-speaker .speaker-timer {
    margin:.35rem 0;
    color:var(--accent);
    font-size:clamp(3rem,8vw,6.5rem);
    line-height:1;
}
.cockpit-workspace {
    display:grid;
    grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);
    gap:1.5rem;
    align-items:start;
}
.cockpit-timeline {
    grid-column:1;
    grid-row:1;
}
.cockpit-waiting {
    grid-column:2;
    grid-row:1;
}
.cockpit-workspace .cockpit-waiting,
.cockpit-workspace .cockpit-timeline {
    margin:0;
    padding:1.25rem;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}
.cockpit-workspace h2 {
    margin-top:0;
}
.queue-heading {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
}
.queue-heading > div {
    display:flex;
    align-items:center;
    gap:.75rem;
}
.queue-heading h2,
.queue-heading form,
.queue-heading button {
    margin:0;
}
.status-closed {
    background:#f0ece7;
    color:#665b50;
}
.cockpit-waiting ol {
    padding-left:2rem;
    list-style:decimal;
}
.cockpit-waiting li {
    padding-left:.35rem;
}
.cockpit-waiting li::marker {
    color:var(--accent);
    font-weight:800;
}
.cockpit-waiting .actions {
    justify-content:flex-end;
}
.cockpit-approval {
    border-color:#e6d9a8;
    background:#fffaf0;
}
.danger-link {
    margin:0;
    padding:7px 0;
    background:transparent;
    color:var(--danger);
    font-weight:650;
}
.danger-button {
    margin:0;
    background:#f8e9eb;
    color:var(--danger);
}
.danger-link:hover,
.danger-button:hover {
    background:#f3dadd;
}
.meeting-report { max-width:900px; margin:auto; }.report-heading button { margin:0; }.report-details { padding:1rem; border-radius:10px; background:#f5f7f5; }.report-timeline { margin-top:2rem; }.report-speeches { margin-top:.75rem; padding:.75rem; border-left:3px solid var(--accent); }.report-speeches h4 { margin:0 0 .35rem; }.report-speeches ul { margin:0; padding-left:1.25rem; }
@media (max-width:600px) { .page-heading { align-items:stretch; flex-direction:column; }.meeting-row { align-items:flex-start; }.details { grid-template-columns:1fr; gap:2px; }.details dd { margin-bottom:10px; } }
@media (max-width:800px) { .display-heading { flex-direction:column; }.display-join { width:100%; }.display-grid,.display-agenda { grid-template-columns:1fr; }.display-current { min-height:300px; } }
@media (max-width:900px) { .cockpit-workspace { grid-template-columns:1fr; } }
@media (max-width:600px) { .cockpit-heading,.report-heading,.cockpit-secondary,.cockpit-waiting li { align-items:stretch; flex-direction:column; }.cockpit { padding:20px; }.participant-view { padding:22px; }.site-header { gap:.5rem; }.site-header [data-wake-lock-status] { display:none; } }
@media print { body { background:#fff; color:#000; font-size:11pt; }.site-header,.no-print { display:none !important; }.container { width:100%; margin:0; }.card,.meeting-report { padding:0; border:0; box-shadow:none; }.timeline-item { break-inside:avoid; }.report-details { background:#fff; border:1px solid #bbb; } a { color:#000; text-decoration:none; } }

/* Sprint 9 visual cleanup */
.cockpit-container {
    margin-block:20px;
}
.cockpit-container .meeting-back {
    margin:.25rem 0 .75rem;
}
.cockpit {
    gap:1rem;
    padding:clamp(20px,3vw,32px);
}
.cockpit > *,
.cockpit-workspace > * {
    min-width:0;
    max-width:100%;
}
.cockpit-heading {
    padding-bottom:.75rem;
}
.cockpit-heading h1 {
    font-size:clamp(1.55rem,2.5vw,2.25rem);
}
.cockpit-statusbar {
    position:relative;
    display:flex;
    min-height:48px;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:.35rem 0;
    padding:.55rem .75rem;
    border:1px solid #d8e2dc;
    border-radius:10px;
    background:#f7faf8;
    color:#415248;
    font-size:.94rem;
    font-weight:700;
}
.cockpit-statusbar > span,
.cockpit-statusbar > strong,
.cockpit-statusbar > details {
    margin:0;
    padding:.2rem .75rem;
    border-right:1px solid #d8e2dc;
    line-height:1.25;
    white-space:nowrap;
}
.cockpit-statusbar > :last-child { border-right:0; }
.cockpit-clock {
    color:var(--ink);
    font-size:1.25rem;
    font-variant-numeric:tabular-nums;
}
.cockpit-statusbar .agenda-time-status,
.cockpit-statusbar .meeting-progress {
    display:inline-flex;
    padding:.2rem .75rem;
    border-radius:0;
    background:transparent;
    color:inherit;
    font-size:inherit;
}
.cockpit-statusbar .meeting-progress-ahead { color:#17613a; }
.cockpit-statusbar .meeting-progress-behind,
.cockpit-statusbar .agenda-time-over { color:#9b2935; }
.cockpit-statusbar .agenda-time-warning { color:#7a5a00; }
.cockpit-statusbar .meeting-progress-unplanned { color:var(--muted); font-weight:600; }
.cockpit-lobby { position:relative; color:#8a4b00; }
.cockpit-lobby summary { min-height:0; color:#8a4b00; font-weight:800; cursor:pointer; list-style:none; }
.cockpit-lobby summary::-webkit-details-marker { display:none; }
.cockpit-lobby summary span { color:#d87800; }
.cockpit-lobby-panel {
    position:absolute;
    z-index:30;
    top:calc(100% + .75rem);
    right:0;
    width:min(390px,calc(100vw - 64px));
    padding:1rem;
    border:1px solid #e6d9a8;
    border-radius:12px;
    background:#fffaf0;
    box-shadow:0 12px 32px rgba(23,33,27,.18);
    color:var(--ink);
    white-space:normal;
}
.cockpit-lobby-panel h2 { margin:0 0 .5rem; font-size:1.1rem; }
.cockpit-lobby-panel .participant-row:last-child { border-bottom:0; }
.cockpit-speaker {
    padding:clamp(16px,2.5vw,24px);
}
.cockpit-speaker h2 {
    font-size:clamp(1.75rem,4vw,3rem);
}
.cockpit-speaker .speaker-timer {
    font-size:clamp(2.75rem,6vw,4.75rem);
}
.cockpit-speaker form {
    margin-top:.65rem;
}
.cockpit-speaker-control {
    display:flex;
    width:min(100%,680px);
    justify-self:center;
    justify-content:center;
    gap:1rem;
    align-items:center;
    padding:12px 16px;
    text-align:center;
}
.cockpit-speaker-control h2,
.cockpit-speaker-control .speaker-state {
    margin:0;
    margin-right:auto;
    font-size:1.1rem;
}
.cockpit-speaker-control form {
    width:min(100%,300px);
    margin:0;
    margin-left:auto;
}
.cockpit-speaker-control .primary-large {
    width:100%;
    padding:11px 18px;
}
.cockpit-speaker-start .primary-large { margin:0; }
.cockpit-workspace {
    gap:1rem;
}
.cockpit-workspace .cockpit-waiting,
.cockpit-workspace .cockpit-timeline,
.cockpit-approval {
    padding:1rem;
}
.cockpit-workspace .timeline-item,
.cockpit-waiting li {
    padding-block:.55rem;
}
.cockpit-timeline .timeline-item {
    grid-template-columns:1fr;
}
.cockpit-secondary {
    padding-top:.75rem;
}
.cockpit-access {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:1rem;
}
.participant-code {
    position:relative;
}
.participant-code summary {
    color:var(--accent);
    font-weight:750;
    cursor:pointer;
}
.participant-code-panel {
    display:flex;
    gap:1rem;
    align-items:center;
    max-width:520px;
    margin-top:.75rem;
    padding:1rem;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}
.participant-code-panel h2,
.participant-code-panel p {
    margin-top:0;
}
.participant-code-panel p {
    margin-bottom:0;
}
.participant-code-panel p + .button {
    margin-top:.75rem;
}
.participant-code-panel .qr-code-with-label {
    flex:0 0 auto;
}
.participant-code-panel .qr-code-with-label img {
    width:160px;
    height:auto;
}
.cockpit-participant-qr { flex:0 0 auto; text-align:center; }.cockpit-participant-qr > strong { display:block; margin-bottom:.35rem; color:var(--accent); }.cockpit-participant-qr .qr-code-with-label { display:block; }
.participant-invite {
    margin-left:auto;
    text-align:right;
}
.participant-invite .participant-code-panel {
    align-items:flex-start;
    flex-direction:column;
    text-align:left;
}
.participant-invite .qr-code-with-label {
    align-self:center;
}

.full-screen-mode {
    overflow:hidden;
    background:var(--paper);
}
.display-container {
    width:100%;
    height:100dvh;
    margin:0;
}
.display-screen {
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr);
    gap:clamp(10px,2vh,20px);
    width:100%;
    height:100dvh;
    min-height:0;
    padding:clamp(16px,2.5vw,32px);
    overflow:hidden;
    border-radius:0;
    box-shadow:none;
}
.display-heading {
    align-items:center;
    gap:1rem;
    padding-bottom:clamp(10px,1.5vh,18px);
}
.display-heading h1 {
    margin-bottom:0;
    font-size:clamp(1.8rem,3.5vw,3.5rem);
}
.display-join {
    display:grid;
    grid-template-columns:auto auto;
    min-width:0;
    padding:.5rem .75rem;
    align-items:center;
    gap:.25rem .75rem;
}
.display-join .display-qr img {
    width:clamp(84px,11vw,128px);
}
.display-join .display-qr > span {
    display:flex;
    width:48px;
    height:30px;
    border-width:3px;
    align-items:center;
    justify-content:center;
    font-size:.62rem;
    line-height:1;
    text-align:center;
}
.display-join .display-qr {
    grid-row:1 / span 2;
}
.display-join .link-button,
.display-join small {
    margin:0;
}
.display-active-agenda,
.display-current-only {
    margin-top:0;
}
.display-active-agenda {
    padding:clamp(12px,2vh,20px);
}
.display-active-agenda h2 {
    font-size:clamp(1.65rem,3.5vw,3.25rem);
}
.display-current {
    min-height:0;
    padding:clamp(16px,2.5vw,30px);
}
.display-current h2 {
    margin:.15em 0;
    font-size:clamp(2.2rem,5.5vw,5.25rem);
}
.display-current .display-timer {
    font-size:clamp(3rem,7vw,6.5rem);
}
.display-message {
    min-height:0;
}

.agenda-plan-summary {
    padding:.75rem 1rem;
    border:1px solid #d8e2dc;
    border-radius:10px;
    background:#f7faf8;
    color:#415248;
}
.agenda-time-status,
.meeting-progress,
.agenda-report-time {
    margin:.3rem 0 0;
    color:#526057;
    font-size:.95rem;
}
.agenda-time-status {
    display:inline-block;
    padding:.3rem .6rem;
    border-radius:8px;
}
.agenda-time-warning {
    background:#fff3cd;
    color:#715b16;
}
.agenda-time-over {
    background:#f8d7da;
    color:#7c2830;
}
.cockpit-time-counters { display:flex; align-items:stretch; justify-content:center; flex-wrap:wrap; gap:.65rem; margin-top:.65rem; }.cockpit-time-counters:empty { display:none; }.cockpit-time-counters .agenda-time-status,.cockpit-time-counters .meeting-progress { display:flex; align-items:center; margin:0; padding:.65rem .9rem; border:1px solid #b8d5c3; border-radius:10px; background:#e3f1e8; color:#174b31; font-size:1.5em; font-weight:700; line-height:1.25; }.cockpit-time-counters .agenda-time-over,.cockpit-time-counters .meeting-progress-behind { border-color:#dfafb5; background:#f4dfe1; color:#7b2831; }
.agenda-report-time {
    font-weight:600;
}

@media (max-width:600px) {
    .container,
    .card,
    .cockpit,
    .cockpit > *,
    .cockpit-workspace,
    .cockpit-workspace > * {
        min-width:0;
        max-width:100%;
    }
    .cockpit {
        overflow:hidden;
    }
    .queue-heading {
        align-items:stretch;
        flex-direction:column;
    }
    .queue-heading > div {
        flex-wrap:wrap;
    }
    .cockpit-waiting .actions {
        width:100%;
        justify-content:flex-start;
    }
    .cockpit-waiting .actions form,
    .cockpit-waiting .actions button {
        max-width:100%;
    }
    .cockpit-secondary,
    .cockpit-access,
    .participant-code-panel {
        align-items:stretch;
        flex-direction:column;
    }
    .participant-code-panel .qr-code-with-label {
        align-self:center;
    }
    .cockpit-end-meeting {
        position:static;
        margin-top:.65rem;
    }
    .cockpit-label {
        position:static;
        margin-bottom:0;
        text-align:left;
    }
    .cockpit-identity {
        position:static;
        margin-bottom:.65rem;
    }
}

@media (max-width:900px) {
    .cockpit-phase-row-with-access {
        align-items:stretch;
        flex-direction:column;
    }
    .cockpit-speaker-control {
        flex-direction:column;
        text-align:center;
    }
    .cockpit-phase-access {
        position:static;
        width:100%;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:flex-start;
        transform:none;
    }
    .cockpit-speaker-control h2,
    .cockpit-speaker-control .speaker-state,
    .cockpit-speaker-control form {
        margin-inline:auto;
    }
    .cockpit-timeline,
    .cockpit-waiting {
        grid-column:1;
        grid-row:auto;
    }
}

/* Cockpit is primarily operated by touch on iPad. */
@media (min-width:601px) and (max-width:1100px) {
    .cockpit-container {
        width:calc(100% - 24px);
        margin-block:12px;
    }
    .cockpit-container .meeting-back {
        margin-bottom:.5rem;
    }
    .cockpit button,
    .cockpit .button,
    .cockpit summary,
    .cockpit-secondary a {
        min-height:44px;
    }
    .cockpit summary,
    .cockpit-secondary a {
        display:inline-flex;
        align-items:center;
    }
    .cockpit .small-button {
        padding:10px 14px;
    }
}

@media (min-width:901px) and (max-width:1100px) and (max-height:820px) {
    .cockpit-container {
        margin-block:8px;
    }
    .cockpit-container .meeting-back {
        margin:0 0 .35rem;
        line-height:1.3;
    }
    .cockpit {
        gap:.7rem;
        padding:16px 20px;
    }
    .cockpit-heading {
        padding-bottom:.5rem;
    }
    .cockpit-heading h1 {
        margin-bottom:0;
    }
    .cockpit-speaker {
        padding:12px 18px;
    }
    .cockpit-speaker h2 {
        font-size:2rem;
    }
    .cockpit-speaker form {
        margin-top:.4rem;
    }
    .cockpit-speaker-control h2 {
        font-size:1.1rem;
    }
    .cockpit-speaker-control form {
        margin-top:0;
    }
    .cockpit-speaker .primary-large {
        padding:11px 18px;
    }
    .cockpit-workspace {
        gap:.7rem;
    }
    .cockpit-workspace .cockpit-waiting,
    .cockpit-workspace .cockpit-timeline,
    .cockpit-approval {
        padding:.75rem;
    }
    .cockpit-workspace h2 {
        margin-bottom:.35rem;
        font-size:1.25rem;
    }
    .cockpit-statusbar { justify-content:flex-start; font-size:.88rem; }
    .cockpit-statusbar > span,
    .cockpit-statusbar > strong,
    .cockpit-statusbar > details { padding-inline:.55rem; }
    .cockpit-label {
        font-size:1.25rem;
    }
    .cockpit-workspace .timeline-item,
    .cockpit-waiting li {
        padding-block:.35rem;
    }
    .cockpit-secondary {
        padding-top:.45rem;
    }
}
.agenda-time-choice { border: 1px solid var(--border); border-radius: .65rem; padding: .8rem; display: grid; gap: .55rem; }
.agenda-time-choice legend { font-weight: 700; padding: 0 .25rem; }
.agenda-time-range { display: flex; gap: .75rem; flex-wrap: wrap; }
.agenda-time-range label { flex: 1 1 8rem; }
.timeline-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.agenda-time-mode-form { display: flex; align-items: end; gap: .6rem; }
.agenda-time-mode-form label { margin: 0; }
.agenda-time-mode-form select { width: auto; min-width: 10rem; }
.pause-view { text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; min-height:22rem; padding:2rem; border-radius:1rem; background:#eef7ef; }
.pause-view h1, .pause-view h2, .pause-view p { margin:0; }
.pause-elapsed { font-size:1.4rem; font-weight:700; }
.pause-control { margin:1rem 0; max-width:24rem; }
.pause-control summary { cursor:pointer; color:var(--muted, #52645a); font-weight:600; }
.pause-control form { margin-top:.75rem; padding:1rem; border:1px solid #d8e4db; border-radius:.75rem; background:#f7faf8; }
.pause-control input { width:100%; margin:.4rem 0 .75rem; }
.planned-pause-block { padding:.8rem 1rem; border:1px dashed #8ca697; border-radius:10px; background:#f3f7f4; }
.planned-pause-block h3 { margin:.1rem 0; color:#365646; }
.planned-pause-create { margin-top:1rem; padding:1rem; border:1px dashed #8ca697; border-radius:10px; background:#f7faf8; }
.planned-pause-create summary { color:var(--accent); font-weight:750; cursor:pointer; }

/* Før-møde-arbejdsgangen: roligt arbejdsbord og kompakt forberedelse. */
.meetings-workbench-heading { align-items:center; }
.meetings-workbench-heading h1 { margin:0; }
.meeting-workbench-section { margin:1.5rem 0; }
.meeting-workbench-section > h2 { margin-bottom:.65rem; font-size:1rem; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
.meeting-card-list { display:grid; gap:.65rem; }
.meeting-workbench-card { display:flex; align-items:center; justify-content:space-between; gap:1.25rem; padding:1rem 1.15rem; border:1px solid var(--border); border-radius:10px; background:#fff; }
.meeting-workbench-card h3,.meeting-workbench-card p { margin:0; }
.meeting-workbench-card p { margin-top:.2rem; color:var(--muted); }
.meeting-workbench-card small { display:block; margin-top:.35rem; font-weight:700; }
.meeting-current .meeting-workbench-card { border-color:#8db6a0; background:#f2faf5; }
.meeting-history { margin-top:1.75rem; border-top:1px solid var(--border); }
.meeting-history > summary { padding:1rem 0; font-weight:800; cursor:pointer; }
.meeting-history .meeting-list { margin-bottom:1rem; }

.preparation { overflow:visible; }
.preparation-compact-header { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding-bottom:1rem; border-bottom:1px solid var(--border); }
.preparation-summary h1,.preparation-summary p { margin:0; }
.preparation-summary .eyebrow { margin-bottom:.2rem; }
.preparation-summary > p:last-child { margin-top:.3rem; color:var(--muted); }
.preparation-primary-actions { display:flex; align-items:center; gap:.55rem; }
.preparation-primary-actions form { margin:0; }
.preparation-open-meeting { min-height:44px; margin:0; padding:10px 18px; }
.preparation-menu { position:relative; }
.preparation-menu > summary { display:grid; width:42px; min-height:42px; place-items:center; border:1px solid var(--border); border-radius:8px; background:#fff; font-size:1.55rem; cursor:pointer; list-style:none; }
.preparation-menu > summary::-webkit-details-marker { display:none; }
.preparation-menu-panel { position:absolute; z-index:40; top:calc(100% + 6px); right:0; display:grid; width:min(360px,calc(100vw - 40px)); gap:.3rem; padding:.75rem; border:1px solid var(--border); border-radius:10px; background:#fff; box-shadow:0 12px 30px rgba(0,0,0,.14); }
.preparation-menu-panel > a,.preparation-menu-panel > details > summary,.preparation-menu-panel .link-button,.preparation-menu-panel .danger-link { display:block; width:100%; padding:.6rem; color:var(--ink); font-weight:750; text-align:left; cursor:pointer; }
.preparation-menu-panel form { margin:0; }
.preparation-menu-panel hr { width:100%; margin:.3rem 0; border:0; border-top:1px solid var(--border); }
.preparation-menu-panel .danger-link { color:#a52a34; }
.preparation-code { display:grid; gap:.5rem; padding:.5rem; overflow-wrap:anywhere; text-align:center; }
.preparation-code img { width:min(320px,100%); height:auto; margin:auto; padding:12px; background:#fff; }
.preparation-display-access { padding:.5rem .65rem; }
.agenda-plan-summary { margin:.9rem 0 0; padding:.65rem .85rem; border-radius:8px; background:#f4f7f5; font-size:.92rem; }
.preparation-agenda { margin-top:1rem; }
.preparation-agenda .timeline-heading h2 { margin:0; }
.preparation-agenda .timeline-admin > .timeline-item { padding:.55rem 0; }
.preparation-agenda .timeline-content h3 { font-size:1rem; }
.preparation-agenda .agenda-presenter-inline { display:block; margin-top:.18rem; color:var(--muted); font-size:.78rem; font-weight:600; }
.preparation-agenda .agenda-description { margin:.15rem 0 0; font-size:.8rem; }
.preparation-agenda .planned-pause-block { margin:.2rem 0; padding:.55rem .7rem; border:1px solid #e6bd7f; border-radius:8px; background:#fff8ed; }
.planned-pause-create { margin-top:.75rem; padding:0; border:0; background:transparent; }
.planned-pause-create > summary { display:inline-block; padding:.55rem .75rem; border:1px solid var(--border); border-radius:8px; background:#fff; }
.planned-pause-create[open] { padding:.75rem; border:1px solid var(--border); }
@media (max-width:700px) { .meeting-workbench-card,.preparation-compact-header { align-items:stretch; flex-direction:column; }.preparation-primary-actions { justify-content:space-between; }.preparation-menu-panel { right:auto; left:0; } }
@media print { .site-header,.meeting-back,.preparation-summary,.preparation-open-meeting,.preparation-menu-panel > :not(details[open]),.preparation-menu-panel > details:not([open]),.preparation-agenda,.agenda-plan-summary { display:none!important; }.preparation-menu,.preparation-menu-panel,.preparation-menu-panel > details[open] { position:static; display:block; width:auto; padding:0; border:0; box-shadow:none; }.preparation-code img { width:320px; }.preparation-code button { display:none; } }
.cockpit-planned-pauses {
    grid-column:1 / -1;
    margin:0;
    padding:1rem;
    border:1px solid var(--border);
    border-radius:12px;
    background:#fff;
}
.cockpit-speaker-control { position:relative; }
.pause-control-inline { position:absolute; z-index:10; right:0; top:50%; flex:0 0 auto; margin:0; text-align:left; transform:translateY(-50%); }
.pause-control-inline summary { display:flex; align-items:center; min-height:44px; padding:8px 14px; border:1px solid #b8c9bf; border-radius:8px; background:#edf2ee; color:var(--accent); font-weight:750; white-space:nowrap; }
.cockpit-phase-row > .pause-control-inline form { position:absolute; z-index:10; right:0; top:calc(100% + 4px); width:min(300px,calc(100vw - 48px)); margin:0; box-shadow:0 10px 28px rgba(26,55,39,.16); }
@media (max-width:700px) { .pause-control-inline { position:relative; right:auto; top:auto; transform:none; } .cockpit-phase-row { flex-wrap:wrap; } .cockpit-phase-row > .pause-control-inline form { right:0; } }
.cockpit-heading-actions { position:absolute; top:0; right:0; display:flex; align-items:center; gap:.45rem; }
.cockpit-heading-actions .cockpit-end-meeting,.cockpit-heading-actions button { position:static; margin:0; }
.cockpit-agenda-edit-actions { display:flex; align-items:center; justify-content:flex-end; gap:.35rem; margin-top:.4rem; }
.cockpit-agenda-edit-actions form,.cockpit-agenda-edit-actions button { margin:0; }
.cockpit-agenda-edit-actions details { position:relative; }
.cockpit-agenda-edit-actions summary { min-height:38px; display:flex; align-items:center; color:var(--accent); font-weight:700; cursor:pointer; }
.cockpit-agenda-edit-form { position:absolute; z-index:20; right:0; width:min(360px,calc(100vw - 64px)); padding:1rem; border:1px solid var(--border); border-radius:10px; background:#fff; box-shadow:0 10px 28px rgba(26,55,39,.16); }
.cockpit-agenda-edit-form label { margin:.5rem 0 .2rem; }
.participant-current-title { margin-bottom:1rem; text-align:center; }
.participant-own-status:empty { display:none; }
@media (max-width:700px) { .cockpit-heading-actions { position:static; justify-content:center; margin-top:.65rem; flex-wrap:wrap; } .cockpit-agenda-edit-form { right:auto; left:0; } }

/* Cockpit v2 follows the approved five-field reference. */
.cockpit:has(.cockpit-v2) { padding:0; overflow:visible; background:#f4f7f5; }
.cockpit-v2 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"header header" "primary time" "timeline queue"; gap:8px; width:100%; }
.cockpit-v2-header { grid-area:header; position:relative; display:grid; grid-template-columns:minmax(120px,.7fr) minmax(0,2fr) minmax(180px,.8fr); min-height:80px; align-items:center; gap:12px; padding:10px 14px; border:1px solid var(--border); border-radius:8px; background:#fff; }
.cockpit-v2-identity { display:flex; flex-direction:column; line-height:1.05; }
.cockpit-v2-identity strong { font-size:1.55rem; }
.cockpit-v2-identity time { margin-top:.35rem; font-size:1.25rem; font-weight:800; font-variant-numeric:tabular-nums; }
.cockpit-v2-title { min-width:0; text-align:center; }
.cockpit-v2-title small,.cockpit-v2-title span { display:block; overflow:hidden; color:var(--muted); font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.cockpit-v2-title h1 { overflow:hidden; margin:.1rem 0; font-size:clamp(1.15rem,2vw,1.55rem); line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.cockpit-v2-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.cockpit-v2-header-actions form { margin:0; }
.cockpit-v2-end { min-height:36px; margin:0; padding:7px 11px; border:1px solid #efb7b7; background:#fff; color:#b32632; font-size:.82rem; }
.cockpit-v2-menu,.cockpit-v2-lobby { position:relative; }
.cockpit-v2-menu > summary { display:grid; width:36px; min-height:36px; place-items:center; border:1px solid var(--border); border-radius:7px; background:#fff; font-size:1.5rem; cursor:pointer; list-style:none; }
.cockpit-v2-menu > summary::-webkit-details-marker,.cockpit-v2-lobby > summary::-webkit-details-marker { display:none; }
.cockpit-v2-menu-panel { position:absolute; z-index:50; top:calc(100% + 6px); right:0; display:grid; width:min(310px,calc(100vw - 40px)); gap:8px; padding:12px; border:1px solid var(--border); border-radius:10px; background:#fff; box-shadow:0 12px 30px rgba(0,0,0,.14); }
.cockpit-v2-menu-panel > a,.cockpit-v2-menu-panel > details > summary { display:block; padding:8px; color:var(--ink); font-weight:700; cursor:pointer; }
.cockpit-v2-code { display:grid; gap:8px; padding:8px; overflow-wrap:anywhere; }
.cockpit-v2-code img { width:min(240px,100%); height:auto; margin:auto; background:#fff; }
.cockpit-v2-lobby > summary { color:#9a5800; font-size:.78rem; font-weight:800; cursor:pointer; list-style:none; }
.cockpit-v2-lobby .cockpit-lobby-panel { top:calc(100% + 8px); right:0; }
.cockpit-v2-field { min-width:0; min-height:160px; padding:14px 16px; overflow:auto; border:1px solid var(--border); border-radius:8px; background:#fff; }
.cockpit-v2-field h2 { margin:0; font-size:1.05rem; }
.cockpit-v2-primary { grid-area:primary; display:flex; align-items:center; flex-direction:column; justify-content:center; gap:7px; text-align:center; }
.cockpit-v2-primary h2 { max-width:100%; overflow:hidden; font-size:clamp(1.15rem,2.1vw,1.55rem); text-overflow:ellipsis; white-space:nowrap; }
.cockpit-v2-primary p { margin:0; color:var(--muted); font-size:.85rem; font-weight:700; }
.cockpit-v2-primary form { width:min(100%,260px); margin:0; }
.cockpit-v2-primary button { margin:0; }
.cockpit-v2-primary .primary-large { min-height:48px; padding:11px 18px; font-size:1rem; }
.cockpit-v2-primary-actions { display:flex; align-items:center; flex-direction:column; gap:5px; }
.cockpit-v2-primary-actions form + form button { padding:6px 12px; }
.cockpit-v2-speaker-time { color:var(--accent); font-size:1.7rem; font-variant-numeric:tabular-nums; }
.cockpit-v2-time { grid-area:time; display:grid; grid-template-columns:1.25fr 1fr .9fr; align-items:center; gap:10px; overflow:hidden; text-align:center; }
.cockpit-v2-instrument,.cockpit-v2-time-ring,.cockpit-v2-progress { display:flex; min-width:0; align-items:center; flex-direction:column; justify-content:center; }
.cockpit-v2-time-ring::before { position:absolute; content:""; }
.cockpit-v2-time-ring { aspect-ratio:1; max-height:132px; margin:auto; padding:10px; border:7px solid #dce1de; border-top-color:#23804c; border-right-color:#23804c; border-radius:50%; }
.cockpit-v2-time-ring.is-over { border-top-color:#b32632; border-right-color:#b32632; }
.cockpit-v2-time-ring small,.cockpit-v2-progress small { color:#333; font-size:.55rem; font-weight:800; text-transform:uppercase; }
.cockpit-v2-time-ring strong { color:#17613a; font-size:clamp(1.55rem,2.6vw,1.85rem); font-variant-numeric:tabular-nums; line-height:1; white-space:nowrap; }
.cockpit-v2-time-ring.has-long-time strong { font-size:1.35rem; }
.cockpit-v2-time-ring span,.cockpit-v2-progress span { font-size:.58rem; font-weight:700; }
.cockpit-v2-time-ring em { margin-top:4px; color:var(--muted); font-size:.52rem; font-style:normal; }
.cockpit-v2-time-meeting { max-height:112px; }
.cockpit-v2-time-meeting strong { font-size:clamp(1.4rem,2.5vw,2rem); }
.cockpit-v2-expected-end { margin-top:4px; color:var(--muted); font-size:.58rem; font-weight:700; white-space:nowrap; }
.cockpit-v2-progress strong { margin:.4rem 0; color:#e28a20; font-size:clamp(1.35rem,2.7vw,2rem); font-variant-numeric:tabular-nums; }
.cockpit-v2-progress.is-behind strong { color:#b32632; }
.cockpit-v2-timeline { grid-area:timeline; }
.cockpit-v2-timeline ol,.cockpit-v2-queue ol { margin:.45rem 0 0; padding:0; list-style:none; }
.cockpit-v2-timeline li { position:relative; display:grid; grid-template-columns:14px minmax(0,1fr) auto; gap:7px; align-items:center; min-height:27px; padding:3px 0; border-bottom:1px solid #edf0ee; font-size:.72rem; }
.cockpit-v2-timeline li > span { width:9px; height:9px; border:2px solid #b9bfbc; border-radius:50%; }
.cockpit-v2-timeline li.is-active { padding-inline:5px; border:1px solid #4a9768; border-radius:5px; background:#f1faf4; }
.cockpit-v2-timeline li.is-active > span { border-color:#23804c; }
.cockpit-v2-timeline li.is-pause > span { border-color:#ed921e; background:#ed921e; }
.cockpit-v2-timeline li strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cockpit-v2-timeline li small { color:var(--muted); }
.cockpit-v2-timeline li.is-reorderable { display:block; padding:0; }
.cockpit-v2-next-form { margin:0; }
.cockpit-v2-next-form button { display:grid; width:100%; min-height:27px; grid-template-columns:14px minmax(0,1fr) auto; gap:7px; align-items:center; margin:0; padding:3px 4px; border:0; border-radius:5px; background:transparent; color:inherit; font:inherit; text-align:left; box-shadow:none; cursor:pointer; }
.cockpit-v2-next-form button:hover,.cockpit-v2-next-form button:focus-visible { background:#edf7f0; color:var(--accent); outline:2px solid #7db58e; outline-offset:-2px; }
.cockpit-v2-next-form button:disabled { cursor:wait; opacity:.65; }
.cockpit-v2-next-form button > span { width:9px; height:9px; border:2px solid #b9bfbc; border-radius:50%; }
.cockpit-v2-next-form button > strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cockpit-v2-next-form button > i { color:var(--accent); font-size:1.15em; font-style:normal; font-weight:900; }
.cockpit-v2-reorder-error { margin:0 0 6px; padding:6px 9px; border:1px solid #b54545; border-radius:5px; background:#fff1f1; color:#8e2525; font-size:.78rem; }
.cockpit-v2-legend { display:flex; flex-wrap:wrap; gap:14px; margin-top:8px; color:var(--muted); font-size:.58rem; }
.cockpit-v2-legend span::before { display:inline-block; width:7px; height:7px; margin-right:4px; border-radius:50%; background:#c9cecb; content:""; }
.cockpit-v2-legend .active::before { background:#23804c; }.cockpit-v2-legend .pause::before { background:#ed921e; }
.cockpit-v2-queue { grid-area:queue; }
.cockpit-v2-queue > header { display:flex; align-items:center; gap:8px; }
.cockpit-v2-queue > header form { margin:0 0 0 auto; }
.cockpit-v2-queue > header button { min-height:32px; margin:0; padding:5px 9px; font-size:.7rem; }
.cockpit-v2-queue .status { font-size:.62rem; }
.cockpit-v2-queue li { display:flex; min-height:29px; align-items:center; gap:8px; padding:3px 0; border-bottom:1px solid #edf0ee; font-size:.75rem; counter-increment:speaker; }
.cockpit-v2-queue ol { counter-reset:speaker; }
.cockpit-v2-queue li::before { display:grid; width:20px; height:20px; flex:0 0 auto; place-items:center; border-radius:50%; background:#e8ece9; content:counter(speaker); font-size:.65rem; font-weight:800; }
.cockpit-v2-queue li form { margin:0 0 0 auto; }
.cockpit-v2-queue li button { padding:3px 5px; font-size:.62rem; }
@media (max-width:900px) and (orientation:portrait) { .cockpit-v2 { grid-template-columns:1fr; grid-template-areas:"header" "primary" "time" "timeline" "queue"; } }

/* Cockpit v2.1: viewportudnyttelse og fast treleddet topnavigation. */
.cockpit-site-header {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    width:100%;
    min-height:52px;
    padding:0 clamp(12px,1.5vw,22px);
}
.cockpit-site-header .cockpit-header-back { justify-self:start; color:var(--ink); font-size:.9rem; font-weight:750; }
.cockpit-site-header .brand { grid-column:2; justify-self:center; }
.cockpit-site-header .actions { grid-column:3; justify-self:end; }
.cockpit-site-header [data-wake-lock-button],.cockpit-site-header [data-wake-lock-status] { display:none!important; }
.cockpit-container { width:calc(100% - clamp(16px,2vw,32px)); max-width:none; margin-block:8px; }
.cockpit-container > .cockpit { padding:0; border:0; background:transparent; box-shadow:none; }
@media (min-width:901px) and (max-height:900px) {
    .cockpit-v2 { gap:7px; }
    .cockpit-v2-header { min-height:76px; }
    .cockpit-v2-field { min-height:154px; padding-block:11px; }
}
@media (max-width:700px) { .cockpit-v2-header { grid-template-columns:1fr auto; min-height:auto; }.cockpit-v2-title { grid-column:1 / -1; grid-row:2; }.cockpit-v2-header-actions { grid-column:2; grid-row:1; }.cockpit-v2-time { grid-template-columns:1fr 1fr 1fr; padding-inline:7px; }.cockpit-v2-time-ring { border-width:5px; }.cockpit-v2-lobby > summary { max-width:120px; } }

/* Keep the four work fields close to the approved 160 px reference height. */
.cockpit-v2-time-ring { width:112px; height:112px; flex:0 0 112px; aspect-ratio:auto; border-width:8px; }
.cockpit-v2-time-meeting { width:112px; height:112px; flex-basis:112px; }
.cockpit-v2-timeline,.cockpit-v2-queue { padding:10px 14px; }
.cockpit-v2-timeline li { min-height:19px; padding:0; font-size:.86rem; line-height:1.12; }
.cockpit-v2-timeline li strong,.cockpit-v2-queue li strong { font-weight:700; }
.cockpit-v2-queue li { font-size:.86rem; }
.cockpit-v2-timeline li > span { width:7px; height:7px; }
.cockpit-v2-next-form button { min-height:38px; padding:0 3px; }
.cockpit-v2-next-form button > span { width:7px; height:7px; }
.cockpit-v2-timeline ol,.cockpit-v2-queue ol { margin-top:.25rem; }
.cockpit-v2-legend { margin-top:4px; }

/* Local display-size control: typography changes without altering Cockpit geometry. */
.cockpit-v2-size-control { display:grid; gap:7px; padding:4px 8px 10px; border-bottom:1px solid var(--border); }
.cockpit-v2-size-control > strong { font-size:.78rem; }
.cockpit-v2-size-control > div { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.cockpit-v2-size-control button { min-height:38px; margin:0; padding:5px 8px; border:1px solid var(--border); background:#fff; color:var(--ink); font-weight:800; }
.cockpit-v2-size-control button[aria-pressed="true"] { border-color:var(--accent); background:#e9f5ed; color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent); }
html[data-cockpit-size="compact"] .cockpit-v2 { --cockpit-identity-size:1.36rem; --cockpit-clock-size:1.1rem; --cockpit-subtitle-size:.63rem; --cockpit-end-size:.72rem; --cockpit-lobby-size:.69rem; --cockpit-heading-size:.92rem; --cockpit-copy-size:.75rem; --cockpit-button-size:.88rem; --cockpit-speaker-time-size:1.5rem; --cockpit-small-size:.48rem; --cockpit-detail-size:.51rem; --cockpit-fine-size:.46rem; --cockpit-list-size:.76rem; --cockpit-queue-button-size:.62rem; --cockpit-status-size:.55rem; }
html[data-cockpit-size="large"] .cockpit-v2 { --cockpit-identity-size:1.95rem; --cockpit-clock-size:1.75rem; --cockpit-subtitle-size:1.08rem; --cockpit-end-size:1.07rem; --cockpit-lobby-size:1.09rem; --cockpit-heading-size:1.58rem; --cockpit-copy-size:1.28rem; --cockpit-button-size:1.35rem; --cockpit-speaker-time-size:2.55rem; --cockpit-small-size:.8rem; --cockpit-detail-size:.9rem; --cockpit-fine-size:.78rem; --cockpit-list-size:1.25rem; --cockpit-queue-button-size:.98rem; --cockpit-status-size:.93rem; }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-identity strong,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-identity strong { font-size:var(--cockpit-identity-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-identity time,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-identity time { font-size:var(--cockpit-clock-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-title small,
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-title span,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-title small,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-title span { font-size:var(--cockpit-subtitle-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-title h1 { font-size:1.36rem; }
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-title h1 { font-size:2.1rem; }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-end,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-end { font-size:var(--cockpit-end-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-lobby > summary,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-lobby > summary { font-size:var(--cockpit-lobby-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-field h2,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-field h2 { font-size:var(--cockpit-heading-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-primary h2 { font-size:1.36rem; }
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-primary h2 { font-size:2.1rem; }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-primary p,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-primary p { font-size:var(--cockpit-copy-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-primary .primary-large,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-primary .primary-large { font-size:var(--cockpit-button-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-speaker-time,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-speaker-time { font-size:var(--cockpit-speaker-time-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-time-ring small,
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-progress small,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-time-ring small,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-progress small { font-size:var(--cockpit-small-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-time-ring strong { font-size:1.63rem; }
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-time-ring strong { font-size:2.4rem; }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-time-ring.has-long-time strong { font-size:1.19rem; }
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-time-ring.has-long-time strong { font-size:1.75rem; }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-time-ring span,
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-progress span,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-time-ring span,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-progress span { font-size:var(--cockpit-detail-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-time-ring em,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-time-ring em { font-size:var(--cockpit-fine-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-progress strong { font-size:1.76rem; }
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-progress strong { font-size:2.44rem; }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-expected-end,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-expected-end { font-size:var(--cockpit-detail-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-timeline li,
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-queue li,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-timeline li,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-queue li { font-size:var(--cockpit-list-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-legend,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-legend { font-size:var(--cockpit-detail-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-queue > header button,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-queue > header button { font-size:var(--cockpit-queue-button-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-queue .status,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-queue .status { font-size:var(--cockpit-status-size); }
html[data-cockpit-size="compact"] .cockpit-v2 .cockpit-v2-queue li button,
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-queue li button { font-size:var(--cockpit-status-size); }
html[data-cockpit-size="large"] .cockpit-v2 .cockpit-v2-field { padding-inline:12px; }

/* Help is intentionally available only where the view includes this control. */
.help-fab { position:fixed; z-index:45; right:max(22px,env(safe-area-inset-right)); bottom:max(22px,env(safe-area-inset-bottom)); display:grid; width:48px; height:48px; place-items:center; border:1px solid #a8b9af; border-radius:50%; background:#fff; color:var(--accent); box-shadow:0 5px 18px rgba(26,55,39,.16); font-size:1.35rem; font-weight:850; text-decoration:none; }
.help-fab:hover,.help-fab:focus-visible { border-color:var(--accent); background:#edf7f0; }
.help-page { max-width:820px; margin:1rem auto 4rem; padding:clamp(20px,4vw,40px); border:1px solid var(--border); border-radius:14px; background:#fff; box-shadow:var(--shadow); }
.help-page > header { margin-bottom:1.5rem; }
.help-page > header h1 { margin:.15rem 0 .4rem; }
.help-page > header p:last-child { margin:0; color:var(--muted); }
.help-faq { display:grid; gap:10px; }
.help-faq details { border:1px solid var(--border); border-radius:10px; background:#fbfcfb; }
.help-faq summary { padding:15px 17px; color:var(--ink); font-size:1.02rem; font-weight:800; cursor:pointer; }
.help-faq details > div { padding:0 17px 17px; }
.help-faq details > div > :last-child { margin-bottom:0; }
.help-faq ol { padding-left:1.5rem; }
@media (max-width:600px) { .help-fab { right:max(18px,env(safe-area-inset-right)); bottom:max(18px,env(safe-area-inset-bottom)); }.help-page { padding:18px; } }
.owner-header nav { display:flex; align-items:center; gap:1rem; margin-left:auto; }
.owner-header nav a { color:inherit; font-weight:750; text-decoration:none; }
.owner-help-list { display:grid; gap:12px; margin-top:1.25rem; }
.owner-help-item { padding:14px; border:1px solid var(--border); border-radius:10px; background:#fff; }
.owner-help-item > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.owner-help-item > header > div { display:flex; align-items:center; gap:10px; min-width:0; }
.owner-help-position { display:grid; width:28px; height:28px; flex:0 0 auto; place-items:center; border-radius:50%; background:#e9f1ec; color:var(--accent); font-size:.78rem; font-weight:850; }
.owner-help-preview { max-height:10rem; margin-top:12px; padding:12px 14px; overflow:auto; border-left:3px solid #b8cabf; background:#f7faf8; }
.owner-help-preview > :first-child { margin-top:0; }
.owner-help-preview > :last-child { margin-bottom:0; }
.owner-help-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.owner-help-actions form { margin:0; }
.owner-help-actions .small-button { min-height:34px; margin:0; padding:6px 10px; }
.owner-help-form-preview { margin-top:1.5rem; }
.owner-help-form-preview h2 { font-size:1.1rem; }
@media (max-width:700px) { .owner-header { flex-wrap:wrap; }.owner-header nav { order:3; width:100%; margin-left:0; }.owner-help-item > header { align-items:flex-start; }.owner-help-actions { display:grid; grid-template-columns:1fr 1fr; }.owner-help-actions form,.owner-help-actions .small-button { width:100%; } }
.report-pauses { margin:2rem 0; }
.organization-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin:1.5rem 0; }
.organization-summary,.organization-create,.organization-admin-grid > section,.organization-admin-grid aside > section,.member-card,.invitation-result,.seat-meter { padding:1rem; border:1px solid var(--border); border-radius:12px; background:#fff; }
.organization-summary h2,.organization-create h2,.member-card header,.organization-admin-grid h2 { margin-top:0; }
.organization-admin-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); gap:1.25rem; align-items:start; margin-top:1.5rem; }
.organization-admin-grid aside { display:grid; gap:1rem; }
.seat-meter { display:grid; grid-template-columns:auto 1fr; gap:.2rem .6rem; align-items:center; background:#f7faf8; }
.seat-meter strong { font-size:1.5rem; }.seat-meter progress { grid-column:1/-1; width:100%; accent-color:var(--accent); }
.member-card { margin-bottom:.75rem; }.member-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }.member-card small { display:block; color:var(--muted); }.member-card form { margin-top:.75rem; }.member-inactive { opacity:.65; background:#f4f4f2; }
.invitation-result { margin:1rem 0; border-color:#b8d5c3; background:#edf9f2; }.invitation-result input { font-family:ui-monospace,monospace; }
.organization-table-wrap { overflow-x:auto; }
.organization-table { width:100%; border-collapse:collapse; }
.organization-table th,.organization-table td { padding:.75rem .6rem; border-bottom:1px solid var(--border); text-align:left; vertical-align:middle; }
.organization-table th { color:var(--muted); font-size:.85rem; }
.organization-table td small { display:block; color:var(--muted); }
.organization-edit-card { max-width:620px; }
@media (max-width:800px) { .organization-admin-grid { grid-template-columns:1fr; } }

/* Det interne licenssystem har bevidst sin egen visuelle ramme. */
.platform-body { background:#eef1f4; color:#18212a; }
.platform-header { min-height:68px; padding:.8rem max(1rem,calc((100vw - 1120px)/2)); display:flex; align-items:center; justify-content:space-between; gap:1rem; background:#17232d; color:#fff; border-bottom:4px solid #c59a43; }
.platform-header > div { display:grid; gap:.1rem; }
.platform-header strong { font-size:1.05rem; letter-spacing:.02em; }
.platform-header small { color:#cbd4da; }
.platform-header .link-button { color:#fff; }
.platform-container { max-width:1120px; }
.platform-login-card { max-width:520px; margin:4rem auto; }
.platform-placeholder { max-width:760px; margin:2rem auto; }
.platform-boundary { margin:1.5rem 0; padding:1rem 1.1rem; border-left:4px solid #c59a43; background:#f7f4ec; }
.platform-boundary p { margin-bottom:0; }

/* Owner v1: separate, compact customer administration */
.owner-body{background:#f3f5f1}.owner-header{min-height:64px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#173f32;color:#fff}.owner-header .brand,.owner-header .link-button{color:#fff}.owner-container{max-width:1180px}.owner-login-card,.owner-form-card{max-width:620px;margin:56px auto}.owner-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.owner-table-wrap{overflow-x:auto}.owner-table{width:100%;border-collapse:collapse}.owner-table th,.owner-table td{padding:14px 12px;text-align:left;border-bottom:1px solid #dce3dc;vertical-align:middle}.owner-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#5e6d65}.owner-summary{display:flex;gap:12px;margin:20px 0}.owner-summary>div{min-width:180px;padding:14px 16px;background:#f2f6f2;border-radius:10px}.owner-summary span,.owner-summary strong,.owner-member small{display:block}.owner-summary span,.owner-member small{color:#66756d}.owner-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:24px}.owner-detail-grid>section,.owner-detail-grid>aside{padding:18px;border:1px solid #dce3dc;border-radius:12px}.owner-member{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e4e9e4}.header-link{color:inherit;text-decoration:none;font-size:.92rem}.account-link{opacity:.75}@media(max-width:720px){.owner-page-heading{align-items:flex-start;flex-direction:column}.owner-detail-grid{grid-template-columns:1fr}.owner-summary{flex-direction:column}.owner-header{padding:0 16px}.site-header .actions .header-link{display:none}}

/* Deltag: secondary Wake Lock action. */
.participant-view .participant-wake-lock button {
    min-height:38px;
    margin:0;
    padding:7px 10px;
    border:1px solid var(--border);
    border-radius:8px;
    background:#f5f7f5;
    color:var(--muted);
    font-size:.82rem;
    font-weight:700;
}

/* Meeting report v2 */
.report-v2 { max-width:920px; margin-inline:auto; }
.report-v2-heading { margin-bottom:1.75rem; }
.report-v2-heading h1 { margin-bottom:0; }
.report-v2-section { margin-top:2rem; }
.report-v2-section > h2 { margin:0 0 .8rem; color:var(--muted); font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; }
.report-v2-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.35rem 2.5rem; margin:0; }
.report-v2-summary > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; padding:.28rem 0; }
.report-v2-summary dt { color:var(--muted); }
.report-v2-summary dd { margin:0; font-weight:750; text-align:right; }
.report-v2-summary .report-v2-summary-break { margin-top:.65rem; padding-top:.9rem; border-top:1px solid var(--border); }
.report-v2-pauses ol,.report-v2-timeline > ol { margin:0; padding:0; list-style:none; }
.report-v2-pauses li { display:grid; grid-template-columns:minmax(130px,.45fr) minmax(0,1fr); gap:.25rem 1rem; padding:.75rem 0; border-bottom:1px solid var(--border); }
.report-v2-pauses li span { font-variant-numeric:tabular-nums; }
.report-v2-pauses li small { grid-column:2; color:var(--muted); }
.report-v2-item { padding:1.15rem 0 1.3rem; border-bottom:1px solid var(--border); break-inside:avoid; page-break-inside:avoid; }
.report-v2-item:first-child { padding-top:.35rem; }
.report-v2-item-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1.25rem; align-items:baseline; }
.report-v2-item-heading h3 { margin:0; font-size:1.08rem; }
.report-v2-item-heading h3 span { color:var(--accent); }
.report-v2-item-heading > strong { font-variant-numeric:tabular-nums; text-align:right; }
.report-v2-clock { margin:.25rem 0 0 1.35rem; color:var(--muted); font-size:.88rem; font-variant-numeric:tabular-nums; }
.report-v2-description { margin:.7rem 0 0 1.35rem; color:var(--muted); }
.report-v2-phases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.4rem 1.25rem; margin:.85rem 0 0 1.35rem; }
.report-v2-phases > div { display:flex; justify-content:space-between; gap:.75rem; }
.report-v2-phases dt { color:var(--muted); }
.report-v2-phases dd { margin:0; font-weight:700; text-align:right; }
.report-v2-speeches { margin:.9rem 0 0 1.35rem; }
.report-v2-speeches h4 { margin:0 0 .35rem; font-size:.85rem; }
.report-v2-speeches ul,.report-v2-unassigned ul { max-width:520px; margin:0; padding:0; list-style:none; }
.report-v2-speeches li,.report-v2-unassigned li { display:flex; justify-content:space-between; gap:1rem; padding:.2rem 0; }
.report-v2-speeches li strong,.report-v2-unassigned li strong { white-space:nowrap; }
.report-v2-archive { margin-top:2rem; padding-top:1.25rem; border-top:1px solid var(--border); }
@media(max-width:700px) {
    .report-v2-summary { grid-template-columns:1fr; }
    .report-v2-summary .report-v2-summary-break { margin-top:.45rem; }
    .report-v2-pauses li { grid-template-columns:1fr; }
    .report-v2-pauses li small { grid-column:auto; }
    .report-v2-item-heading { grid-template-columns:1fr; gap:.25rem; }
    .report-v2-item-heading > strong { text-align:left; }
    .report-v2-phases { grid-template-columns:1fr; }
}
@media print {
    .report-v2 { max-width:none; padding:0; border:0; box-shadow:none; }
    .report-v2-section { margin-top:1.25rem; }
    .report-v2-item { break-inside:avoid; page-break-inside:avoid; }
}