/* ITRaad 1.6.1 — samlet sluttema */
:root {
    --bg: var(--configured-bg, #f3f5f8);
    --surface: var(--configured-surface, #ffffff);
    --surface-raised: #ffffff;
    --surface-soft: #f7f8fa;
    --surface-hover: #f0f3f7;
    --text: var(--configured-text, #172033);
    --text-soft: #3f4a5d;
    --muted: #6b7688;
    --line: #dde2e9;
    --line-strong: #cbd2dc;
    --primary-rgb: 37, 99, 235;
    --success: #168052;
    --success-bg: #e8f7ef;
    --warning: #9a6700;
    --warning-bg: #fff4d6;
    --danger: #c53b3b;
    --danger-bg: #fdecec;
    --info-bg: #eaf1ff;
    --radius-sm: 7px;
    --radius: 11px;
    --radius-lg: 15px;
    --shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
    --shadow: 0 5px 18px rgba(16, 24, 40, .055);
}

html[data-theme="dark"], body[data-theme="dark"] {
    --bg: #0d1117;
    --surface: #151a22;
    --surface-raised: #1a202a;
    --surface-soft: #11161e;
    --surface-hover: #202733;
    --text: #eef2f7;
    --text-soft: #c9d1dc;
    --muted: #98a3b3;
    --line: #2b3441;
    --line-strong: #3b4655;
    --success: #72d7a4;
    --success-bg: #123124;
    --warning: #f1c75b;
    --warning-bg: #352b12;
    --danger: #ff9292;
    --danger-bg: #3b1c20;
    --info-bg: #172a4a;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);
    --shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
    min-height: 100dvh;
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font: 15px/1.5 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    transition: background-color .18s ease, color .18s ease;
}
a { color: inherit; }
button, input, select, textarea { font: inherit; }
svg { display: block; }
.ambient, .bottom-nav { display: none !important; }

.app-shell {
    width: 100%;
    min-height: 100dvh;
    display: grid;
    grid-template-columns: 232px minmax(0, 1fr);
    grid-template-rows: 64px minmax(0, 1fr);
    background: var(--bg);
}

.topbar {
    grid-column: 1 / -1;
    grid-row: 1;
    position: sticky;
    top: 0;
    z-index: 60;
    height: 64px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    color: var(--text);
    border-bottom: 1px solid var(--line);
    box-shadow: none;
    backdrop-filter: blur(16px);
}
.brand {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--text);
    text-decoration: none;
}
.brand-mark {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: var(--secondary);
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: -.03em;
}
.brand > span:last-child { display: grid; line-height: 1.15; }
.brand strong { font-size: 14px; letter-spacing: -.01em; }
.brand small { color: var(--muted); font-size: 10px; letter-spacing: .025em; }
.top-actions { display: flex; align-items: center; gap: 7px; }
.top-actions form { margin: 0; }
.icon-button {
    width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    display: grid;
    place-items: center;
    color: var(--muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 9px;
    cursor: pointer;
}
.icon-button:hover { color: var(--text); background: var(--surface-hover); border-color: var(--line); }
.icon-button svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.theme-dark-icon { display: none; }
body[data-theme="dark"] .theme-dark-icon { display: block; }
body[data-theme="dark"] .theme-light-icon { display: none; }
.profile-chip {
    height: 38px;
    padding: 3px 10px 3px 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text);
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
    text-decoration: none;
}
.profile-chip > span {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: var(--secondary);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}
.profile-chip b { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.notification-bell { position: relative; text-decoration: none; }
.notification-bell b {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    display: grid;
    place-items: center;
    border: 2px solid var(--surface);
    border-radius: 999px;
    background: var(--danger);
    color: #fff;
    font-size: 9px;
}

.sidebar {
    grid-column: 1;
    grid-row: 2;
    position: sticky;
    top: 64px;
    height: calc(100dvh - 64px);
    padding: 18px 12px 14px;
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border-right: 1px solid var(--line);
}
.main-nav { display: grid; gap: 4px; }
.main-nav a {
    height: 44px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--muted);
    border: 1px solid transparent;
    border-radius: 8px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 650;
}
.main-nav a:hover { color: var(--text); background: var(--surface-hover); }
.main-nav a.active { color: var(--primary); background: var(--info-bg); }
.main-nav svg {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.main-nav .new-task-link { margin-top: 2px; color: #fff; background: var(--primary); }
.main-nav .new-task-link:hover { color: #fff; background: color-mix(in srgb, var(--primary) 86%, #000); }
.nav-divider { height: 1px; margin: 9px 7px; background: var(--line); }
.sidebar-footer { margin-top: auto; padding: 12px; color: var(--muted); border-top: 1px solid var(--line); }
.sidebar-footer span, .sidebar-footer small { display: block; }
.sidebar-footer span { font-size: 11px; font-weight: 700; }
.sidebar-footer small { margin-top: 2px; font-size: 9px; }

.main {
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    max-width: 1480px;
    min-width: 0;
    margin: 0 auto;
    padding: 34px clamp(24px, 4vw, 58px) 70px;
}
h1, h2, h3 { color: var(--text); letter-spacing: -.025em; }
h1 { margin: 4px 0 20px; font-size: clamp(28px, 3.6vw, 38px); line-height: 1.1; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }
p { color: var(--text-soft); }
.muted, small, .page-intro { color: var(--muted); }
.welcome { margin-bottom: 24px; }
.welcome p { margin: 0; color: var(--muted); font-size: 13px; }
.welcome h1 { margin-bottom: 5px; }
.page-head {
    min-height: 74px;
    margin-bottom: 24px;
    padding-bottom: 22px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--line);
}
.page-head p { margin: 0; color: var(--muted); font-size: 12px; font-weight: 650; }
.page-head h1 { margin: 5px 0 0; }
.head-actions, .page-actions, .export-buttons { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.back { display: inline-block; margin-bottom: 15px; color: var(--primary); text-decoration: none; font-size: 13px; font-weight: 700; }

.panel, .form-card, .filter-card, .select-card, .action-grid a, .task-list article,
.report-row, .case-card, .template-card, .documentation-sheet, .notification-card,
.status-check, .directory-user, .group-directory > article, .exchange-mailbox,
.exchange-status-grid article, .m365-action-grid > a, .m365-action-grid > article,
.m365-metrics article, .tenant-card, .license-card, .document-card, .recurring-card {
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
}
.panel, .form-card { padding: 21px; }
.panel + .panel, .panel + .two-cols, .two-cols + .panel { margin-top: 15px; }
.panel h2:first-child { margin-top: 0; }
.panel-title, .section-head, .section-heading {
    min-height: auto;
    margin-bottom: 17px;
    padding-bottom: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--line);
}
.panel-title h2, .section-head h2, .section-heading h2 { margin: 0; }
.panel-title small { display: block; margin-top: 2px; }
.panel-title > span { color: var(--muted); font-size: 12px; font-weight: 700; }

.btn {
    min-height: 40px;
    padding: 9px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    font-size: 13px;
    font-weight: 720;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
}
.btn.primary, .btn:not(.ghost):not(.secondary):not(.danger) { background: var(--primary); color: #fff; }
.btn.primary:hover { background: color-mix(in srgb, var(--primary) 86%, #000); }
.btn.ghost, .btn.secondary { color: var(--text); background: var(--surface); border-color: var(--line-strong); }
.btn.ghost:hover, .btn.secondary:hover { background: var(--surface-hover); }
.btn.danger { color: var(--danger); background: var(--danger-bg); border-color: color-mix(in srgb, var(--danger) 30%, var(--line)); }
.btn.full { width: 100%; }
.m365-button, .exchange-sync { color: #fff !important; background: #4f46e5 !important; box-shadow: none !important; }

input, textarea, select {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    color: var(--text);
    background: var(--surface-raised);
    border: 1px solid var(--line-strong);
    border-radius: 8px;
    outline: none;
}
textarea { min-height: 100px; resize: vertical; }
input::placeholder, textarea::placeholder { color: color-mix(in srgb, var(--muted) 75%, transparent); }
input:focus, textarea:focus, select:focus { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent); }
label { color: var(--text-soft); font-size: 12px; font-weight: 680; }
label small { font-weight: 450; }
input[type=checkbox], input[type=radio] { accent-color: var(--primary); }
.form-card, .form-stack { gap: 16px; }
.form-grid, .two-cols, .color-grid { gap: 14px; }
.inline-form { gap: 8px; }
.check { gap: 9px; }

.stats { grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 10px; margin-bottom: 20px; }
.stats article { min-height: 91px; padding: 16px; display: flex; flex-direction: column; justify-content: center; box-shadow: none; }
.stats article b, .stats article strong { color: var(--text); font-size: 23px; letter-spacing: -.025em; }
.stats article span { color: var(--muted); font-size: 11px; }
.action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.action-grid a {
    min-height: 66px;
    padding: 13px 15px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    text-decoration: none;
}
.action-grid a:hover, .select-card:hover, .template-card:hover, .directory-user:hover { transform: none; border-color: var(--line-strong); background: var(--surface-raised); box-shadow: var(--shadow); }
.action-grid i {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    color: var(--primary) !important;
    background: var(--info-bg) !important;
    border-radius: 8px;
    font-size: 18px;
    font-style: normal;
}
.action-grid a > span { min-width: 0; display: grid; }
.action-grid a > span b { font-size: 13px; }
.action-grid a > span small { margin-top: 2px; font-size: 11px; font-weight: 450; }
.action-grid a > em { margin-left: auto; color: var(--muted); font-size: 17px; font-style: normal; }
.action-grid a:hover > em { color: var(--primary); }

.search, .directory-toolbar, .case-filter, .filter-card {
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
}
.search { height: 48px; margin-bottom: 12px; border-radius: 9px; }
.search input, .filter-search input, .toolbar-search input { color: var(--text) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.m365-filter button, .tag-dot {
    color: var(--muted);
    background: var(--surface);
    border: 1px solid var(--line);
    box-shadow: none;
}
.m365-filter button.active, .tag-dot.active { color: #fff; background: var(--primary); border-color: var(--primary); }
.select-card { min-height: 92px; padding: 16px; }
.card-grid { gap: 11px; }
.list-row { color: var(--text); border-color: var(--line); }
.list-row:hover { color: var(--primary); }
.case-card { border-left-width: 3px; overflow: hidden; }
.case-card:hover { transform: none; border-color: var(--line-strong); box-shadow: var(--shadow); }
.case-open-link { display: block; color: var(--text); text-decoration: none; }
.case-open-link:hover h2, .case-open-link:focus-visible h2 { color: var(--primary); }
.case-open-link:focus-visible { outline: 3px solid color-mix(in srgb,var(--primary) 24%,transparent); outline-offset: -3px; }
.case-metrics a { color: var(--text); background: var(--surface); border-color: var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.case-metrics a:hover, .case-metrics a.active { transform: none; background: var(--surface-raised); border-color: var(--primary); }
.clipcard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.clipcard-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.clipcard-card.is-closed{opacity:.7}.clipcard-card-main{display:block;padding:18px;color:var(--text);text-decoration:none}.clipcard-card-main header{display:flex;justify-content:space-between;gap:12px}.clipcard-card-main h2,.clipcard-card-main small{display:block;margin:0}.clipcard-card-main header small{color:var(--primary);font-size:10px;font-weight:800;text-transform:uppercase}.clipcard-card-main header span{height:fit-content;padding:4px 8px;color:var(--success);background:var(--success-bg);border-radius:99px;font-size:9px;font-weight:800}.clipcard-card-main>strong{display:block;margin:20px 0 9px;font-size:25px}.clipcard-card-main>strong small{display:inline;color:var(--muted);font-size:10px;font-weight:600}.clipcard-card-main footer{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:var(--muted);font-size:10px}.clipcard-card-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.clipcard-card-actions a{padding:11px;color:var(--primary);text-align:center;text-decoration:none;font-size:11px;font-weight:800}.clipcard-card-actions a+a{border-left:1px solid var(--line)}.clipcard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.clipcard-metrics article{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.clipcard-metrics span{display:block;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.clipcard-metrics b{display:block;margin-top:4px;font-size:18px}.clipcard-metrics .is-low b{color:var(--danger)}.clipcard-info{margin-bottom:14px}.clipcard-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.clipcard-facts>div{padding:11px 12px 11px 0;border-bottom:1px solid var(--line)}.clipcard-facts dt{color:var(--muted);font-size:9px;text-transform:uppercase}.clipcard-facts dd{margin:3px 0 0;font-weight:700}.clipcard-notes{margin-top:14px;padding:12px;background:var(--surface-soft);border-radius:var(--radius)}.clipcard-notes p{margin:4px 0 0;white-space:pre-wrap}.clipcard-ledger article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.ledger-date{width:45px;height:45px;display:grid;place-content:center;color:var(--primary);background:var(--info-bg);border-radius:9px;text-align:center;line-height:1}.ledger-date b{font-size:16px}.ledger-date small{margin-top:3px;font-size:7px;text-transform:uppercase}.ledger-main{min-width:0}.ledger-main>span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.ledger-main>b,.ledger-main>small{display:block}.ledger-main a{color:var(--text);text-decoration:none}.ledger-main p{margin:3px 0;color:var(--text-soft)}.ledger-main small{color:var(--muted)}.clipcard-ledger article>strong{white-space:nowrap}.clipcard-ledger .negative{color:var(--danger)}.clipcard-ledger .positive{color:var(--success)}
.kanban-column { background: var(--surface-soft); border-color: var(--line); border-radius: var(--radius); }
.kanban-card { color: var(--text); background: var(--surface); border-color: var(--line); border-radius: 9px; box-shadow: var(--shadow-sm); }
.kanban-column > header span { background: var(--surface); }

.pill, .status-badge, .assignment-badge, .connection-state, .m365-badge, .exchange-jobs > div > em {
    border-radius: 999px;
    font-size: 10px;
    font-weight: 750;
}
.flash { padding: 13px 15px; border: 1px solid; border-radius: 9px; }
.flash.success { color: var(--success); background: var(--success-bg); border-color: color-mix(in srgb, var(--success) 25%, var(--line)); }
.flash.error { color: var(--danger); background: var(--danger-bg); border-color: color-mix(in srgb, var(--danger) 25%, var(--line)); }
.status-check.is-ok i, .connection-state.is-connected, .m365-badge.is-ready, .job-succeeded, .audit-succeeded { color: var(--success); background: var(--success-bg); }
.status-check.is-error i, .connection-state.is-error, .m365-badge.is-error, .job-failed, .audit-failed { color: var(--danger); background: var(--danger-bg); }
.m365-badge.is-warning, .job-pending, .job-running { color: var(--warning); background: var(--warning-bg); }
.m365-badge.is-missing { color: var(--muted); background: var(--surface-soft); }
.m365-badge.is-not-applicable { color: var(--muted); background: color-mix(in srgb, var(--surface-soft) 82%, var(--border)); }

.customer-master-form { max-width: 1080px; }
.customer-form-sections { display: grid; gap: 13px; }
.form-section {
    padding: 21px;
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 23px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
}
.form-section header { display: flex; gap: 10px; }
.form-section header > span { color: var(--primary); font-size: 10px; font-weight: 800; }
.form-section header h2 { margin: 0 0 5px; }
.form-section header p { margin: 0; color: var(--muted); font-size: 12px; }
.form-section .form-grid { margin: 0; }
.form-grid .span-2 { grid-column: 1 / -1; }
.form-actions {
    position: sticky;
    bottom: 14px;
    z-index: 15;
    margin-top: 13px;
    padding: 10px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    background: color-mix(in srgb, var(--surface) 92%, transparent);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    backdrop-filter: blur(12px);
}
.customer-profile-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(290px, .7fr); gap: 14px; margin-bottom: 14px; }
.customer-company-panel, .customer-commercial-panel { margin: 0; }
.customer-identity { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 13px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.customer-monogram { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 9px; background: var(--secondary); color: #fff; font-size: 18px; font-weight: 800; }
.customer-identity h2, .customer-identity p { margin: 0; }
.customer-identity p { color: var(--text-soft); font-size: 13px; font-weight: 650; }
.customer-data-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.data-block { min-width: 0; padding: 18px 18px 0 0; }
.data-block > span, .data-list dt { display: block; margin-bottom: 5px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; }
.data-block strong, .data-block p, .data-block a { display: block; margin: 0 0 3px; overflow-wrap: anywhere; }
.data-block p, .data-block a { color: var(--muted); font-size: 12px; }
.data-block a { color: var(--primary); }
.data-list { margin: 0; }
.data-list > div { padding: 11px 0; border-bottom: 1px solid var(--line); }
.data-list > div:last-child { border: 0; }
.data-list dd { margin: 0; color: var(--text); font-size: 13px; overflow-wrap: anywhere; }
.status-pill { width: fit-content; padding: 4px 8px; border-radius: 999px; color: var(--muted); background: var(--surface-soft); font-size: 10px; font-weight: 750; }
.status-pill.success { color: var(--success); background: var(--success-bg); }
.prose { color: var(--text-soft); white-space: pre-wrap; line-height: 1.65; }

.documentation-sheet, .itraad-dialog { color: var(--text); background: var(--surface); border-color: var(--line); }
.doc-meta span, .license-chips span, .manageable-chip { color: var(--text-soft); background: var(--surface-soft); border-color: var(--line); }
.template-card, .m365-action-grid > a, .m365-action-grid > article { border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.m365-action-grid i, .user-avatar, .group-directory header > i, .exchange-mailbox summary > i, .tenant-logo {
    background: var(--info-bg);
    color: #635bdb;
    box-shadow: none;
}
.message-bubble, .note-composer, .reply-composer, .attachment-composer { color: var(--text); background: var(--surface); border-color: var(--line); }
.email-content {
    padding: 14px;
    color: #172033;
    color-scheme: light;
    background: #fff;
    border: 1px solid #e1e5ea;
    border-radius: 8px;
}
.secret-reveal { background: #153c2d; box-shadow: none; }
.pagination-page, .pagination-arrow, .itraad-pagination, .directory-toolbar { color: var(--text); background: var(--surface); border-color: var(--line); box-shadow: var(--shadow-sm); }
.pagination-page.is-current { color: #fff; background: var(--primary); border-color: var(--primary); box-shadow: none; }
.pagination svg { width: 18px !important; height: 18px !important; }

body[data-theme="dark"] img { opacity: .94; }
body[data-theme="dark"] .choice span,
body[data-theme="dark"] .time-total,
body[data-theme="dark"] .quick-time button,
body[data-theme="dark"] .time-total button,
body[data-theme="dark"] .module-toggle span,
body[data-theme="dark"] .license-options label,
body[data-theme="dark"] .itraad-dialog header button {
    color: var(--text);
    background: var(--surface-raised);
    border-color: var(--line);
}
body[data-theme="dark"] .choice input:checked + span,
body[data-theme="dark"] .module-toggle input:checked + span {
    color: var(--text);
    background: var(--info-bg);
    border-color: var(--primary);
}
body[data-theme="dark"] .btn.danger { color: var(--danger); background: var(--danger-bg); border-color: #63343a; }
body[data-theme="dark"] .m365-badge.is-warning { color: var(--warning); background: var(--warning-bg); }
body[data-theme="dark"] .status-new { color: #9fc2ff; background: #172a4a; }
body[data-theme="dark"] .status-planned { color: #c4b5fd; background: #2b2145; }
body[data-theme="dark"] .status-in_progress,
body[data-theme="dark"] .status-done { color: var(--success); background: var(--success-bg); }
body[data-theme="dark"] .status-waiting_customer,
body[data-theme="dark"] .status-waiting_internal { color: var(--warning); background: var(--warning-bg); }
body[data-theme="dark"] .status-archived { color: var(--muted); background: var(--surface-hover); }
body[data-theme="dark"] .priority-urgent,
body[data-theme="dark"] .assignment-badge { color: #ff9ca9 !important; background: #3b1c26 !important; border-color: #633043; }
body[data-theme="dark"] .priority-high { color: #ffb870; background: #3b2818; }
body[data-theme="dark"] .priority-normal,
body[data-theme="dark"] .priority-low { color: var(--muted); background: var(--surface-soft); }

.login-page {
    min-height: 100dvh;
    padding: 24px;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 32%),
        var(--bg);
}
.login-card {
    width: min(430px, 100%);
    padding: clamp(25px, 5vw, 38px);
    color: var(--text);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 60px rgba(16, 24, 40, .10);
}
.login-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 38px; }
.login-brand > div { display: grid; line-height: 1.15; }
.login-brand strong { font-size: 14px; }
.login-brand small { font-size: 10px; }
.login-copy { margin-bottom: 24px; }
.login-copy p { margin: 0; color: var(--primary); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.login-copy h1 { margin: 6px 0 8px; font-size: 28px; }
.login-copy span { color: var(--muted); font-size: 13px; }
.login-card .form-stack { max-width: none; }

@media (max-width: 1080px) {
    .customer-profile-layout { grid-template-columns: 1fr; }
    .form-section { grid-template-columns: 1fr; gap: 15px; }
    .m365-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    .app-shell { display: block; padding-bottom: calc(67px + env(safe-area-inset-bottom)); }
    .topbar { height: 60px; padding: 0 13px; }
    .main { width: 100%; padding: 22px 14px 34px; }
    .sidebar {
        position: fixed;
        inset: auto 0 0;
        z-index: 100;
        width: 100%;
        height: calc(67px + env(safe-area-inset-bottom));
        padding: 5px 7px env(safe-area-inset-bottom);
        display: block;
        border: 0;
        border-top: 1px solid var(--line);
        box-shadow: 0 -5px 20px rgba(16, 24, 40, .08);
    }
    .main-nav { height: 57px; display: flex; align-items: stretch; justify-content: space-around; gap: 2px; }
    .main-nav a {
        width: auto;
        height: 57px;
        flex: 1;
        padding: 4px 2px;
        flex-direction: column;
        justify-content: center;
        gap: 2px;
        border: 0;
        font-size: 9px;
        text-align: center;
    }
    .main-nav .nav-dashboard { order: 1; }
    .main-nav .nav-tasks { order: 2; }
    .main-nav .new-task-link { order: 3; }
    .main-nav .nav-billing { order: 4; }
    .main-nav .nav-customers { order: 5; }
    .main-nav a.active { background: transparent; }
    .main-nav svg { width: 21px; height: 21px; }
    .main-nav .new-task-link { margin: 0; color: var(--primary); background: transparent; }
    .main-nav .new-task-link:hover { color: var(--primary); background: var(--surface-hover); }
    .nav-divider, .sidebar-footer, .main-nav .secondary-nav { display: none; }
    .page-head { align-items: flex-start; }
    .form-actions { bottom: 75px; }
    .kanban-board { grid-template-columns: repeat(5, 82vw); }
}

@media (max-width: 620px) {
    .brand small, .profile-chip b { display: none; }
    .profile-chip { padding-right: 4px; }
    .top-actions { gap: 2px; }
    .page-head { display: block; }
    .page-head h1 { font-size: 28px; }
    .head-actions, .page-actions { width: 100%; margin-top: 14px; }
    .head-actions .btn, .page-actions .btn { flex: 1; }
    .panel, .form-card, .form-section { padding: 16px; }
    .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .action-grid, .card-grid, .form-grid, .color-grid, .customer-data-grid,
    .m365-action-grid, .module-grid, .group-directory, .profile-editor { grid-template-columns: 1fr; }
    .form-grid .span-2 { grid-column: auto; }
    .action-grid a { min-height: 61px; }
    .customer-identity { grid-template-columns: 42px minmax(0, 1fr); }
    .customer-identity .status-pill { grid-column: 2; }
    .customer-monogram { width: 42px; height: 42px; }
    .filter-grid, .filter-card { grid-template-columns: 1fr; }
    .main-nav a { font-size: 8.5px; }
    .clipcard-grid{grid-template-columns:1fr}.clipcard-metrics{grid-template-columns:1fr 1fr}.clipcard-facts{grid-template-columns:1fr 1fr}.clipcard-card-main{padding:15px}.clipcard-ledger article{grid-template-columns:42px minmax(0,1fr)}.clipcard-ledger article>strong{grid-column:2}.ledger-date{width:40px;height:40px}
}

/* 1.6.2 — målrettet mobilstabilisering */
@media (max-width: 820px) {
    html, body { max-width: 100%; overflow-x: clip; }
    .main, .main > *, .panel, .form-card, .case-main, .customer-company-panel,
    .customer-commercial-panel, .directory-user, .message-bubble { min-width: 0; }
    h1, h2, h3, p, b, strong, small, dd, a, span { overflow-wrap: anywhere; }
    input, textarea, select, button { min-width: 0; max-width: 100%; }

    .page-head { min-height: 0; }
    .page-head > div:first-child { min-width: 0; }
    .head-actions, .page-actions, .export-buttons {
        width: calc(100vw - 28px);
        max-width: 100%;
        margin-top: 13px;
        padding: 1px 0 5px;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .head-actions::-webkit-scrollbar, .page-actions::-webkit-scrollbar, .export-buttons::-webkit-scrollbar { display: none; }
    .head-actions .btn, .page-actions .btn, .export-buttons .btn {
        width: auto;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .case-card { grid-template-columns: minmax(0, 1fr); }
    .quick-register {
        width: 100%;
        min-height: 44px;
        padding: 8px 13px;
        flex-direction: row;
        border-top: 1px solid var(--line);
        border-left: 0;
        font-size: 17px;
    }
    .quick-register span { font-size: 11px; }
    .case-card h2, .case-card p { overflow-wrap: anywhere; }
    .case-meta { row-gap: 6px; }
    .case-detail-head h1 { font-size: clamp(25px, 8vw, 32px); }
    .case-sidebar { top: auto; }

    .filter-footer { align-items: stretch; }
    .filter-footer > div { margin-left: 0; }
    .filter-footer > div .btn { flex: 1; }
    .directory-toolbar, .compact-toolbar { align-items: stretch; }
    .toolbar-search { min-width: 0; }
    .toolbar-search .btn { flex: 0 0 auto; }

    .inline-form, .address-form, .exchange-alias-form, .group-directory .inline-form,
    .reply-composer, .note-composer, .checklist-add {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }
    .inline-form .btn, .address-form .btn, .exchange-alias-form .btn,
    .reply-composer .btn, .note-composer .btn, .checklist-add .btn { width: 100%; }

    .report-row {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }
    .report-row > strong { grid-column: 2; justify-self: start; }
    .report-row span, .report-row b, .report-row small { min-width: 0; white-space: normal; }
    .list-row { align-items: flex-start; }
    .list-row > span { min-width: 0; }
    .list-row > span b, .list-row > span small { white-space: normal; overflow-wrap: anywhere; }

    .message-bubble { max-width: 100%; padding: 12px; }
    .message-bubble header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; }
    .email-content { max-width: 100%; padding: 10px; overflow-x: auto; }
    .email-content table { min-width: 520px; }
    .email-content img { max-width: 100% !important; height: auto !important; }
    .attachment-list > a { grid-template-columns: auto minmax(0, 1fr) auto; }
    .attachment-list b, .attachment-list small { max-width: 100% !important; }

    .tenant-card, .directory-user header, .group-directory header { min-width: 0; }
    .tenant-card dl, .m365-metrics, .exchange-status-grid { grid-template-columns: 1fr 1fr; }
    .admin-drawer { grid-template-columns: minmax(0, 1fr); }
    .directory-user header > div, .group-directory header > span { min-width: 0; }
    .directory-user h2, .directory-user p, .group-directory h2 { overflow-wrap: anywhere; }
    .license-options { grid-template-columns: minmax(0, 1fr); }

    .itraad-dialog { width: calc(100% - 20px); max-height: calc(100dvh - 20px); overflow-y: auto; }
    .itraad-dialog form { padding: 16px; }
    .secret-reveal { overflow-wrap: anywhere; }
    .secret-reveal code { max-width: 100%; white-space: pre-wrap; word-break: break-all; }
}

@media (max-width: 620px) {
    .topbar { gap: 7px; }
    .brand { min-width: 0; }
    .brand > span:last-child { min-width: 0; }
    .top-actions { flex: 0 0 auto; }
    .profile-chip { display: none; }
    .icon-button { width: 36px; height: 36px; min-height: 36px; }

    .case-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .case-metrics a { min-width: 0; padding: 12px; }
    .case-metrics b { font-size: 21px; }
    .case-main { padding: 13px; }
    .case-topline { flex-wrap: wrap; }
    .case-number { margin-left: auto; }

    .customer-card-head { display: grid; align-items: start; }
    .customer-card-head .m365-badge { width: fit-content; white-space: normal; }
    .customer-identity { align-items: start; }
    .customer-data-grid .data-block { padding-top: 14px; }

    .template-row, .rule-row { display: grid; gap: 12px; }
    .template-row .head-actions, .rule-row .head-actions { width: 100%; margin: 0; overflow: visible; }
    .template-row .head-actions .btn, .rule-row .head-actions .btn { flex: 1; }

    .panel-title, .section-head, .section-heading { align-items: flex-start; }
    .panel-title > div, .section-head > div, .section-heading > div { min-width: 0; }
    .manageable-chip { max-width: 100%; }
    .manageable-chip b { overflow-wrap: anywhere; }
    .note-timeline article { grid-template-columns: 30px minmax(0, 1fr); }
    .note-avatar { width: 30px; height: 30px; }
    .note-timeline header { display: grid; gap: 2px; }

    .itraad-pagination { padding: 9px 7px; overflow: hidden; }
    .pagination-buttons { max-width: 100%; overflow-x: auto; justify-content: flex-start; }
    .pagination-page, .pagination-arrow { flex: 0 0 32px; }
}

@media (max-width: 390px) {
    .main { padding-inline: 11px; }
    .topbar { padding-inline: 10px; }
    .brand-mark { width: 33px; height: 33px; }
    .brand strong { font-size: 13px; }
    .main-nav a { font-size: 8px; }
    .main-nav svg { width: 19px; height: 19px; }
    .stats { grid-template-columns: minmax(0, 1fr); }
    .stats article { min-height: 75px; }
    .case-metrics a { display: grid; gap: 3px; }
    .head-actions, .page-actions, .export-buttons { width: calc(100vw - 22px); }
}

/* 1.6.3 — synlige og ensartede mobilhandlinger */
@media (max-width: 820px) {
    .page-head {
        margin-bottom: 20px;
        padding-bottom: 17px;
    }
    .page-head .head-actions,
    .page-head .page-actions {
        width: 100%;
        max-width: none;
        margin-top: 15px;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        overflow: visible;
    }
    .page-head .head-actions .btn,
    .page-head .page-actions .btn,
    .page-head .head-actions form,
    .page-head .page-actions form {
        width: 100%;
        min-width: 0;
        margin: 0;
    }
    .page-head .head-actions .btn,
    .page-head .page-actions .btn {
        min-height: 44px;
        padding: 9px 10px;
        justify-content: center;
        white-space: normal;
        line-height: 1.2;
        text-align: center;
    }
    .page-head .head-actions > :only-child,
    .page-head .page-actions > :only-child {
        grid-column: 1 / -1;
    }
    .page-head .head-actions > :last-child:nth-child(odd),
    .page-head .page-actions > :last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    .task-head .head-actions > :last-child {
        grid-column: auto;
    }
    .task-head .head-actions {
        margin-bottom: 0;
    }

    .case-filter {
        padding: 12px;
    }
    .filter-search {
        margin-bottom: 10px;
    }
    .filter-grid {
        gap: 8px;
    }
    .filter-grid select,
    .filter-grid input {
        min-height: 44px;
    }
    .filter-footer {
        gap: 9px;
        margin-top: 11px;
    }
}

@media (min-width: 430px) and (max-width: 820px) {
    .case-filter .filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .case-filter .filter-grid > :first-child:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 390px) {
    .page-head .head-actions,
    .page-head .page-actions {
        grid-template-columns: minmax(0, 1fr);
    }
    .task-head .head-actions > :last-child {
        grid-column: auto;
    }
}

/* 1.7 — kontakter, assets og importcenter */
.role-picker { margin: 0; padding: 15px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; border: 1px solid var(--line); border-radius: var(--radius); }
.role-picker legend { padding: 0 7px; color: var(--muted); font-size: 11px; font-weight: 750; }
.role-picker .check { margin: 0; }
.customer-relations { margin: 15px 0; align-items: start; }
.contact-list { display: grid; }
.contact-row { min-width: 0; padding: 11px 0; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 10px; color: var(--text); border-bottom: 1px solid var(--line); text-decoration: none; }
.contact-row:last-child { border-bottom: 0; }
.contact-row:hover b { color: var(--primary); }
.contact-row b,.contact-row small { display: block; }
.contact-row small { margin-top: 2px; }
.contact-avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: var(--secondary); font-size: 12px; font-weight: 800; }
.contact-avatar.asset { color: var(--primary); background: var(--info-bg); }
.contact-row .tag-list { margin-top: 5px; }
.contact-row .tag { padding: 2px 5px; font-size: 9px; font-style: normal; }
.text-link { display: inline-block; margin-top: 12px; color: var(--primary); font-size: 12px; font-weight: 700; text-decoration: none; }

.asset-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.asset-card { min-width: 0; padding: 15px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 12px; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); text-decoration: none; }
.asset-card:hover { border-color: var(--line-strong); box-shadow: var(--shadow); }
.asset-card > span:nth-child(2) { min-width: 0; }
.asset-card b,.asset-card small,.asset-card em { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.asset-card b { margin: 2px 0; }
.asset-card em { color: var(--text-soft); font-size: 11px; font-style: normal; }
.asset-type-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 9px; color: var(--primary); background: var(--info-bg); font-size: 13px; font-weight: 850; }
.asset-filter .filter-grid { grid-template-columns: 1.3fr 1fr 1fr auto; }
.asset-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-bottom: 14px; align-items: start; }
.asset-detail-grid .panel { margin: 0; }

.import-upload { max-width: 680px; }
.file-drop.has-file { border-color: var(--primary); background: var(--info-bg); }
.file-drop.has-file [data-import-file-name] { color: var(--primary); font-weight: 800; overflow-wrap: anywhere; }
.import-templates { max-width: 680px; margin-top: 14px; }
.mapping-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.mapping-grid label { display: grid; gap: 5px; }
.import-preview { margin-top: 14px; }
.table-scroll { max-width: 100%; overflow: auto; border: 1px solid var(--line); border-radius: 8px; }
.table-scroll table { width: 100%; min-width: 720px; border-collapse: collapse; background: var(--surface); font-size: 11px; }
.table-scroll th,.table-scroll td { padding: 9px 10px; text-align: left; white-space: nowrap; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); }
.table-scroll th { position: sticky; top: 0; color: var(--text); background: var(--surface-soft); font-weight: 750; }
.import-list,.import-log { display: grid; }
.import-row { min-width: 0; padding: 12px 0; display: grid; grid-template-columns: 36px minmax(0,1fr) auto auto; align-items: center; gap: 11px; color: var(--text); border-bottom: 1px solid var(--line); text-decoration: none; }
.import-row:last-child { border: 0; }
.import-row b,.import-row small { display: block; }
.import-row em { color: var(--muted); font-size: 11px; font-style: normal; }
.import-kind { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 8px; color: var(--primary); background: var(--info-bg); font-size: 11px; font-weight: 850; }
.import-status { width: fit-content; padding: 4px 8px; border-radius: 999px; color: var(--muted); background: var(--surface-soft); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.import-status.status-completed { color: var(--success); background: var(--success-bg); }
.import-status.status-completed_with_errors,.import-status.status-pending,.import-status.status-processing { color: var(--warning); background: var(--warning-bg); }
.import-status.status-failed { color: var(--danger); background: var(--danger-bg); }
.import-log article { padding: 10px 0; display: grid; grid-template-columns: 90px 80px minmax(0,1fr); gap: 10px; border-bottom: 1px solid var(--line); }
.import-log article.error { color: var(--danger); }
.import-log small { overflow-wrap: anywhere; }
.import-stats { grid-template-columns: repeat(5,minmax(0,1fr)); }

@media(max-width:900px){.asset-grid{grid-template-columns:1fr}.asset-detail-grid{grid-template-columns:1fr}.asset-filter .filter-grid{grid-template-columns:1fr 1fr}.mapping-grid{grid-template-columns:1fr}.role-picker{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.role-picker{grid-template-columns:1fr}.contact-row{grid-template-columns:34px minmax(0,1fr)}.contact-row>em{grid-column:2}.asset-card{grid-template-columns:38px minmax(0,1fr)}.asset-card>i{grid-column:2}.asset-type-icon{width:38px;height:38px}.asset-filter .filter-grid{grid-template-columns:1fr}.import-row{grid-template-columns:34px minmax(0,1fr)}.import-row>.import-status,.import-row>em{grid-column:2}.import-log article{grid-template-columns:70px minmax(0,1fr)}.import-log small{grid-column:1/-1}.import-stats{grid-template-columns:1fr 1fr}.import-stats article:last-child{grid-column:1/-1}}

/* 1.8 — serviceaftaler og samlet fakturering */
.service-filter { display: grid; grid-template-columns: 1.4fr 1fr auto; gap: 9px; }
.agreement-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-bottom: 18px; }
.agreement-card { min-width: 0; padding: 18px; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); text-decoration: none; }
.agreement-card:hover { border-color: var(--line-strong); box-shadow: var(--shadow); }
.agreement-card header { display: flex; justify-content: space-between; gap: 12px; }
.agreement-card header small,.agreement-card header h2 { display: block; margin: 0; }
.agreement-card header h2 { margin-top: 3px; font-size: 17px; }
.agreement-card > div { display: flex; align-items: baseline; gap: 8px; margin: 20px 0 14px; }
.agreement-card > div strong { font-size: 24px; }
.agreement-card > div small { color: var(--muted); }
.agreement-card dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0; }
.agreement-card dl div { min-width: 0; padding-top: 10px; border-top: 1px solid var(--line); }
.agreement-card dt { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.agreement-card dd { margin: 3px 0 0; font-size: 11px; font-weight: 700; overflow-wrap: anywhere; }
.status-pill.status-paused { color: var(--warning); background: var(--warning-bg); }
.status-pill.status-notice { color: var(--warning); background: var(--warning-bg); }
.status-pill.status-terminated { color: var(--danger); background: var(--danger-bg); }
.agreement-history { margin-top: 14px; align-items: start; }
.danger-zone { border-color: color-mix(in srgb,var(--danger) 24%,var(--line)); }
.customer-agreements { margin: 14px 0; }
.customer-agreement-list { display: grid; }
.customer-agreement-list > a { padding: 12px 0; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 12px; color: var(--text); border-bottom: 1px solid var(--line); text-decoration: none; }
.customer-agreement-list > a:last-child { border-bottom: 0; }
.customer-agreement-list b,.customer-agreement-list small { display: block; }
.customer-agreement-list small { margin-top: 3px; color: var(--muted); }
.billing-section { margin: 22px 0 32px; }
.billing-section .section-head { margin-bottom: 10px; }
.billing-section .section-head small { color: var(--muted); text-transform: uppercase; letter-spacing: .06em; font-size: 9px; font-weight: 800; }
.billing-section .section-head h2 { margin: 2px 0 0; }
.count-badge { min-width: 28px; padding: 5px 8px; color: var(--primary); background: var(--info-bg); border-radius: 999px; text-align: center; font-size: 11px; font-weight: 800; }
.agreement-line { border-left: 3px solid var(--primary); }
.billing-mark-card { margin-top: 12px; }
.empty-state.compact { padding: 25px 16px; }
.agreement-task-plans { margin-top: 14px; }
.agreement-task-plans .panel-title p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.agreement-plan-list { display: grid; }
.agreement-plan-list > article { padding: 13px 0; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); }
.agreement-plan-list > article.is-paused { opacity: .58; }
.plan-calendar { width: 46px; height: 46px; display: grid; place-content: center; color: var(--primary); background: var(--info-bg); border-radius: 10px; text-align: center; line-height: 1; }
.plan-calendar b { font-size: 17px; }
.plan-calendar small { margin-top: 2px; font-size: 8px; text-transform: uppercase; }
.agreement-plan-list h3,.agreement-plan-list p { margin: 2px 0 0; }
.agreement-plan-list h3 { font-size: 14px; }
.agreement-plan-list p,.agreement-plan-list article > div > small { color: var(--muted); font-size: 10px; }
.plan-actions { display: flex; align-items: center; gap: 6px; }
.plan-actions form { margin: 0; }
.agreement-plan-builder { margin-top: 14px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.agreement-plan-builder summary { padding: 13px 15px; color: var(--primary); background: var(--surface-soft); cursor: pointer; font-size: 12px; font-weight: 800; }
.agreement-plan-builder[open] summary { border-bottom: 1px solid var(--line); }
.agreement-plan-builder > form { padding: 16px; }
.agreement-create-plans { margin: 8px 0 4px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface-soft); }
.agreement-create-plans .section-head { margin-bottom: 12px; }
.agreement-create-plans .section-head p { margin: 3px 0 0; color: var(--muted); font-size: 11px; }
.agreement-plan-editor { display: grid; gap: 12px; }
.agreement-plan-form { padding: 15px; display: grid; gap: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.agreement-plan-form > header { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.agreement-plan-form h3,.agreement-plan-form header small { margin: 0; }
.agreement-plan-form h3 { margin-top: 2px; font-size: 14px; }

@media(max-width:900px){.agreement-grid{grid-template-columns:1fr}}
@media(max-width:620px){.service-filter{grid-template-columns:1fr}.agreement-card{padding:15px}.agreement-card dl{grid-template-columns:1fr 1fr}.customer-agreement-list>a{grid-template-columns:minmax(0,1fr) auto}.customer-agreement-list>a>em{grid-column:1/-1;width:fit-content}.billing-section .report-row{grid-template-columns:auto minmax(0,1fr)}.billing-section .report-row>strong{grid-column:2;text-align:left}.agreement-plan-list>article{grid-template-columns:42px minmax(0,1fr)}.plan-calendar{width:40px;height:40px}.plan-actions{grid-column:2;justify-content:flex-start}.agreement-plan-builder>form{padding:12px}.agreement-create-plans{padding:11px}.agreement-create-plans .section-head{display:grid}.agreement-create-plans .section-head .btn{width:100%;margin-top:8px}.agreement-plan-form{padding:12px}}

/* 1.8.3 — fuld HTML-mail, trådsvar og personlige signaturer */
.profile-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.5fr); gap: 14px; align-items: start; }
.profile-layout > .form-card { margin: 0; max-width: none; }
.profile-password { position: sticky; top: 92px; }
.signature-settings { margin-top: 6px; padding-top: 16px; border-top: 1px solid var(--line); }
.signature-settings .section-head { align-items: center; }
.signature-settings .section-head p { margin: 3px 0 0; color: var(--muted); font-size: 11px; }
.field-help { color: var(--muted); font-size: 10px; }
.rich-editor { overflow: hidden; color: #172033; background: #fff; border: 1px solid var(--line-strong); border-radius: var(--radius); }
.rich-editor:focus-within { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent); }
.rich-toolbar { padding: 7px; display: flex; flex-wrap: wrap; gap: 5px; background: #f5f7fa; border-bottom: 1px solid #d9dee8; }
.rich-toolbar button { min-width: 34px; min-height: 30px; padding: 5px 8px; color: #344054; background: #fff; border: 1px solid #d9dee8; border-radius: 7px; cursor: pointer; font-size: 11px; }
.rich-toolbar button:hover { color: var(--primary); border-color: var(--primary); }
.rich-surface { min-height: 130px; padding: 14px; outline: 0; overflow-wrap: anywhere; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1.55; }
.rich-surface:empty::before { content: attr(data-placeholder); color: #98a2b3; pointer-events: none; }
.signature-surface { min-height: 170px; }
.rich-reply { display: grid; grid-template-columns: minmax(0,1fr); align-items: stretch; gap: 10px; }
.reply-heading,.reply-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.reply-heading b,.reply-heading small { display: block; }
.reply-heading small,.reply-footer { color: var(--muted); font-size: 10px; }
.reply-heading a { color: var(--primary); font-size: 11px; font-weight: 750; }
.signature-active { padding: 5px 8px; color: var(--success); background: var(--success-bg); border-radius: 99px; font-size: 9px; font-weight: 800; white-space: nowrap; }
.reply-surface { min-height: 160px; }
.message-bubble .email-content,.case-description .email-content { padding: 14px; color: #172033; background: #fff; border: 1px solid #e4e7ec; border-radius: 9px; }
.message-bubble .email-content * { max-width: 100%; }

@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-password{position:static}}
@media(max-width:620px){.rich-toolbar{flex-wrap:nowrap;overflow-x:auto}.rich-toolbar button{flex:0 0 auto}.reply-heading,.reply-footer{align-items:flex-start}.reply-heading{display:grid}.reply-footer .btn{width:auto}.signature-settings .section-head{display:grid}.signature-settings .toggle-check{margin-top:8px}}

/* 1.9 — vidensbase, kalender, automatisering og dokumentkontrol */
.v19-wide{max-width:980px}.v19-filter{grid-template-columns:2fr 1fr 1fr auto}.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.knowledge-card{display:flex;min-height:190px;flex-direction:column;padding:19px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none}.knowledge-card:hover{border-color:var(--primary);transform:translateY(-1px)}.knowledge-card h2{margin:14px 0 6px;font-size:18px}.knowledge-card p{margin:0;color:var(--muted)}.knowledge-card footer{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px;color:var(--muted);font-size:10px}.pill.success{color:var(--success);background:var(--success-bg)}.v19-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:14px;align-items:start}.knowledge-body{min-height:420px}.knowledge-body .lead{padding-bottom:18px;color:var(--muted);font-size:16px;border-bottom:1px solid var(--line)}.rich-content{overflow-wrap:anywhere}.rich-content img{max-width:100%;height:auto}.version-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.version-row small{display:block;color:var(--muted);font-size:9px}.version-row p{margin:4px 0 0;font-size:10px}.calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0 10px}.calendar-toolbar h2{min-width:190px;margin:0;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);gap:1px}.weekday{padding:8px;color:var(--muted);background:var(--surface-soft);text-align:center;font-size:9px;font-weight:800;text-transform:uppercase}.calendar-day{min-height:116px;padding:7px;background:var(--surface)}.calendar-day.outside{opacity:.45}.calendar-day.today>b{display:grid;width:25px;height:25px;place-items:center;color:#fff;background:var(--primary);border-radius:99px}.calendar-chip{display:block;margin-top:5px;padding:4px 6px;overflow:hidden;color:var(--text);background:var(--surface-soft);border-left:3px solid var(--primary);border-radius:5px;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;font-size:9px}.calendar-chip.type-billing{border-color:var(--success)}.calendar-chip.type-expiry{border-color:var(--danger)}.calendar-chip.type-review{border-color:var(--warning)}.calendar-agenda{margin-top:14px}.calendar-agenda time{width:40px;color:var(--primary);font-weight:800}.v19-dialog{width:min(620px,calc(100% - 24px));padding:0;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.v19-dialog::backdrop{background:#07101fb8;backdrop-filter:blur(4px)}.v19-dialog form{display:grid;gap:13px;padding:20px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.dialog-head button{border:0;color:var(--muted);background:transparent;font-size:24px}.automation-layout{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.automation-rule{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.automation-rule small{display:block;color:var(--muted)}.status-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:99px;background:var(--muted)}.status-dot.on{background:var(--success);box-shadow:0 0 0 4px var(--success-bg)}.rule-summary{display:grid;gap:3px;margin-top:7px;color:var(--muted);font-size:9px}.row-actions{display:flex;align-items:center;gap:7px}.row-actions form{margin:0}.btn.danger{color:var(--danger);background:var(--danger-bg)}.meta-list{display:grid;margin-bottom:20px}.meta-list span{padding:9px 0;color:var(--muted);border-bottom:1px solid var(--line);font-size:10px}.meta-list strong{display:block;margin-top:2px;color:var(--text);font-size:12px}
@media(max-width:900px){.knowledge-grid,.v19-detail-grid,.automation-layout{grid-template-columns:1fr}.calendar-day{min-height:92px}.calendar-chip{max-width:100%}}
@media(max-width:620px){.v19-filter{grid-template-columns:1fr}.calendar-grid{display:none}.calendar-toolbar{justify-content:space-between}.knowledge-grid{grid-template-columns:1fr}.knowledge-card{min-height:155px}.automation-rule{display:grid}.automation-rule .row-actions{justify-content:flex-start}.v19-dialog form{padding:15px}.calendar-agenda{display:block}}

/* 1.9.1 — sikker CloudFactory-tokenwizard */
.connection-badge{padding:8px 12px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}.connection-badge.connected{color:var(--success);background:var(--success-bg)}.connection-badge.disconnected{color:var(--muted);background:var(--surface-soft);border:1px solid var(--line)}.cloudfactory-wizard{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:14px;align-items:start}.wizard-steps{display:grid;gap:0;padding:0;overflow:hidden}.wizard-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:21px;border-bottom:1px solid var(--line)}.wizard-step:last-child{border-bottom:0}.wizard-step>span{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:var(--primary);border-radius:11px;font-weight:850;box-shadow:0 7px 16px color-mix(in srgb,var(--primary) 24%,transparent)}.wizard-step h2{margin:0 0 5px;font-size:16px}.wizard-step p{margin:0 0 13px;color:var(--muted)}.cloudfactory-connect-card{max-width:none;margin:0;position:sticky;top:88px}.cloudfactory-connect-card details{padding:11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.cloudfactory-connect-card summary{color:var(--primary);cursor:pointer;font-weight:800}.token-form{margin-top:10px}.connection-ok{display:flex;gap:12px;align-items:center;padding:14px;color:var(--success);background:var(--success-bg);border-radius:var(--radius)}.connection-ok>span{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--success);border-radius:99px;font-weight:900}.connection-ok strong,.connection-ok small{display:block}.connection-ok small{margin-top:2px;color:color-mix(in srgb,var(--success) 72%,var(--text));font-size:9px}.security-note{margin:0;padding:11px;color:var(--muted);background:var(--surface-soft);border-radius:var(--radius);font-size:10px}.cloudfactory-connect-card>.danger-zone,.cloudfactory-connect-card form{margin:0}
@media(max-width:900px){.cloudfactory-wizard{grid-template-columns:1fr}.cloudfactory-connect-card{position:static}}
@media(max-width:620px){.wizard-step{grid-template-columns:34px minmax(0,1fr);padding:15px;gap:10px}.wizard-step>span{width:32px;height:32px}.connection-badge{display:inline-flex;margin-top:10px}.cloudfactory-connect-card{padding:14px}}
.warning-step>span{background:var(--warning);box-shadow:0 7px 16px color-mix(in srgb,var(--warning) 24%,transparent)}.support-request{margin-top:14px}.support-request textarea{margin-top:10px;min-height:190px;font-family:inherit;line-height:1.5}

/* 1.11 — CloudFactory licenscenter */
.license-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.license-card-list{display:grid;gap:12px}.license-card{padding:17px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-lg)}.license-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.license-card-head>div{display:flex;align-items:center;gap:11px;min-width:0}.license-card-head b,.license-card-head small{display:block;overflow-wrap:anywhere}.license-card-head small{margin-top:3px;color:var(--muted);font-size:10px}.license-icon{width:39px;height:39px;display:grid;flex:0 0 auto;place-items:center;color:#fff;background:linear-gradient(145deg,#6554e8,#2468ed);border-radius:10px;font-weight:900}.license-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px}.license-facts>div,.license-summary>div{padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.license-facts span,.license-summary span{display:block;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.license-facts strong,.license-summary strong{display:block;margin-top:4px;font-size:13px}.license-controls{margin-top:12px;border-top:1px solid var(--line)}.license-controls>summary{padding:12px 2px 0;color:var(--primary);cursor:pointer;font-size:11px;font-weight:800}.license-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.license-control-grid>form{display:grid;align-content:start;gap:9px;padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.license-control-grid h3{margin:0;font-size:13px}.license-control-grid .check,.license-order-form .check{display:flex;align-items:center;gap:8px}.license-control-grid .check input,.license-order-form .check input{width:auto}.license-order-form{display:grid;grid-template-columns:minmax(0,2fr) 110px auto auto auto;align-items:end;gap:10px}.customer-license-overview{margin:14px 0}.license-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.license-chip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.license-chip-list>span{padding:8px 10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px}.license-chip-list b,.license-chip-list small{display:block}.license-chip-list small{margin-top:2px;color:var(--muted);font-size:9px}
@media(max-width:900px){.license-metrics,.license-facts,.license-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.license-control-grid{grid-template-columns:1fr}.license-order-form{grid-template-columns:1fr 120px}.license-order-form>.check,.license-order-form>.btn{grid-column:auto}}
@media(max-width:620px){.license-card{padding:13px}.license-card-head{align-items:flex-start}.license-card-head>.status-pill{flex:0 0 auto}.license-facts,.license-summary{grid-template-columns:1fr 1fr}.license-order-form{grid-template-columns:1fr}.license-order-form>.check,.license-order-form>.btn{grid-column:1}.customer-license-overview .panel-title{display:grid}.customer-license-overview .panel-title .btn{width:100%;margin-top:9px}.license-metrics{grid-template-columns:1fr 1fr}}

/* 1.12 — modulmenu, kalenderbooking og hurtig kundeoprettelse */
.nav-group{border-radius:11px}.nav-group>summary{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:var(--muted);cursor:pointer;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary i{font-style:normal;transition:transform .18s}.nav-group[open]>summary i{transform:rotate(180deg)}.nav-group>div{display:grid;gap:3px;padding-bottom:5px}.main-nav a.nav-module{display:flex}.nav-symbol{width:22px;display:grid;flex:0 0 auto;place-items:center;font-size:15px}.main-nav a.nav-accent{color:#fff;background:var(--primary)}.main-nav a.nav-accent:hover{color:#fff;background:color-mix(in srgb,var(--primary) 86%,#000)}
.navigation-editor{display:grid;gap:7px}.navigation-editor-head,.navigation-editor-row{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(140px,1fr) 110px 70px;align-items:center;gap:10px}.navigation-editor-head{padding:0 10px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.navigation-editor-row{padding:10px;background:var(--surface-soft);border:1px solid var(--line);border-radius:11px}.navigation-editor-row input,.navigation-editor-row select{margin:0}.customer-mode-picker{display:flex;gap:9px;margin-bottom:13px}.customer-mode-picker .choice{flex:1}.inline-customer-fields,.schedule-box{margin:8px 0;padding:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-lg)}.inline-customer-fields[hidden]{display:none}.schedule-box .section-head,.inline-customer-fields .section-head{margin-bottom:12px}.outlook-card{grid-column:1/-1}.calendar-connection-meta{display:grid;gap:4px;padding:13px;background:var(--surface-soft);border-radius:var(--radius)}.calendar-connection-meta small{color:var(--muted)}.button-row{display:flex;gap:8px}.button-row form{margin:0}.flash.warning{color:#92400e;background:#fef3c7;border-color:#f59e0b}.calendar-chip.type-outlook,.calendar-chip.type-booking{border-color:#6554e8}
@media(max-width:800px){.main-nav{justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav>.nav-module,.nav-group>div>.nav-module{min-width:78px!important;flex:0 0 78px!important}.nav-group{display:contents}.nav-group>summary{display:none}.nav-group>div{display:contents}.main-nav a.nav-accent{color:var(--primary);background:transparent}.navigation-editor-head{display:none}.navigation-editor-row{grid-template-columns:1fr 92px}.navigation-editor-row strong{grid-column:1/-1}.customer-mode-picker{display:grid}.outlook-card{grid-column:auto}}
@media(max-width:520px){.navigation-editor-row{grid-template-columns:1fr}.navigation-editor-row strong{grid-column:auto}.calendar-toolbar{flex-wrap:wrap}.calendar-toolbar h2{min-width:140px}.calendar-toolbar form{order:4;width:100%}.calendar-toolbar select{width:100%}}

/* 1.13 — krypteret Password Vault */
.vault-button{color:#fff;background:linear-gradient(135deg,#32286f,#6554e8);border:0}.vault-button:hover{color:#fff;filter:brightness(1.06)}.vault-unlock-wrap{min-height:calc(100vh - 190px);display:grid;place-items:center}.vault-unlock-card{width:min(480px,100%);padding:38px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-lg)}.vault-unlock-card h1{margin:6px 0 10px}.vault-unlock-card>p:not(.eyebrow){color:var(--muted)}.vault-unlock-card>small{display:block;margin-top:15px;color:var(--muted)}.vault-lock-icon{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 18px;color:#fff;background:linear-gradient(145deg,#32286f,#6554e8);border-radius:21px;font-size:28px;box-shadow:0 18px 40px #6554e83d}.vault-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.vault-metrics article{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.vault-metrics span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.vault-metrics b{font-size:22px}.vault-filter .filter-grid{grid-template-columns:1.2fr 1.2fr 1fr auto auto;align-items:center}.vault-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px;align-items:start}.vault-folders{position:sticky;top:88px}.vault-folders>a{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;color:var(--text);border-radius:9px;text-decoration:none}.vault-folders>a:hover{background:var(--surface-soft)}.vault-folders>a>i{width:10px;height:10px;background:var(--folder-color);border-radius:3px}.vault-folders>a b,.vault-folders>a small{display:block}.vault-folders>a small{color:var(--muted);font-size:9px}.vault-folders>a em{color:var(--muted);font-style:normal;font-size:9px}.vault-folders details{margin-top:13px;border-top:1px solid var(--line)}.vault-folders summary{padding:12px 4px;color:var(--primary);cursor:pointer;font-weight:800}.vault-folders details form{padding-top:7px}.vault-list{display:grid;gap:9px}.vault-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 16px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;transition:.16s}.vault-card:hover{border-color:#6554e8;transform:translateY(-1px);box-shadow:var(--shadow-md)}.vault-card-icon{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#32286f,#6554e8);border-radius:12px}.vault-card span>b,.vault-card span>small,.vault-card span>em{display:block}.vault-card span>small{color:#6554e8;font-size:9px;font-weight:800;text-transform:uppercase}.vault-card span>b{margin:3px 0;font-size:14px}.vault-card span>em{overflow:hidden;color:var(--muted);font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.vault-card-meta{text-align:right}.vault-card-meta>*{display:block}.vault-card-meta i{margin-bottom:4px;color:var(--warning);font-size:9px;font-style:normal}.vault-card-meta i.danger{color:var(--danger)}.vault-card-meta small{color:var(--muted);font-size:9px}.vault-secret-editor{padding:16px;background:color-mix(in srgb,#6554e8 5%,var(--surface));border:1px solid color-mix(in srgb,#6554e8 22%,var(--line));border-radius:var(--radius-lg)}.password-generator-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.password-generator-row .btn{padding-inline:12px}.vault-detail-head .eyebrow a{color:inherit}.vault-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:14px;align-items:start}.vault-secure-badge{padding:6px 9px;color:#4c3fc1;background:#eeebff;border-radius:99px;font-size:9px;font-weight:850;text-transform:uppercase}.vault-field{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.vault-field>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.vault-field>div{display:flex;align-items:center;gap:7px;min-width:0}.vault-field code{min-width:0;flex:1;padding:10px 12px;overflow:hidden;color:var(--muted);background:var(--surface-soft);border-radius:8px;text-overflow:ellipsis;white-space:pre-wrap}.vault-field code.is-revealed{color:var(--text);overflow-wrap:anywhere}.vault-field button{padding:7px 10px;color:var(--primary);background:transparent;border:1px solid var(--line);border-radius:7px;cursor:pointer;font-size:9px;font-weight:800}.vault-field-large{align-items:start}.vault-security-note{margin-top:16px;padding:12px;color:var(--muted);background:var(--surface-soft);border-left:3px solid #6554e8;border-radius:8px;font-size:10px}.vault-facts{position:sticky;top:88px}.vault-history-layout{margin-top:14px}.vault-audit-list{display:grid}.vault-audit-list>div{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.vault-audit-list i{color:#6554e8;font-style:normal}.vault-audit-list b,.vault-audit-list small{display:block}.vault-audit-list small{margin-top:2px;color:var(--muted);font-size:9px}.danger-text{color:var(--danger)!important}.vault-trash-list form{margin:0}
@media(max-width:900px){.vault-layout,.vault-detail-grid{grid-template-columns:1fr}.vault-folders,.vault-facts{position:static}.vault-folders{display:none}.vault-filter .filter-grid{grid-template-columns:1fr 1fr}.vault-filter .filter-grid .btn{grid-column:1/-1}.vault-history-layout{grid-template-columns:1fr}}
@media(max-width:620px){.vault-unlock-card{padding:24px 18px}.vault-metrics{grid-template-columns:1fr}.vault-filter .filter-grid{grid-template-columns:1fr}.vault-filter .filter-grid .btn{grid-column:auto}.vault-card{grid-template-columns:38px minmax(0,1fr);padding:13px}.vault-card-icon{width:38px;height:38px}.vault-card-meta{grid-column:2;text-align:left}.vault-field{grid-template-columns:1fr;gap:6px}.vault-field>div{flex-wrap:wrap}.vault-field code{flex:1 1 100%}.password-generator-row{grid-template-columns:1fr 1fr}.password-generator-row input{grid-column:1/-1}.vault-detail-head .head-actions{display:grid;grid-template-columns:1fr 1fr}.vault-detail-head .head-actions form,.vault-detail-head .head-actions .btn{width:100%}}
.mfa-card{grid-column:1/-1}.mfa-setup{padding:15px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius)}.mfa-setup p{margin-top:0}.mfa-setup small{color:var(--muted)}.recovery-codes{padding:15px;color:#166534;background:#dcfce7;border-radius:var(--radius)}.recovery-codes p{margin:3px 0 10px}.recovery-codes code{display:block;white-space:pre-wrap;font-size:14px;line-height:1.8}.vault-attachments{margin-top:14px}.vault-file-upload{margin-top:13px}.vault-file-list .row-actions form{margin:0}
.mfa-qr-setup{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:24px;padding:22px}.mfa-qr-setup h3{margin:3px 0 10px}.mfa-qr-setup ol{margin:0 0 14px;padding-left:20px;color:var(--muted)}.mfa-qr-setup li{margin:5px 0}.mfa-qr-setup details{border-top:1px solid var(--line)}.mfa-qr-setup summary{padding:12px 0;color:var(--primary);cursor:pointer;font-weight:800}.mfa-qr-code{width:250px;height:250px;display:grid;place-items:center;padding:12px;background:#fff;border:1px solid #d9dee8;border-radius:16px;box-shadow:0 12px 30px #0f172a14}.mfa-qr-code img{width:100%;height:100%;image-rendering:pixelated}.mfa-qr-code:empty::before{content:'Danner QR-kode…';color:#667085;font-size:11px}@media(max-width:620px){.mfa-qr-setup{grid-template-columns:1fr;padding:15px}.mfa-qr-code{width:min(250px,100%);height:auto;aspect-ratio:1;margin:auto}}

/* 1.14 — automatisk Exchange-onboarding og komplet brugeroprettelse */
.exchange-setup-card{display:grid;gap:16px}.exchange-setup-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.exchange-setup-steps>div{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;padding:12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.exchange-setup-steps i{width:30px;height:30px;display:grid;place-items:center;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:99px;font-style:normal;font-weight:900}.exchange-setup-steps b,.exchange-setup-steps small{display:block}.exchange-setup-steps b{font-size:10px}.exchange-setup-steps small{margin-top:2px;color:var(--muted);font-size:8px}.exchange-setup-steps .done{border-color:color-mix(in srgb,var(--success) 30%,var(--line));background:var(--success-bg)}.exchange-setup-steps .done i{color:#fff;background:var(--success);border-color:var(--success)}.connection-state{padding:7px 10px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:99px;font-size:9px;font-weight:850}.connection-state.is-connected{color:var(--success);background:var(--success-bg);border-color:transparent}.connection-state.is-error{color:var(--danger);background:var(--danger-bg);border-color:transparent}.exchange-diagnostics{border-top:1px solid var(--line)}.exchange-diagnostics>summary{padding:13px 2px;color:var(--primary);cursor:pointer;font-weight:800}.diagnostic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.diagnostic-list>div{display:flex;align-items:center;gap:9px;padding:10px;background:var(--surface-soft);border-radius:10px}.diagnostic-list i{width:24px;height:24px;display:grid;place-items:center;color:#fff;background:var(--danger);border-radius:99px;font-style:normal;font-weight:900}.diagnostic-list .ok i{background:var(--success)}.diagnostic-list b,.diagnostic-list small{display:block}.diagnostic-list small{color:var(--muted);font-size:8px}.user-create-dialog{width:min(1020px,calc(100% - 28px));max-height:calc(100vh - 28px)}.user-create-dialog>form{padding:0}.user-create-dialog>form>header{position:sticky;top:0;z-index:2;padding:20px 22px;background:var(--surface);border-bottom:1px solid var(--line)}.user-create-dialog .flash{margin:14px 22px 0}.user-create-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 22px}.user-create-section{padding:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px}.user-create-section.span-all{grid-column:1/-1}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.section-title>span{width:29px;height:29px;display:grid;flex:0 0 auto;place-items:center;color:#fff;background:linear-gradient(145deg,var(--primary),#6554e8);border-radius:9px;font-size:10px;font-weight:900}.section-title h3,.section-title p{margin:0}.section-title h3{font-size:14px}.section-title p{margin-top:2px;color:var(--muted);font-size:9px}.form-grid.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid .span-2{grid-column:1/-1}.form-grid label small{display:block;margin:3px 0;color:var(--muted);font-size:8px}.user-create-footer{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;background:var(--surface);border-top:1px solid var(--line)}.user-create-footer .safety-note{margin:0}.user-create-footer .btn{flex:0 0 auto}
@media(max-width:900px){.exchange-setup-steps{grid-template-columns:1fr 1fr}.diagnostic-list{grid-template-columns:1fr 1fr}.user-create-sections{grid-template-columns:1fr}.user-create-section.span-all{grid-column:auto}}
@media(max-width:620px){.exchange-setup-steps,.diagnostic-list{grid-template-columns:1fr}.user-create-dialog{width:100%;max-width:none;max-height:100vh;height:100%;margin:0;border-radius:0}.user-create-dialog>form>header{padding:15px}.user-create-sections{padding:12px}.user-create-section{padding:13px}.form-grid.cols-2{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.user-create-footer{display:grid;padding:12px}.user-create-footer .btn{width:100%}}

.shared-mailbox-dialog{width:min(620px,calc(100% - 28px))}.exchange-mailbox-editor{display:grid;gap:18px;padding:0 18px 18px}.shared-mailbox-members{padding-top:17px;border-top:1px solid var(--line)}.shared-mailbox-members h3{margin:0}.member-permission-list{display:grid;gap:7px;margin-bottom:14px}.member-permission-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface-soft);border-radius:10px}.member-permission-list b,.member-permission-list small{display:block}.member-permission-list small{margin-top:2px;color:var(--muted)}.member-remove-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.member-remove-actions form{margin:0}.member-remove-actions .btn{min-height:32px;padding:5px 9px;font-size:9px}.member-add-form{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:end;gap:10px;padding:13px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.member-add-form .check-option{min-height:42px;margin:0}.member-add-form .btn{min-height:42px}
@media(max-width:900px){.member-add-form{grid-template-columns:1fr 1fr}.member-add-form>label:first-child{grid-column:1/-1}}@media(max-width:620px){.shared-mailbox-dialog{width:calc(100% - 20px)}.exchange-mailbox-editor{padding:0 12px 12px}.member-permission-list>div{align-items:flex-start;display:grid}.member-remove-actions{justify-content:flex-start}.member-add-form{grid-template-columns:1fr}.member-add-form>label:first-child{grid-column:auto}.member-add-form .btn{width:100%}}

.group-admin-directory>article{overflow:hidden}.group-admin-directory article>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px}.group-admin-directory article>header em{color:var(--muted);font-size:10px;font-style:normal;font-weight:800}.group-admin-actions{border-top:1px solid var(--line)}.group-admin-actions>details+details{border-top:1px solid var(--line)}.group-admin-actions>details>summary{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;color:var(--primary);font-weight:800}.group-admin-actions>details>summary span{padding:3px 7px;background:var(--surface-soft);border-radius:99px;font-size:9px}.group-admin-panel{display:grid;gap:12px;padding:0 16px 16px}.relation-list{display:grid;gap:6px}.relation-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:var(--surface-soft);border-radius:9px}.relation-list b,.relation-list small{display:block}.relation-list small{color:var(--muted)}.relation-list form{margin:0}.relation-list .btn{min-height:31px;padding:5px 9px}.group-admin-actions .danger-zone>summary{color:var(--danger)}
@media(max-width:620px){.group-admin-directory article>header{grid-template-columns:auto minmax(0,1fr)}.group-admin-directory article>header em{grid-column:2}.relation-list>div{align-items:flex-start}.group-admin-panel .inline-form{display:grid}.group-admin-panel .inline-form .btn{width:100%}}

/* 1.14.8 — varekartotek og fakturerbare varer på sager */
.product-catalog-layout{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:14px;align-items:start}.product-catalog-list{display:grid;gap:10px}.product-catalog-item{padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.product-catalog-item header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.product-catalog-item h2,.product-catalog-item p{margin:0}.product-catalog-item p{margin-top:5px;color:var(--muted)}.product-catalog-item form{margin-top:12px}.task-products-panel{margin-bottom:14px}.task-products-panel .panel-title small{display:block;margin-top:3px;color:var(--muted)}.task-product-summary{text-align:right}.task-product-summary strong,.task-product-summary a{display:block}.task-product-summary a{margin-top:3px;color:var(--primary);font-size:9px}.task-product-add{display:grid;grid-template-columns:minmax(220px,1.5fr) 100px 150px auto;align-items:end;gap:10px;padding:14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-lg)}.task-product-add .product-note-field{grid-column:1/-2}.task-product-list{display:grid;gap:8px;margin-top:13px}.task-product-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:var(--radius)}.task-product-line.is-invoiced{background:var(--surface-soft)}.task-product-info b,.task-product-info small,.task-product-info p{display:block}.task-product-info small{margin-top:2px;color:var(--muted)}.task-product-info p{margin:6px 0 0}.task-product-line>strong{text-align:right;white-space:nowrap}.task-product-line>strong em{display:block;margin-top:3px;color:var(--primary);font-style:normal}.product-invoice-lock{padding:6px 9px;color:var(--success);background:var(--success-bg);border-radius:99px;font-size:9px;font-weight:800}.task-product-edit{min-width:72px}.task-product-edit summary{color:var(--primary);cursor:pointer;font-weight:800}.task-product-edit form{display:grid;gap:7px;margin-top:9px;padding:10px;background:var(--surface-soft);border-radius:9px}.task-product-edit form+form{padding:0;background:transparent}.product-billing-line small{white-space:normal}
@media(max-width:900px){.product-catalog-layout{grid-template-columns:1fr}.task-product-add{grid-template-columns:1fr 1fr}.task-product-add .product-note-field{grid-column:1/-1}.task-product-line{grid-template-columns:minmax(0,1fr) auto}.task-product-edit,.product-invoice-lock{grid-column:1/-1}}
@media(max-width:620px){.task-product-add{grid-template-columns:1fr}.task-product-add .product-note-field{grid-column:auto}.task-product-add .btn{width:100%}.task-product-line{grid-template-columns:1fr}.task-product-line>strong{text-align:left}.task-product-summary{text-align:left}.task-products-panel .panel-title{display:grid}}

/* 1.14.9 — komplet mobilnavigation og mobile arbejdsgange */
.mobile-menu-drawer,.mobile-menu-backdrop,.mobile-more-button,.mobile-menu-trigger{display:none}
@media(max-width:820px){
    body.mobile-menu-open{overflow:hidden}.mobile-menu-trigger{display:grid}.sidebar{display:block;padding-inline:5px}.sidebar>.main-nav{min-width:0;overflow:visible!important}.sidebar .mobile-secondary{display:none!important}.sidebar .nav-group{display:contents}.sidebar .nav-group>summary{display:none}.sidebar .nav-group>div{display:contents}.sidebar .main-nav>.nav-module,.sidebar .nav-group>div>.nav-module{min-width:0!important;flex:1 1 0!important}.sidebar .nav-module{order:initial!important}.sidebar .nav-symbol{width:auto}.mobile-more-button{width:auto;height:57px;min-width:58px;flex:1 1 0;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);background:transparent;border:0;font-size:9px;font-weight:650}.mobile-more-button .nav-symbol{font-size:17px;line-height:18px}.mobile-more-button:active{color:var(--primary);background:var(--surface-hover)}
    .mobile-menu-backdrop{position:fixed;inset:0;z-index:190;display:block;background:#07101fa8;backdrop-filter:blur(3px)}.mobile-menu-backdrop[hidden]{display:none!important}.mobile-menu-drawer{position:fixed;inset:0 0 0 auto;z-index:200;width:min(390px,92vw);height:100dvh;padding:0;display:flex;flex-direction:column;color:var(--text);background:var(--surface);border-left:1px solid var(--line);box-shadow:-18px 0 50px #07101f38;transform:translateX(105%);transition:transform .2s ease;visibility:hidden}.mobile-menu-drawer.is-open{transform:translateX(0);visibility:visible}.mobile-menu-drawer>header{min-height:68px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.mobile-menu-drawer>header>div{display:flex;align-items:center;gap:10px}.mobile-menu-drawer>header b,.mobile-menu-drawer>header small{display:block}.mobile-menu-drawer>header small{color:var(--muted);font-size:9px}.mobile-menu-drawer>header .icon-button{font-size:25px}.mobile-menu-search{margin:12px 14px 7px;padding:0 12px;display:flex;align-items:center;gap:8px;background:var(--surface-soft);border:1px solid var(--line);border-radius:11px}.mobile-menu-search input{min-height:44px;padding:9px 0;background:transparent;border:0;box-shadow:none!important}.mobile-menu-search span{color:var(--primary);font-size:21px}.mobile-menu-navigation{min-height:0;padding:4px 10px 18px;display:block;overflow-y:auto;overscroll-behavior:contain}.mobile-menu-navigation>.nav-module,.mobile-menu-navigation .nav-group{display:block}.mobile-menu-navigation .nav-group{margin-top:7px}.mobile-menu-navigation .nav-group>summary{min-height:38px;display:flex}.mobile-menu-navigation .nav-group>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-bottom:7px}.mobile-menu-navigation .nav-module{width:100%;height:auto;min-height:51px;padding:9px 11px;display:flex!important;align-items:center;gap:10px;color:var(--text);background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;text-decoration:none;font-size:11px;font-weight:700}.mobile-menu-navigation .nav-module[hidden],.mobile-menu-navigation .nav-group[hidden]{display:none!important}.mobile-menu-navigation .nav-module.active{color:var(--primary);background:var(--info-bg);border-color:color-mix(in srgb,var(--primary) 25%,var(--line))}.mobile-menu-navigation .nav-symbol{width:27px;font-size:17px;text-align:center}.mobile-menu-navigation .nav-accent{color:#fff;background:var(--primary);border-color:var(--primary)}.mobile-menu-drawer>footer{padding:11px 14px calc(11px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid var(--line)}.mobile-menu-drawer>footer>a{min-width:0;display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:9px;color:var(--text);text-decoration:none}.mobile-menu-drawer>footer>a>span{grid-row:1/3;width:35px;height:35px;display:grid;place-items:center;color:#fff;background:var(--secondary);border-radius:9px;font-weight:800}.mobile-menu-drawer>footer b,.mobile-menu-drawer>footer small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-drawer>footer small{color:var(--muted);font-size:9px}.mobile-menu-drawer>footer form{margin:0}
    .case-detail-grid{display:flex;flex-direction:column}.case-detail-grid>.case-sidebar{order:-1;display:block}.case-sidebar .form-stack{gap:10px}.case-sidebar .form-stack+.form-stack{margin-top:12px}.vault-folders{position:static;display:flex!important;gap:7px;margin-bottom:10px;padding:3px 0 8px;overflow-x:auto;scrollbar-width:none}.vault-folders::-webkit-scrollbar{display:none}.vault-folders>a{min-width:170px;flex:0 0 170px;background:var(--surface);border:1px solid var(--line)}.vault-folders details{min-width:190px;flex:0 0 190px;margin:0;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
    .page-head>form,.page-head>button{width:100%;margin-top:12px}.page-head>form>.btn,.page-head>button.btn{width:100%;min-height:44px}.m365-head,.exchange-head{align-items:stretch}.directory-toolbar,.compact-toolbar{display:grid;grid-template-columns:1fr}.directory-toolbar .btn,.compact-toolbar .btn{width:100%}.m365-action-grid>a{min-height:78px}.group-admin-actions>details>summary,.license-controls>summary,.exchange-diagnostics>summary{min-height:46px;align-items:center}.relation-list .btn,.member-remove-actions .btn{min-height:38px}.itraad-dialog,.v19-dialog{margin:auto;padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:430px){.mobile-menu-navigation .nav-group>div{grid-template-columns:1fr}.mobile-menu-drawer{width:94vw}.mobile-menu-drawer>footer{grid-template-columns:1fr}.mobile-menu-drawer>footer .btn{width:100%}.sidebar .main-nav a,.mobile-more-button{font-size:8px}.sidebar .main-nav .nav-symbol{font-size:17px}}
/* ITRaad 2.0: search, field app, operations and security */
.top-search{display:grid;place-items:center;text-decoration:none;font-size:25px}.search.global-search{max-width:900px}.search.global-search .btn{width:auto}.search-results,.monitor-grid,.compare-grid{display:grid;gap:14px}.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}.search-results .list-row i{width:30px;font-style:normal;color:var(--primary)}.field-tools,.time-submit-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.qr-panel video{width:100%;max-height:420px;border-radius:12px;background:#111}.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.monitor-card{border-left:5px solid var(--line)}.monitor-card.status-ok{border-left-color:#16a34a}.monitor-card.status-warning{border-left-color:#d97706}.monitor-card.status-error{border-left-color:#dc2626}.status-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#64748b;margin-right:8px}.security-critical .status-dot{background:#dc2626}.security-warning .status-dot{background:#d97706}.security-info .status-dot{background:#2563eb}.security-critical em{color:#dc2626}.security-warning em{color:#b45309}.row-actions.spread{justify-content:space-between}.compare-grid .changed{border-left:5px solid #2563eb}.speech-field{display:grid;grid-template-columns:1fr auto;gap:8px}.btn.success{background:#16a34a;color:#fff}.btn.danger{background:#fee2e2;color:#991b1b}.empty-state{padding:30px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:14px}
@media(max-width:760px){.search-results,.monitor-grid{grid-template-columns:1fr}.top-search{display:grid}.time-submit-actions .btn{width:100%}.speech-field{grid-template-columns:1fr}.page-head .row-actions{display:flex;flex-wrap:wrap}.security-critical em,.security-warning em,.security-info em{font-size:10px}.monitor-card .row-actions{flex-wrap:wrap}}

/* 2.0.1 — fælles layoutværn på desktop og mobil */
html,body{width:100%;max-width:100%;overflow-x:hidden}.app-shell,.main,.panel,.form-card,.filter-card,.case-card,.documentation-sheet,.mobile-menu-drawer{min-width:0;max-width:100%}.main>*{min-width:0}h1,h2,h3,p,a,b,strong,small,span,dd,td,th,.doc-content,.prose{overflow-wrap:anywhere;word-break:normal}img,svg,video,canvas,iframe{max-width:100%}input,select,textarea,button{min-width:0}table{width:100%;max-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}thead,tbody,tfoot{min-width:max-content}.form-grid>*,.two-cols>*,.filter-grid>*,.license-facts>*,.license-summary>*,.case-detail-grid>*,.v19-detail-grid>*,.cloudfactory-wizard>*,.product-catalog-layout>*{min-width:0}.row-actions,.head-actions,.page-actions,.export-buttons,.button-row{max-width:100%;flex-wrap:wrap}.inline-form{max-width:100%;flex-wrap:wrap}.inline-form>*{min-width:0}.list-row>span,.panel-title>*,.section-head>*,.case-topline>*{min-width:0}.version-row{min-width:0;flex-wrap:wrap}.version-row input{max-width:100%}.install-help{padding:22px}.install-help .dialog-head{margin-bottom:15px}.install-dialog{max-width:min(560px,calc(100% - 24px))}
@media(max-width:820px){.main{width:100%;padding-left:14px;padding-right:14px}.page-head{display:grid;align-items:start}.page-head>div,.page-head>.row-actions,.page-head>.head-actions{width:100%;min-width:0}.page-head .btn{white-space:normal}.stats,.case-metrics,.license-metrics{min-width:0}.case-card h2,.task-list h3{overflow-wrap:anywhere}.list-row{align-items:flex-start;flex-wrap:wrap}.list-row>span{flex:1 1 220px}.list-row>em{flex:0 1 auto}.filter-card,.v19-filter{grid-template-columns:1fr}.filter-card>*{grid-column:auto!important}.mobile-menu-drawer{overflow:hidden}.mobile-menu-navigation{width:100%;min-width:0}.mobile-menu-navigation .nav-module span:last-child{min-width:0;overflow-wrap:anywhere}.documentation-sheet{padding:18px}.dialog-head{gap:8px}.install-help{padding:16px}.task-list article .row-actions{width:100%}.task-list article .row-actions .btn{flex:1 1 120px}}
@media(max-width:430px){.main{padding-left:10px;padding-right:10px}.panel,.form-card{padding:14px}.stats,.case-metrics,.license-metrics{grid-template-columns:1fr 1fr}.top-actions{gap:2px}.top-actions .icon-button{width:35px}.brand small{display:none}.profile-chip{display:none}.quick-time{grid-template-columns:1fr 1fr 1fr}.row-actions .btn{white-space:normal}.member-permission-list>div,.relation-list>div{grid-template-columns:1fr}.mobile-menu-drawer{width:100vw}}

/* 2.0.2 — kollapsbare arbejdsbokse */
.collaboration-grid{align-items:start}.panel[data-collapsible],.panel[data-auto-collapse]{align-self:start}.panel-title,.collapse-heading{position:relative}.collapse-heading{min-height:42px;margin:-3px 0 17px;padding-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.collapse-heading h2{margin:0}.panel-collapse-toggle{margin-left:auto;min-width:76px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;cursor:pointer;font:700 10px/1 system-ui}.panel-collapse-toggle:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}.panel-collapse-toggle i{font-size:15px;font-style:normal}.panel.is-collapsed{padding-bottom:12px}.panel.is-collapsed>:not(.panel-title):not(.collapse-heading){display:none!important}.panel.is-collapsed .panel-title,.panel.is-collapsed .collapse-heading{margin-bottom:0;padding-bottom:0;border-bottom:0}.task-product-add textarea{min-height:68px}.notes-panel,.attachments-panel{height:auto;min-height:0}
@media(max-width:620px){.panel-collapse-toggle{min-width:42px;padding:0 8px}.panel-collapse-toggle span{display:none}.collaboration-grid{align-items:start}.notes-panel,.attachments-panel{height:auto}.task-product-add textarea{min-height:76px}}