/* DotDen v2.9.0-rc11 — Website Studio + form-control repair */
:root{--v296-navy:#061737;--v296-navy-2:#0a214d;--v296-navy-3:#102a58;--v296-line:#254979;--v296-blue:#008cff;--v296-text:#f5f8ff;--v296-muted:#9fb2d2;--v296-panel-width:330px}

/* RC10 regression repair: checkbox/radio controls must never inherit text-input geometry. */
.toggle-row input[type="checkbox"],.toggle-row input[type="radio"],.v290-check input[type="checkbox"],.v290-check input[type="radio"],.form-check-input,.dd-dialog label.toggle-row input[type="checkbox"],.dd-dialog label.toggle-row input[type="radio"]{appearance:auto!important;-webkit-appearance:auto!important;box-sizing:border-box!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;margin:1px 0 0!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important;accent-color:var(--v296-blue)!important}
.toggle-row,.v290-check{display:flex!important;align-items:flex-start!important;gap:10px!important}.toggle-row>span,.v290-check>span{display:block!important;line-height:1.45!important;color:inherit!important}
input[hidden]{display:none!important}

/* Package module picker */
.v296-module-picker-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;background:var(--v296-navy-2)!important;border:1px solid var(--v296-line)!important;color:var(--v296-text)!important;padding:14px!important}
.v296-module-picker-card>div{min-width:0}.v296-module-picker-card strong{font-size:13px!important;color:#fff!important}.v296-module-picker-card small{font-size:10px!important;color:var(--v296-muted)!important;line-height:1.4!important}.v296-module-picker-card span{font-size:10px!important;color:var(--v296-blue)!important}.v296-module-picker-card .button{min-width:76px}.v296-module-picker-card.is-selected{border-color:var(--v296-blue)!important;box-shadow:0 0 0 1px var(--v296-blue) inset}.v296-module-picker-card.is-selected .button{background:#123861!important;border-color:#3c648d!important;color:#dceaff!important}
.v296-pending-addition{border-color:var(--v296-blue)!important}.v296-pending-addition::before{content:'Pending addition';display:inline-flex;margin-bottom:8px;padding:3px 7px;border-radius:999px;background:#083f75;color:#8fceff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}

/* Pricing email product mapping */
.v296-email-product{grid-column:1/-1;margin:4px 0 0;padding:15px;border:1px solid #31517d;border-radius:13px;background:#091d42;color:#fff}.v296-email-product[hidden]{display:none!important}.v296-email-product legend{padding:0 7px;color:#5eb5ff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.v296-email-product>p{margin:0 0 12px;color:#b8c8df;font-size:11px;line-height:1.55}.v296-email-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v296-email-product-grid label{color:#dce8fa!important}.v296-email-product>small{display:block;margin-top:10px;color:#91a9ca;font-size:10px;line-height:1.45}

/* Website Studio owns the viewport; app shell chrome is deliberately removed only on builder pages. */
.builder-workspace-page{overflow:hidden;background:#04122d!important}.builder-workspace-page .unified-app-header,.builder-workspace-page .app-sidebar,.builder-workspace-page .app-hero-band,.builder-workspace-page .app-top{display:none!important}.builder-workspace-page .app-main{margin:0!important;width:100%!important;min-height:100vh!important}.builder-workspace-page .app-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}.builder-workspace-page #main-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.dd-studio{height:100vh;min-height:600px;display:flex;flex-direction:column;background:#071733;color:var(--v296-text);overflow:hidden;font-family:Comfortaa,system-ui,sans-serif}
.dd-studio-toolbar{height:64px;min-height:64px;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid #17345e;background:#041126;z-index:40}.dd-studio-brand{display:flex;align-items:center;gap:13px;min-width:210px;padding-right:14px;border-right:1px solid #1d3558}.dd-studio-brand img{display:block;width:78px;height:30px;object-fit:contain}.dd-studio-brand span{font-size:14px;font-weight:700;white-space:nowrap}.dd-studio-page-picker{display:flex;align-items:center;gap:7px;color:var(--v296-muted);font-size:9px}.dd-studio-page-picker select{width:150px;max-width:18vw;height:34px;padding:0 30px 0 10px!important;border:1px solid #29466d!important;border-radius:8px!important;background:#091b3a!important;color:#fff!important;font-size:10px!important}.dd-studio-devices{margin-left:auto;display:flex!important;gap:3px!important;padding:3px!important;background:#091b3a!important;border:1px solid #1d3d69;border-radius:9px}.dd-studio-devices button{min-width:70px!important;color:#a9bad4!important;background:transparent!important}.dd-studio-devices button.active{background:#0d3d70!important;color:#fff!important;box-shadow:0 0 0 1px #087ce2 inset!important}.dd-studio-history-actions{display:flex;gap:4px;padding-left:10px;border-left:1px solid #1d3558}.dd-studio-icon,.dd-studio-close,.dd-studio-panel-pop,.dd-studio-panel-close{display:grid;place-items:center;border:1px solid #29486f;border-radius:8px;background:#081a38;color:#dce9ff;cursor:pointer;text-decoration:none}.dd-studio-icon{width:34px;height:34px;font-size:18px}.dd-studio-icon:disabled{opacity:.35;cursor:not-allowed}.dd-studio-toolbar-actions{display:flex;align-items:center;gap:7px}.dd-studio-toolbar-actions .builder-inline-status{white-space:nowrap}.dd-studio-close{width:34px;height:34px;font-size:20px}.dd-studio-assisted{min-height:30px;display:flex;align-items:center;justify-content:center;gap:10px;padding:5px 14px;background:#13294d;border-bottom:1px solid #254775;color:#c9d8ee;font-size:9px}.dd-studio-assisted strong{color:#fff}.dd-studio-body{position:relative;min-height:0;flex:1;display:grid;grid-template-columns:74px var(--v296-panel-width) minmax(0,1fr);overflow:hidden}.dd-studio-body.panel-closed{grid-template-columns:74px minmax(0,1fr)}.dd-studio-body.panel-closed .dd-studio-panel{display:none}
.dd-studio-rail{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:10px 7px;background:#05142f;border-right:1px solid #18375f;overflow:auto}.dd-studio-rail button{display:grid;place-items:center;gap:2px;min-height:54px;padding:6px 3px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a8bad5;cursor:pointer}.dd-studio-rail button>span{font-size:16px;line-height:1}.dd-studio-rail button>b{font-size:8px;font-weight:600}.dd-studio-rail button:hover,.dd-studio-rail button.active{background:#0a2851;border-color:#1f5384;color:#fff}.dd-studio-rail button.active{box-shadow:inset 3px 0 0 var(--v296-blue)}
.dd-studio-panel{position:relative;z-index:20;min-width:0;background:#071936;border-right:1px solid #24466d;box-shadow:8px 0 25px rgba(0,0,0,.12);display:flex;flex-direction:column}.dd-studio-panel-head{height:58px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border-bottom:1px solid #1b3a62;cursor:default}.dd-studio-panel-head .eyebrow{font-size:7px!important}.dd-studio-panel-head h2{margin:2px 0 0;color:#fff;font-size:14px}.dd-studio-panel-head>div:last-child{display:flex;gap:5px}.dd-studio-panel-pop,.dd-studio-panel-close{width:30px;height:30px}.dd-studio-panel-scroll{min-height:0;overflow:auto;padding:12px}.dd-studio-panel.is-floating{position:fixed;left:92px;top:82px;width:var(--v296-panel-width);height:min(740px,calc(100vh - 100px));border:1px solid #2e5683;border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.5);overflow:hidden}.dd-studio-panel.is-floating .dd-studio-panel-head{cursor:move}.dd-studio-body:has(.dd-studio-panel.is-floating){grid-template-columns:74px minmax(0,1fr)}.dd-studio-body:has(.dd-studio-panel.is-floating) .dd-studio-canvas{grid-column:2}
.dd-studio-panel section[hidden]{display:none!important}.dd-studio-help{margin:0 0 10px;color:var(--v296-muted);font-size:9px;line-height:1.5}.dd-studio-module-library{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.dd-studio-module{display:grid!important;grid-template-columns:1fr auto!important;gap:4px 6px!important;min-height:63px!important;padding:9px!important;border:1px solid #254a76!important;border-radius:9px!important;background:#0b2349!important;color:#fff!important;cursor:grab!important}.dd-studio-module:hover{border-color:var(--v296-blue)!important;background:#0d2d5c!important}.dd-studio-module span{font-size:10px!important}.dd-studio-module em{grid-column:1/-1;font-size:7px!important;color:#91a9cb!important}.dd-studio-planned{margin-top:10px;border:1px solid #233f65;border-radius:9px;padding:8px}.dd-studio-planned summary{font-size:9px;cursor:pointer}.dd-studio-section-heading{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:12px 0 8px}.dd-studio-section-heading strong{font-size:11px}.dd-studio-section-heading small{font-size:8px;color:var(--v296-muted)}.dd-studio-panel hr{border:0;border-top:1px solid #1e3b60;margin:14px 0}
.dd-studio .builder-page-name-form,.dd-studio .builder-add-page{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.dd-studio .builder-page-tabs{display:grid;gap:5px;margin:10px 0}.dd-studio .builder-page-tabs a{padding:9px 10px;border:1px solid #28466d;background:#091e40;color:#cddbf0}.dd-studio .builder-page-tabs a.active{background:#0b3b70;color:#fff;border-color:#1689ed}.dd-studio .builder-section-list{display:grid;gap:6px}.dd-studio .builder-section-row{grid-template-columns:18px minmax(0,1fr) 30px auto!important;background:#0a2044!important;border:1px solid #24466f!important;color:#fff!important;padding:8px!important}.dd-studio .builder-section-row:hover,.dd-studio .builder-section-row.active{background:#0d2d5a!important;border-color:#0b8ef6!important;box-shadow:none!important}.dd-studio .section-select-main{min-width:0;text-align:left;color:#fff!important}.dd-studio .section-select-main b{font-size:10px}.dd-studio .drag-handle{color:#7293bd}.dd-studio .section-move-controls button,.dd-studio .section-visibility-control{color:#b6c8df!important}
.dd-studio-form,.dd-studio .builder-inspector-form,.dd-studio .builder-typography{display:grid;gap:10px}.dd-studio-form label,.dd-studio .builder-inspector-form label,.dd-studio .builder-typography label{display:grid;gap:5px;color:#d5e1f2!important;font-size:9px!important}.dd-studio-form input:not([type="color"]):not([type="checkbox"]),.dd-studio-form select,.dd-studio-form textarea,.dd-studio .builder-inspector-form input:not([type="checkbox"]),.dd-studio .builder-inspector-form select,.dd-studio .builder-inspector-form textarea,.dd-studio .builder-typography select{width:100%;box-sizing:border-box;border:1px solid #315076!important;border-radius:8px!important;background:#f5f8fc!important;color:#10203c!important;padding:9px!important}.dd-studio .builder-colour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.dd-studio .builder-colour-grid input[type="color"]{width:100%!important;height:42px!important;padding:3px!important;border:1px solid #315076!important;border-radius:8px!important;background:#fff!important}.dd-studio .builder-font-specimen{padding:12px;border:1px solid #2a4c76;border-radius:9px;background:#0a2146;color:#fff}.dd-studio .builder-logo-preview{min-height:75px;border:1px dashed #31547f;background:#091e40;color:#9fb2d1}.dd-studio .builder-logo-preview img{max-height:85px}.dd-studio .builder-entitlement-usage{display:grid;gap:7px;margin-bottom:12px}.dd-studio .builder-entitlement-usage span{padding:8px;border:1px solid #274970;border-radius:8px;background:#0a2042;color:#abc0dc;font-size:9px}.dd-studio .builder-history{border-color:#284a72!important;background:#091d3e!important}.dd-studio .builder-history summary{color:#fff}.dd-studio .builder-history>div{border-color:#254269!important;color:#b9cae1!important}.dd-studio-settings-actions{display:grid;gap:8px;margin-top:12px}.dd-studio-settings-actions .builder-preview-tools{display:flex;gap:6px}.dd-studio-settings-actions .builder-preview-tools button{flex:1;border:1px solid #31557f;border-radius:7px;background:#0a2248;color:#bcd0e9;padding:8px}.dd-studio-settings-actions .builder-preview-tools button.active{border-color:#078cff;color:#fff;background:#0a376a}
.dd-studio-canvas{position:relative;min-width:0;min-height:0;background:#101b2c;display:flex!important;flex-direction:column!important;overflow:hidden}.dd-studio .builder-frame{min-height:0!important;flex:1!important;height:auto!important;padding:16px!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;overflow:auto!important;background:radial-gradient(circle at 50% 0,#1b2f49 0,#0d1928 58%,#09121f 100%)!important}.dd-studio .builder-canvas-stage{position:relative;flex:none}.dd-studio .builder-frame iframe{display:block;border:0;border-radius:7px!important;background:#fff;box-shadow:0 15px 45px rgba(0,0,0,.42)!important;transition:width .2s,transform .2s}.dd-studio-drop-help{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:5;padding:7px 11px;border:1px solid #31547b;border-radius:999px;background:rgba(4,17,38,.9);color:#a9c0dd;font-size:8px;pointer-events:none}.dd-studio.is-fullscreen{height:100vh;background:#071733}
.dd-studio-panel .builder-inspector-form .inspector-actions{display:flex;gap:5px;flex-wrap:wrap}.dd-studio-panel .builder-inspector-form .inspector-actions .button{flex:1 1 110px}.dd-studio-panel .builder-reference-fields{border:1px solid #274a72;border-radius:9px;padding:9px}.dd-studio-panel .builder-reference-fields legend{color:#87bced;font-size:8px}.dd-studio-panel .builder-module-media{border-color:#28507d;background:#092148}.dd-studio-panel .builder-preview-note{color:#9bb0ce!important;font-size:8px!important}.dd-studio-panel .empty{color:#aabdd6!important}

@media(max-width:1050px){:root{--v296-panel-width:300px}.dd-studio-toolbar{gap:8px}.dd-studio-brand{min-width:145px}.dd-studio-brand span{display:none}.dd-studio-devices button{min-width:54px!important;font-size:0!important}.dd-studio-devices button::first-letter{font-size:10px}.dd-studio-toolbar-actions .builder-inline-status{display:none}.dd-studio-body{grid-template-columns:64px var(--v296-panel-width) minmax(0,1fr)}.dd-studio-rail button b{font-size:7px}}
@media(max-width:720px){.builder-workspace-page{overflow:auto}.dd-studio{min-height:100vh;height:auto;overflow:visible}.dd-studio-toolbar{position:sticky;top:0;height:auto;min-height:58px;flex-wrap:wrap;padding:8px;z-index:60}.dd-studio-brand{min-width:auto;border:0}.dd-studio-brand img{width:64px}.dd-studio-page-picker{order:3;width:100%}.dd-studio-page-picker select{max-width:none;flex:1}.dd-studio-history-actions{display:none}.dd-studio-toolbar-actions{margin-left:auto}.dd-studio-toolbar-actions .button{padding:7px!important;font-size:8px!important}.dd-studio-body,.dd-studio-body.panel-closed{display:block;overflow:visible}.dd-studio-rail{position:sticky;top:105px;z-index:50;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #18375f}.dd-studio-rail button{min-width:62px;min-height:48px}.dd-studio-panel,.dd-studio-panel.is-floating{position:relative;left:auto!important;top:auto!important;width:auto;height:auto;max-height:none;border-radius:0;border-left:0;border-right:0}.dd-studio-panel-scroll{max-height:45vh}.dd-studio-panel-pop{display:none}.dd-studio-canvas{height:72vh;min-height:560px}.dd-studio .builder-frame{padding:8px!important}.dd-studio-drop-help{display:none}.v296-email-product-grid{grid-template-columns:1fr}.v296-module-picker-card{grid-template-columns:1fr}.v296-module-picker-card .button{width:100%}}

/* RC11 readability pass: Website Studio controls remain compact without sub-10px essential text. */
.v296-module-picker-card small,.v296-module-picker-card span{font-size:11px!important}.v296-pending-addition::before{font-size:10px}.v296-email-product legend,.v296-email-product>p{font-size:12px}.v296-email-product>small{font-size:11px}
.dd-studio-page-picker{font-size:11px}.dd-studio-page-picker select{font-size:12px!important}.dd-studio-assisted{font-size:11px}.dd-studio-rail button>b{font-size:10px}.dd-studio-panel-head .eyebrow{font-size:9px!important}.dd-studio-panel-head h2{font-size:16px}.dd-studio-help{font-size:11px}.dd-studio-module span{font-size:11px!important}.dd-studio-module em{font-size:9px!important}.dd-studio-planned summary{font-size:10px}.dd-studio-section-heading strong{font-size:12px}.dd-studio-section-heading small{font-size:10px}.dd-studio .section-select-main b{font-size:11px}.dd-studio-form label,.dd-studio .builder-inspector-form label,.dd-studio .builder-typography label{font-size:11px!important}.dd-studio .builder-entitlement-usage span{font-size:10px}.dd-studio-drop-help{font-size:10px}.dd-studio-panel .builder-reference-fields legend{font-size:10px}.dd-studio-panel .builder-preview-note{font-size:10px!important}
@media(max-width:1050px){.dd-studio-rail button b{font-size:9px}}
@media(max-width:720px){.dd-studio-toolbar-actions .button{font-size:10px!important}}
