*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}html{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--ddv-bg);color:var(--ddv-text)}body{min-height:100vh;background:var(--ddv-bg);color:var(--ddv-text);line-height:1.5}a{color:inherit}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.ddv-shell{min-height:100vh}.ddv-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:12px max(14px,calc((100vw - 1280px)/2));background:color-mix(in srgb,var(--ddv-surface) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--ddv-border)}.ddv-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.ddv-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--ddv-primary),var(--ddv-secondary));color:var(--ddv-on-primary,#fff);display:grid;place-items:center;font-weight:900;overflow:hidden}.ddv-mark img{width:100%;height:100%;object-fit:contain;background:var(--ddv-surface)}.ddv-brand-text{min-width:0}.ddv-brand-text b,.ddv-brand-text small{display:block;overflow-wrap:anywhere}.ddv-brand-text small{color:var(--ddv-muted)}.ddv-spacer{flex:1}.ddv-main{width:min(100% - 28px,1280px);margin:auto;padding:28px 0 90px}.ddv-card{background:var(--ddv-surface);border:1px solid var(--ddv-border);border-radius:18px;padding:20px;box-shadow:var(--ddv-shadow);min-width:0}.ddv-grid{display:grid;gap:14px}.ddv-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ddv-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ddv-hero{padding:clamp(26px,5vw,58px);background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--ddv-primary) 16%,transparent),transparent 30%),var(--ddv-surface)}.ddv-hero h1{font-size:clamp(36px,6vw,68px);line-height:1.02;letter-spacing:-2px;margin:8px 0 14px}.ddv-muted{color:var(--ddv-muted)}.ddv-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--ddv-border);background:var(--ddv-surface);color:var(--ddv-text);border-radius:11px;padding:10px 13px;font-weight:800;text-decoration:none;cursor:pointer}.ddv-btn.primary{background:var(--ddv-primary);border-color:var(--ddv-primary);color:var(--ddv-on-primary,#fff)}.ddv-btn.danger{color:var(--ddv-danger)}.ddv-actions{display:flex;gap:8px;flex-wrap:wrap}.ddv-field{margin:12px 0}.ddv-field label{display:block;font-size:12px;font-weight:800;margin-bottom:5px}.ddv-field input,.ddv-field select,.ddv-field textarea{width:100%;max-width:100%;border:1px solid var(--ddv-border);background:var(--ddv-surface-2);color:var(--ddv-text);border-radius:10px;padding:10px 11px;outline:0}.ddv-field input:focus,.ddv-field select:focus,.ddv-field textarea:focus{border-color:var(--ddv-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ddv-primary) 17%,transparent)}.ddv-table-scroll{overflow:auto;max-width:100%;border:1px solid var(--ddv-border);border-radius:13px}.ddv-table{width:100%;border-collapse:collapse;min-width:740px}.ddv-table th,.ddv-table td{padding:10px 12px;border-bottom:1px solid var(--ddv-border);text-align:left;vertical-align:top}.ddv-table th{font-size:11px;color:var(--ddv-muted);background:var(--ddv-surface-2)}.ddv-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid var(--ddv-border)}.ddv-status.PASS,.ddv-status.AUTO-FIX{color:var(--ddv-success)}.ddv-status.FALLBACK,.ddv-status.WARN{color:var(--ddv-warning)}.ddv-status.FAIL{color:var(--ddv-danger)}.ddv-alert{padding:12px 14px;border-radius:12px;border:1px solid var(--ddv-border);background:var(--ddv-surface-2);margin:12px 0;overflow-wrap:anywhere}.ddv-alert.error{border-color:color-mix(in srgb,var(--ddv-danger) 45%,var(--ddv-border));color:var(--ddv-danger)}.ddv-alert.success{border-color:color-mix(in srgb,var(--ddv-success) 45%,var(--ddv-border));color:var(--ddv-success)}.ddv-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:14px}.ddv-step{text-align:center;font-size:11px;padding:8px 5px;border:1px solid var(--ddv-border);border-radius:9px;background:var(--ddv-surface)}.ddv-step.active{background:var(--ddv-primary);color:#fff;border-color:var(--ddv-primary)}.ddv-side{position:sticky;top:82px;align-self:start}.ddv-side a{display:block;text-decoration:none;padding:10px;border-radius:9px;color:var(--ddv-muted)}.ddv-side a:hover{background:var(--ddv-surface-2);color:var(--ddv-text)}.ddv-empty{text-align:center;padding:50px 18px}.ddv-kpi{padding:16px}.ddv-kpi strong{font-size:28px;display:block}.ddv-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ddv-surface-2);border:1px solid var(--ddv-border);border-radius:10px;padding:12px}.ddv-footer{padding:26px 14px;text-align:center;color:var(--ddv-muted)}:focus-visible{outline:3px solid color-mix(in srgb,var(--ddv-primary) 45%,transparent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:900px){.ddv-side{position:static}.ddv-grid-3{grid-template-columns:1fr 1fr}.ddv-steps{grid-template-columns:1fr 1fr}}@media(max-width:620px){.ddv-main{width:min(100% - 18px,1280px);padding-top:14px}.ddv-grid-2,.ddv-grid-3{grid-template-columns:1fr}.ddv-card{padding:15px;border-radius:14px}.ddv-hero{padding:25px 16px}.ddv-top{padding:9px}.ddv-brand-text small{display:none}.ddv-actions .ddv-btn{flex:1}.ddv-steps{grid-template-columns:1fr}.ddv-table{min-width:650px}}

/* STEP 02 — operational Admin/CMS/Storefront responsive primitives */
html{font-family:var(--ddv-font,Inter,system-ui,-apple-system,"Segoe UI",sans-serif)}
.ddv-card{border-radius:var(--ddv-radius,16px)}
.ddv-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;min-width:0}.ddv-page-head h1{font-size:clamp(28px,4vw,40px);line-height:1.08;margin:3px 0}.ddv-page-head p{margin:4px 0}.ddv-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:900;color:var(--ddv-primary)}
.ddv-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ddv-tool-card{text-decoration:none;display:flex;flex-direction:column;gap:5px}.ddv-tool-card span,.ddv-card small{color:var(--ddv-muted);display:block}.ddv-wrap-anywhere{overflow-wrap:anywhere;word-break:break-word}

