:root,[data-theme=dark]{--bg-canvas: #060910;--bg-shell: #090D14;--bg-surface: #0F172A;--bg-surface-hover: #141E33;--bg-elevated: #111827;--bg-input: #090D14;--bg-subtle: rgba(255, 255, 255, .03);--bg-cell: rgba(255, 255, 255, .025);--bg-cell-hover: rgba(255, 255, 255, .065);--border-subtle: rgba(255, 255, 255, .07);--border-default: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .22);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-dim: #64748B;--brand-studio-a: #EA580C;--brand-studio-a-hover: #F97316;--brand-studio-a-bg: rgba(234, 88, 12, .14);--brand-studio-a-border: rgba(234, 88, 12, .35);--brand-studio-a-glow: rgba(234, 88, 12, .45);--brand-studio-b: #0284C7;--brand-studio-b-hover: #0EA5E9;--brand-studio-b-bg: rgba(2, 132, 199, .16);--brand-studio-b-border: rgba(2, 132, 199, .38);--brand-studio-b-glow: rgba(2, 132, 199, .38);--accent-amber: #F59E0B;--accent-amber-bright: #FBBF24;--accent-amber-bg: rgba(245, 158, 11, .14);--accent-amber-border: rgba(245, 158, 11, .35);--accent-amber-contrast: #090D14;--accent-cyan: #0284C7;--accent-cyan-bright: #0284C7;--accent-cyan-bg: rgba(2, 132, 199, .16);--accent-indigo: #6366F1;--accent-indigo-bright: #818CF8;--accent-indigo-text: #C7D2FE;--accent-indigo-bg: rgba(99, 102, 241, .18);--accent-red: #EF4444;--accent-red-bright: #FCA5A5;--accent-red-bg: rgba(239, 68, 68, .14);--accent-red-border: rgba(239, 68, 68, .42);--accent-green: #10B981;--accent-green-bright: #6EE7B7;--accent-green-bg: rgba(16, 185, 129, .15);--pill-mine-bg: rgba(129, 140, 248, .24);--pill-mine-border: #818CF8;--pill-mine-text: #E0E7FF;--pill-other-bg: rgba(239, 68, 68, .18);--pill-other-border: #EF4444;--pill-other-text: #FECACA;--pill-booked-bg: rgba(2, 132, 199, .22);--pill-booked-border: #0284C7;--pill-booked-text: #BAE6FD;--pill-spontan-bg: rgba(245, 158, 11, .2);--pill-spontan-border: #F59E0B;--pill-spontan-text: #FDE68A;--pill-locked-bg: rgba(239, 68, 68, .28);--pill-locked-border: #DC2626;--pill-locked-text: #FECACA;--cell-locked-stripe: repeating-linear-gradient( 45deg, rgba(239, 68, 68, .09), rgba(239, 68, 68, .09) 5px, rgba(15, 23, 42, .85) 5px, rgba(15, 23, 42, .85) 10px );--shadow-shell: 0 20px 55px -12px rgba(0, 0, 0, .75);--shadow-dropdown: 0 16px 36px rgba(0, 0, 0, .7);--track-bg: rgba(255, 255, 255, .07)}[data-theme=light]{--bg-canvas: #EEF2F6;--bg-shell: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-hover: #F1F5F9;--bg-elevated: #FFFFFF;--bg-input: #F8FAFC;--bg-subtle: rgba(15, 23, 42, .035);--bg-cell: #FFFFFF;--bg-cell-hover: #F1F5F9;--border-subtle: #E2E8F0;--border-default: #CBD5E1;--border-strong: #94A3B8;--text-primary: #0F172A;--text-secondary: #1E293B;--text-muted: #475569;--text-dim: #64748B;--brand-studio-a: #DA520B;--brand-studio-a-hover: #C74B0A;--brand-studio-a-bg: rgba(218, 82, 11, .12);--brand-studio-a-border: rgba(218, 82, 11, .35);--brand-studio-a-glow: rgba(218, 82, 11, .35);--brand-studio-b: #0369A1;--brand-studio-b-hover: #075985;--brand-studio-b-bg: rgba(3, 105, 161, .12);--brand-studio-b-border: rgba(3, 105, 161, .35);--brand-studio-b-glow: rgba(3, 105, 161, .35);--accent-amber: #D97706;--accent-amber-bright: #B45309;--accent-amber-bg: rgba(217, 119, 6, .12);--accent-amber-border: rgba(217, 119, 6, .35);--accent-amber-contrast: #FFFFFF;--accent-cyan: #0284C7;--accent-cyan-bright: #0369A1;--accent-cyan-bg: rgba(2, 132, 199, .12);--accent-indigo: #4F46E5;--accent-indigo-bright: #4338CA;--accent-indigo-text: #312E81;--accent-indigo-bg: rgba(79, 70, 229, .1);--accent-red: #DC2626;--accent-red-bright: #B91C1C;--accent-red-bg: rgba(220, 38, 38, .09);--accent-red-border: rgba(220, 38, 38, .35);--accent-green: #059669;--accent-green-bright: #047857;--accent-green-bg: rgba(5, 150, 105, .12);--pill-mine-bg: rgba(79, 70, 229, .14);--pill-mine-border: #4F46E5;--pill-mine-text: #312E81;--pill-other-bg: rgba(220, 38, 38, .12);--pill-other-border: #DC2626;--pill-other-text: #991B1B;--pill-booked-bg: rgba(2, 132, 199, .14);--pill-booked-border: #0284C7;--pill-booked-text: #075985;--pill-spontan-bg: rgba(217, 119, 6, .15);--pill-spontan-border: #D97706;--pill-spontan-text: #92400E;--pill-locked-bg: rgba(220, 38, 38, .18);--pill-locked-border: #B91C1C;--pill-locked-text: #7F1D1D;--cell-locked-stripe: repeating-linear-gradient( 45deg, rgba(220, 38, 38, .08), rgba(220, 38, 38, .08) 5px, rgba(255, 255, 255, .9) 5px, rgba(255, 255, 255, .9) 10px );--shadow-shell: 0 12px 40px -10px rgba(15, 23, 42, .12);--shadow-dropdown: 0 12px 30px rgba(15, 23, 42, .15);--track-bg: rgba(15, 23, 42, .08)}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}html,body{min-height:100vh;background:var(--bg-canvas);color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}.studio-viewport{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0}.studio-shell{width:100%;max-width:100%;min-height:100vh;background:var(--bg-shell);display:flex;flex-direction:column;padding:8px 10px 10px;position:relative}@media(min-width:640px){.studio-viewport{padding:8px 16px 12px}.studio-shell{max-width:740px;min-height:calc(100vh - 20px);border-radius:20px;border:1px solid var(--border-default);box-shadow:var(--shadow-shell);padding:10px 14px 12px}.studio-shell.wide-shell{max-width:740px}}.card-surface{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:14px 16px}.section-title{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.section-header-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.section-header-row .section-title{font-size:13.5px;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;text-transform:none;margin-bottom:0}:host-context([data-theme="light"]) .section-header-row .section-title,[data-theme=light] .section-header-row .section-title{color:#0f172a}.filter-toggle-pill{position:relative;display:inline-flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:99px;padding:calc(3px * var(--app-font-scale, 1));cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:none;transition:border-color .15s ease;flex-shrink:0}:host-context([data-theme="light"]) .filter-toggle-pill,[data-theme=light] .filter-toggle-pill{background:#fff;border-color:#cbd5e1;box-shadow:none}.filter-toggle-pill:hover{border-color:var(--border-strong)}.filter-pill-slider{position:absolute;top:calc(3px * var(--app-font-scale, 1));bottom:calc(3px * var(--app-font-scale, 1));left:calc(3px * var(--app-font-scale, 1));width:calc(50% - (3px * var(--app-font-scale, 1)));border-radius:99px;background:var(--brand-studio-a);box-shadow:none;transition:transform .28s cubic-bezier(.2,.9,.3,1),background-color .28s;z-index:1}.filter-pill-slider.slider-mine{transform:translate(100%)}.studio-b .filter-pill-slider{background:var(--brand-studio-b)}:host-context([data-theme="light"]) .filter-pill-slider,[data-theme=light] .filter-pill-slider{background:var(--brand-studio-a)}:host-context([data-theme="light"]) .studio-b .filter-pill-slider,[data-theme=light] .studio-b .filter-pill-slider{background:var(--brand-studio-b)}.filter-pill-label{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:calc(46px * var(--app-font-scale, 1));padding:calc(3px * var(--app-font-scale, 1)) 0;font-size:calc(11px * var(--app-font-scale, 1));font-weight:700;color:var(--text-muted);transition:color .2s ease;letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1.25}:host-context([data-theme="light"]) .filter-pill-label,[data-theme=light] .filter-pill-label{color:#64748b}.filter-pill-label.active{color:#fff!important;font-weight:850;text-shadow:none}.empty-slots{text-align:center;padding:28px 16px;color:var(--text-muted);font-size:12.5px;background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:12px}[data-theme=light] .empty-slots{background:#fff;border:1px dashed var(--border-default, #CBD5E1);color:#64748b}.bottom-cta-wrap{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:8px}.btn-primary-amber{width:100%;background:var(--accent-amber);color:var(--accent-amber-contrast);font-weight:700;font-size:13.5px;padding:12px 16px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:inherit;transition:opacity .15s,transform .1s}.btn-primary-amber:hover:not(:disabled){opacity:.92}.btn-primary-amber:disabled{opacity:.5;cursor:not-allowed}.btn-primary-red{width:100%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:700;font-size:13.5px;padding:12px 16px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:inherit;box-shadow:0 4px 14px #ef444447;transition:opacity .15s}.btn-primary-red:hover:not(:disabled){opacity:.92}.btn-secondary-back{width:100%;background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);font-weight:600;font-size:13px;padding:10px 16px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-family:inherit;transition:all .15s;box-shadow:0 1px 3px #00000014}[data-theme=light] .btn-secondary-back{background:#fff;border:1px solid var(--border-default, #CBD5E1);color:#334155;box-shadow:0 1px 3px #0000000a}.btn-secondary-back:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.conflict-tree-wrap{border-left:2px dashed var(--accent-red-border);margin-left:8px;margin-top:8px;padding-left:12px;display:flex;flex-direction:column;gap:6px}.conflict-node{position:relative;background:var(--bg-input);border:1px solid var(--border-default);border-radius:8px;padding:7px 11px;font-size:11.5px;display:flex;justify-content:space-between;align-items:center;gap:8px}.conflict-node:before{content:"";position:absolute;left:-14px;top:50%;width:12px;height:1.5px;background:var(--accent-red-border)}.mono-time{font-family:JetBrains Mono,monospace}app-messaging,app-tenant-list,app-paypal-config,app-nuki-config{display:block;touch-action:pan-y}.card-heading.swipeable{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .15s ease}.card-heading.swipeable:active{cursor:grabbing}.card-heading.swipeable .heading-title{display:inline-block;line-height:1.2}
