
/* Configurable navigation keeps the existing TURNUS list layout. */
.home-configuration-options { margin-bottom:32px; }
.home-configuration-options h2 { font-size:20px; }
.report-actions[hidden],.raised-action[hidden],#announcement-rail[hidden] { display:none !important; }
.raised-action { overflow-wrap:anywhere; min-width:0; }
.report-actions:has(.raised-action[hidden]) { grid-template-columns:minmax(0,1fr); }
.feature-lucide-icon { flex:0 0 68px; width:68px; height:68px; display:grid; place-items:center; border-radius:8px; background:color-mix(in srgb,var(--navigation-color) 12%,#f5f7f6); color:var(--navigation-color); }
.feature-lucide-icon svg { width:35px; height:35px; stroke-width:2.2; }
/* Halve the visible icon-to-title gap without reflowing text or moving icons. */
.feature-item { --feature-title-offset:-36px; }
.item-list-tools, .configuration-list-order { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.configuration-list-order > label { flex:1 1 200px; }
.item-list-tools button { max-width:100%; }
.item-list-import-format { margin-bottom:16px; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.item-list-import-format p { margin:6px 0 0; }
.user-properties-page h1 { font-size:18px; overflow-wrap:anywhere; }
.user-property-tabs { display:flex; flex-wrap:wrap; gap:4px; border-bottom:1px solid #d5dedb; margin-bottom:20px; }
.user-property-tabs .config-command { border-radius:0; background:transparent; color:#263b33; border-bottom:2px solid transparent; }
.user-property-tabs [aria-selected="true"] { border-bottom-color:var(--navigation-color); color:var(--navigation-color); }
.user-property-fields { border:0; margin:0 0 24px; padding:0; }
.user-property-fields label { display:flex; align-items:center; gap:8px; overflow-wrap:anywhere; }
.user-property-fields input { flex:none; width:18px; height:18px; }
.user-property-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:12px; margin-top:16px; }
.user-property-dialog .configuration-form-actions { flex-wrap:wrap; }
.user-property-dialog .user-property-boolean { display:flex; flex-direction:row-reverse; justify-content:flex-end; align-items:center; gap:12px; min-height:44px; }
.user-property-dialog .user-property-boolean input { flex:none; width:20px; height:20px; min-height:20px; margin:0; accent-color:var(--navigation-color); }
.user-property-preview { overflow:auto; max-height:45dvh; }
.user-property-preview table { border-collapse:collapse; width:100%; font-size:13px; }
.user-property-preview td,.user-property-preview th { padding:10px; text-align:left; border-bottom:1px solid #d5dedb; overflow-wrap:anywhere; min-width:70px; }
.user-property-preview th { background:#edf4f1; }
.feature-item > .feature-copy,.feature-item > .feature-title { transform:translateX(var(--feature-title-offset)); }
.configuration-content { max-width:1000px; margin:0 auto; padding:24px 20px 110px; }
.configuration-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.configuration-heading h2,.configuration-form h2 { font-size:20px; margin:0; }
.configuration-row { display:flex; gap:16px; align-items:center; padding:16px 0; border-bottom:1px solid #d5dedb; }
.configuration-row>svg { width:28px; height:28px; flex:none; color:#008c78; }
.configuration-item-info { flex:1; min-width:0; display:grid; gap:4px; overflow-wrap:anywhere; }
.configuration-item-info small { color:#626b68; }
.configuration-actions { display:flex; align-items:center; gap:4px; }
.configuration-actions input { width:20px; height:20px; margin:0 10px; accent-color:#008c78; }
.config-icon-button { display:inline-grid; place-items:center; flex:none; width:40px; height:40px; padding:8px; border:0; border-radius:6px; background:#edf4f1; color:#087c6a; cursor:pointer; }
.config-icon-button svg { width:22px; height:22px; }
.config-icon-button:hover { background:#d8eee6; }
.config-icon-button:disabled { opacity:.35; cursor:default; }
.config-icon-button:focus-visible,.config-command:focus-visible { outline:3px solid #3b8ac2; outline-offset:2px; }
.config-command { display:inline-flex; justify-content:center; align-items:center; gap:8px; padding:12px 16px; min-height:44px; border:0; border-radius:6px; color:white; background:#008c78; font-weight:700; cursor:pointer; }
.config-command.secondary { color:#155d51; background:#e6efeb; }
.config-command svg { width:22px; height:22px; flex:none; }
.configuration-form { display:grid; gap:20px; }
.configuration-field { display:grid; gap:8px; min-width:0; }
.configuration-field input,.configuration-field select { width:100%; min-width:0; border:1px solid #b9c6c1; border-radius:6px; min-height:44px; padding:10px; background:white; color:#263b33; font:inherit; }
.configuration-field[hidden] { display:none; }
.configuration-status { color:#a03024; overflow-wrap:anywhere; }
.configuration-status:empty { display:none; }
.configuration-status[data-tone="success"] { color:#147a4a; }
.configuration-form-actions { display:flex; justify-content:flex-end; gap:12px; }
.credentials-dialog .configuration-form-actions { flex-wrap:wrap; }
.credentials-dialog p { overflow-wrap:anywhere; }
.credentials-page .configuration-row { flex-wrap:nowrap; }
.credentials-page .configuration-actions { width:auto; flex:none; }
.activity-settings-page h2 {font-size:20px;line-height:1.3;margin:16px 0;}
.activity-settings-page .contact-status-badge {flex:none;}
.activity-settings-page .activity-setting-row {flex-wrap:nowrap;}
.activity-settings-page .configuration-actions {width:auto;flex:none;}
.activity-setting-activation {display:flex;align-items:center;gap:8px;min-height:32px;font-size:13px;}
.activity-setting-activation input {width:18px;height:18px;margin:0;flex:none;}
.activity-setting-row.is-inactive .contact-status-badge {opacity:.45;}
.configuration-page-controls {padding:0 0 20px;border-bottom:1px solid #cfdedb;margin-bottom:20px;}
.configuration-page-controls > .danger {margin-top:16px;}
.activity-status-dialog .configuration-form-actions {flex-wrap:wrap;}
.activity-status-dialog .configuration-status {overflow-wrap:anywhere;}
.activity-status-dialog input[type="color"] {height:44px;width:80px;padding:4px;}
.account-credential-option span,.admin-credential-option span,.generic-sheet-credentials-grid span { min-width:0; overflow-wrap:anywhere; }
.configuration-permissions { min-width:0; margin:0; padding:14px 0 0; border:0; border-top:1px solid #d5dedb; }
.configuration-permissions legend { padding:0 8px 0 0; font-weight:700; }
.configuration-permission-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:4px 12px; }
.configuration-permission-options label { display:flex; align-items:center; gap:10px; min-height:44px; cursor:pointer; }
.configuration-permission-options input { width:20px; height:20px; flex:none; margin:0; accent-color:var(--navigation-color,#008c78); }
.configuration-permission-options span { overflow-wrap:anywhere; }
.configuration-access-summary { line-height:1.5; }
.configuration-dialog { width:min(620px,calc(100% - 32px)); max-height:85dvh; padding:24px; border:0; border-radius:8px; box-shadow:0 10px 50px #0004; color:#22352d; }
.configuration-dialog::backdrop { background:#0007; }
.configuration-icon-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(46px,1fr)); gap:6px; padding-top:20px; max-height:50dvh; overflow:auto; }
.configuration-icon-grid button { width:100%; height:46px; }
.configuration-icon-grid [aria-pressed="true"] { outline:2px solid #008c78; }
.configuration-page .page-header { grid-template-columns:48px 1fr 48px; }
.configuration-page .page-header h1 { font-size:22px; overflow-wrap:anywhere; }
.configuration-page .page-back-button span { display:none; }
.service-bottom-nav>button[hidden] { display:none; }
.page-bottom-nav>[data-page-settings][hidden] { display:none; }
.configuration-page .contacts-hero-icon { margin:8px auto 26px; }
.configuration-page .contact-category-item { min-width:0; }
.configuration-page .contact-category-item>span:nth-child(2) { min-width:0; overflow-wrap:anywhere; }
.page-bottom-nav .config-nav-button { min-width:0; }
.page-bottom-nav .config-nav-button span { overflow-wrap:anywhere; }
.service-bottom-nav svg,.config-nav-button svg { width:28px; height:28px; }
@media(max-width:600px) {
 .configuration-content { padding:20px 14px 110px; }
 .configuration-row { flex-wrap:wrap; gap:10px; }
 .configuration-actions { width:100%; justify-content:flex-end; }
 .configuration-heading { flex-wrap:wrap; }
 .configuration-dialog { padding:20px; }
 .configuration-page .page-header h1 { font-size:18px; }
}
@media(max-width:520px) {
 .feature-item { --feature-title-offset:-13px; }
}
@media(max-width:480px) {
 .feature-item { --feature-title-offset:-18px; }
 .feature-lucide-icon { width:58px; height:58px; flex-basis:58px; }
 .feature-lucide-icon svg { width:30px; height:30px; }
}
.configuration-icon-preview {width:96px;height:96px;object-fit:contain;background:var(--navigation-color,#008c78);border-radius:4px;}
.configuration-page-tree {display:grid;gap:12px;min-width:0;}
.configuration-page-tree select {max-width:100%;min-width:0;}
.external-schedule-editor {border-top:1px solid #c9d5d0;margin-top:32px;padding-top:20px;}
.external-schedule-actions {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;}
.external-schedule-url {overflow-wrap:anywhere;}
.external-schedule-link {text-decoration:none;overflow-wrap:anywhere;min-width:0;}
.external-schedule-source {display:flex;flex-wrap:wrap;gap:8px 20px;border:0;padding:0;margin:0;min-width:0;}
.external-schedule-source legend {margin-bottom:10px;font-weight:700;}
.external-schedule-source label,.external-schedule-checkbox {display:flex;align-items:center;gap:8px;min-height:44px;}
.external-schedule-source input,.external-schedule-checkbox input {accent-color:var(--navigation-color,#008c78);flex:none;width:18px;height:18px;}
.external-schedule-preview {max-height:40dvh;overflow:auto;}
.external-schedule-preview table {border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px;}
.external-schedule-preview th,.external-schedule-preview td {border-bottom:1px solid #d5dedb;padding:10px;text-align:left;overflow-wrap:anywhere;}
.external-schedule-preview th {background:#edf3f0;}
.external-schedule-dialog h2 {font-size:20px;overflow-wrap:anywhere;}
.external-schedule-dialog p {line-height:1.5;overflow-wrap:anywhere;}
.external-schedule-dialog .configuration-form-actions {flex-wrap:wrap;}
.config-command.danger {background:#b42332;color:white;}
.profile-name-link {display:block;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;padding:0;max-width:100%;overflow-wrap:anywhere;cursor:pointer;}
.profile-name-link:focus-visible {outline:2px solid var(--navigation-color,#008c78);outline-offset:4px;}
#app-bottom-nav {height:auto;min-height:calc(var(--nav-height) + env(safe-area-inset-bottom));}
#app-bottom-nav button {min-width:0;padding:8px 6px;}
body[data-screen="home"] #turnus-app {padding-bottom:var(--home-nav-height,var(--nav-height));}
#app-bottom-nav button>span {max-width:100%;overflow-wrap:anywhere;white-space:normal;font-size:12px;line-height:1.2;}
.agenda-color-settings-page .configuration-content {padding-top:40px;}
.agenda-color-settings-page fieldset {min-width:0;border:0;border-bottom:1px solid #d6dfdd;padding:16px 0 24px;margin:0;}
.agenda-color-settings-page legend {font-weight:700;padding:0;}
.agenda-color-settings-page fieldset > label {display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.agenda-color-settings-page select {height:40px;padding:6px 10px;border:1px solid #b9c6c1;border-radius:6px;background:white;max-width:100%;}
.agenda-color-settings-page input[type=color] {width:48px;height:40px;padding:3px;}
.agenda-color-override {display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0;}
.agenda-color-override label {display:flex;align-items:center;gap:8px;}
.agenda-color-rule {display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1.3fr) 64px 42px;gap:12px;align-items:end;padding:12px 0;border-bottom:1px solid #d6dfdd;}
.agenda-color-rule > span {min-width:0;overflow-wrap:anywhere;}
.agenda-combination-columns {display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;overflow-x:auto;max-width:100%;margin:20px 0;}
.agenda-combination-columns > label {min-width:0;display:grid;gap:8px;font-weight:600;}
.agenda-color-settings-page .agenda-combination-columns select {height:240px;width:100%;padding:4px;font-weight:400;}
.agenda-combination-columns option {padding:8px;}
.agenda-combination-rule {display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #d6dfdd;padding:12px 0;}
.agenda-combination-actions {display:grid;grid-template-columns:repeat(4,40px);gap:6px;}
@media(max-width:520px){.agenda-combination-actions {grid-template-columns:repeat(2,40px);}}
.agenda-combination-rule > span {overflow-wrap:anywhere;}
.agenda-combination-swatch {display:block;width:28px;height:28px;border:1px solid #81928a;border-radius:4px;}
.agenda-color-matrix-scroll {max-width:100%;overflow:auto;margin:20px 0;border:1px solid #c7d2ce;}
.agenda-color-matrix {border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:13px;}
.agenda-color-matrix th,.agenda-color-matrix td {padding:10px;border-right:1px solid #d6dfdd;border-bottom:1px solid #d6dfdd;text-align:center;min-width:100px;max-width:180px;overflow-wrap:anywhere;}
.agenda-color-matrix th {background:#f1f5f3;font-weight:600;}
.agenda-color-matrix tr > th:first-child {position:sticky;left:0;z-index:1;min-width:115px;}
.agenda-color-matrix .agenda-matrix-color {width:48px;height:36px;min-width:48px;min-height:36px;border:1px solid #7c8984;border-radius:4px;margin:auto;box-shadow:inset 0 0 0 3px white;}
.agenda-matrix-color svg {display:none;}
.agenda-matrix-color.has-conflict {color:#111!important;background:#fef3c7!important;font-weight:800;}
.agenda-palette-dialog {width:min(440px,calc(100vw - 32px));max-height:85vh;box-sizing:border-box;overflow:auto;border:1px solid #b9c6c1;border-radius:8px;padding:20px;color:#253e36;}
.agenda-palette-dialog::backdrop {background:#0006;}
.agenda-palette-dialog h2 {font-size:17px;margin:0 0 16px;overflow-wrap:anywhere;}
.agenda-palette-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px;}
.agenda-palette-grid .agenda-palette-swatch {width:100%;height:38px;border:1px solid #83958d;border-radius:4px;}
.agenda-palette-swatch[aria-pressed=true] {outline:3px solid #16392d;outline-offset:2px;}
.agenda-palette-dialog label {display:flex;gap:12px;align-items:center;}
.agenda-color-rule label {min-width:0;display:grid;gap:6px;}
.agenda-color-rule input,.agenda-color-rule select {min-width:0;width:100%;height:40px;box-sizing:border-box;}
.agenda-color-rule input[type=color],.agenda-color-override input[type=color] {width:48px;height:40px;padding:3px;}
@media(max-width:760px){.agenda-color-rule {grid-template-columns:minmax(0,1fr) minmax(0,1fr);}.agenda-color-rule span{overflow-wrap:anywhere;}}
.navigation-item-image { width:48px; height:48px; object-fit:contain; flex:0 0 48px; }
.feature-lucide-icon .navigation-item-image { width:100%; height:100%; object-fit:contain; }