.ddv-global-search{display:flex;gap:7px;align-items:center;min-width:0;flex:1}.ddv-global-search input{min-width:0;width:100%;border:1px solid var(--ddv-border);background:var(--ddv-surface-2);color:var(--ddv-text);border-radius:10px;padding:9px 11px}.ddv-filter-bar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:0}.ddv-filter-bar input,.ddv-filter-bar select{min-width:0;max-width:100%;border:1px solid var(--ddv-border);background:var(--ddv-surface);color:var(--ddv-text);border-radius:10px;padding:9px 10px}.ddv-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;min-width:0}.ddv-check{display:flex;align-items:center;gap:7px;min-height:40px}.ddv-permission-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 16px}.ddv-permission-matrix label{display:flex;gap:7px;align-items:flex-start;border:1px solid var(--ddv-border);background:var(--ddv-surface-2);padding:8px;border-radius:9px;overflow-wrap:anywhere}.ddv-list-row,.ddv-block-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ddv-border);min-width:0}.ddv-list-row:last-child,.ddv-block-row:last-child{border-bottom:0}.ddv-list-row>div:first-child,.ddv-block-row>div:first-child{min-width:0}.ddv-list-row small,.ddv-block-row small{display:block;color:var(--ddv-muted);overflow-wrap:anywhere}
.ddv-settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.ddv-settings-groups{align-self:start;position:sticky;top:84px;padding:8px}.ddv-settings-groups a{display:block;text-decoration:none;padding:9px 10px;border-radius:9px;color:var(--ddv-muted)}.ddv-settings-groups a.active{background:var(--ddv-primary);color:var(--ddv-on-primary)}
.ddv-theme-swatch{padding:28px;border-radius:var(--ddv-radius);color:var(--ddv-on-primary);font-weight:900}.ddv-preview-devices{display:grid;gap:10px}.ddv-preview-card{border:1px solid var(--ddv-border);background:var(--ddv-surface-2);border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.ddv-preview-card.phone{max-width:320px}.ddv-preview-card.tablet{max-width:560px}.ddv-preview-card.desktop{max-width:100%}
.ddv-builder-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px;align-items:start}.ddv-builder-layout>aside{position:sticky;top:86px;max-height:calc(100dvh - 104px);overflow:auto}.ddv-builder-preview{border:1px dashed var(--ddv-border);border-radius:12px;padding:10px;max-height:65vh;overflow:auto}.ddv-block-list{display:grid}.ddv-data-grid{min-width:1050px}.ddv-empty-state{text-align:center;padding:38px 18px;color:var(--ddv-muted)}
.ddv-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ddv-media-card{padding:11px;display:flex;flex-direction:column;gap:9px;overflow:hidden}.ddv-media-card>img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:11px;background:var(--ddv-surface-2)}.ddv-media-file{aspect-ratio:1.2;display:grid;place-items:center;border-radius:11px;background:var(--ddv-surface-2);font-size:28px;font-weight:900}.ddv-media-meta{display:grid;gap:5px}.ddv-media-meta input{width:100%;min-width:0;border:1px solid var(--ddv-border);background:var(--ddv-surface-2);color:var(--ddv-text);border-radius:8px;padding:7px}.ddv-notification-list{display:grid;gap:9px}.ddv-notification{display:flex;justify-content:space-between;gap:12px}.ddv-notification.unread{border-color:var(--ddv-primary)}.ddv-search-result{display:flex;flex-direction:column;gap:2px;text-decoration:none;padding:10px;border-bottom:1px solid var(--ddv-border)}.ddv-search-result:last-child{border-bottom:0}.ddv-search-result span{color:var(--ddv-muted);overflow-wrap:anywhere}
.ddv-toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:220;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ddv-text);color:var(--ddv-bg);border-radius:999px;padding:9px 14px;transition:.18s}.ddv-toast.show{opacity:1;transform:translate(-50%,0)}
.ddv-cms-block{width:min(100% - 28px,1180px);margin:24px auto;min-width:0}.ddv-container-wide{width:min(100% - 28px,1320px)}.ddv-container-narrow{width:min(100% - 28px,800px)}.ddv-align-center{text-align:center}.ddv-store-hero{padding:clamp(30px,7vw,82px);border:1px solid var(--ddv-border);border-radius:calc(var(--ddv-radius) + 6px);background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--ddv-primary) 18%,transparent),transparent 30%),var(--ddv-surface);box-shadow:var(--ddv-shadow)}.ddv-store-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.02;letter-spacing:-2px;margin:8px 0 12px;overflow-wrap:anywhere}.ddv-store-hero p{font-size:clamp(15px,2vw,18px);color:var(--ddv-muted);max-width:800px}.ddv-align-center .ddv-store-hero p{margin-left:auto;margin-right:auto}.ddv-richtext{overflow-wrap:anywhere}.ddv-richtext a{color:var(--ddv-primary)}.ddv-cms-image_banner img{display:block;width:100%;max-height:70vh;object-fit:cover;border-radius:var(--ddv-radius)}.ddv-store-cta{border:1px solid var(--ddv-border);background:var(--ddv-surface);border-radius:var(--ddv-radius);padding:clamp(22px,4vw,42px)}.ddv-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ddv-benefit{display:flex;flex-direction:column;gap:4px;padding:15px;border:1px solid var(--ddv-border);background:var(--ddv-surface);border-radius:var(--ddv-radius)}.ddv-benefit span{color:var(--ddv-muted)}.ddv-faq details{border-bottom:1px solid var(--ddv-border);padding:11px 0}.ddv-faq summary{font-weight:800;cursor:pointer}.ddv-store-empty{padding:25px;border:1px dashed var(--ddv-border);border-radius:var(--ddv-radius);color:var(--ddv-muted)}.ddv-store-empty-home{width:min(100% - 28px,900px);margin:50px auto}

