:root{--ds-accent: #10b981;--ds-bg: #f8fafc;--ds-card-bg: #ffffff;--ds-text: #0f172a;--ds-subtext: #64748b;--ds-border: #e2e8f0}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--ds-bg);color:var(--ds-text)}.glass-header{background:#fff;border-bottom:1px solid var(--ds-border)}.premium-card{background:var(--ds-card-bg);border:1px solid var(--ds-border);box-shadow:0 1px 3px #0f172a08;transition:all .2s ease}.premium-card:hover{border-color:#cbd5e1;box-shadow:0 10px 15px -3px #0f172a0d;transform:translateY(-1px)}.emerald-gradient{background:#10b981}.no-scrollbar::-webkit-scrollbar{display:none}.hs-tab{position:relative;color:#94a3b8;cursor:pointer;padding:12px 4px;border-bottom:2px solid transparent;transition:all .2s}.hs-tab:hover{color:#475569}.hs-tab.active{color:#0f172a;border-bottom-color:#0f172a}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){#tab-cpq .grid-cols-3{grid-template-cols:1fr 1fr}.p-6,.p-10{padding:1.5rem!important}}@media (max-width: 768px){#tab-cpq .grid-cols-3,#tab-cpq .grid-cols-2{grid-template-cols:1fr}header{padding:0 1rem!important}.text-2xl{font-size:1.25rem!important}.hs-tab{font-size:8px;padding:10px 2px}}.custom-scroll::-webkit-scrollbar{width:6px;height:6px}.custom-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.timeline-line{position:absolute;left:7px;top:8px;bottom:0;width:2px;background:#f1f5f9;z-index:0}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-ok{background-color:#10b981}.status-obs{background-color:#f59e0b}.status-fejl{background-color:#e11d48}.kanban-ghost{opacity:.4;background-color:#f8fafc;border:1px dashed #cbd5e1;transform:scale(.98);border-radius:8px}.kanban-column{transition:background-color .2s ease;border-radius:8px}#tab-cpq .cpq-field label{display:block;font-weight:900;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:2px;margin-left:1px}#tab-cpq input[type=text],#tab-cpq input[type=number],#tab-cpq input[type=date],#tab-cpq select,#tab-cpq textarea{width:100%;padding:6px 10px;font-size:12px;font-weight:600;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;transition:all .15s}#tab-cpq input:focus,#tab-cpq select:focus,#tab-cpq textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.sub-item-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px;margin-bottom:8px;transition:border-color .2s;position:relative}.sub-item-container:hover{border-color:#cbd5e1}.sub-item-container.drag-over{border:2px dashed #10b981;opacity:.6}.drag-handle{cursor:grab;color:#cbd5e1;font-size:18px;padding:0 5px}.drag-handle:active{cursor:grabbing}.sub-item-top{display:flex;gap:8px;align-items:center;margin-bottom:8px}.sub-item-calc{background:#f8fafc;padding:8px;border-radius:6px;border:1px solid #f1f5f9}.group-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:12px;box-shadow:0 1px 4px #00000005}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.exit-pdf-btn{display:none;position:fixed;top:20px;right:20px;z-index:10000;background:#0f172a;color:#fff;padding:10px 20px;border-radius:8px;font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:1px}body.pdf-mode{background:#52525b;overflow:hidden}body.pdf-mode #app-content header,body.pdf-mode nav{display:none!important}body.pdf-mode #tab-cpq{padding:0;margin:0;height:100vh}body.pdf-mode #preview-container{background:transparent;padding:40px 0;height:100vh}body.pdf-mode .exit-pdf-btn{display:block}