.cdemo{--d-bg:var(--brand-background);--d-card:var(--surface-card);--d-border:var(--border-light);--d-text:var(--text-primary);--d-muted:var(--text-muted);--d-active:color-mix(in srgb, var(--brand-primary) 8%, transparent);--d-hover:color-mix(in srgb, var(--brand-primary) 4%, transparent);--d-accent-soft:color-mix(in srgb, var(--brand-accent) 8%, var(--surface-card));--d-danger-soft:color-mix(in srgb, var(--danger) 11%, var(--surface-card));--d-warning-soft:color-mix(in srgb, var(--brand-soft) 35%, var(--surface-card));--d-neutral-soft:color-mix(in srgb, var(--brand-dark) 6%, var(--surface-card));--d-radius:14px;background:var(--d-bg);color:var(--d-text);font-family:var(--font-sans);text-align:left;outline:none;grid-template-rows:1fr auto;grid-template-columns:216px 1fr;font-size:13.5px;font-weight:300;line-height:1.45;display:grid;position:relative;overflow:hidden}.cdemo.is-embedded{border-radius:16px;height:660px}.cdemo.is-full{height:calc(100dvh - 56px)}.cdemo *{box-sizing:border-box}.cdemo button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.cdemo input,.cdemo select{font:inherit;color:inherit;background:var(--d-card);border:1px solid var(--border-strong);border-radius:10px;width:100%;min-width:0;padding:8px 10px}.cdemo input:focus,.cdemo select:focus,.cdemo button:focus-visible,.cdemo [tabindex]:focus-visible{outline:2px solid color-mix(in srgb, var(--brand-primary) 55%, transparent);outline-offset:1px}.cdemo h1,.cdemo h2,.cdemo h3{margin:0;font-weight:300}.cdemo p,.cdemo ul,.cdemo ol,.cdemo dl{margin:0;padding:0}.cdemo li{list-style:none}.cdemo strong{font-weight:500}.d-muted{color:var(--d-muted)}.d-small{font-size:12px}.is-danger{color:var(--danger)}.d-label{letter-spacing:.8px;text-transform:uppercase;color:var(--d-muted);font-size:11px;font-weight:500}.d-hint{color:var(--d-muted);font-size:12px;line-height:1.45}.d-num{font-variant-numeric:tabular-nums;white-space:nowrap}.d-sidebar{background:var(--d-card);border-right:1px solid var(--d-border);flex-direction:column;grid-row:1/-1;gap:18px;min-height:0;padding:14px 10px;display:flex}.d-sidebar-brand{align-items:center;gap:10px;padding:4px 8px;font-size:15px;display:flex}.d-sidebar-product{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.d-iconbtn.d-sidebar-close{display:none}.d-nav{flex-direction:column;gap:4px;display:flex}.d-nav-item{min-height:36px;color:var(--text-secondary);border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.d-nav-item:hover{background:var(--d-hover);color:var(--d-text)}.d-nav-item.is-active{background:var(--d-active);color:var(--brand-primary);font-weight:400}.d-nav-count{background:var(--d-neutral-soft);color:var(--text-secondary);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:500}.d-nav-count.is-danger{background:var(--d-danger-soft);color:var(--danger)}.d-sidebar-section{flex-direction:column;gap:6px;padding:0 10px;display:flex}.d-sidebar-unit{align-items:center;gap:8px;font-size:12.5px;display:flex}.d-sidebar-unit .d-muted{margin-left:auto;font-size:11px}.d-sidebar-foot{margin-top:auto;padding:0 10px;font-size:11.5px}.d-unit{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.d-unit-dot{border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.d-unit-dot.is-primary{background:var(--brand-primary)}.d-unit-dot.is-dark{background:var(--brand-dark)}.d-unit-dot.is-soft{background:var(--brand-soft)}.d-main{flex-direction:column;min-width:0;min-height:0;display:flex}.d-topbar{border-bottom:1px solid var(--d-border);background:var(--d-card);flex:none;align-items:center;gap:12px;padding:10px 20px;display:flex}.d-iconbtn.d-menu-btn{display:none}.d-search{background:var(--d-bg);border:1px solid var(--d-border);max-width:420px;color:var(--d-muted);border-radius:999px;flex:1;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;display:flex}.d-search span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.d-search kbd{font:inherit;border:1px solid var(--border-strong);border-radius:6px;padding:1px 6px;font-size:10.5px}.d-topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.d-chip{border:1px solid var(--d-border);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px}.d-avatar-btn{border-radius:999px}.d-content{flex:1;min-height:0;animation:.18s ease-out d-fade;overflow:auto}@keyframes d-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.d-content{animation:none}}.d-page{flex-direction:column;gap:16px;min-width:0;padding:22px 24px 28px;display:flex}.d-page-board{height:100%}.d-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.d-title{flex-wrap:wrap;align-items:center;gap:10px;font-size:1.5rem;line-height:1.2;display:flex}.d-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.d-back{color:var(--d-muted);align-self:flex-start;align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.d-back:hover{color:var(--brand-primary)}.d-btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.d-btn:disabled{opacity:.45;cursor:default}.d-btn-sm{padding:6px 12px;font-size:12.5px}.d-btn-primary{background:var(--brand-primary);color:var(--text-on-brand);font-weight:600}.d-btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--brand-primary) 85%, var(--brand-dark))}.d-btn-secondary{background:var(--d-card);border-color:var(--border-strong)}.d-btn-secondary:hover:not(:disabled){border-color:var(--brand-primary)}.d-btn-ghost{color:var(--text-secondary)}.d-btn-ghost:hover{background:var(--d-hover)}.d-iconbtn{width:30px;height:30px;color:var(--d-muted);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.d-iconbtn:hover{background:var(--d-hover);color:var(--d-text)}.d-link{color:var(--brand-accent);font-size:inherit}.d-link:hover{text-decoration:underline}.d-link-plain{color:inherit}.d-link-plain:hover{color:var(--brand-accent)}.d-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.d-kpis-3{grid-template-columns:repeat(3,1fr)}.d-kpi{background:var(--d-card);border:1px solid var(--d-border);border-radius:var(--d-radius);flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.d-kpi-value{font-variant-numeric:tabular-nums;font-size:1.75rem;line-height:1.1}.d-kpi-owner{align-items:center;gap:8px;font-size:1rem;display:flex}.d-kpi-sub{color:var(--d-muted);font-size:12px}.d-kpi-sub.is-success{color:var(--success)}.d-kpi-sub.is-danger{color:var(--danger)}.d-card{background:var(--d-card);border:1px solid var(--d-border);border-radius:var(--d-radius);flex-direction:column;gap:12px;min-width:0;padding:16px 18px;display:flex}.d-grid-2-1{grid-template-columns:2fr 1fr;gap:12px;display:grid}.d-grid-1-1{grid-template-columns:1fr 1fr;gap:12px;display:grid}.d-section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.d-section-title h3{align-items:center;gap:8px;font-size:15px;font-weight:400;display:flex}.d-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;line-height:1.3;display:inline-flex}.d-badge-draft,.d-pill-neutral,.d-badge-inv-to_issue{background:var(--d-neutral-soft);color:var(--text-secondary)}.d-badge-sent,.d-pill-warning{background:var(--d-warning-soft);color:color-mix(in srgb, var(--brand-primary) 70%, var(--brand-dark))}.d-badge-negotiation,.d-badge-inv-issued{background:color-mix(in srgb, var(--brand-primary) 14%, var(--surface-card));color:var(--brand-accent)}.d-badge-signed,.d-pill-accent,.d-pill-success,.d-badge-inv-paid{background:var(--d-accent-soft);color:var(--brand-accent)}.d-badge-refused,.d-pill-danger,.d-badge-inv-late{background:var(--d-danger-soft);color:var(--danger)}.d-avatar{background:var(--brand-primary);color:var(--text-on-brand);letter-spacing:.3px;border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.d-company-mark{background:var(--d-neutral-soft);color:var(--text-secondary);border-radius:8px;flex:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.d-table-wrap{background:var(--d-card);border:1px solid var(--d-border);border-radius:var(--d-radius);overflow:auto}.d-table{border-collapse:collapse;width:100%;font-size:13px}.d-table th{text-align:left;letter-spacing:.8px;text-transform:uppercase;color:var(--d-muted);background:var(--surface-table-head);border-bottom:1px solid var(--d-border);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:500}.d-table td{border-bottom:1px solid var(--d-border);vertical-align:middle;padding:10px 14px}.d-table tr:last-child td{border-bottom:0}.d-table-compact th,.d-table-compact td{padding:6px 8px}.d-row-link{cursor:pointer}.d-row-link:hover td{background:var(--d-hover)}.d-table tr.is-late td:first-child{box-shadow:inset 3px 0 0 var(--danger)}.d-cell-name{align-items:center;gap:10px;display:inline-flex}.d-cell-actions{text-align:right;white-space:nowrap}.d-signal{color:var(--danger);vertical-align:middle;align-items:center;gap:3px;margin-left:8px;font-size:11px;display:inline-flex}.d-signal.is-accent{color:var(--brand-accent)}.d-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.d-filter-input{background:var(--d-card);border:1px solid var(--d-border);color:var(--d-muted);border-radius:999px;align-items:center;gap:8px;min-width:260px;padding:0 12px;display:flex}.d-filter-input input{background:0 0;border:0;padding:7px 0}.d-filter-input input:focus{outline:none}.d-choice-row{flex-wrap:wrap;gap:6px;display:flex}.d-choice{border:1px solid var(--border-strong);background:var(--d-card);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;display:inline-flex}.d-choice-sm{padding:5px 10px;font-size:12px}.d-choice:hover{border-color:var(--border-strong)}.d-choice.is-active{background:var(--d-active);border-color:color-mix(in srgb, var(--brand-primary) 40%, transparent);color:var(--brand-primary)}.d-smartviews{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.d-smartview{background:var(--d-card);border:1px solid var(--d-border);border-radius:var(--d-radius);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.d-smartview strong{font-size:1.4rem;font-weight:300}.d-smartview.is-active{border-color:color-mix(in srgb, var(--brand-primary) 45%, transparent);background:var(--d-active)}.d-activity-list,.d-feed,.d-renew-list,.d-status-list,.d-people{flex-direction:column;gap:8px;display:flex}.d-activity-list li,.d-people li,.d-renew-list li{border-bottom:1px solid var(--d-border);align-items:center;gap:10px;padding:6px 0;display:flex}.d-activity-list li:last-child,.d-people li:last-child,.d-renew-list li:last-child{border-bottom:0}.d-activity-icon{background:var(--d-active);width:28px;height:28px;color:var(--brand-primary);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.d-activity-body{flex-direction:column;flex:1;min-width:0;display:flex}.d-activity-body>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.d-people li>.d-link-plain,.d-renew-list li>.d-link-plain{font-weight:400}.d-people li .d-muted{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.d-renew-list li .d-muted{flex:1}.d-feed li{align-items:center;gap:8px;font-size:12.5px;display:flex}.d-feed li>span:not(.d-avatar):not(.d-muted){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.d-feed li .d-muted{flex:none}.d-status-list li{grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:4px 0;display:grid}.d-dl{grid-template-columns:110px 1fr;gap:8px 12px;font-size:13px;display:grid}.d-dl dt{color:var(--d-muted);font-size:12px}.d-dl dd{margin:0}.d-legend{flex-direction:column;gap:8px;display:flex}.d-legend-item{grid-template-columns:auto 1fr auto auto 140px;align-items:center;gap:10px;font-size:12.5px;display:grid}.d-progress{background:var(--d-neutral-soft);border-radius:999px;height:6px;overflow:hidden}.d-progress-bar{border-radius:999px;height:100%}.d-progress-bar.is-primary{background:var(--brand-primary)}.d-progress-bar.is-dark{background:var(--brand-dark)}.d-progress-bar.is-soft{background:var(--brand-soft)}.d-empty{text-align:center;color:var(--d-muted);flex-direction:column;align-items:center;gap:12px;padding:28px;display:flex}.d-fiche-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.d-fiche-id{flex:1;min-width:240px}.d-fiche-head .d-actions{margin-left:auto}.d-banner{background:var(--d-warning-soft);border:1px solid color-mix(in srgb, var(--brand-soft) 70%, transparent);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.d-banner.is-danger{background:var(--d-danger-soft);border-color:color-mix(in srgb, var(--danger) 25%, transparent)}.d-banner svg{flex:none;margin-top:2px}.d-kanban{flex:1;grid-template-columns:repeat(5,minmax(180px,1fr));gap:10px;min-height:0;display:grid;overflow-x:auto}.d-kb-col{background:color-mix(in srgb, var(--brand-dark) 3%, transparent);border-radius:var(--d-radius);border:1px dashed #0000;flex-direction:column;gap:8px;min-height:0;padding:8px;transition:background .15s,border-color .15s;display:flex}.d-kb-col.is-droppable{border-color:color-mix(in srgb, var(--brand-primary) 35%, transparent)}.d-kb-col.is-blocked{opacity:.55}.d-kb-col.is-over.is-droppable{background:var(--d-active);border-style:solid}.d-kb-col.is-over.is-blocked{border-color:color-mix(in srgb, var(--danger) 45%, transparent);border-style:solid}.d-kb-head{align-items:center;gap:8px;padding:2px 4px;display:flex}.d-kb-total{color:var(--d-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px}.d-kb-cards{flex-direction:column;flex:1;gap:8px;min-height:60px;display:flex;overflow-y:auto}.d-kb-card{background:var(--d-card);border:1px solid var(--d-border);cursor:grab;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;transition:border-color .15s,transform .15s;display:flex}.d-kb-card:hover{border-color:color-mix(in srgb, var(--brand-primary) 40%, transparent)}.d-kb-card.is-dragging{opacity:.5;transform:rotate(-1.5deg)}.d-kb-card[draggable=false]{cursor:pointer}.d-kb-card-top{align-items:center;gap:8px;min-width:0;font-size:12.5px;display:flex}.d-kb-card-top strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.d-kb-card-amount{font-size:15px}.d-kb-card-meta{align-items:center;gap:8px;font-size:11.5px;display:flex}.d-kb-card-meta .d-avatar{margin-left:auto}.d-kb-empty{text-align:center;color:var(--d-muted);border:1px dashed var(--border-strong);border-radius:10px;padding:18px 8px;font-size:12px}.d-chart{width:100%;height:auto;display:block}.d-chart-grid{stroke:var(--d-border);stroke-width:1px}.d-chart-bar.is-primary{fill:var(--brand-primary)}.d-chart-bar.is-dark{fill:var(--brand-dark)}.d-chart-bar.is-soft{fill:var(--brand-soft)}.d-chart-label{fill:var(--d-muted);font-size:11px}.d-modal-backdrop{background:color-mix(in srgb, var(--brand-dark) 35%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:300;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:absolute;inset:0;overflow:auto}.d-modal{background:var(--d-card);border:1px solid var(--d-border);border-radius:18px;width:100%;animation:.18s ease-out d-fade}.d-modal-head{justify-content:space-between;align-items:center;padding:16px 20px 0;display:flex}.d-modal-head h3{font-size:1.1rem}.d-modal-body{flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.d-form{flex-direction:column;gap:12px;display:flex}.d-form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.d-field{flex-direction:column;gap:5px;display:flex}.d-form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.d-form-actions-left{justify-content:flex-start}.d-steps{gap:6px;margin-bottom:4px;display:flex}.d-steps li{text-transform:uppercase;letter-spacing:.8px;color:var(--d-muted);border-top:2px solid var(--d-border);flex:1;padding-top:8px;font-size:11px}.d-steps li.is-active{color:var(--brand-primary);border-color:var(--brand-primary)}.d-steps li.is-done{border-color:color-mix(in srgb, var(--brand-primary) 40%, transparent)}.d-qty{width:64px;padding:4px 8px}.d-total{border-top:1px solid var(--d-border);color:var(--d-muted);justify-content:space-between;align-items:baseline;gap:12px;padding-top:8px;font-size:12.5px;display:flex}.d-total strong{color:var(--d-text);font-size:16px}.d-search-input{padding:10px 14px;font-size:15px}.d-search-list{flex-direction:column;gap:2px;min-height:40px;display:flex}.d-search-hit{border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.d-search-hit.is-active{background:var(--d-active)}.d-search-hit>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.d-search-kind{text-transform:uppercase;letter-spacing:.6px;color:var(--d-muted);flex:none;width:56px;font-size:11px}.d-search-empty{padding:8px 10px}.d-swatches{flex-wrap:wrap;gap:8px;display:flex}.d-swatch{border:1px solid var(--d-border);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:12.5px;display:inline-flex}.d-swatch.is-active{border-color:var(--brand-primary);background:var(--d-active)}.d-swatch-dot{border-radius:999px;width:16px;height:16px}.d-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.d-pack{border:1px solid var(--d-border);background:var(--d-bg);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.d-pack.is-active{border-color:var(--brand-primary);background:var(--d-active)}.d-tour{border-top:1px solid color-mix(in srgb, var(--brand-primary) 25%, var(--d-border));background:color-mix(in srgb, var(--brand-primary) 4%, var(--d-card));grid-column:2;align-items:center;gap:12px;min-width:0;padding:8px 14px 8px 18px;font-size:12.5px;display:flex}.d-tour-dots{flex:none;gap:4px;display:flex}.d-tour-dots li{border:1px solid var(--border-strong);width:16px;height:16px;color:var(--text-on-brand);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.d-tour-dots li.is-done{background:var(--brand-primary);border-color:var(--brand-primary)}.d-tour-dots li.is-next{border-color:var(--brand-primary);box-shadow:inset 0 0 0 3px var(--d-card), inset 0 0 0 8px var(--brand-primary)}.d-tour-step{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--d-text);flex:1;overflow:hidden}.d-tour-step:hover{color:var(--brand-primary)}.d-toasts{z-index:500;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.d-toast{background:var(--brand-dark);color:var(--text-on-dark);border-radius:999px;max-width:520px;padding:9px 14px;font-size:12.5px;animation:.2s ease-out d-fade}.d-toast.is-error{background:var(--danger)}.d-scrim{display:none}@media (max-width:1024px){.cdemo{grid-template-columns:1fr}.d-sidebar{z-index:120;width:240px;transition:transform .2s;position:absolute;inset:0 auto 0 0;transform:translate(-100%)}.nav-open .d-sidebar{transform:none}.d-iconbtn.d-sidebar-close,.d-iconbtn.d-menu-btn{display:inline-flex}.d-scrim{z-index:110;background:color-mix(in srgb, var(--brand-dark) 30%, transparent);display:block;position:absolute;inset:0}.d-kpis{grid-template-columns:repeat(2,1fr)}.d-grid-2-1,.d-grid-1-1,.d-packs,.d-smartviews{grid-template-columns:1fr}.d-kanban{grid-template-columns:repeat(5,220px)}.d-tour{grid-column:1}.d-legend-item{grid-template-columns:auto 1fr auto auto}.d-legend-item .d-progress{grid-column:1/-1}}@media (max-width:640px){.d-page{padding:14px 14px 20px}.d-kpis,.d-kpis-3{grid-template-columns:1fr 1fr}.d-search span,.d-chip,.d-tour{display:none}.cdemo.is-embedded{height:560px}}.cdemo.is-loading{border-radius:16px;grid-template-columns:216px 1fr;height:660px}.d-skeleton-side{background:var(--d-card);border-right:1px solid var(--d-border)}.d-skeleton-main{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.d-skeleton-bar,.d-skeleton-cards span,.d-skeleton-block{background:var(--d-neutral-soft);border-radius:12px}.d-skeleton-bar{width:40%;height:36px}.d-skeleton-cards{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.d-skeleton-cards span{height:84px}.d-skeleton-block{height:260px}.hero-demo-frame{border:1px solid var(--d-border,var(--border-light));border-radius:16px;overflow:hidden}.hero-demo-caption{text-align:center;margin-top:12px;font-size:13px}.hero-demo-caption a{color:var(--brand-accent)}.demo-page-bar{border-bottom:1px solid var(--border-light);background:var(--surface-card);align-items:center;gap:16px;height:56px;padding:0 20px;display:flex}.demo-page-note{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.demo-page-actions{gap:8px;display:flex}@media (max-width:768px){.demo-page-note,.demo-page-actions .btn-ghost{display:none}}