.ddv-drawer{display:none;position:fixed;inset:0;z-index:180;background:rgba(0,0,0,.42)}.ddv-drawer.open{display:block}.ddv-drawer>div{position:absolute;right:0;top:0;bottom:0;width:min(92vw,560px);max-width:100%;overflow:auto;background:var(--ddv-surface);padding:18px;box-shadow:var(--ddv-shadow)}
.ddv-modal{display:none;position:fixed;inset:0;z-index:190;place-items:center;background:rgba(0,0,0,.42);padding:12px}.ddv-modal.open{display:grid}.ddv-modal>div{width:min(100%,780px);max-height:calc(100dvh - 24px);overflow:auto;background:var(--ddv-surface);border:1px solid var(--ddv-border);border-radius:var(--ddv-radius);padding:18px;box-shadow:var(--ddv-shadow)}
.ddv-skeleton{position:relative;overflow:hidden;min-height:1em;border-radius:8px;background:var(--ddv-surface-2)}.ddv-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ddv-text) 8%,transparent),transparent);animation:ddv-skeleton 1.3s infinite}@keyframes ddv-skeleton{to{transform:translateX(100%)}}
@media(min-width:1101px){.ddv-hide-desktop{display:none!important}}
@media(max-width:1100px){.ddv-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ddv-hide-tablet{display:none!important}}
@media(max-width:800px){.ddv-form-grid,.ddv-settings-layout,.ddv-builder-layout{grid-template-columns:1fr}.ddv-settings-groups,.ddv-builder-layout>aside{position:static;max-height:none}.ddv-permission-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.ddv-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ddv-benefits{grid-template-columns:1fr 1fr}.ddv-page-head{align-items:flex-start;flex-direction:column}.ddv-page-head .ddv-actions{width:100%}}
@media(max-width:620px){.ddv-global-search{order:3;flex-basis:100%}.ddv-permission-matrix,.ddv-media-grid,.ddv-benefits{grid-template-columns:1fr}.ddv-filter-bar>*{flex:1 1 100%}.ddv-list-row,.ddv-block-row,.ddv-notification{align-items:flex-start;flex-direction:column}.ddv-actions{max-width:100%}.ddv-actions form{max-width:100%}.ddv-cms-block,.ddv-container-wide,.ddv-container-narrow{width:min(100% - 18px,1320px)}.ddv-store-hero{padding:28px 16px}.ddv-store-hero h1{font-size:36px;letter-spacing:-1px}.ddv-hide-mobile{display:none!important}.ddv-table{min-width:640px}.ddv-data-grid{min-width:1050px}}
@media(max-width:360px){.ddv-brand-text small{display:none}.ddv-btn{padding-left:9px;padding-right:9px}}
@media(min-width:801px) and (max-width:1100px){.ddv-hide-tablet{display:none!important}}

/* Step 03 Catalog / Pricing */
.ddv-tabs{display:flex;gap:6px;overflow:auto;margin:0 0 14px;padding:5px;border:1px solid var(--ddv-border);border-radius:12px;background:var(--ddv-surface)}.ddv-tabs a{white-space:nowrap;text-decoration:none;padding:7px 10px;border-radius:8px}.ddv-tabs a:hover{background:var(--ddv-surface-2)}
.ddv-pricebook-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:11px;min-width:0}.ddv-pricebook-card{min-width:0;overflow:hidden}.ddv-pricebook-card small{display:block;color:var(--ddv-muted);overflow-wrap:anywhere}.ddv-kv{display:grid;grid-template-columns:minmax(110px,.4fr) minmax(0,1fr);gap:7px 12px}.ddv-kv dt{color:var(--ddv-muted)}.ddv-kv dd{margin:0;overflow-wrap:anywhere}.ddv-chips,.ddv-category-chips{display:flex;gap:7px;overflow:auto;padding-bottom:5px}.ddv-chip{display:inline-flex;white-space:nowrap;border:1px solid var(--ddv-border);border-radius:999px;padding:5px 9px;background:var(--ddv-surface);text-decoration:none}
.ddv-catalog-shell{width:min(100% - 28px,1320px);margin:28px auto 60px;min-width:0}.ddv-catalog-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px}.ddv-catalog-head h1{font-size:clamp(30px,5vw,50px);line-height:1.05;margin:5px 0}.ddv-catalog-search{display:flex;gap:7px;min-width:min(420px,100%)}.ddv-catalog-search input{flex:1;min-width:0;border:1px solid var(--ddv-border);background:var(--ddv-surface);color:var(--ddv-text);border-radius:10px;padding:9px 11px}
.ddv-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.ddv-product-card{min-width:0;border:1px solid var(--ddv-border);background:var(--ddv-surface);border-radius:var(--ddv-radius);overflow:hidden}.ddv-product-image{aspect-ratio:1.15;display:grid;place-items:center;background:var(--ddv-surface-2);text-decoration:none;font-weight:950;font-size:30px;overflow:hidden}.ddv-product-image img{width:100%;height:100%;object-fit:cover;display:block}.ddv-product-body{padding:12px;display:grid;gap:7px;min-width:0}.ddv-product-body h2,.ddv-product-body h3{margin:0;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.ddv-product-body h2 a,.ddv-product-body h3 a{text-decoration:none}.ddv-product-sku{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ddv-muted);overflow-wrap:anywhere}.ddv-product-price{font-size:20px;font-weight:950;color:var(--ddv-primary)}.ddv-product-price.large{font-size:32px}.ddv-compare-price{text-decoration:line-through;color:var(--ddv-muted)}.ddv-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px}.ddv-product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:15px}.ddv-product-gallery{display:grid;gap:10px}.ddv-product-gallery img{width:100%;height:auto;max-height:72vh;object-fit:contain;border:1px solid var(--ddv-border);border-radius:var(--ddv-radius);background:var(--ddv-surface)}.ddv-product-info{min-width:0}.ddv-product-info h1{font-size:clamp(32px,5vw,54px);line-height:1.04;overflow-wrap:anywhere}.ddv-product-placeholder{min-height:360px}.ddv-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ddv-category-tile{display:flex;flex-direction:column;gap:4px;text-decoration:none;border:1px solid var(--ddv-border);background:var(--ddv-surface);padding:15px;border-radius:var(--ddv-radius);min-width:0}.ddv-category-tile span{color:var(--ddv-muted);overflow-wrap:anywhere}.ddv-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:1000px){.ddv-product-grid,.ddv-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ddv-product-detail{grid-template-columns:1fr}.ddv-catalog-head{align-items:stretch;flex-direction:column}.ddv-catalog-search{min-width:0;width:100%}}
@media(max-width:680px){.ddv-product-grid,.ddv-category-grid,.ddv-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ddv-catalog-shell{width:min(100% - 18px,1320px);margin-top:16px}.ddv-product-body{padding:9px}.ddv-product-price{font-size:17px}.ddv-pricebook-grid{grid-template-columns:1fr}}
@media(max-width:360px){.ddv-product-grid,.ddv-category-grid,.ddv-grid-2{grid-template-columns:1fr}.ddv-catalog-search{display:grid;grid-template-columns:1fr}.ddv-kv{grid-template-columns:1fr}}


