/* Shared R89 interface. Creative assets and semantic status colours stay independent. */
:root{--r89-side:#62507e;--r89-side-top:#6c598a;--r89-side-bottom:#56476d}
@media(min-width:1024px){
 html[data-ddak-surface="advertiser"] body #app .app-bottom-nav.ddak-bottom-navigation,
 html[data-ddak-surface="admin"] body #app .sidebar,
 html[data-ddak-surface] body .layout>.side{background:linear-gradient(165deg,var(--r89-side-top),var(--r89-side) 54%,var(--r89-side-bottom))!important;color:#fff!important;border-right:0!important;box-shadow:4px 0 20px #31204908!important}
 html[data-ddak-surface="advertiser"] body #app .app-bottom-nav .ddak-desktop-nav-menu .app-nav-button,
 html[data-ddak-surface="admin"] body #app .sidebar .nav-item,
 html[data-ddak-surface] body .side .nav-item{color:#fff!important;font-weight:650!important;opacity:1!important;background:transparent!important;border:1px solid transparent!important}
 html[data-ddak-surface="advertiser"] body #app .app-bottom-nav .ddak-desktop-nav-menu .app-nav-button :is(.app-nav-label,.app-nav-icon,.ddak-icon){color:inherit!important;opacity:1!important;background:transparent!important}
 html[data-ddak-surface="advertiser"] body #app .app-bottom-nav .ddak-desktop-nav-menu .app-nav-button.active,
 html[data-ddak-surface="admin"] body #app .sidebar .nav-item.active,
 html[data-ddak-surface] body .side .nav-item.active{background:#f5efff!important;color:#493263!important;border-color:#f5efff!important;border-radius:10px!important;box-shadow:0 2px 7px #32214c12!important}
 html[data-ddak-surface="advertiser"] body #app .app-bottom-nav .ddak-desktop-nav-menu .app-nav-button:not(.active):hover,
 html[data-ddak-surface="admin"] body #app .sidebar .nav-item:not(.active):hover,
 html[data-ddak-surface] body .side .nav-item:not(.active):hover{background:#ffffff14!important;color:#fff!important}
 html[data-ddak-surface="advertiser"] body #app :is(.ddak-desktop-nav-caption,.ddak-desktop-nav-footer small,.ddak-desktop-side-brand .r82-workspace-role),
 html[data-ddak-surface="admin"] body #app .sidebar :is(.muted,small),
 html[data-ddak-surface] body .side :is(.nav-caption,.side-bottom,.side-bottom span,.r82-workspace-role){color:#f1eaf8!important;opacity:1!important}
 html[data-ddak-surface="advertiser"] body #app .ddak-desktop-nav-footer button,
 html[data-ddak-surface] body .side .side-bottom{background:#ffffff08!important;border-color:#ffffff28!important;color:#fff!important}
 html[data-ddak-surface="advertiser"] body #app .ddak-desktop-nav-footer :is(b,svg),html[data-ddak-surface] body .side .side-bottom :is(a,button,strong){color:#fff!important}
 html[data-ddak-surface="advertiser"] body #app .ddak-desktop-side-brand .r82-workspace-wordmark,html[data-ddak-surface="admin"] body #app .sidebar .r82-workspace-wordmark,html[data-ddak-surface] body .side .r82-workspace-wordmark{filter:brightness(0) invert(1)!important}
}
html[data-ddak-surface="advertiser"] body #app :is(.ddak-ui-feature-hero,.ddak-privacy-hero){grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important}
html[data-ddak-surface="advertiser"] body #app .ddak-ui-feature-hero>span{min-width:0}
html[data-ddak-surface="advertiser"] body #app .ddak-ui-feature-hero h2{word-break:keep-all;overflow-wrap:anywhere;line-height:1.45}
html[data-ddak-surface="advertiser"] body #app :is(.modal,.operation-validation-dialog,.popover,.ddak-submenu-sheet){border-radius:18px;box-shadow:0 16px 56px #2113341c}
html[data-ddak-surface="advertiser"] body #app .modal :is(h2,h3,h4){text-wrap:pretty;word-break:keep-all;overflow-wrap:anywhere}
html[data-ddak-surface="advertiser"] body #app :is(button,.btn){touch-action:manipulation}
html[data-ddak-surface="advertiser"] body #app .r86-support-trigger{border-radius:16px;box-shadow:0 4px 16px #38234e14}
html[data-ddak-surface="advertiser"] body #app .r86-support-dot{box-shadow:none;animation:none}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-hub-content{display:grid!important;gap:20px!important;min-width:0}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-platform{display:block!important;min-height:0!important;height:auto!important;max-width:none!important;border:1px solid var(--r88-line)!important;border-radius:16px!important;background:var(--r88-paper)!important;overflow:hidden}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-conversation-pane{min-height:0!important;height:auto!important;border:0!important;display:flex!important;flex-direction:column}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-context-panel{display:none!important}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-history-panel:not(.is-open){display:none!important}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-history-panel.is-open{display:flex!important;position:fixed!important;inset:80px auto 24px 24px!important;width:min(320px,calc(100vw - 48px))!important;height:auto!important;z-index:240!important;box-shadow:0 10px 50px #29174833}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-mobile-history{display:inline-flex!important}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-workspace-header{display:flex!important;padding:16px 20px!important;min-height:68px!important;border-bottom:1px solid var(--r88-line)!important}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-chat-stream{min-height:110px!important;max-height:480px!important;height:auto!important;overflow-y:auto!important;padding:20px!important;overscroll-behavior:contain}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-welcome{display:flex!important;align-items:center;gap:18px;min-height:0!important;padding:8px!important;margin:0!important}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-welcome-visual{width:72px!important;height:72px!important;flex:0 0 72px}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-welcome-ddaki{width:72px!important;height:72px!important;min-height:0!important}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-welcome-copy h1{font-size:20px!important;line-height:1.5!important;margin:0!important;text-align:left}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-composer{position:static!important;width:auto!important;min-width:0!important;padding:12px 20px 20px!important;background:var(--r88-paper)!important;border:0!important}
html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-scroll-latest{display:none!important}
.r89-chat-handoff{display:flex;justify-content:flex-end}.r89-chat-handoff button{padding:12px 16px;border:1px solid var(--r88-line);border-radius:10px;background:var(--r88-selected);color:var(--r88-link);font-weight:650}
@media(max-width:767px){
 html[data-ddak-surface="advertiser"] body #app .modal:not(.ddak-fullscreen-route):not(.ddak-agent-chat){max-height:calc(100dvh - 24px);max-width:calc(100vw - 20px);margin-inline:auto;overflow-x:hidden}
 html[data-ddak-surface="advertiser"] body #app .modal :is(.grid2,.r15-compact-grid){grid-template-columns:minmax(0,1fr)}
 html[data-ddak-surface="advertiser"] body #app .modal :is(.btn,.button){min-height:44px;white-space:normal;word-break:keep-all}
 html[data-ddak-surface="advertiser"] body #app .modal :is(input,textarea){min-width:0;max-width:100%}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-workspace-header{padding:10px!important;min-height:0!important;position:static!important}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified :is(.ddak-ai-workspace-brand,.ddak-ai-live-badge){display:none!important}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-workspace-actions{display:flex!important;width:100%;justify-content:space-between;gap:6px!important}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-workspace-actions button{padding:8px!important;flex:1;min-width:0;min-height:40px;font-size:12px}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-workspace-actions button span{display:inline!important;white-space:nowrap}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-workspace-actions button svg{display:none}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-chat-stream{min-height:80px!important;padding:12px!important;max-height:420px!important}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-composer{padding:10px 12px 16px!important}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-welcome{gap:12px!important;padding:0!important}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-welcome-visual{width:52px!important;height:52px!important;flex-basis:52px!important}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-welcome-ddaki{width:52px!important;height:52px!important}
 html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-welcome-copy h1{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){.ddak-ai-unified *{scroll-behavior:auto!important;animation:none!important}}

/* Signup: clear progression, required business information, comfortable touch controls. */
body .ddak-registration-card .register-progress,body .ddak-registration-card .ux3963-stepper{gap:8px}
body .ddak-registration-card fieldset,body .ddak-registration-card .register-section{border-color:#e4ddea;border-radius:14px}
body .ddak-registration-card input,body .ddak-registration-card select{min-height:46px;border-radius:9px;border-color:#d6cddd}
body .ddak-registration-card label{color:#43394f}
body .ddak-registration-card .form-section-title{color:#4e3e60;font-weight:750}
@media(max-width:600px){body .ddak-registration-card input,body .ddak-registration-card select,body .ddak-registration-card textarea{font-size:16px}body .ddak-registration-card{min-width:0}body .ddak-registration-card .form-row{min-width:0;gap:14px}body .ddak-registration-card .field{min-width:0}}

html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-welcome::before,html[data-ddak-surface="advertiser"] body #app .ddak-ai-unified .ddak-ai-welcome::after{display:none!important}

body .ddak-registration-card .step-copy{margin-bottom:24px!important;padding-bottom:20px!important}
body .ddak-registration-card .step-copy h2{margin:12px 0!important;font-size:25px;letter-spacing:-.7px}
body .ddak-registration-card .step-copy p{line-height:1.75;color:#62596e}
body .ddak-registration-card .register-step>.field{margin-block:18px}
body .ddak-registration-card .r89-representative-info{margin-top:28px;padding:22px;border:1px solid #e2d9eb;border-radius:14px;background:#fcfaff}
body .ddak-registration-card .r89-representative-info h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:18px}
body .ddak-registration-card .r89-representative-info em{font-size:12px;color:#614296;font-style:normal;background:#eee5fa;padding:3px 7px;border-radius:5px}
body .ddak-registration-card .r89-representative-info p{font-size:13px;line-height:1.7;color:#62596e}
body .ddak-registration-card .ddak-register-address{margin-block:18px;padding:16px;border:1px solid #ddd4e6;border-radius:10px;min-width:0}
body .ddak-registration-card input:focus-visible,body .ddak-registration-card select:focus-visible{outline:3px solid #c8b6e5;outline-offset:2px}
body .ddak-registration-card .register-actions{gap:10px;padding-block:20px 8px}
body .ddak-registration-card .register-actions button{min-height:48px}
@media(max-width:600px){body .ddak-registration-card .step-copy h2{font-size:23px}body .ddak-registration-card .r89-representative-info{padding:16px}body .ddak-registration-card .ddak-address-search-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}body .ddak-registration-card .ddak-address-search-row button{max-width:145px;white-space:normal;font-size:13px}body .ddak-registration-card .r89-representative-info .ddak-register-address{padding:0;border:0}}
/* The legacy administrator menu uses plain nav buttons, not .nav-item. */
@media(min-width:1024px){
 html[data-ddak-surface="admin"] body #app .sidebar .nav button{color:#fff!important;background:transparent!important;font-weight:650!important;opacity:1!important;border:1px solid transparent!important}
 html[data-ddak-surface="admin"] body #app .sidebar .nav button.active{background:#f5efff!important;color:#493263!important;border-color:#f5efff!important;box-shadow:none!important;border-radius:10px!important}
 html[data-ddak-surface="admin"] body #app .sidebar .nav button:not(.active):hover{background:#ffffff14!important}
 html[data-ddak-surface="admin"] body #app .sidebar :is(.nav-label,.admin-brand-role-r81,.admin-nav-search label){color:#f1eaf8!important}
 html[data-ddak-surface="admin"] body #app .sidebar .admin-brand-wordmark-r81{filter:brightness(0) invert(1)!important}
 html[data-ddak-surface="admin"] body #app .sidebar :is(.admin-nav-search,.side-foot){background:transparent!important;border-color:#ffffff20!important}
 html[data-ddak-surface="admin"] body #app .sidebar .operator{background:#ffffff08!important;border-color:#ffffff28!important;color:#fff!important}
}

html[data-ddak-surface] body .side .nav-item .nav-icon{color:inherit!important;opacity:1!important}html[data-ddak-surface] body .side .nav-icon svg{display:block;width:19px;height:19px}
@media(min-width:1024px){html[data-ddak-surface] body .layout>.side .nav-item svg{color:inherit!important;stroke:currentColor!important;opacity:1!important}html[data-ddak-surface] body .layout>.side .nav-item.active :is(.nav-icon,svg){color:#493263!important}}
@media(min-width:1024px){html[data-ddak-surface="admin"] body #app .sidebar .nav button :is(svg,span){color:inherit!important;opacity:1!important}html[data-ddak-surface="admin"] body #app .sidebar .nav button.active svg{color:#493263!important;stroke:currentColor!important}}
@media(min-width:1024px){html[data-ddak-surface] body .layout>.side .nav-item svg *,html[data-ddak-surface="admin"] body #app .sidebar .nav button svg *,html[data-ddak-surface="advertiser"] body #app .app-bottom-nav .ddak-desktop-nav-menu .app-nav-button svg *{color:inherit!important;stroke:currentColor!important}}