:root{color-scheme:light;--ink:#17231f;--muted:#718078;--line:#e5ebe7;--paper:#f5f7f4;--surface:#fff;--surface-soft:#eef2ef;--forest:#173e34;--mint:#d9f4e6;--orange:#f5a45c;--lav:#ded9f6;--sidebar:#10231f;--shadow:0 14px 40px rgba(27,48,41,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;padding:30px 18px 20px;background:#10231f;color:#dfe9e4;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px;font:700 19px Manrope}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#d7f3e4;color:#173e34}nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#9fb0a8;padding:12px 14px;border-radius:11px;text-align:left;font:600 14px "DM Sans";cursor:pointer;display:flex;gap:12px;align-items:center}.nav-item:hover,.nav-item.active{background:#1b352f;color:white}.nav-icon{width:20px;text-align:center}.sync-card{margin-top:auto;background:#17322c;border:1px solid #28463e;border-radius:14px;padding:13px;display:flex;gap:10px;align-items:center}.sync-card strong,.sync-card small{display:block;font-size:11px}.sync-card small{color:#8da49a;margin-top:2px}.status-dot{width:8px;height:8px;background:#76d69e;border-radius:50%;box-shadow:0 0 0 4px rgba(118,214,158,.12)}main{margin-left:232px;padding:34px 42px 60px;max-width:1540px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1,h2,h3{font-family:Manrope;margin:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:22px}h3{font-size:15px}.eyebrow{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-size:11px;font-weight:700;margin:0 0 7px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{position:relative;border:1px solid var(--line);background:white;width:40px;height:40px;border-radius:12px;cursor:pointer;font-size:20px}.notification-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#ee785c;right:8px;top:7px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--forest);color:white;display:grid;place-items:center;font-size:12px;font-weight:700}.hero{background:var(--forest);color:white;border-radius:22px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#245548;right:120px;top:-130px}.hero p{color:#b8cec5;margin:8px 0 0}.button{border:0;border-radius:11px;padding:11px 16px;font-weight:700;cursor:pointer;font-family:inherit}.button.primary{background:#d9f4e6;color:#173e34}.button.dark{background:var(--forest);color:white}.button.ghost{background:#eef2ef;color:#4f5d56}.button.small{padding:7px 10px;font-size:11px}.grid{display:grid;gap:18px}.metrics{grid-template-columns:repeat(4,1fr);margin:20px 0}.metric,.panel,.job-card{background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 30px rgba(25,45,38,.035)}.metric{padding:18px}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.metric strong{display:block;font:800 25px Manrope;margin-top:9px}.metric .trend{font-size:10px;color:#39855a;background:#e4f6ea;padding:4px 7px;border-radius:10px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr)}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.text-button{border:0;background:none;color:#39705d;font-weight:700;cursor:pointer}.job-list{display:grid;gap:11px}.job-card{padding:15px;box-shadow:none}.job-summary{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.timebox{width:50px;padding:7px 4px;border-radius:11px;background:#edf3ef;text-align:center}.timebox strong,.timebox small{display:block}.timebox strong{font:800 15px Manrope}.timebox small{color:var(--muted);font-size:10px}.job-title{font-weight:700}.job-address{font-size:12px;color:var(--muted);margin-top:3px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{font-size:10px;font-weight:700;padding:5px 8px;border-radius:7px;background:#eef1ef;color:#65726c}.chip.done{background:#dff4e8;color:#39765a}.chip.waiting{background:#fff0de;color:#ad641e}.progress-ring{--p:0;width:42px;height:42px;border-radius:50%;background:conic-gradient(#5daa7c calc(var(--p)*1%),#e8ede9 0);position:relative;display:grid;place-items:center;font-size:9px;font-weight:700}.progress-ring:before{content:"";position:absolute;inset:5px;background:white;border-radius:50%}.progress-ring span{position:relative}.job-details{display:none;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.job-card.open .job-details{display:block}.service-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 0;font-size:12px}.service-row+.service-row{border-top:1px dashed #edf0ee}.check{display:flex;align-items:center;gap:5px;color:var(--muted)}input[type=checkbox]{accent-color:#36735b}.waiting-banner{background:#fff5e8;border:1px solid #f7d6ae;padding:10px 12px;border-radius:10px;color:#9b5a1d;font-size:11px;margin-top:8px;display:flex;justify-content:space-between}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-label,.cal-day{text-align:center;padding:8px 2px;font-size:11px}.cal-label{color:var(--muted);font-weight:700}.cal-day{border-radius:8px}.cal-day.event{background:var(--mint);font-weight:800}.cal-day.today{outline:2px solid var(--forest)}.divider{height:1px;background:var(--line);margin:18px 0}.wait-item,.invoice-item{display:flex;justify-content:space-between;align-items:center;padding:11px 0}.wait-item+.wait-item,.invoice-item+.invoice-item{border-top:1px solid var(--line)}.wait-item small,.invoice-item small{display:block;color:var(--muted);margin-top:3px}.age{font-size:10px;padding:5px 8px;background:#fff0de;color:#a76120;border-radius:8px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head p{margin:5px 0 0;color:var(--muted)}.toolbar{display:flex;gap:8px}.tabs{display:flex;gap:5px;background:#e9eeeb;border-radius:11px;padding:4px}.tab{border:0;background:none;padding:8px 12px;border-radius:8px;font-weight:700;color:var(--muted);cursor:pointer}.tab.active{background:white;color:var(--ink);box-shadow:0 2px 8px #ccd6d0}.chart{height:220px;display:flex;align-items:end;gap:12px;padding-top:20px}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar{width:100%;max-width:46px;background:#7ab192;border-radius:8px 8px 3px 3px;min-height:8px;position:relative}.bar:hover:after{content:attr(data-value);position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:10px;background:var(--ink);color:white;padding:4px 6px;border-radius:5px;white-space:nowrap}.bar-wrap small{color:var(--muted);font-size:10px}.stat-grid{grid-template-columns:2fr 1fr}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#386c5a 0 50%,#f1ad6c 50% 72%,#aaa0d9 72% 87%,#82b4c6 87%);margin:25px auto;display:grid;place-items:center}.donut:before{content:"126 zakázek";white-space:pre;width:92px;height:92px;border-radius:50%;background:white;display:grid;place-items:center;text-align:center;font-weight:800;font-size:12px}.legend{display:grid;gap:8px}.legend span{display:flex;justify-content:space-between;font-size:12px}.price-grid,.client-grid{grid-template-columns:repeat(3,1fr)}.price-card,.client-card{padding:20px;background:white;border:1px solid var(--line);border-radius:16px}.price-card .price{font:800 22px Manrope;margin:14px 0 4px}.price-card p,.client-card p{color:var(--muted);font-size:12px}.client-card .initials{width:42px;height:42px;border-radius:12px;background:var(--mint);display:grid;place-items:center;font-weight:800;margin-bottom:14px}dialog{border:0;border-radius:20px;padding:0;box-shadow:0 30px 80px #17231f55;width:min(520px,calc(100% - 30px))}dialog::backdrop{background:#0f211d99;backdrop-filter:blur(3px)}form{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}label,legend{font-size:12px;font-weight:700;color:#536159}label{display:grid;gap:6px;margin-bottom:14px}input{border:1px solid #dce4df;padding:11px;border-radius:9px;font:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{border:0;padding:0;margin:0}.service-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.service-choice{display:flex;grid-template-columns:auto 1fr;align-items:center;background:#f3f6f4;padding:10px;border-radius:9px;margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}#toast{position:fixed;right:24px;bottom:24px;background:#17231f;color:white;padding:12px 17px;border-radius:11px;opacity:0;transform:translateY(10px);transition:.2s;z-index:10;font-size:13px}#toast.show{opacity:1;transform:none}.empty{text-align:center;padding:40px;color:var(--muted)}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.stat-grid{grid-template-columns:1fr}.price-grid,.client-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{width:100%;height:68px;inset:auto 0 0;padding:8px 10px}.brand,.sync-card{display:none}nav{display:flex;justify-content:space-around}.nav-item{font-size:0;padding:10px}.nav-icon{font-size:18px}.nav-item:nth-child(n+6){display:none}main{margin:0;padding:25px 16px 90px}.topbar{margin-bottom:20px}.hero{padding:22px;align-items:flex-start;gap:15px}.hero p{font-size:12px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric strong{font-size:19px}.price-grid,.client-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;gap:12px;flex-direction:column}.toolbar{width:100%;overflow:auto}.job-summary{grid-template-columns:auto 1fr auto}.service-row{grid-template-columns:1fr}.check{display:inline-flex}.top-actions .notification-button{display:none}}

html[data-theme="dark"]{color-scheme:dark;--ink:#e7eee9;--muted:#9aaba3;--line:#31463e;--paper:#101915;--surface:#18251f;--surface-soft:#22332c;--forest:#245747;--mint:#294c3e;--sidebar:#0b1411;--shadow:0 14px 40px rgba(0,0,0,.24)}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .sidebar{background:var(--sidebar)}
html[data-theme="dark"] .metric,html[data-theme="dark"] .panel,html[data-theme="dark"] .job-card,html[data-theme="dark"] .price-card,html[data-theme="dark"] .client-card,html[data-theme="dark"] dialog{background:var(--surface);color:var(--ink)}
html[data-theme="dark"] .icon-button,html[data-theme="dark"] .tab.active{background:var(--surface);color:var(--ink)}
html[data-theme="dark"] .timebox,html[data-theme="dark"] .chip,html[data-theme="dark"] .tabs,html[data-theme="dark"] .button.ghost,html[data-theme="dark"] .service-choice{background:var(--surface-soft);color:var(--muted)}
html[data-theme="dark"] .chip.done{background:#244b39;color:#91d3aa}
html[data-theme="dark"] .chip.waiting,html[data-theme="dark"] .age{background:#503a24;color:#f0b976}
html[data-theme="dark"] .waiting-banner{background:#3b2d1f;border-color:#61452b;color:#edb675}
html[data-theme="dark"] .progress-ring{background:conic-gradient(#6fbc91 calc(var(--p)*1%),#31443c 0)}
html[data-theme="dark"] .progress-ring:before,html[data-theme="dark"] .donut:before{background:var(--surface)}
html[data-theme="dark"] input{background:#111c18;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] label,html[data-theme="dark"] legend{color:var(--muted)}
html[data-theme="dark"] .text-button{color:#8dc8ad}

/* Service workflow: ordered / outsourced / completed */
.service-row{grid-template-columns:minmax(110px,1fr) auto auto auto;gap:14px;padding:9px 8px;border-radius:9px;opacity:.58}
.service-row.ordered{opacity:1;background:var(--surface-soft)}
.service-row .check{margin:0;white-space:nowrap}
.service-row .check input:disabled{opacity:.45}
@media(max-width:720px){.service-row{grid-template-columns:1fr 1fr;gap:8px}.service-row strong{grid-column:1/-1}}

/* Keep the decorative hero shape behind all interactive content. */
.hero:after{z-index:0;pointer-events:none}
.hero>div,.hero>.button{position:relative;z-index:1}
.cal-day{border:0;background:transparent;color:inherit;font-family:inherit;cursor:default;position:relative}.cal-day.event{cursor:pointer}.cal-day.event:hover{filter:brightness(.94);transform:translateY(-1px)}.cal-day:disabled{opacity:1}.day-preview{display:none;position:absolute;z-index:20;left:50%;bottom:calc(100% + 9px);width:240px;padding:12px;transform:translateX(-50%);border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 14px 38px rgba(18,35,29,.18);text-align:left;pointer-events:none}.day-preview:after{content:"";position:absolute;left:50%;bottom:-5px;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.day-preview strong{display:block;margin-bottom:7px;font-size:11px}.day-preview span{display:grid;grid-template-columns:40px 1fr;gap:7px;padding:5px 0;font-size:10px;line-height:1.3}.day-preview span+span{border-top:1px solid var(--line)}.day-preview b{color:#39705d}@media(hover:hover) and (pointer:fine){.cal-day.event:hover .day-preview{display:block}}.mini-calendar>.cal-day:nth-child(7n+1) .day-preview{left:0;transform:none}.mini-calendar>.cal-day:nth-child(7n+1) .day-preview:after{left:16px}.mini-calendar>.cal-day:nth-child(7n) .day-preview{left:auto;right:0;transform:none}.mini-calendar>.cal-day:nth-child(7n) .day-preview:after{left:auto;right:12px;transform:rotate(45deg)}
.calendar-event-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;color:inherit;background:var(--surface)}
.chip.price-source{background:#e4eef9;color:#35638d}.chip.muted{background:#f0f1f1;color:#7d8883}.sheet-match{display:flex;justify-content:space-between;gap:14px;margin-top:10px;padding:10px 12px;border-radius:10px;background:#edf5fb;color:#365f82;font-size:11px}.sheet-match strong{white-space:nowrap}

/* Client directory imported from the NAS folder names. */
.client-source{margin-top:22px}
.client-search{width:min(360px,100%)}
.client-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.directory-client{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.directory-initials{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--mint);font-size:10px;font-weight:800}
.directory-name{min-width:0;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.source-badge{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:600}
@media(max-width:1050px){.client-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.client-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sidebar nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar .nav-item:nth-child(n+6){display:flex}}

/* Safe invoice draft review. No Fakturoid write action is exposed yet. */
.invoice-list{padding-top:8px;padding-bottom:8px}.invoice-item{display:block;padding:15px 0}.invoice-summary{display:flex;justify-content:space-between;align-items:center;gap:18px}.invoice-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.invoice-preview{margin-top:15px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.invoice-preview-grid{display:grid;grid-template-columns:2fr 1fr 1.35fr 1.55fr;gap:10px}.draft-field{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.draft-field>span,.draft-field>strong{display:block}.draft-field>span,.draft-field.invoice-account{font-size:10px;color:var(--muted);font-weight:700}.draft-field>strong{margin-top:6px;font-size:12px;overflow-wrap:anywhere}.draft-field select,.draft-field input{width:100%;margin-top:6px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:600 11px inherit}.invoice-payer input::placeholder{color:var(--muted);font-weight:400}.payer-missing{border-color:#efca94;background:#fff8eb}.payer-missing strong{color:#a76120}.payer-ready{border-color:#a8ddb7;background:#f0fff4}.payer-ready strong{color:#20783b}.payer-note{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;background:rgba(45,139,76,.12);color:#237b42;font-size:10px;font-weight:800}.invoice-warning{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:12px 13px;border-radius:10px;background:#fff0de;color:#8f571f;font-size:11px}.invoice-warning.invoice-ok{background:#eefaf1;color:#237b42}.invoice-warning strong,.invoice-warning span{display:block}.invoice-warning span{margin-top:3px}.invoice-warning .button:disabled{cursor:not-allowed;opacity:.6;white-space:nowrap}
html[data-theme="dark"] .payer-missing{background:#392d20;border-color:#6b4c2b}html[data-theme="dark"] .payer-missing strong{color:#efb875}html[data-theme="dark"] .payer-ready{background:#1f3427;border-color:#3d7c4d}html[data-theme="dark"] .payer-ready strong{color:#8bd69e}html[data-theme="dark"] .payer-note{background:rgba(139,214,158,.14);color:#8bd69e}html[data-theme="dark"] .invoice-warning{background:#3b2d1f;color:#edb675}html[data-theme="dark"] .invoice-warning.invoice-ok{background:#203428;color:#8bd69e}html[data-theme="dark"] .draft-field select{background:var(--surface);color:var(--ink)}
@media(max-width:900px){.invoice-preview-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.invoice-summary,.invoice-warning{align-items:flex-start;flex-direction:column}.invoice-actions{width:100%;justify-content:space-between}.invoice-preview-grid{grid-template-columns:1fr}.invoice-warning .button{width:100%}}

/* Larger, practical billing cards in the client directory. */
.client-profiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.client-profile{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;padding:24px}
.client-profile .initials{margin:0;width:48px;height:48px;font-size:14px}
.client-profile h3{font-size:17px}
.client-account{color:var(--muted);font-size:11px;font-weight:700}
.client-facturation{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:13px}
.client-facturation div{display:grid;gap:4px}
.client-facturation span{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.55px}
.client-facturation strong{font-size:14px;overflow-wrap:anywhere}
.client-profile.is-archived{opacity:.58;filter:saturate(.45)}
.client-chip{display:inline-block;margin:7px 0 0;padding:3px 7px;border-radius:7px;background:#edf3ef;color:#39705d;font-size:10px;font-weight:800}
html[data-theme="dark"] .client-chip{background:#28463e;color:#b6ddc7}
.manual-normalization{margin:4px 0 16px;padding:14px;border:1px dashed var(--line);border-radius:12px}
.manual-normalization legend{padding:0 5px}
.manual-normalization .form-hint{margin:0 0 12px}
@media(max-width:720px){.client-profiles{grid-template-columns:1fr}}

.job-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px}
.editor-choice{grid-column:1/-1;border:1px solid #f2cf9f}
.delivery-check{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);font-size:12px}.delivery-check strong{font-size:12px}.delivery-check span{color:var(--muted);flex:1}.delivery-check .button{padding:7px 10px;font-size:11px}
.job-card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.form-hint{margin:-6px 0 16px;color:var(--muted);font-size:12px;line-height:1.45}.dialog-actions>span{flex:1}.button.danger{background:#fde8e6;color:#a3332c}textarea,select{width:100%;border:1px solid #dce4df;padding:11px;border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;resize:vertical}html[data-theme="dark"] .button.danger{background:#4a2927;color:#ffb7b1}@media(max-width:720px){.compact-job .job-card-actions{grid-column:2/4;justify-content:flex-start}.dialog-actions{flex-wrap:wrap}.dialog-actions>span{display:none}.dialog-actions .button{flex:1}}

/* Compact job cards: services are always visible and never require expanding. */
.compact-job{padding:17px}
.compact-job .job-summary{grid-template-columns:auto minmax(0,1fr) auto auto}
.compact-job .job-title{line-height:1.4}
.job-price{color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}
.job-config-button{white-space:nowrap}
.job-services{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);margin-top:14px;padding-top:13px}
.compact-job .service-row{display:flex;align-items:center;gap:7px;padding:0;border:0;background:var(--surface-soft);border-radius:10px;padding:7px 9px}
.compact-job .service-row strong{font-size:12px}
.service-toggle{display:inline-flex;align-items:center;cursor:pointer}
.service-toggle input{position:absolute;opacity:0;pointer-events:none}
.service-toggle span{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);padding:4px 7px;font-size:10px;font-weight:800;transition:.15s}
.service-toggle input:checked+span{background:#dff4e8;border-color:#9fd2b1;color:#216c42}
.lukas-toggle input:checked+span{background:#e6e8e9;border-color:#bcc3c5;color:#4e5b5f}
.compact-job.with-editor{background:#f3f4f4;border-color:#d5dcdd;box-shadow:none}
.workflow-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);margin-top:13px;padding-top:13px}.workflow-state{margin-right:auto;padding:5px 8px;border-radius:999px;background:#edf1ef;color:var(--muted);font-size:10px;font-weight:800}.workflow-actions .button{padding:7px 9px;font-size:10px}html[data-theme="dark"] .workflow-state{background:#27322e;color:#b8c8bf}@media(max-width:720px){.workflow-actions{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.workflow-state{grid-column:1/-1;margin:0}.workflow-actions .button{width:100%}}
html[data-theme="dark"] .compact-job.with-editor{background:#26302e;border-color:#46534f}
 .client-mapping-add{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto;gap:10px;margin:14px 0}.broker-mapping-list{display:grid;gap:8px}.broker-mapping{display:grid;grid-template-columns:minmax(150px,.8fr) auto minmax(220px,1.2fr) minmax(150px,.8fr);align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.broker-mapping small{color:var(--muted)}
@media(max-width:720px){.client-mapping-add,.broker-mapping{grid-template-columns:1fr}.broker-mapping>span{display:none}}
@media(max-width:720px){.compact-job .job-summary{grid-template-columns:auto 1fr auto}.compact-job .job-config-button{grid-column:2/4;justify-self:start}.job-services{display:grid;grid-template-columns:1fr}.compact-job .service-row{justify-content:flex-start}.compact-job .service-row .service-toggle:last-child{margin-left:auto}}
html[data-theme="dark"] .bar:hover:after{background:#e7eee9;color:#101915}

/* In-app confirmation for the NAS copy workflow. */
.lukas-copy-dialog{width:min(560px,calc(100% - 28px));background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.lukas-copy-dialog::backdrop{background:rgba(25,24,42,.54);backdrop-filter:blur(5px)}
.lukas-copy-card{display:grid;gap:18px;padding:25px}
.lukas-copy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.lukas-copy-message{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.lukas-copy-route{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}
.lukas-copy-path{display:grid;gap:5px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.lukas-copy-path span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.lukas-copy-path strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.lukas-copy-path.destination{border-color:#c8bff7;background:#f5f2ff}
.lukas-copy-arrow{text-align:center;color:#7356e8;font-size:18px;font-weight:800;line-height:1}
.lukas-copy-error{margin:0;padding:11px 13px;border:1px solid #f1c5c0;border-radius:11px;background:#fff0ee;color:#a33b32;font-size:12px;font-weight:700;line-height:1.45}
.lukas-copy-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:2px}
html[data-theme="dark"] .lukas-copy-path.destination{border-color:#6656a8;background:#2b2542}
html[data-theme="dark"] .lukas-copy-error{border-color:#72403b;background:#3b2927;color:#ffb6ae}
@media(max-width:560px){.lukas-copy-card{padding:20px}.lukas-copy-actions{display:grid;grid-template-columns:1fr}.lukas-copy-actions .button{width:100%}.lukas-copy-actions .primary{grid-row:1}}
.compact-job[data-sortable="true"]{cursor:grab;user-select:none;touch-action:pan-y;transition:transform .16s ease,margin .16s ease,box-shadow .16s ease;position:relative}.compact-job[data-sortable="true"]:active{cursor:grabbing}.compact-job.dragging{opacity:.38;transform:scale(.985)}.compact-job.drop-before,.compact-job.drop-after{z-index:1}.compact-job.drop-before{margin-top:35px}.compact-job.drop-after{margin-bottom:35px}.compact-job.drop-before:before,.compact-job.drop-after:after{content:"Přesunout sem";position:absolute;left:0;right:0;height:25px;display:flex;align-items:center;justify-content:center;background:#dce8ff;border:2px solid #4d83e6;color:#2355a7;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.2px;z-index:2}.compact-job.drop-before:before{top:-30px}.compact-job.drop-after:after{bottom:-30px}html[data-theme="dark"] .compact-job.drop-before:before,html[data-theme="dark"] .compact-job.drop-after:after{background:#19365f;border-color:#79a7ff;color:#d8e7ff}.compact-job.is-complete{background:#edf0ee;border-color:#d9dfdc;box-shadow:none;order:9}.compact-job.is-complete .progress-ring{filter:grayscale(1);opacity:.7}html[data-theme="dark"] .compact-job.is-complete{background:#202a26;border-color:#3a4742}