/* Step 04 Supply / Inventory */
.ddv-supply-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.ddv-receipt-item{min-width:0}.ddv-receipt-item input,.ddv-receipt-item select{max-width:100%}
.ddv-inventory-drawer{position:fixed;right:0;top:0;bottom:0;width:min(92vw,520px);max-width:100%;background:var(--ddv-surface);border-left:1px solid var(--ddv-border);box-shadow:var(--ddv-shadow);z-index:210;transform:translateX(102%);transition:.18s;overflow:auto;padding:18px}
.ddv-inventory-drawer.open{transform:none}.ddv-inventory-drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:205}.ddv-inventory-drawer-backdrop.open{display:block}
@media(max-width:620px){.ddv-receipt-item .ddv-pricebook-grid{grid-template-columns:1fr}.ddv-supply-kpis{grid-template-columns:1fr 1fr}.ddv-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ddv-data-grid{min-width:980px}}
@media(max-width:360px){.ddv-supply-kpis{grid-template-columns:1fr}}

/* Step 05 Combo Engine */
.ddv-combo-presets{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.ddv-combo-candidate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ddv-combo-candidate{min-width:0}.ddv-combo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.ddv-combo-metrics>div{min-width:0;border:1px solid var(--ddv-border);background:var(--ddv-surface-2);border-radius:10px;padding:9px}.ddv-combo-metrics span,.ddv-combo-metrics b{display:block;overflow-wrap:anywhere}.ddv-combo-metrics span{font-size:11px;color:var(--ddv-muted)}.ddv-combo-items{display:grid;gap:7px;margin:10px 0}.ddv-combo-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:9px 0;border-bottom:1px solid var(--ddv-border)}.ddv-combo-item:last-child{border-bottom:0}.ddv-combo-item>div{min-width:0}.ddv-combo-item b,.ddv-combo-item small{display:block;overflow-wrap:anywhere}.ddv-combo-item small{color:var(--ddv-muted)}.ddv-combo-save{border-top:1px solid var(--ddv-border);padding-top:10px}.ddv-combo-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ddv-combo-store-card{min-width:0}.ddv-combo-retail,.ddv-combo-save{overflow-wrap:anywhere}.ddv-combo-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;margin-top:14px}.ddv-success{color:var(--ddv-primary)}
@media(max-width:1000px){.ddv-combo-candidate-grid,.ddv-combo-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ddv-combo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ddv-combo-detail{grid-template-columns:1fr}}
@media(max-width:620px){.ddv-combo-candidate-grid,.ddv-combo-store-grid,.ddv-combo-metrics{grid-template-columns:1fr}.ddv-combo-item{align-items:flex-start;flex-direction:column}.ddv-combo-item .ddv-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.ddv-combo-item .ddv-btn{width:100%}}
@media(max-width:360px){.ddv-combo-item .ddv-actions{grid-template-columns:1fr}.ddv-combo-presets .ddv-chip{flex:1 1 calc(50% - 7px);justify-content:center}}

