:root{--bg: #f7f7f7;--panel: #ffffff;--card: #ffffff;--ink: #111111;--muted: #555555;--line: #e0e0e0;--primary: #22c55e;--warn: #f59e0b;--danger: #ef4444;--accent: #111;--radius: 14px;--shadow: 0 6px 20px rgba(0, 0, 0, .08)}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 ui-sans-serif,system-ui,-apple-system}#app{display:grid;grid-template-columns:200px 1fr;grid-template-rows:64px 1fr;height:100%}.menu-btn{display:none}.topbar{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.3px;display:flex;align-items:center;gap:10px}.top-actions{display:flex;gap:10px;align-items:center}.plan select{background:var(--card);border:1px solid var(--line);color:var(--ink);padding:6px 10px;border-radius:10px}.sidebar{grid-row:2/3;background:var(--panel);border-right:1px solid var(--line);padding:16px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar a{display:block;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none}.sidebar a.active,.sidebar a:hover{background:var(--card);border:1px solid var(--line)}.view{padding:18px;overflow:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px}.card h3{margin:0 0 10px;padding:14px 16px}.card .body{padding:14px 16px}.btn,.primary{cursor:pointer;border:none;border-radius:12px;padding:8px 12px}.btn{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.btn:hover{border-color:#aaa}.primary{background:var(--primary);color:#fff;font-weight:600}.primary:disabled{opacity:.6;cursor:not-allowed}.btn.success{background:#10b981;color:#fff}.btn.success:hover{background:#0e9f6e}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.table th{color:var(--muted);font-weight:600}.tr{transition:background .15s}.tr:hover{background:#00000008}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 8px;border:1px solid var(--line);font-size:12px}.badge.review{background:var(--panel)}.badge.sent{background:#e6f8ff;color:#005f80;border-color:#b2dfff}.badge.open{background:#e6fff3;color:#00754a;border-color:#9ef1c3}.badge.won{background:#ecffeb;color:#256029;border-color:#a3e7a8}.badge.lost{background:#ffecec;color:#922121;border-color:#ffb3b3}.row{display:flex;gap:14px;flex-wrap:wrap}.col{flex:1;min-width:260px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.field input,.field textarea,.field select{background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:10px;border-radius:10px;resize:vertical}.field small{color:var(--muted)}.btn.back{margin-left:auto;background:#eee;color:#111;padding:6px 12px}.btn.back:hover{border-color:#999;border-left-color:#999}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tabs{display:flex;align-items:center;gap:6px;margin-bottom:12px}.tab{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;color:var(--ink)}.tab.active{background:#3f3f3f;color:#fff}#qSearch{padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px;min-width:220px;background:var(--panel);color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s;margin-right:16px}#qSearch:focus{border-color:var(--accent);box-shadow:0 0 0 2px #38bdf84d}.kbd{border:1px solid var(--line);border-bottom-width:3px;padding:2px 6px;border-radius:8px;background:var(--panel);color:var(--muted)}.builder-wrap{display:grid;grid-template-columns:1fr 380px;gap:14px}.versions{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:10px}.versions .item{padding:8px 10px;border-bottom:1px solid var(--line)}.versions .item:last-child{border-bottom:none}blockquote.note{margin:0;padding:10px 12px;border-left:3px solid var(--accent);background:var(--panel);border-radius:8px}.hr{height:1px;background:var(--line);margin:12px 0}.row.with-divider{align-items:flex-start}.row.with-divider .col:first-child{border-right:1px solid var(--line);padding-right:16px}.row.with-divider .col:last-child{padding-left:16px}@media (max-width: 900px){.row.with-divider .col:first-child{border-right:none;padding-right:0}.row.with-divider .col:last-child{padding-left:0}}blockquote.note{margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--accent);background:#f9fafb;border-radius:6px}body.dark blockquote.note{background:#1e293b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:auto}.modal{width:min(920px,96vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);max-height:96vh;display:flex;flex-direction:column}.modal .modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--card)}.modal .modal-body{flex:1 1 auto;overflow:auto;padding:12px}.modal iframe{width:100%;height:100%;min-height:420px;border:none;border-radius:12px}.modal.fs{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.modal.fs .modal-body,.modal.fs #builderFrame{width:100%;height:100%;padding:0;display:block;border:0}@media (max-width: 900px){.modal{width:98vw;max-height:98vh;border-radius:12px}.modal .modal-body{padding:8px}}@media (max-width: 600px){.modal .modal-head{padding:8px 10px}.modal{border-radius:10px}}.fin-row{display:flex;gap:14px;align-items:flex-start}.fin-left{flex:1}.fin-right{width:330px;position:sticky;top:12px}.proj{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.proj-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer}.proj-title{font-weight:600}.proj-price{display:flex;gap:12px;align-items:center}.proj-price input{width:120px;background:var(--card);border:1px solid var(--line);color:var(--ink);padding:8px 10px;border-radius:8px}.proj-body{display:none;padding:12px 14px;border-top:1px solid var(--line);color:var(--ink)}.proj.open .proj-body{display:block}.field input.readonly{background:#0000000a;cursor:not-allowed}body.dark .field input.readonly{background:#ffffff0f}.toggle-link{display:flex;align-items:center;gap:8px;margin:0 0 8px;-webkit-user-select:none;user-select:none}@media (max-width: 900px){#app{grid-template-columns:1fr;grid-template-rows:56px 1fr}.topbar{grid-column:1 / 2;padding:10px 12px}.brand{font-size:16px;gap:8px}.top-actions{gap:8px}.plan select{padding:6px 8px}.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.menu-btn .bars{width:18px;height:12px;position:relative;display:block}.menu-btn .bars:before,.menu-btn .bars:after,.menu-btn .mid{content:"";display:block;height:2px;background:var(--ink);position:absolute;left:0;right:0;border-radius:2px}.menu-btn .bars:before{top:0}.menu-btn .mid{top:5px}.menu-btn .bars:after{bottom:0}.sidebar{position:fixed;z-index:10000;inset:0 auto 0 0;width:min(82vw,320px);transform:translate(-100%);transition:transform .25s ease;box-shadow:0 10px 30px #0000002e}.sidebar.open{transform:translate(0)}.sidebar nav{padding-top:16px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000073}.view{padding:12px}.toolbar{flex-wrap:wrap;gap:8px}#qSearch{min-width:0;width:100%;margin-right:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-bottom:12px;box-shadow:var(--shadow);overflow:hidden}.table td{border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px}.table td:last-child{border-bottom:0}.table td:before{content:attr(data-th);font-weight:600;color:var(--muted);margin-right:12px;flex:0 0 auto}.badge{font-size:12px;padding:3px 8px}.table td .btn{width:100%}}@media (max-width: 420px){.view{padding-bottom:20px}}@media (max-width: 900px){.tabs{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:6px 12px;margin:6px 0 8px}.tabs .tab{flex:0 0 auto;scroll-snap-align:start;border-radius:999px;padding:6px 10px;font-size:14px;line-height:1.2}.tabs .tab.active{font-weight:600}.back-overview{display:none}.tabs::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}}.no-sidebar{display:grid;grid-template-columns:1fr!important}.no-sidebar .sidebar{display:none!important}.no-sidebar .view{margin-left:0!important;border-left:none!important;padding-left:24px}.no-sidebar .topbar .menu-btn{display:none!important}.badge.status-draft{background-color:#6b7280;color:#fff}.badge.status-project{background-color:#f97316;color:#fff}.badge.status-tech_gen{background-color:#a855f7;color:#fff}.badge.status-verstuurd{background-color:#22c55e;color:#fff}@media (max-width: 1024px){.app{grid-template-columns:1fr;grid-template-rows:50vh 50vh}}@media (max-width: 1024px){.panel{height:100%}}@media (max-width: 1024px){.stageWrap{position:relative;height:100%}}.board{position:relative;width:100%;height:100%;max-width:100%;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#fff}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.legend{position:absolute;top:10px;right:10px;display:flex;gap:8px;flex-wrap:wrap;z-index:3}.badge{display:inline-block;background:#0000008c;padding:3px 8px;border-radius:999px;font-size:12px;color:#fff}.grid{display:grid;grid-template-columns:1fr 160px;gap:10px;align-items:center;margin-bottom:10px}.grid.full{grid-template-columns:1fr}label{font-size:12px;color:var(--muted)}input,select{width:100%;padding:10px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:#cbd5e1;box-shadow:0 0 0 4px #cbd5e159}input[type=color]{padding:0;height:40px}.row{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0;align-items:center}.split{margin:14px 0;border-top:1px dashed var(--line)}button{background:#fff;border:1px solid var(--line);color:var(--ink);padding:10px 12px;border-radius:10px;cursor:pointer;transition:transform .05s,background .15s,border-color .15s}button:hover{background:#f6f7f9}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:#000;color:#fff;font-weight:700}.btn-ghost{background:#fff;border-color:#e6e8ee}.btn-ok{background:var(--ok);border-color:transparent;color:#fff}.pad{display:grid;grid-template-columns:repeat(3,40px);gap:6px;align-items:center;justify-content:start}.pad button{width:40px;height:40px;padding:0;font-size:16px}.mini{display:flex;gap:6px;flex-wrap:wrap}.mini button{height:36px}.persp-handle{cursor:move}.hint{position:absolute;left:10px;bottom:10px;background:#0000008c;padding:6px 10px;border-radius:8px;font-size:12px;color:#fff}#perspToggle,#perspHint,#perspLayer,.legend{display:none!important}@media (max-width: 1024px){.sectionRow{grid-template-columns:1fr}.render-column>.builder-render-root{height:100%;min-height:0;overflow:hidden}.builder-render-root>.stageWrap{height:100%}}.stick-bottom{position:sticky;bottom:0;z-index:5;border-top:1px solid var(--line)}.stick-bottom .section-body{display:flex;gap:10px;flex-wrap:wrap}.sectionRow .section{border-radius:10px}.sectionRow .section-head{padding:8px 10px;font-size:14px;background:#f9f9f9;border-bottom:1px solid var(--line)}.sectionRow .section-body{padding:10px;display:grid;row-gap:8px;align-content:start}.sectionRow .section-body label,.sectionRow .section-body p{margin:0;font-size:12px;color:var(--muted)}.sectionRow .section-body input{width:100%;padding:6px 8px;border-radius:8px;font-size:13px}.sectionRow .section-body input[type=color]{height:28px;padding:0}.sectionRow .section-body input[type=file]{padding:6px 8px;line-height:1.2;border:1px solid var(--line);border-radius:8px}.row.dims{display:grid;grid-template-columns:auto auto auto auto;column-gap:8px;row-gap:6px;align-items:center}.row.dims>label{grid-column:1 / -1;margin:0;min-width:0!important;font-size:12px;color:var(--muted)}.row.dims input{max-width:120px}.row.dims .x{font-weight:700}.row.dims>span:last-child{font-size:12px;color:var(--muted)}#pfCards .choice .thumb{height:auto!important;aspect-ratio:1 / 1;width:70%;margin:0 auto;background-size:contain;background-repeat:no-repeat;background-position:center}.panelBlock{scroll-margin-top:10px}@media (max-width: 1024px){img#bg:not([src]),img#bg[src=""],img#bg[src="about:blank"]{opacity:0;pointer-events:none}#bg{background-size:contain;background-position:center;background-repeat:no-repeat}}@media (max-width: 1024px){.render-column>.builder-render-root{height:100%;min-height:0;overflow:hidden}.stageWrap{position:relative;height:100%;display:grid;place-items:center;overflow:hidden}.builder-render-root .stageWrap{height:100%;display:grid;place-items:center;overflow:hidden}.builder-render-root .board{position:relative;width:100%;height:100%;max-width:none;background:#fff}#overlay,#bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#overlay canvas,#overlay svg{width:100%;height:100%;object-fit:contain;display:block}}@media (max-width: 1024px){.render-column{padding:0;border-radius:0}}:root{--page-bg: #f7f8fa;--panel: #ffffff;--ink: #0f172a;--muted: #64748b;--line: #e6e8ee;--accent: #111111;--ok: #10b981;--warn: #f59e0b;--topbar-h: 50px;--radius: 14px;--shadow: 0 6px 20px rgba(16, 24, 40, .08);--shadow-sm: 0 2px 10px rgba(16, 24, 40, .06);--font-ui: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--page-bg);color:var(--ink);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}.section{margin:16px 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm);overflow:hidden;scroll-margin-top:10px}.section-head{width:100%;text-align:left;padding:12px 14px;border:0;cursor:pointer;background:#ededed;color:#6e655e;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:space-between}.section-head .chev{transition:transform .2s ease}.section.collapsed .section-head .chev{transform:rotate(-90deg)}.section-body{background:#fff;padding:14px;display:block;border-top:1px solid var(--line)}.section.collapsed .section-body{display:none}.section p{margin:4px 0 10px;font-size:13px;line-height:1.4;color:var(--muted)}.section .grid{margin-top:8px}.app{display:grid;grid-template-columns:400px 1fr;min-height:100vh;max-height:100vh}.panel{background:var(--panel);border-right:1px solid var(--line);height:100vh;overflow:auto;padding:16px 16px 0}.stageWrap{position:sticky;top:0;height:100vh;overflow:hidden;background:#f4f6f9;display:flex;align-items:center;justify-content:center}.board{position:relative;width:100%;height:100%;max-width:1400px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#fff}#bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#fff}@media (max-width: 1024px){.builder-input-root{min-height:0;display:flex;flex-direction:column}.mobile-section-headers{display:flex;overflow-x:auto;background:#f8f9fa;border-bottom:2px solid var(--line);padding:8px 12px;gap:12px;flex-shrink:0;scroll-behavior:smooth}.mobile-section-headers::-webkit-scrollbar{height:3px}.mobile-section-headers::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.mobile-section-header{flex-shrink:0;padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:20px;font-size:13px;font-weight:600;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap}.mobile-section-header.active{background:#007bff;color:#fff;border-color:#007bff}.mobile-carousel-container{flex:1;overflow-x:auto;overflow-y:hidden;display:flex;scroll-behavior:smooth;scroll-snap-type:x mandatory}.mobile-carousel-container::-webkit-scrollbar{display:none}.mobile-section-slides{display:flex;flex-shrink:0}.mobile-slide{width:100vw;flex-shrink:0;scroll-snap-align:start;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;gap:16px}.mobile-slide h3{margin:0 0 16px;font-size:18px;color:#333;font-weight:700}.mobile-slide .form-group{margin-bottom:16px}.mobile-slide label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#555}.mobile-slide input,.mobile-slide select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px}.mobile-slide .two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mobile-slide .choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.mobile-slide .choice{position:relative;border:2px solid #ddd;border-radius:12px;padding:16px 8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;transition:all .2s;background:#fff;min-height:100px}.mobile-slide .choice input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0}.mobile-slide .choice .thumb{width:100%;height:60px;border-radius:8px;background:#f2f3f5;display:flex;align-items:center;justify-content:center;font-size:10px;color:#6b7280;background-size:cover;background-position:center}.mobile-slide .choice .lbl{font-size:13px;color:#111;font-weight:600;text-align:center}.mobile-slide .choice.active{border-color:#007bff;background:#f0f7ff}.mobile-perspective-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;justify-items:center;margin:16px 0}.mobile-perspective-controls button{width:48px;height:48px;border:1px solid #ddd;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s}.mobile-perspective-controls button:hover{background:#f0f7ff;border-color:#007bff}.mobile-perspective-controls .center-empty{grid-column:2}.mobile-slide .btn-group{display:flex;gap:12px;margin-top:16px}.mobile-slide .btn{flex:1;padding:12px 16px;border:1px solid #007bff;background:#007bff;color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.mobile-slide .btn-secondary{background:#fff;color:#007bff}.mobile-slide .btn:hover{opacity:.9}.input-column pre{max-height:30vh;overflow:auto}}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.grid.full{grid-template-columns:1fr;gap:6px}.row{margin:8px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.mini{margin:4px 0}.row.mini button{height:36px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{position:relative;border:1px solid var(--line);border-radius:12px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;transition:box-shadow .15s,border-color .15s,background .15s;background:#fff}.choice input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.choice .thumb{width:100%;height:70px;border-radius:8px;background:#f2f3f5;display:flex;align-items:center;justify-content:center;font-size:11px;color:#6b7280;background-size:cover;background-position:center}.choice .lbl{font-size:12px;color:#111;font-weight:600}.choice.active{border-color:#111;box-shadow:0 0 0 3px #1111111f}.choice.active .thumb{background:#ececec}.choices.two{grid-template-columns:repeat(2,1fr)}.panelBlock{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:10px}.panelBlock .panelHead{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f7f7f7;cursor:pointer;font-weight:700;border-bottom:1px solid var(--line);transition:background .15s}.panelBlock.active .panelHead{background:#efefef}.panelBlock .panelBody{padding:12px;display:none}.panelBlock.active .panelBody{display:block}.sectionRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.section.no-collapse .section-head{cursor:default;background:#f7f7f7}.section.no-collapse .section-head .chev{display:none}.panelFooter{position:sticky;bottom:0;left:0;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;background:#f1f3f6;border-top:1px solid var(--line);padding:12px 14px;box-shadow:0 -2px 8px #0000000d;z-index:10}.panelFooter .row{margin:0;display:flex;gap:10px;flex-wrap:wrap}.dims{display:flex;align-items:center;gap:8px}.dims input{max-width:120px}.dims .x{font-weight:700;color:#111}.visually-hidden{position:absolute!important;left:-9999px!important;top:auto!important;width:1px;height:1px;overflow:hidden}.rule-hint{margin-top:6px;font-size:12px;line-height:1.4;color:#6d6d6d;background:#f7f7f7;border-left:3px solid #ffb400;padding:6px 8px;border-radius:4px;display:none}.rule-hint.show{display:block}.rule-hint.fullrow{grid-column:1 / -1}#exportPng,#exportSVG{display:none!important}[data-role=admin] #exportPng,[data-role=admin] #exportSVG{display:inline-flex!important}.designGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.designCard{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:100%;padding:10px 8px;border:1px solid #d8dde6;border-radius:10px;background:#fff;cursor:pointer;text-align:center}.designCard.active{border-color:#111827;box-shadow:0 0 0 2px #1118271f}.designPreviewWrap{display:flex;align-items:center;justify-content:center;width:100%}.designCardLabel{font-size:12px;line-height:1.2;color:#111827}#designGridMount{grid-column:1 / -1;width:100%}#designGridMount .designGrid{width:100%}#designGridMount .designCard{min-width:0}#designDoor{display:none}.hiddenBgTools,.hiddenPerspectiveTools{display:none!important}.builder-layout{display:grid;grid-template-columns:1fr 2fr;gap:20px;padding:0 20px}.input-column{background-color:var(--page-bg);padding:0 20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.render-column{background-color:var(--panel);padding:0 20px;border-radius:8px;box-shadow:var(--shadow-sm)}.builder-layout,.render-column{min-height:100vh}.builder-layout{height:100vh;overflow:hidden}.input-column{min-height:0;overflow-y:hidden}.render-column{min-height:0;overflow:hidden}@media (max-width: 1024px){.builder-layout{grid-template-columns:1fr;grid-template-rows:11fr 7fr;height:calc(100vh - var(--topbar-h));min-height:calc(100vh - var(--topbar-h))}.render-column{order:1}.input-column{order:2;padding:8px;overflow-y:auto;overflow-x:hidden}.builder-layout{height:calc(100vh - var(--topbar-h));overflow:hidden}.input-column{min-height:0;-webkit-overflow-scrolling:touch}.render-column{min-height:0;overflow:hidden}html,body{height:100%;overflow:hidden}}.td-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.td-modal{background:#fff;color:#111;width:min(1200px,96vw);height:92vh;border-radius:16px;box-shadow:0 20px 60px #00000059;overflow:hidden;display:flex;flex-direction:column}.td-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.td-header .td-title{display:flex;align-items:center;gap:8px;font-size:14px}.td-dot{opacity:.35}.td-body{display:grid;grid-template-columns:1.4fr 1fr;flex:1;min-height:0}@media (max-width: 860px){.td-body{grid-template-columns:1fr}}.td-left,.td-right{min-height:0;overflow:auto}.td-left{background:#f7f7f8;overflow:auto;min-height:60vh}.td-renderbox{position:relative;width:100%;height:100%;background:#ededf0;border-radius:12px}.td-renderbox img{width:100%;height:100%;object-fit:contain}.td-right{background:#fff;border-left:1px solid rgba(0,0,0,.08);padding:16px;overflow:auto}.td-section{margin-bottom:16px}.td-section h3{font-size:13px;margin:0 0 8px;color:#111;opacity:.9}.td-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.td-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.td-label{font-size:12px;opacity:.9;display:block}.td-input,.td-select{margin-top:6px;width:100%;background:#f7f7f8;border-radius:8px;padding:8px 10px;color:#111;border:1px solid rgba(0,0,0,.08);outline:none}.td-actions{display:flex;gap:8px;padding-top:4px}.td-btn-ghost{padding:8px 12px;border-radius:10px;background:#f4f4f5;color:#111;border:1px solid rgba(0,0,0,.08);cursor:pointer}.td-btn-primary{padding:8px 12px;border-radius:10px;background:#16a34a;color:#fff;border:1px solid #15803d;cursor:pointer;font-weight:600}.td-renderbox{position:relative}.td-overlay-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.td-bg-img{width:100%;height:100%;object-fit:contain}.td-render-container{width:100%;height:100%;flex-shrink:0;overflow:hidden}.td-render-container .builder-render-root{width:100%!important;height:100%!important}.td-render-container .stageWrap{max-width:100%;max-height:100%;margin:auto}.td-render-container svg .steel-part{fill:none!important;stroke:none!important;filter:none!important}.td-render-container svg .handle-part{fill:none!important;stroke:none!important;filter:none!important}.td-render-container .builder-render-root svg #mmScale>*{display:none!important}.modalRoot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.modalBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006}.modalSheet{position:absolute;inset:6% 50% auto 50%;transform:translate(-50%);width:min(980px,calc(100vw - 48px));background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:88vh}.modalHeader,.modalFooter{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modalFooter{border-top:1px solid var(--border);border-bottom:0}.modalTitle{font-weight:700}.iconBtn{border:1px solid var(--border);background:var(--subtle);border-radius:8px;padding:6px 10px;cursor:pointer}.modalBody{padding:12px 16px;overflow:hidden}.twoCols{display:grid;grid-template-columns:1fr 25%;gap:16px}.modaleft{border:1px solid #ddd;border-radius:12px}.modalLeft .field{margin-bottom:12px}.modalLeft input,.modalLeft textarea,.assigneeRow select{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--surface, #fff)}.modalRight{display:flex;flex-direction:column;min-height:340px}.rightHeader{border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:12px;background:var(--subtle)}.statusGroup{display:flex;gap:8px;margin-bottom:10px}.chip{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-size:13px}.chip.active{background:#00a0501f}.assigneeRow{display:grid;grid-template-columns:1fr;gap:6px}.threadBox{flex:1;border:1px solid var(--border);border-radius:10px;background:var(--card);padding:12px;overflow:auto}.threadEmpty{color:var(--muted);text-align:center;padding:20px 0}.btnPrimary{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--accent);color:#fff;cursor:pointer}.btnPrimary:disabled{opacity:.6;cursor:not-allowed}.btnSecondary{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--subtle);color:var(--fg);cursor:pointer}.tabKlant{display:grid;grid-template-columns:32% 1fr;gap:16px;align-items:start;min-height:calc(100vh - 180px);overflow:hidden}.klant-left{position:sticky;top:16px;align-self:start;height:calc(100vh - 180px);overflow:auto}.leftCard{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px}.klant-right{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:0;min-height:60vh;max-height:calc(100vh - 180px);overflow:hidden}.fab{display:none}.kr-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card);border-top-left-radius:10px;border-top-right-radius:10px}.notesList{overflow-y:auto;padding:12px 16px}.notesList::-webkit-scrollbar{width:10px}.notesList::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}@media (max-width: 900px){.tabKlant{display:block}.klant-left{position:static;width:auto;margin:0 0 12px}.klant-left .leftCard{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:12px}.klant-left .kv .v input,.klant-left .kv .v textarea,.klant-left .kv .v select{width:100%}.klant-right{width:auto;margin:0}.klant-right .kr-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.klant-right .kr-header .btn-primary{display:none}.notesList .note{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:12px;margin:0 0 12px}.fab{position:fixed;right:16px;bottom:16px;z-index:1000;width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--primary);color:#fff;font-size:28px;line-height:1;box-shadow:0 10px 22px #00000038}.fab:active{transform:translateY(1px)}.modalRoot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:block}.modalBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.modalSheet{position:absolute;left:0;right:0;bottom:0;max-height:86vh;background:var(--panel);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -10px 30px #00000040;padding:12px;overflow:auto}.modalHeader{display:flex;align-items:center;gap:8px;margin-bottom:8px}.modalTitle{font-weight:600}.modalBody,.modalSection,.modalFooter{padding:6px 0}@media (max-width: 420px){.modalSheet{padding-bottom:24px}}.klant-acc{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.klant-acc .acc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.klant-acc .acc-title{font-weight:600}.klant-acc .acc-sub{color:var(--muted);font-size:12px}.klant-acc .caret{transition:transform .2s ease}.klant-acc.open .caret{transform:rotate(180deg)}.klant-acc .acc-body{background:var(--card);border-top:1px solid var(--line);max-height:none;overflow:visible}.klant-acc .acc-body .row{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:12px}.klant-acc .label{color:var(--muted);font-size:12px}.klant-acc .value{font-size:14px}.klant-acc .acc-body{max-height:0;overflow:hidden;transition:max-height .25s ease}.klant-acc.open .acc-body{max-height:600px}@media (min-width: 901px){.klant-acc .acc-body{max-height:none!important;overflow:visible}}}:where(.commTab){--card: var(--panel, #fff);--card-2: #f7f8f9;--border: var(--line, #e6e8ee);--text: var(--ink, #0f172a);--text-muted: var(--muted, #64748b)}.commTab{color:var(--text)}.commTab .muted,.commTab .time,.commTab .snippet{color:var(--text-muted)}.commMain.card,.commScopes.card,.threadCard{background:var(--card);border-color:var(--border)}.threadCard.noteLike{background:var(--card-2);border-color:transparent}.threadCard .subject{color:var(--text)}.threadCard .snippet{color:var(--text-muted)}.threadCard .badge{color:var(--text)}.threadFoot .btn{color:var(--text);background:var(--card);border:1px solid var(--border)}.dot{background:var(--border)}.dot.unread{background:var(--accent, #111)}.commTab{display:flex;flex-direction:column;gap:12px}.commHeader{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.commHeader .left{display:flex;flex-wrap:wrap;gap:8px}.commHeader .right{display:grid;grid-template-columns:auto auto;gap:8px 12px;justify-items:end;align-items:center}.subtabs{display:inline-flex;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.subtab{padding:8px 12px;background:transparent;border:0;cursor:pointer;font-weight:600}.subtab:not(.active):hover{background:var(--card-2)}.subtab.active{background:var(--primary-ghost, rgba(60, 120, 255, .15));color:var(--text)}.tools{display:inline-flex;gap:8px;align-items:center}.commSearch{height:34px;min-width:240px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:0 10px}.toggle{display:inline-flex;gap:6px;align-items:center;font-size:14px}.commBody{display:grid;grid-template-columns:1fr 320px;gap:12px;min-height:60vh}.card{background:var(--card);border:1px solid var(--border);border-radius:10px}.commMain{display:flex;flex-direction:column;overflow:hidden}.threadList{list-style:none;margin:0;padding:8px;overflow-y:auto;max-height:calc(100vh - 260px)}.threadCard{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--card);margin-bottom:8px}.threadHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.subject{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.threadBody .snippet{margin:0;color:var(--muted)}.threadFoot .btn{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:6px 10px}.commScopes{display:flex;flex-direction:column;gap:8px;padding:8px;position:sticky;top:12px;height:fit-content;max-height:calc(100vh - 180px);overflow:auto}.scopeSectionLabel{font-size:12px;color:var(--muted);padding:0 6px;margin-top:2px}.scopeList{list-style:none;margin:0;padding:0}.scopeItem{width:100%;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px;cursor:pointer}.scopeItem+.scopeItem{margin-top:8px}.scopeItem:hover{background:var(--card-2)}.scopeItem.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ghost, rgba(60, 120, 255, .18)) inset}.scopeTitle{display:flex;align-items:center;gap:8px;font-weight:700;color:#000}.scopeTitle .stage{font-weight:600;font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.scopeBadges{display:flex;flex-basis:100%;gap:6px;flex-wrap:wrap;margin-top:6px}.badge{padding:2px 8px;border-radius:999px;font-size:12px;line-height:18px;border:1px solid var(--border)}.badge.soft{background:#0000000a;display:none}.badge.eta{background:#ffc80033;border-color:#ffc80066}.st-open{background:#1cb84126;border-color:#1cb84159}.st-closed{background:#b81c1c26;border-color:#b81c1c59}.owner.client{background:#ff960026;border-color:#ff960059}.owner.factory{background:#3c78ff26;border-color:#3c78ff59}.placeholder{padding:16px}.muted{color:var(--muted)}.btnPrimary{height:34px;padding:0 12px;border-radius:8px;background:var(--primary);color:#fff;border:0;cursor:pointer}.btnPrimary:hover{filter:brightness(.95)}@media (max-width: 1100px){.commBody{grid-template-columns:1fr}.commScopes{position:relative;max-height:none}}.listMeta{padding:8px 12px 0}.threadList{list-style:none;margin:0;padding:8px 12px 12px;overflow-y:auto;max-height:calc(100vh - 260px)}.threadCard{position:relative;border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--card);margin-bottom:10px}.noteLike{background:var(--card-2, #f7f8f9);border-color:transparent}.noteLike:before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:4px;background:var(--text, #000);border-radius:4px;opacity:.9}.threadHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.threadHead .title{display:flex;align-items:center;gap:8px;min-width:0}.subject{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.threadHead .meta{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.threadBody .snippet{margin:2px 0 0;color:var(--muted)}.threadFoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.threadFoot .btn{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:6px 10px;cursor:pointer}.threadFoot .btn:hover{background:var(--card-2)}.dot{width:8px;height:8px;border-radius:50%;background:var(--border);display:inline-block}.dot.unread{background:var(--primary)}.time{color:var(--muted);font-size:12px}.threadCard.from-tenant{border-left:4px solid #4f46e5}.threadCard.from-client{border-left:4px solid #059669}.threadCard.from-tenant .subject:before{content:"Tenant · ";opacity:.7}.threadCard.from-client .subject:before{content:"Client · ";opacity:.7}.threadCard.is-unread{background:#fff7ed}.threadCard .subject{font-weight:600}.threadCard.is-unread .subject{font-weight:800}.threadList .threadCard{transition:background .12s ease,border-color .12s ease}.threadList .threadCard:hover{background:#94a3b814}.threadCard .title .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:transparent;vertical-align:middle;transform:translateY(-1px)}.threadCard .title .dot.unread{background:#f59e0b}.threadCard .subject{font-weight:500}.threadCard.unread .subject,.threadCard .title .dot.unread+.subject{font-weight:700}.threadCard.unread{background:#fff7ed;border-left:4px solid #f59e0b}.badge.st-unread{background:#ef4444;color:#fff}.commSplit{display:grid;grid-template-columns:380px 1fr;gap:12px;align-items:stretch;min-height:calc(100vh - 180px)}.commLeft,.commRight{display:flex;flex-direction:column;overflow:hidden}.commLeft .scopeSectionLabel{font-weight:700;font-size:.9rem;margin:8px 8px 4px;opacity:.9}.commLeft .scopeList{list-style:none;margin:0 8px 8px;padding:0;display:flex;gap:6px}.scopeItem{width:100%;justify-content:space-between;text-align:left;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid var(--border, #3a3a3a)}.scopeTitle{flex:1 1 auto}.scopeItem.active{background:var(--card, #333);border-color:var(--accent, #6aa84f)}.scopeTitle{font-weight:600}.scopeBadges .badge{opacity:.7}.listMeta{padding:6px 10px}.threadList{list-style:none;margin:0;padding:8px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:8px}.threadCard{position:relative;border:1px solid var(--border, #3a3a3a);border-radius:10px;padding:10px;background:var(--card, #333);cursor:pointer}.threadCard .title{display:flex;align-items:center;gap:8px}.threadCard .meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.threadCard.unread .subject{font-weight:800}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:transparent;border:1px solid var(--border, #3a3a3a)}.dot.unread{background:#ef4444;border-color:#ef4444}.threadBody .snippet{margin:8px 0 0;white-space:pre-wrap}.detailWrap{display:flex;flex-direction:column;min-height:100%;overflow:hidden}.detailHeader{padding:12px 14px;border-bottom:1px solid var(--border, #3a3a3a)}.detailSubject{font-size:1.1rem;font-weight:800;margin-bottom:6px}.detailMeta{display:flex;align-items:center;gap:8px}.detailMeta .spacer{flex:1}.tag.from-client{color:#10b981}.tag.from-tenant{color:#60a5fa}.detailBody{padding:10px 12px;overflow:auto;flex:1}.bubbleList{list-style:none;margin:0;padding:0;display:grid;gap:12px}.bubble{border:1px solid var(--border, #3a3a3a);border-radius:12px;padding:10px 12px;background:var(--card, #333)}.bubble.from-client{border-left:4px solid #10b981}.bubble.from-tenant{border-left:4px solid #60a5fa}.bubbleMeta{display:flex;align-items:center;gap:8px;font-size:.85rem;opacity:.8;margin-bottom:6px}.bubbleBody{white-space:pre-wrap}@media (max-width: 1024px){.commSplit{grid-template-columns:1fr}.commRight{order:2}}.commHeader{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:10px}.commHeader .left,.commHeader .right{display:flex;align-items:center;gap:12px}.funnelTabs{display:flex;align-items:center;gap:6px}.funnelBtn{padding:8px 12px;border-radius:999px;border:1px solid var(--border, #e5e7eb);background:#fff;font-weight:600}.funnelBtn.active{background:#1f2937;color:#fff;border-color:#1f2937}.funnelBtn.more{padding:8px 10px;font-weight:700}.kebabWrap{position:relative}.kebabMenu{position:absolute;top:110%;left:0;min-width:180px;padding:6px;z-index:20}.kebabMenu .menuItem{width:100%;text-align:left;padding:6px 8px}.threadCard{padding:8px 10px;max-width:100%}.threadCard .meta{margin-top:4px}.threadCard .meta .badge.st-open,.threadCard .meta .badge.st-closed,.threadCard .meta .badge.soft{display:none}.threadBody .snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.threadList{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;overflow:auto}.threadCard{padding:10px 12px;max-width:100%}.threadHead{margin:0 0 4px}.threadHead .title{display:flex;align-items:center;gap:8px}.threadHead .subject{font-weight:700;font-size:.98rem;line-height:1.25rem}.threadBody{margin:0 0 4px}.threadBody .snippet{color:var(--muted, #6b7280);font-size:.92rem;line-height:1.2rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.threadCard .meta{display:block;margin:0}.threadCard .meta .time{display:block;font-size:.82rem;line-height:1.1rem;color:var(--muted, #6b7280)}.threadCard .meta .badge.st-open,.threadCard .meta .badge.st-closed,.threadCard .meta .badge.soft{display:none!important}.chatbot-module{outline:none}.cb-tabbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.cb-tabbtn{padding:8px 12px;border:1px solid #e1e4ea;border-radius:10px;background:#fff;color:#111;cursor:pointer}.cb-tabbtn.active{border-color:#1e66ff;box-shadow:inset 0 0 0 2px #1e66ff}.cb-cards{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.cb-card{border:1px solid #e1e4ea;border-radius:12px;background:#fff;padding:16px}.cb-btn{padding:8px 12px;border:1px solid #e1e4ea;border-radius:8px;background:#fff;cursor:pointer}.cb-btn:hover{background:#f6f7fb}.cb-split{display:grid;grid-template-columns:1fr 2fr;gap:12px}.cb-left,.cb-right{min-width:0}.cb-chatlist{display:flex;flex-direction:column;gap:8px}.cb-chatitem{text-align:left;width:100%;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 10px}.cb-chatitem .row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cb-chatitem .row-mid{font-size:.875rem;opacity:.9;margin-bottom:4px}.cb-chatitem .row-bot{display:flex;justify-content:space-between;font-size:.75rem;opacity:.7}.cb-chatitem:focus,.cb-chatitem:focus-visible{outline:none}.cb-chatitem.active{border-color:#1e66ff;box-shadow:inset 0 0 0 2px #1e66ff}.cb-chatlog{display:flex;flex-direction:column;gap:10px}.cb-chatlog .msg{display:grid;grid-template-columns:84px 1fr;gap:8px}.cb-chatlog .msg .role{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.03em}.cb-chatlog .msg .bubble{border:1px solid var(--line);border-radius:8px;padding:8px 10px}.cb-chatlog .msg.user .bubble{background:#4da3ff0f}.cb-chatlog .msg.assistant .bubble{background:#50ffa30f}.cb-chatempty{padding:6px 2px}.flex-between{display:flex;align-items:center;justify-content:space-between}.chatbot-module .cb-split{display:grid;grid-template-columns:minmax(320px,28%) 1fr;gap:12px;height:calc(100vh - 140px);min-height:560px}.chatbot-module .cb-leftcard{height:100%;display:flex;flex-direction:column;gap:10px}.chatbot-module .cb-rightcard{height:100%;display:grid;grid-template-rows:auto 1fr auto}.chatbot-module .cb-searchbar{flex:0 0 auto}.chatbot-module .cb-input{width:100%;border:1px solid #e1e4ea;background:#fff;color:#111;border-radius:8px;padding:6px 10px;font-size:.875rem}.chatbot-module .cb-chatlist{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;overflow:auto}.chatbot-module .cb-chatitem{text-align:left;width:100%;border:1px solid #e1e4ea;background:#fff;border-radius:12px;padding:10px 12px}.chatbot-module .cb-chatitem .row-bot{display:flex;justify-content:flex-end;font-size:.8rem;opacity:.7;margin-top:6px}.chatbot-module .cb-rightcard{height:100%;display:grid;grid-template-rows:auto 1fr}.chatbot-module .cb-scroll{overflow:auto}.chatbot-module .cb-chatlog{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.chatbot-module .cb-chatlog .msg{display:grid;grid-template-columns:84px 1fr;gap:8px}.chatbot-module .cb-chatlog .msg .role{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.03em}.chatbot-module .cb-chatlog .msg .bubble{border:1px solid #e1e4ea;border-radius:12px;padding:10px 12px;background:#fff}.chatbot-module .cb-chatlog .msg.user .bubble{background:#f3f8ff}.chatbot-module .cb-chatlog .msg.assistant .bubble{background:#f4fff8}.chatbot-module .cb-chatlog .msg.system .bubble{background:#fff;font-style:italic}.chatbot-module .cb-chatinput{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:8px}.chatbot-module .cb-textarea{resize:none;border:1px solid #e1e4ea;background:#fff;color:#111;border-radius:12px;padding:10px 12px;line-height:1.25;max-height:140px;overflow:auto}.chatbot-module .cb-chatlog{padding:6px 4px}.chatbot-module .cb-chatlog .msg{display:flex;margin:6px 0}.chatbot-module .cb-chatlog .msg.left{justify-content:flex-start}.chatbot-module .cb-chatlog .msg.right{justify-content:flex-end}.chatbot-module .cb-chatlog .bubble{max-width:72ch;border:1px solid #e1e4ea;border-radius:16px;padding:10px 12px;background:#fff;line-height:1.4}.chatbot-module .cb-chatlog .msg.left .bubble{background:#f3f8ff;border-top-left-radius:6px}.chatbot-module .cb-chatlog .msg.right .bubble{background:#f4fff8;border-top-right-radius:6px}.chatbot-module .cb-rightcard{padding-bottom:6px}.chatbot-module .cb-chatitem,.chatbot-module .cb-chatitem *,.chatbot-module .cb-tabbtn,.chatbot-module .cb-tabbtn *{color:var(--ink)!important}:root{--page-bg: #f7f8fa;--panel: #ffffff;--ink: #0f172a;--muted: #64748b;--line: #e6e8ee;--accent: #111111;--ok: #10b981;--warn: #f59e0b;--radius: 14px;--shadow: 0 6px 20px rgba(16, 24, 40, .08);--shadow-sm: 0 2px 10px rgba(16, 24, 40, .06);--font-ui: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:Nunito,sans-serif;background:var(--color-bg, #fff);color:var(--color-text, #222);line-height:1.6}a{color:var(--color-primary, #7bab17);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.5em;color:var(--color-text, #222)}h1{font-size:2.4rem;font-weight:800}h2{font-size:1.9rem;font-weight:700}h3{font-size:1.6rem;font-weight:600}h4{font-size:1.4rem;font-weight:500}p{margin-bottom:1em;color:var(--color-text-muted, #555)}ul,ol{margin-left:1.5em;margin-bottom:1em}ul{list-style:disc}ol{list-style:decimal}button{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:8px 16px;background:var(--color-primary, #45602d);color:#fff;transition:background .2s ease}button:hover{background:var(--color-primary-dark, #819b60);color:#fff}.btn-small{font-size:1rem;padding:4px 12px}.btn-medium{font-size:1.1rem;padding:5px 14px}.btn-large{font-size:1.3rem;padding:4px 20px}.btn-secondary{background:var(--color-secondary, #2d2d3e)}.btn-secondary:hover{background:var(--color-secondary-dark, #363668)}.btn-third{background:var(--color-secondary, #3158a8)}.btn-third:hover{background:var(--color-secondary-dark, #23408e)}.btn-status{background:var(--color-secondary, white);color:#262626;border:1px solid var(--line)}.btn-status:hover{background:var(--color-secondary-dark, #262626)}.btn-status.btn-open{background:var(--color-secondary, white);color:#262626;border:1px solid var(--line)}.btn-status.btn-open:hover{background:var(--color-secondary-dark, #fbb474)}.btn-danger{background:var(--color-danger, #9f1d20)}.btn-danger:hover{background:#bd262d}input,textarea,select{font:inherit;padding:8px 12px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{border-color:var(--color-primary, #f6f1de);box-shadow:0 0 0 2px #4caf5033}textarea{resize:vertical;min-height:80px}input[type=checkbox],input[type=radio]{width:auto;margin-right:6px}.card{border:1px solid #ddd;border-radius:8px;padding:20px;background:#fff;box-shadow:0 1px 3px #00000014;transition:transform .2s ease,box-shadow .2s ease}.card.card-titel{padding:10px}.container{padding:40px;max-width:1200px;margin:0 auto}.section{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #ddd}.flex{display:flex;gap:20px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-gap{display:flex;gap:12px;align-items:flex-start}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.nav{margin-bottom:20px;gap:12px}.form-stack{display:flex;flex-direction:column;gap:10px;max-width:320px}.threadCard.clickable{cursor:pointer}.threadCard .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:#cbd5e1}.threadCard .dot.unread{background:#ef4444}