/* ========================================================================== */
/* STEP06 CSS COMPLETION — Customer / B2B / CRM + project-wide hardening     */
/* Architecture: Tokens -> Base -> Layout -> Components -> Domain -> RWD/A11y */
/* ========================================================================== */
:root{
  --ddv-space-1:4px;--ddv-space-2:8px;--ddv-space-3:12px;--ddv-space-4:16px;--ddv-space-5:20px;--ddv-space-6:24px;--ddv-space-8:32px;
  --ddv-control-h:42px;--ddv-content-max:1540px;--ddv-focus:0 0 0 3px color-mix(in srgb,var(--ddv-primary) 22%,transparent);
}
html{font-family:var(--ddv-font,Inter,system-ui,-apple-system,"Segoe UI",sans-serif);text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;min-width:0}
main,section,article,aside,header,footer,nav,form,fieldset,div{min-width:0}
input,select,textarea,button{max-width:100%}
textarea{resize:vertical}
:focus-visible{outline:2px solid var(--ddv-primary);outline-offset:2px}
.ddv-btn:focus-visible,.ddv-field input:focus-visible,.ddv-field select:focus-visible,.ddv-field textarea:focus-visible{outline:0;box-shadow:var(--ddv-focus)}
.ddv-wrap-anywhere,.ddv-table td,.ddv-table th,.ddv-alert,.ddv-help,.ddv-lead-card,.ddv-address-card{overflow-wrap:anywhere;word-break:normal}
.ddv-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ddv-panel{border:1px solid var(--ddv-border);background:var(--ddv-surface-2);border-radius:calc(var(--ddv-radius) - 2px);padding:16px;min-width:0}
.ddv-btn-block{width:100%}
.ddv-help{display:block;color:var(--ddv-muted);font-size:12px;line-height:1.55;margin:8px 0 12px}
.ddv-subtitle{margin:22px 0 8px}
.ddv-subform{margin-top:14px;padding-top:14px;border-top:1px solid var(--ddv-border)}
.ddv-detail-card{margin-top:14px}
.ddv-check{display:flex;align-items:flex-start;gap:8px;margin:10px 0 14px;color:var(--ddv-text)}
.ddv-check input{flex:0 0 auto;margin-top:3px}
.ddv-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--ddv-border);border-radius:999px;background:var(--ddv-surface-2);font-size:11px;font-weight:800}

/* Dialog / modal: viewport-safe and internal scroll only. */
.ddv-dialog{width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;border:1px solid var(--ddv-border);border-radius:var(--ddv-radius);background:var(--ddv-surface);color:var(--ddv-text);padding:18px;box-shadow:var(--ddv-shadow)}
.ddv-dialog::backdrop{background:rgba(0,0,0,.48);backdrop-filter:blur(2px)}
.ddv-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.ddv-dialog-head h2{margin:2px 0 0}

/* Status system. */
.ddv-status{display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:nowrap;padding:4px 8px;border-radius:999px;border:1px solid var(--ddv-border);background:var(--ddv-surface-2);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.ddv-status.is-approved,.ddv-status.is-active,.ddv-status.is-converted,.ddv-status.is-qualified{color:var(--ddv-success);border-color:color-mix(in srgb,var(--ddv-success) 40%,var(--ddv-border));background:color-mix(in srgb,var(--ddv-success) 9%,var(--ddv-surface))}
.ddv-status.is-pending,.ddv-status.is-review,.ddv-status.is-open,.ddv-status.is-inactive{color:var(--ddv-warning);border-color:color-mix(in srgb,var(--ddv-warning) 40%,var(--ddv-border));background:color-mix(in srgb,var(--ddv-warning) 8%,var(--ddv-surface))}
.ddv-status.is-rejected,.ddv-status.is-suspended,.ddv-status.is-blocked,.ddv-status.is-lost{color:var(--ddv-danger);border-color:color-mix(in srgb,var(--ddv-danger) 40%,var(--ddv-border));background:color-mix(in srgb,var(--ddv-danger) 8%,var(--ddv-surface))}

/* Customer. */
.ddv-address-card{border:1px solid var(--ddv-border);border-radius:12px;background:var(--ddv-surface);padding:11px;margin:8px 0}
.ddv-address-card>p{margin:5px 0}.ddv-address-card>small{display:block;color:var(--ddv-muted)}

/* B2B storefront/admin. */
.ddv-b2b-dashboard,.ddv-b2b-register{width:min(100% - 28px,1320px);margin:24px auto 70px}
.ddv-b2b-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:clamp(22px,4vw,42px);border:1px solid var(--ddv-border);border-radius:calc(var(--ddv-radius) + 4px);background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--ddv-primary) 17%,transparent),transparent 32%),var(--ddv-surface);box-shadow:var(--ddv-shadow);margin-bottom:14px}
.ddv-b2b-hero h1{font-size:clamp(30px,5vw,54px);line-height:1.03;letter-spacing:-1.5px;margin:6px 0 10px}
.ddv-policy-cards{margin:14px 0}.ddv-policy-cards .ddv-card{display:grid;gap:4px}.ddv-policy-cards small{color:var(--ddv-muted)}.ddv-policy-cards b{font-size:18px;overflow-wrap:anywhere}
.ddv-b2b-actions{margin:12px 0 16px}
.ddv-approval-state{border-left:4px solid var(--ddv-warning)}
.ddv-member-list{display:grid;gap:7px}.ddv-member-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--ddv-border)}.ddv-member-list>div:last-child{border-bottom:0}.ddv-member-list span:first-child{min-width:0}.ddv-member-list b,.ddv-member-list small{display:block;overflow-wrap:anywhere}.ddv-member-list small{color:var(--ddv-muted)}
.ddv-order-preview{margin-top:14px;border-top:1px solid var(--ddv-border);padding-top:12px}.ddv-summary-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:17px}.ddv-summary-line b{color:var(--ddv-primary)}
.ddv-saved-order{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ddv-border)}.ddv-saved-order:last-of-type{border-bottom:0}.ddv-saved-order b,.ddv-saved-order small{display:block}.ddv-saved-order small,.ddv-saved-order>span{color:var(--ddv-muted);font-size:11px}
.ddv-auth-shell{min-height:min(72vh,760px);display:grid;place-items:center;width:min(100% - 24px,1320px);margin:auto;padding:28px 0 70px}.ddv-auth-card{width:min(100%,460px);border:1px solid var(--ddv-border);border-radius:calc(var(--ddv-radius) + 2px);padding:clamp(18px,4vw,30px);background:var(--ddv-surface);box-shadow:var(--ddv-shadow)}.ddv-auth-card h1{font-size:clamp(28px,5vw,40px);margin:6px 0 10px}

/* CRM Kanban: component-local horizontal scrolling; never viewport overflow. */
.ddv-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:12px;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:12px 1px 16px;margin:12px 0 18px}
.ddv-kanban-column{scroll-snap-align:start;min-width:0;border:1px solid var(--ddv-border);border-radius:var(--ddv-radius);background:var(--ddv-surface-2);padding:10px;max-height:min(72vh,780px);display:flex;flex-direction:column}
.ddv-kanban-column>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 4px 10px}.ddv-kanban-column>header b,.ddv-kanban-column>header small{display:block}.ddv-kanban-column>header small{color:var(--ddv-muted)}
.ddv-kanban-stack{display:grid;gap:8px;overflow-y:auto;padding:1px;overscroll-behavior:contain}
.ddv-lead-card{border:1px solid var(--ddv-border);border-radius:12px;background:var(--ddv-surface);padding:11px;box-shadow:0 5px 18px color-mix(in srgb,var(--ddv-text) 5%,transparent)}
.ddv-lead-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ddv-lead-card p{margin:6px 0}.ddv-lead-card>small{display:block;color:var(--ddv-muted)}
.ddv-lead-meta{display:grid;grid-template-columns:1fr;gap:3px;margin:8px 0;color:var(--ddv-muted);font-size:11px}.ddv-lead-card .ddv-actions{align-items:center}.ddv-lead-card .ddv-actions form{margin:0;min-width:0}.ddv-compact-select{height:36px;max-width:145px;border:1px solid var(--ddv-border);background:var(--ddv-surface-2);color:var(--ddv-text);border-radius:9px;padding:6px 8px}
.ddv-empty-state.compact{padding:18px 10px;min-height:0}

/* Existing Step04 receipt helpers completed. */
.ddv-receipt-cost,.ddv-receipt-price{display:grid;gap:7px;min-width:0}.ddv-receipt-cost input,.ddv-receipt-price input,.ddv-receipt-price select{width:100%;min-width:0}

/* Table/form hardening across all steps. */
.ddv-table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.ddv-table{font-variant-numeric:tabular-nums}.ddv-table th,.ddv-table td{vertical-align:top}.ddv-table td .ddv-actions{min-width:max-content}
.ddv-filter-bar input,.ddv-filter-bar select,.ddv-filter-bar button,.ddv-form-grid input,.ddv-form-grid select,.ddv-form-grid textarea{min-width:0}
.ddv-pagination{flex-wrap:wrap}.ddv-pagination>span{color:var(--ddv-muted)}

/* Wide desktop. */
@media(min-width:1440px){.ddv-kanban{grid-auto-columns:minmax(285px,1fr)}.ddv-grid-4{gap:14px}}
/* 1280 / compact desktop. */
@media(max-width:1280px){.ddv-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ddv-policy-cards{grid-template-columns:repeat(4,minmax(170px,1fr));overflow-x:auto;padding-bottom:4px}}
/* 1024 tablet landscape. */
@media(max-width:1024px){.ddv-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ddv-b2b-hero{align-items:flex-start}.ddv-kanban{grid-auto-columns:minmax(280px,42vw)}}
/* 768 tablet portrait. */
@media(max-width:768px){.ddv-grid-4,.ddv-policy-cards{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.ddv-b2b-hero{display:block}.ddv-b2b-hero>.ddv-status{margin-top:10px}.ddv-kanban{grid-auto-columns:minmax(270px,78vw)}.ddv-dialog{padding:14px}.ddv-member-list>div,.ddv-saved-order{align-items:flex-start;flex-direction:column}.ddv-auth-shell{padding-top:16px}}
/* Phones: 414 / 390 / 375 share single-column domain layout. */
@media(max-width:414px){.ddv-grid-4,.ddv-policy-cards{grid-template-columns:1fr}.ddv-b2b-dashboard,.ddv-b2b-register{width:min(100% - 18px,1320px);margin-top:12px}.ddv-b2b-hero{padding:20px 14px;border-radius:15px}.ddv-b2b-hero h1{font-size:32px}.ddv-kanban{grid-auto-columns:minmax(260px,88vw)}.ddv-lead-top{flex-direction:column}.ddv-lead-card .ddv-actions{width:100%;display:grid;grid-template-columns:1fr}.ddv-lead-card .ddv-actions form,.ddv-lead-card .ddv-actions .ddv-btn,.ddv-compact-select{width:100%;max-width:none}.ddv-dialog{width:calc(100vw - 14px);max-width:calc(100vw - 14px);max-height:calc(100dvh - 14px);padding:12px;border-radius:14px}.ddv-summary-line{font-size:15px}.ddv-table{min-width:620px}}
@media(max-width:390px){.ddv-b2b-hero h1{font-size:30px}.ddv-kanban{grid-auto-columns:minmax(250px,90vw)}}
@media(max-width:375px){.ddv-auth-card{padding:16px}.ddv-dialog-head{align-items:center}.ddv-policy-cards .ddv-card{padding:14px}}
@media(max-width:360px){.ddv-b2b-actions{display:grid;grid-template-columns:1fr}.ddv-b2b-actions .ddv-btn{width:100%}.ddv-kanban{grid-auto-columns:minmax(246px,92vw)}}
@media(max-width:320px){.ddv-btn{white-space:normal;text-align:center}.ddv-b2b-hero h1{font-size:28px}.ddv-kanban{grid-auto-columns:minmax(232px,94vw)}.ddv-dialog{width:calc(100vw - 8px);max-width:calc(100vw - 8px)}}

/* Motion/accessibility. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.ddv-btn,.ddv-card,.ddv-panel,.ddv-dialog,.ddv-status,.ddv-lead-card{forced-color-adjust:auto;border:1px solid CanvasText}}

/* STEP06 CSS COMPLETION — remaining shared helpers */
.ddv-logo-light,.ddv-logo-dark{max-width:100%;height:auto;object-fit:contain}
.ddv-lead{font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.65;color:var(--ddv-muted);max-width:72ch;overflow-wrap:anywhere}
.ddv-field-span-2{grid-column:span 2}
.ddv-address-list{display:grid;gap:var(--ddv-space-2,8px);margin:var(--ddv-space-3,12px) 0}
@media(max-width:680px){.ddv-field-span-2{grid-column:1/-1}}

/* ========================================================================== */
/* STEP07 CSS — Cart / Checkout / Orders / Payment / Fulfillment / RMA       */
/* ========================================================================== */
.ddv-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.ddv-toolbar>*{min-width:0}.ddv-toolbar input{flex:1 1 260px}.ddv-toolbar select{flex:0 1 210px}
.ddv-add-cart{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.ddv-add-cart label{display:flex;align-items:center;gap:7px}.ddv-add-cart input[type=number]{width:92px}.ddv-add-cart.compact{margin-top:9px}.ddv-add-cart.compact input[type=number]{width:76px}
.ddv-cart-layout,.ddv-checkout-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;align-items:start}.ddv-cart-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--ddv-border);min-width:0}.ddv-cart-line:last-child{border-bottom:0}.ddv-cart-line-main{display:grid;gap:3px;min-width:0}.ddv-cart-line-main b,.ddv-cart-line-main small,.ddv-cart-line-main strong{overflow-wrap:anywhere}.ddv-cart-line-main small{color:var(--ddv-muted)}.ddv-cart-line-main strong{color:var(--ddv-primary)}
.ddv-qty-control,.ddv-inline-form{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.ddv-qty-control input[type=number]{width:84px}.ddv-sticky-summary{position:sticky;top:92px}.ddv-total-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--ddv-border);min-width:0}.ddv-total-row>span,.ddv-total-row>b{overflow-wrap:anywhere}.ddv-total-row:last-child{border-bottom:0}.ddv-total-row.total{font-size:1.08rem;padding-top:12px}.ddv-total-row.total b{color:var(--ddv-primary);font-size:1.15em}
.ddv-checkout-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px}.ddv-checkout-steps span{text-align:center;border:1px solid var(--ddv-border);background:var(--ddv-surface);border-radius:10px;padding:8px 10px;font-size:11px;font-weight:800}.ddv-checkout-steps .active{background:var(--ddv-primary);border-color:var(--ddv-primary);color:#fff}.ddv-choice{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--ddv-border);border-radius:12px;padding:11px;margin:8px 0;background:var(--ddv-surface-2);cursor:pointer}.ddv-choice input{flex:0 0 auto;margin-top:4px}.ddv-choice span{min-width:0}.ddv-choice b,.ddv-choice small{display:block;overflow-wrap:anywhere}.ddv-choice small{color:var(--ddv-muted);margin-top:2px}
.ddv-order-list{display:grid;gap:9px}.ddv-order-row{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none}.ddv-order-row>div{min-width:0}.ddv-order-row b,.ddv-order-row small{display:block;overflow-wrap:anywhere}.ddv-order-row small{color:var(--ddv-muted);margin-top:3px}.ddv-order-row strong{white-space:nowrap;color:var(--ddv-primary)}.ddv-order-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ddv-border)}.ddv-order-line:last-of-type{border-bottom:0}.ddv-order-line>div{min-width:0}.ddv-order-line b,.ddv-order-line small{display:block;overflow-wrap:anywhere}.ddv-order-line small{color:var(--ddv-muted)}.ddv-order-timeline{display:grid;gap:0;margin:10px 0 18px;border-left:2px solid var(--ddv-border);padding-left:16px}.ddv-order-timeline>div{position:relative;padding:4px 0 14px}.ddv-order-timeline>div::before{content:"";position:absolute;left:-21px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--ddv-primary);box-shadow:0 0 0 3px var(--ddv-surface)}.ddv-order-timeline b,.ddv-order-timeline span{display:block;overflow-wrap:anywhere}.ddv-order-timeline span{color:var(--ddv-muted);font-size:11px}.ddv-address-wrap{overflow-wrap:anywhere;white-space:normal}.ddv-rma-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--ddv-border)}.ddv-rma-grid>.ddv-btn{justify-self:start}.ddv-order-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.ddv-order-actions form{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:0}.ddv-order-actions input{min-width:180px}.ddv-success-panel{max-width:720px;margin:40px auto;text-align:center}.ddv-success-panel .ddv-total-row{max-width:460px;margin:auto}.ddv-success-panel .ddv-actions{justify-content:center}
.ddv-payment-status,.ddv-fulfillment-grid,.ddv-shipping-rule{min-width:0}.ddv-fulfillment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ddv-shipping-rule{border:1px solid var(--ddv-border);border-radius:12px;padding:12px;background:var(--ddv-surface-2)}
@media(max-width:1024px){.ddv-cart-layout,.ddv-checkout-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.55fr)}.ddv-sticky-summary{top:78px}.ddv-fulfillment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.ddv-cart-layout,.ddv-checkout-layout{grid-template-columns:1fr}.ddv-sticky-summary{position:static}.ddv-cart-line{align-items:flex-start}.ddv-rma-grid{grid-template-columns:1fr}.ddv-fulfillment-grid{grid-template-columns:1fr}.ddv-order-actions{display:grid;grid-template-columns:1fr 1fr}.ddv-order-actions form,.ddv-order-actions .ddv-btn{width:100%}}
@media(max-width:414px){.ddv-cart-line,.ddv-order-row,.ddv-order-line{flex-direction:column;align-items:stretch}.ddv-qty-control,.ddv-inline-form{display:grid;grid-template-columns:1fr}.ddv-qty-control input[type=number],.ddv-inline-form input,.ddv-inline-form select,.ddv-inline-form .ddv-btn{width:100%}.ddv-checkout-steps{grid-template-columns:1fr}.ddv-choice{padding:10px}.ddv-add-cart{display:grid;grid-template-columns:1fr}.ddv-add-cart label,.ddv-add-cart input[type=number],.ddv-add-cart .ddv-btn{width:100%}.ddv-order-actions{grid-template-columns:1fr}.ddv-order-actions input{min-width:0;width:100%}}
@media(max-width:390px){.ddv-cart-layout,.ddv-checkout-layout{gap:10px}.ddv-total-row{gap:8px}.ddv-order-timeline{padding-left:14px}}
@media(max-width:375px){.ddv-choice{border-radius:10px}.ddv-success-panel{margin-top:20px}}
@media(max-width:360px){.ddv-toolbar{display:grid;grid-template-columns:1fr}.ddv-toolbar input,.ddv-toolbar select,.ddv-toolbar button{width:100%}.ddv-rma-grid{gap:7px}}
@media(max-width:320px){.ddv-cart-line,.ddv-order-line{padding:9px 0}.ddv-checkout-steps span{padding:7px 5px}.ddv-choice{gap:7px}}

.ddv-field-span{grid-column:1/-1}

/* ========================================================================== */
/* STEP08 CSS — Integrations Hub / Provider Registry / Connections            */
/* ========================================================================== */
.ddv-integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ddv-integration-card{min-width:0}.ddv-integration-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ddv-integration-head>div{min-width:0}.ddv-integration-head h2{margin:2px 0 4px;overflow-wrap:anywhere}.ddv-integration-head small{color:var(--ddv-muted);font-weight:800;letter-spacing:.08em}.ddv-integration-head code{overflow-wrap:anywhere}.ddv-chip-row{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.ddv-chip{border:1px solid var(--ddv-border);background:var(--ddv-surface-2);border-radius:999px;padding:4px 7px;font-size:10px;overflow-wrap:anywhere}.ddv-integration-config{border-top:1px solid var(--ddv-border);padding-top:9px;margin-top:9px}.ddv-integration-config summary{cursor:pointer;font-weight:800}.ddv-connection-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-top:1px solid var(--ddv-border);padding:11px 0}.ddv-connection-row>div:first-child{min-width:0}.ddv-connection-row b,.ddv-connection-row small{display:block;overflow-wrap:anywhere}.ddv-connection-row small{color:var(--ddv-muted);margin-top:2px}.ddv-connection-row form{display:flex;gap:6px;flex-wrap:wrap}.ddv-danger{color:var(--ddv-danger)!important}.ddv-muted{color:var(--ddv-muted)}
@media(max-width:1024px){.ddv-integration-grid{grid-template-columns:1fr}}
@media(max-width:414px){.ddv-integration-head,.ddv-connection-row{display:grid;grid-template-columns:1fr}.ddv-connection-row .ddv-actions,.ddv-connection-row form{display:grid;grid-template-columns:1fr;width:100%}.ddv-connection-row .ddv-btn{width:100%}.ddv-integration-config .ddv-form-grid{grid-template-columns:1fr}}
@media(max-width:320px){.ddv-integration-card{padding:10px}.ddv-chip-row{gap:4px}.ddv-chip{font-size:9px}}

.ddv-section{margin-top:16px}

/* Step09 — Growth / workflow / mobile production UI */
.ddv-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}.ddv-stat-grid>.ddv-card{min-width:0}.ddv-notice{padding:11px 13px;margin:10px 0;border:1px solid var(--ddv-border);border-radius:11px;background:var(--ddv-surface-2);overflow-wrap:anywhere}.ddv-notice.ok{border-color:color-mix(in srgb,var(--ddv-success) 45%,var(--ddv-border));color:var(--ddv-success)}.ddv-notice.bad{border-color:color-mix(in srgb,var(--ddv-danger) 45%,var(--ddv-border));color:var(--ddv-danger)}.ddv-card form label{display:block;font-size:12px;font-weight:800;margin:9px 0 5px}.ddv-card form input,.ddv-card form select,.ddv-card form textarea{width:100%;min-width:0;max-width:100%;border:1px solid var(--ddv-border);background:var(--ddv-surface-2);color:var(--ddv-text);border-radius:10px;padding:9px 10px}.ddv-card form textarea{min-height:90px;resize:vertical}.ddv-table-scroll>table{width:100%;border-collapse:collapse;min-width:740px}.ddv-table-scroll>table th,.ddv-table-scroll>table td{padding:10px 12px;border-bottom:1px solid var(--ddv-border);text-align:left;vertical-align:top}.ddv-table-scroll>table th{font-size:11px;color:var(--ddv-muted);background:var(--ddv-surface-2)}
@media(max-width:900px){.ddv-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ddv-stat-grid{grid-template-columns:1fr}}
@media(max-width:360px){.ddv-brand-text small{display:none}.ddv-btn{padding-left:9px;padding-right:9px}}

/* ========================================================================== */
/* ========================================================================== */












@media(min-width:1101px){
  
  
  
  
  
  .ddv-global-search{max-width:760px;margin-left:auto;margin-right:auto}
}