/* DdakLab Advertiser Production Final — Reference UI v6 integrated design system · v123 canonical performance + unified API/manual analytics
   Single-source Ddak Design Foundation · semantic components · responsive product layout. */
:root{--ddak-promo-width:1120px;
  --surface:var(--surface-primary);--text:var(--text-primary);--brand:var(--brand-primary);--line:var(--border-default);--primary:var(--brand-primary);--bg:var(--surface-page);
  --event-dark-surface:#111522;
  --event-light-page:#f7f8fb;
  --event-dark-muted:#aab1c0;
  --event-dark-page:#0a0d14;
  color-scheme:light;
  --font-ui:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Segoe UI",sans-serif;
  --surface-page:#F7F9FC;
  --surface-primary:#ffffff;
  --surface-secondary:#F2F5F9;
  --surface-tertiary:#EDF1F6;
  --surface-elevated:#ffffff;
  --surface-interactive:#F2F5F9;
  --surface-hover:#E9EEF5;
  --surface-selected:#F1EBFF;
  --surface-disabled:#F2F4F7;
  --surface-overlay:rgba(0,0,0,.42);
  --surface-chrome:rgba(247,249,252,.97);
  --text-primary:#172033;
  --text-secondary:#58657A;
  --text-tertiary:#667085;
  --text-inverse:#ffffff;
  --ddaki-visor-top:#06111f;
  --ddaki-visor-mid:#091b31;
  --ddaki-visor-bottom:#071321;
  --border-default:#DDE4EC;
  --border-subtle:#E7ECF2;
  --border-strong:#CCD6E1;
  --brand-identity-primary:#6B46C1;
  --brand-identity-strong:#5530A8;
  --brand-identity-soft:#F5F0FF;
  --brand-config-primary:#6B46C1;
  --brand-config-soft-light:#F5F0FF;
  --brand-config-soft-dark:#2B1746;
  --brand-primary:var(--brand-config-primary,#6B46C1);
  --brand-strong:#5530A8;
  --brand-on-primary:#FFFFFF;
  --brand-soft:var(--brand-config-soft-light,#F5F0FF);
  --brand-softer:#F8F5FF;
  --semantic-success:#00a05a;
  --semantic-success-soft:#eefaf4;
  --semantic-success-text:#007B45;
  --semantic-warning:#c97300;
  --semantic-warning-soft:#fff7e8;
  --semantic-warning-text:#9A5500;
  --semantic-danger:#e4484d;
  --semantic-danger-soft:#fff0f1;
  --semantic-danger-strong:#C9343B;
  --semantic-danger-on:#FFFFFF;
  --semantic-info:var(--brand-primary);
  --semantic-info-soft:var(--brand-soft);
  --provider-naver:#03c75a;
  --provider-local:#ff7e36;
  --provider-meta:#4d66f5;
  --provider-google:#e6a500;
  --provider-kakao:#d8ad00;
  --social-naver:#03C75A;
  --social-naver-on:#FFFFFF;
  --social-kakao:#FEE500;
  --social-kakao-on:#191919;
  --provider-logo-surface:#FFFFFF;
  --provider-logo-border:#E1E6EC;
  --provider-logo-shadow:rgba(23,32,51,.04);
  --chart-primary:var(--brand-primary);
  --chart-secondary:#36B37E;
  --chart-tertiary:#A98BEA;
  --chart-grid:#EEF2F6;
  --chart-axis:#98A2B3;
  --chart-tooltip-bg:#ffffff;
  --naver-chart-series-1:#3B82D9;
  --naver-chart-series-2:#2DB492;
  --naver-dashboard-series-1:#FA5B54;
  --naver-dashboard-series-2:#F5A623;
  --naver-dashboard-series-3:#3BA4EF;
  --naver-dashboard-grid:#ECEFF3;
  --naver-dashboard-label:#8B95A1;
  --naver-dashboard-card-border:#E5E8EB;
  --naver-dashboard-delta-up:#E45B52;
  --naver-dashboard-delta-down:#4A86D4;
  --naver-chart-grid:#ECEFF3;
  --naver-chart-axis:#89919C;
  --naver-chart-tooltip:#FFFFFF;
  --naver-chart-tooltip-text:#20252B;
  --naver-chart-control-line:#DADFE5;
  --naver-chart-cursor:#C9CED5;
  --naver-clone-blue:#1685F8;
  --naver-clone-green:#08AD38;
  --naver-clone-line:#D5DADF;
  --naver-clone-grid:#D5DAE0;
  --naver-clone-axis:#4B5563;
  --naver-clone-toolbar:#FFFFFF;
  --naver-clone-tooltip:#FFFFFF;
  --naver-clone-tooltip-text:#202124;
  --radius-chart-tooltip:4px;
  --radius-chart-control:2px;
  --skeleton-base:#f2f3f5;
  --skeleton-highlight:#fafafa;
  --icon-active-cut:#ffffff;
  --header-height:51px;
  --bottom-nav-height:74px;
  --touch-min:44px;
  --control-compact:44px;
  --control-default:48px;
  --control-primary:52px;
  --motion-fast:.15s;
  --motion-standard:.18s;
  --motion-slow:.24s;
  --surface-pressed:#EEF2F7;
  --shadow-focus:0 0 0 3px color-mix(in srgb,var(--brand-primary) 10%,transparent);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --density-section-gap:18px;
  --density-card-padding:14px;
  --density-row-padding-y:10px;
  --config-card-radius:18px;
  --config-section-spacing:26px;
  --remote-min-font-size:13px;
  --status-running:#078A55;
  --status-running-soft:#EAF8F1;
  --status-warning:#B76A00;
  --status-warning-soft:#FFF4DE;
  --status-error:#C9363E;
  --status-error-soft:#FFF0F1;
  --status-scheduled:#5A50C8;
  --status-scheduled-soft:#F1EFFF;
  --status-paused:#647085;
  --status-paused-soft:#EEF1F5;
  --sheet-max-height:88dvh;
  --sheet-content-max:640px;
  --page-padding:17px;
  --space-page:16px;
  --z-navigation:40;
  --z-floating:45;
  --z-sheet:70;
  --z-dialog:80;
  --z-toast:100;
  --radius-xs:7px;
  --radius-sm:11px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-xl:22px;
  --radius-full:999px;
  --radius-pill:var(--radius-full);
  --radius-config:var(--config-card-radius);
  --shadow-floating:0 4px 14px rgba(33,33,36,.18);
  --shadow-sheet:0 -8px 24px rgba(33,33,36,.12);
  --font-caption:13px;
  --font-support:14px;
  --font-body:16px;
  --font-body-large:17px;
  --font-item-title:17px;
  --font-section-title:20px;
  --font-page-title:25px;
  --font-display:36px;
  --font-label:13px;
  --line-body:1.5;
  --line-support:1.45;
  --provider-size:40px;
  --provider-font:13px;
  --color-page:var(--surface-page);
  --background-page:var(--surface-page);
  --color-canvas:var(--surface-page);
  --color-surface:var(--surface-primary);
  --color-surface-primary:var(--surface-primary);
  --color-surface-secondary:var(--surface-secondary);
  --color-surface-tertiary:var(--surface-tertiary);
  --color-surface-raised:var(--surface-elevated);
  --color-surface-subtle:var(--surface-interactive);
  --color-surface-selected:var(--surface-selected);
  --color-surface-disabled:var(--surface-disabled);
  --color-surface-sunken:var(--surface-tertiary);
  --color-text-primary:var(--text-primary);
  --color-text-secondary:var(--text-secondary);
  --color-text-tertiary:var(--text-tertiary);
  --color-text-inverse:var(--text-inverse);
  --color-border:var(--border-default);
  --color-border-strong:var(--border-strong);
  --color-divider:var(--border-subtle);
  --color-brand:var(--brand-primary);
  --color-brand-primary:var(--brand-primary);
  --color-brand-strong:var(--brand-strong);
  --color-brand-soft:var(--brand-soft);
  --color-brand-soft-2:var(--brand-softer);
  --color-success:var(--semantic-success);
  --color-success-soft:var(--semantic-success-soft);
  --color-warning:var(--semantic-warning);
  --color-warning-soft:var(--semantic-warning-soft);
  --color-danger:var(--semantic-danger);
  --color-danger-soft:var(--semantic-danger-soft);
  --color-info:var(--semantic-info);
  --color-info-soft:var(--semantic-info-soft);
  --brand-deep:#5530A8;
  --brand-soft-2:#EDE7FF;
  --brand-soft-3:#E3D7FF;
  --surface-card:#fff;
  --surface-card-soft:#FBFDFF;
  --shadow-card:0 1px 2px rgba(24,24,31,.025),0 8px 22px rgba(24,24,31,.045);
  --shadow-brand:0 8px 22px color-mix(in srgb,var(--brand-primary) 18%,transparent);
  --radius-product:var(--radius-lg);
  --radius-control:var(--radius-md);
}
*{
  box-sizing:border-box;
}
html,body{
  margin:0;
  min-height:100%;
  background:var(--surface-page);
  color:var(--text-primary);
  font-family:var(--font-ui);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body{
  min-width:320px;
  word-break:keep-all;
  overflow-wrap:break-word;
  line-break:strict;
  hyphens:none;
  overscroll-behavior-y:none;
}
button,input,select,textarea{
  font:inherit;
  color:inherit;
}
button{
  border:0;
  background:transparent;
  padding:0;
  min-width:var(--touch-min);
  min-height:var(--touch-min);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:var(--touch-min)}
small{font-size:var(--font-caption)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid color-mix(in srgb,var(--brand-primary) 45%,transparent);
  outline-offset:2px;
}
button:disabled,input:disabled,select:disabled,textarea:disabled{
  opacity:.5;
  cursor:default;
}
a, a:link, a:visited{
  color:inherit;
  text-decoration:none;
}
svg{
  display:block;
}
.ddak-icon{
  width:24px;
  height:24px;
  flex:0 0 auto;
}
.ddak-icon-fallback{
  display:inline-block;
  width:18px;
  height:18px;
  border:1.6px solid currentColor;
  border-radius:var(--radius-sm);
}
#app{
  min-height:100vh;
  background:var(--surface-page);
}
.app-shell{
width:100%;
  min-height:100vh;
  margin:0;
  background:var(--surface-page);
  position:relative;
}
.app-main{
width:100%;
  padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-2));
}
.screen,.page{
  width:100%;
  background:var(--surface-page);
}
.app-header{
  position:sticky;
  top:0;
  z-index:30;
  height:calc(var(--header-height) + env(safe-area-inset-top,0px));
  padding:env(safe-area-inset-top,0px) var(--page-padding) 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:var(--surface-chrome);
  
  border-bottom:1px solid color-mix(in srgb,var(--border-default) 60%,transparent);
}
.ddak-title-header h1{
  margin:0;
  font-size:20px;
  line-height:1.2;
  font-weight:700;
}
.context-business{
  height:var(--header-height);
  max-width:64vw;
  display:flex;
  align-items:center;
  gap:var(--space-1);
  min-width:0;
  text-align:left;
}
.context-business span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:18px;
  font-weight:700;
}
.context-business .ddak-icon{
  width:15px;
  height:15px;
  transform:rotate(90deg);
}
.app-header-actions{
  display:flex;
  align-items:center;
  gap:var(--space-1);
}
.icon-btn{
width:var(--touch-min);
  height:var(--touch-min);
  min-width:var(--touch-min);
  min-height:var(--touch-min);
  display:grid;
  place-items:center;
  border-radius:var(--radius-full);
  position:relative;
  color:var(--text-primary);
  border:0;
  background:transparent;
  box-shadow:none;
}
.icon-btn:active{
  background:var(--surface-tertiary);
}
.notification-count{
position:absolute;
  right:-1px;
  top:0;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:var(--radius-full);
  background:var(--semantic-danger);
  color:var(--text-inverse);
  font-size:12px;
  line-height:1;
  font-weight:700;
  display:grid;
  place-items:center;
  border:2px solid var(--surface-page);
  box-shadow:none;
}
.demo-mode-note{
  margin:4px var(--page-padding) 10px;
  width:max-content;
  max-width:calc(100% - 32px);
  font-size:12px;
  color:var(--brand-strong);
  padding:9px 11px;
  border-radius:var(--radius-md);
  background:var(--brand-soft);
  font-weight:600;
}
.network-banner{
  padding:8px 16px;
  background:var(--semantic-warning-soft);
  color:var(--semantic-warning);
  font-size:12px;
  text-align:center;
}
.app-bottom-nav{
position:fixed;
  z-index:var(--z-navigation);
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));
  padding:5px max(6px,env(safe-area-inset-left,0px)) env(safe-area-inset-bottom,0px) max(6px,env(safe-area-inset-right,0px));
  display:grid;
  grid-template-columns:repeat(5,1fr);
  background:color-mix(in srgb,var(--surface-page) 97%,transparent);
  border-top:1px solid var(--border-subtle);
  
}
.app-nav-button{
min-height:56px;
  min-width:44px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--space-1);
  color:var(--text-secondary);
  position:relative;
}
.app-nav-button.active{
  color:var(--brand-primary);
}
.app-nav-icon{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
}
.app-nav-icon .ddak-icon{
  width:23px;
  height:23px;
}
.app-nav-label{
font-size:12px;
  line-height:1.2;
  white-space:nowrap;
  font-weight:500;
}
.app-nav-button.active .app-nav-label{
  font-weight:700;
  color:var(--brand-primary);
}
body.input-focus .app-bottom-nav{
  display:none;
}
.btn{
  min-height:48px;
  padding:0 16px;
  border-radius:var(--radius-sm);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:var(--surface-tertiary);
  font-weight:600;
  font-size:15px;
}
.btn.primary{
  background:var(--brand-primary);
  color:var(--brand-on-primary);
}
.btn.secondary,.btn.ghost{
  background:var(--surface-tertiary);
  color:var(--text-primary);
}
.btn.danger{
  background:var(--semantic-danger);
  color:var(--text-inverse);
}
.btn.small{
min-height:var(--control-compact);
  font-size:13px;
  padding:0 14px;
}
.inline-action,.section-link,.text-btn{
  min-height:var(--touch-min);
  color:var(--brand-primary);
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:14px;
  font-weight:600;
}
.inline-action .ddak-icon,.section-link .ddak-icon{
  width:16px;
  height:16px;
}
.provider-badge{
--provider-token-accent:var(--brand-primary);
  width:var(--provider-size,44px);
  height:var(--provider-size,44px);
  min-width:32px;
  display:grid;
  place-items:center;
  border-radius:var(--radius-md);
  background:var(--surface-secondary);
  border:1px solid var(--border-subtle);
  color:var(--text-primary);
  position:relative;
  padding:0;
  box-shadow:none;
  line-height:1;
  overflow:hidden;
}
.ddak-home-screen,.ddak-ads-screen,.ddak-performance-screen,.ddak-ai-screen,.ddak-more-screen{
  padding:0 var(--page-padding);
}
.ddak-quick-actions{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 0 10px;
  scrollbar-width:none;
}
.ddak-quick-actions::-webkit-scrollbar,.ddak-product-strip::-webkit-scrollbar,.ddak-status-tabs::-webkit-scrollbar{
  display:none;
}
.ddak-quick-actions button{
flex:0 0 auto;
  min-height:var(--control-compact);
  padding:0 14px;
  border-radius:var(--radius-sm);
  background:var(--surface-secondary);
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:600;
}
.ddak-quick-actions .ddak-icon{
  width:16px;
  height:16px;
  color:var(--text-secondary);
}
.ddak-notice{
  width:100%;
  margin:0 0 7px;
  padding:14px 16px;
  border-radius:var(--radius-sm);
  background:var(--surface-tertiary);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  text-align:left;
}
.ddak-notice.compact{
  margin-top:4px;
}
.ddak-notice span{
  display:grid;
  gap:4px;
  min-width:0;
}
.ddak-notice b{
  font-size:14px;
}
.ddak-notice small{
  font-size:12px;
  line-height:1.45;
  color:var(--text-secondary);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ddak-notice em{
  font-size:13px;
  font-style:normal;
  color:var(--brand-on-primary);
  background:var(--brand-primary);
  padding:8px 10px;
  border-radius:var(--radius-md);
  white-space:nowrap;
  font-weight:700;
}
.ddak-section-header{
  height:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:52px;
  padding-top:12px;
}
.ddak-section-header h2{
  margin:0;
  font-size:18px;
  font-weight:700;
  line-height:1.25;
}
.ddak-section-header button,.ddak-section-header span{
  font-size:12.5px;
  color:var(--text-secondary);
}
.ddak-feed-list{
  display:grid;
  gap:0;
}
.ddak-feed-row{
  position:relative;
  width:100%;
  min-height:104px;
  padding:14px 26px 14px 0;
  display:grid;
  grid-template-columns:68px minmax(0,1fr) 16px;
  gap:13px;
  text-align:left;
  border-bottom:1px solid var(--border-subtle);
}
.ddak-feed-identity{
  width:68px;
  height:68px;
  border-radius:var(--radius-lg);
  background:var(--surface-card-soft);
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--border-subtle);
}
.provider-thumb .provider-badge{
  width:66px;
  height:66px;
  border-radius:var(--radius-md);
  font-size:12px;
}
.metric-thumb{
  background:var(--brand-soft);
  color:var(--brand-primary);
}
.metric-thumb .ddak-icon{
  width:38px;
  height:38px;
}
.operation-thumb{
  background:var(--semantic-info-soft);
  color:var(--semantic-info);
}
.operation-thumb .ddak-icon{
  width:34px;
  height:34px;
}
.ddak-feed-content{
  min-width:0;
  display:grid;
  flex-direction:column;
  padding-top:2px;
  gap:3px;
  align-content:center;
}
.ddak-feed-content>b{
  font-size:16px;
  font-weight:500;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ddak-feed-content>small{
  margin-top:5px;
  font-size:12px;
  color:var(--text-secondary);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ddak-feed-content>strong{
  margin-top:7px;
  font-size:16px;
  font-weight:700;
}
.ddak-feed-meta{
  margin-top:auto;
  padding-top:7px;
  font-size:12px;
  color:var(--text-tertiary);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ddak-feed-disclosure{
  position:absolute;
  right:0;
  top:17px;
  color:var(--text-tertiary);
  align-self:center;
}
.ddak-feed-disclosure .ddak-icon{
  width:18px;
  height:18px;
}
.ddak-section-divider{
  height:10px;
  margin:14px calc(var(--page-padding)*-1) 0;
  background:var(--surface-secondary);
  border-top:1px solid var(--border-subtle);
  border-bottom:1px solid var(--border-subtle);
}
.ddak-empty-state{
  padding:34px 0;
  text-align:center;
  border-bottom:1px solid var(--border-subtle);
}
.ddak-empty-state b{
  font-size:16px;
}
.ddak-empty-state p{
  margin:7px 0 14px;
  color:var(--text-secondary);
  font-size:13px;
  line-height:1.5;
}
.ddak-empty-state button{
min-height:44px;padding:0 14px;margin-top:12px;border-radius:var(--radius-sm);background:var(--surface-primary);border:1px solid var(--border-default);font-size:13px;font-weight:700
}
.ddak-context-fab{
  position:fixed;
  z-index:var(--z-floating);
  left:calc(50% + min(260px,50vw) - 116px);
  bottom:calc(var(--bottom-nav-height) + 14px + env(safe-area-inset-bottom,0px));
  height:50px;
  padding:0 16px;
  border-radius:var(--radius-full);
  background:var(--brand-primary);
  color:var(--brand-on-primary);
  display:flex;
  align-items:center;
  gap:5px;
  font-size:14px;
  font-weight:700;
  box-shadow:var(--shadow-brand);
  right:18px;
}
.ddak-context-fab .ddak-icon{
  width:19px;
  height:19px;
}
.ddak-status-tabs{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:4px 0 10px;
  scrollbar-width:none;
}
.ddak-status-tabs button{
min-height:44px;padding:0 15px;border-radius:var(--radius-full);font-size:13px;font-weight:600;white-space:nowrap
}
.ddak-status-tabs button.active{
  background:var(--text-primary);
  color:var(--text-inverse);
}
.ddak-product-strip{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:0 0 8px;
  scrollbar-width:none;
}
.ddak-product-filter{
min-height:44px;
  flex:0 0 auto;
  padding:0 12px;
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-sm);
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  background:var(--surface-primary);
}
.ddak-product-filter .provider-badge{
  width:26px;
  height:26px;
  border-radius:var(--radius-sm);
  font-size:12px;
}
.ddak-action-list{
  margin:10px 0 24px;
}
.ddak-action-list button{
  width:100%;
  height:56px;
  border-bottom:1px solid var(--border-subtle);
  display:grid;
  grid-template-columns:28px 1fr 20px;
  align-items:center;
  text-align:left;
  gap:8px;
  font-size:14px;
}
.ddak-action-list button>.ddak-icon:last-child{
  width:18px;
  height:18px;
  color:var(--text-tertiary);
}
.period-tabs{
  padding-top:4px;
}
.ddak-scope-control{
  display:flex;
  align-items:center;
  gap:4px;
  padding:0 0 12px;
  color:var(--text-secondary);
  font-size:12px;
}
.ddak-scope-control label{
  display:inline-flex;
  align-items:center;
  gap:2px;
  min-width:0;
}
.ddak-scope-control select{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  max-width:150px;
  font-size:12px;
  color:var(--text-secondary);
  outline:0;
}
.ddak-scope-control .ddak-icon{
  width:13px;
  height:13px;
  transform:rotate(90deg);
}
.ddak-performance-summary{
  padding:16px 0 22px;
  border-bottom:1px solid var(--border-subtle);
}
.ddak-performance-summary>small{
  display:block;
  margin-top:12px;
  font-size:12px;
  color:var(--text-secondary);
  font-weight:600;
}
.ddak-performance-summary>span{
  display:block;
  margin-top:9px;
  font-size:12.5px;
  color:var(--text-secondary);
}
.ddak-performance-summary>strong{
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
  margin-top:4px;
  font-size:36px;
  line-height:1.05;
  font-variant-numeric:tabular-nums;
}
.ddak-performance-summary>strong em{
  margin-left:4px;
  font-size:17px;
  font-style:normal;
  font-weight:600;
}
.ddak-performance-summary>p{
  margin:9px 0 18px;
  font-size:13px;
  color:var(--text-secondary);
}
.ddak-performance-summary>div{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin-top:17px;
  background:var(--surface-secondary);
  border:0;
  border-radius:var(--radius-md);
  overflow:hidden;
}
.ddak-performance-summary>div button{
  min-width:0;
  text-align:left;
  border-left:1px solid var(--border-subtle);
  padding-left:12px;
  padding:12px 10px;
}
.ddak-performance-summary>div button:first-child{
  border-left:0;
}
.ddak-performance-summary>div small{
  display:block;
  font-size:12px;
  color:var(--text-secondary);
}
.ddak-performance-summary>div b{
  display:block;
  margin-top:5px;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-variant-numeric:tabular-nums;
}
.ddak-performance-section{
  margin:0;
  padding:16px 0;
  border-top:9px solid var(--surface-tertiary);
  border:0;
  border-bottom:1px solid var(--border-subtle);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.ddak-performance-section.chart-section{
  padding-bottom:16px;
}
.metric-picker{
  display:flex;
  gap:8px;
  padding:2px 0 10px;
}
.metric-select{
min-height:44px;
  padding:0 10px;
  border:1px solid var(--border-default);
  border-radius:var(--radius-sm);
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:var(--surface-secondary);
}
.metric-select select{
min-height:44px;
  appearance:none;
  border:0;
  background:transparent;
  outline:0;
  font-size:13px;
  font-weight:600;
  padding:0 20px 0 0;
}
.metric-select .ddak-icon{
  width:12px;
  height:12px;
  transform:rotate(90deg);
  margin-left:-12px;
  pointer-events:none;
}
.ddak-chart-shell,.performance-chart-frame,.performance-chart-shell{
  width:100%;
  position:relative;
}
.ddak-performance-svg{
  width:100%;
  height:auto;
  min-height:220px;
  overflow:visible;
}
.ddak-chart-grid{stroke:var(--naver-chart-grid);stroke-width:1;shape-rendering:crispEdges}
.ddak-chart-axis,.ddak-chart-date{fill:var(--naver-chart-axis);font-size:12px;font-weight:400}
.ddak-chart-axis.series-1{fill:var(--naver-chart-series-1)}
.ddak-chart-axis.series-2{fill:var(--naver-chart-series-2)}
.ddak-chart-line{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ddak-chart-compare{fill:none;stroke-width:1.25;stroke-dasharray:4 4;stroke-linecap:round;stroke-linejoin:round;opacity:.38;vector-effect:non-scaling-stroke}
.ddak-chart-point{stroke:var(--surface-primary);stroke-width:1}
.ddak-chart-cursor{stroke:var(--naver-chart-cursor);stroke-width:1;stroke-dasharray:0}
.ddak-chart-active{fill:var(--surface-primary);stroke-width:2;vector-effect:non-scaling-stroke}
.ddak-chart-tooltip{position:absolute;z-index:2;max-width:calc(100% - 16px);transform:translateX(-50%);padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-chart-tooltip);background:var(--naver-chart-tooltip);color:var(--naver-chart-tooltip-text);font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.ddak-chart-empty{
  min-height:190px;
  display:grid;
  place-content:center;
  text-align:center;
  color:var(--text-secondary);
}
.ddak-chart-empty b{
  color:var(--text-primary);
  font-size:15px;
}
.ddak-chart-empty p{
  margin:6px 0 0;
  font-size:12px;
}
.chart-bottom-row{
  height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid var(--border-subtle);
  margin-top:8px;
}
.chart-bottom-row label{
  display:flex;
  align-items:center;
  gap:5px;
  color:var(--text-secondary);
  font-size:12px;
}
.chart-bottom-row select{
  appearance:none;
  border:0;
  background:transparent;
  font-size:12px;
}
.chart-bottom-row label .ddak-icon{
  width:12px;
  height:12px;
  transform:rotate(90deg);
}
.chart-bottom-row button{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  font-weight:600;
}
.chart-bottom-row button .ddak-icon{
  width:16px;
  height:16px;
}
.chart-data-table{
  border-top:1px solid var(--border-subtle);
}
.chart-data-table summary{
  min-height:44px;
  display:flex;
  align-items:center;
  font-size:12px;
  color:var(--text-secondary);
  cursor:pointer;
}
.mini-table-wrap{
  overflow:auto;
}
.mini-table,.performance-table{
  width:100%;
  border-collapse:collapse;
}
.mini-table th,.mini-table td,.performance-table th,.performance-table td{
  padding:9px 7px;
  border-bottom:1px solid var(--border-subtle);
  font-size:12px;
  text-align:left;
  white-space:nowrap;
}
.performance-mode-switch{
  display:flex;
  gap:6px;
  padding-bottom:6px;
  padding:3px;
  background:var(--surface-secondary);
  border-radius:var(--radius-md);
}
.performance-mode-switch button{
min-height:44px;padding:0 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600
}
.performance-mode-switch button.active{
background:var(--surface-page);
  color:var(--text-primary);
  box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 8%,transparent);
}
.performance-list{
  display:grid;
  gap:0;
}
.performance-list-row{
  min-height:64px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto 18px;
  align-items:center;
  gap:8px;
  text-align:left;
  border-bottom:1px solid var(--border-subtle);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.performance-list-row>span{
  display:grid;
  gap:3px;
}
.performance-list-row b{
  font-size:14px;
}
.performance-list-row small{
  font-size:12px;
  color:var(--text-secondary);
}
.performance-list-row>strong{
  font-size:14px;
  font-variant-numeric:tabular-nums;
}
.performance-list-row>em{
  font-style:normal;
  font-size:12px;
  color:var(--semantic-success);
}
.performance-list-row>.ddak-icon{
  width:16px;
  height:16px;
  color:var(--text-tertiary);
}
.provider-compare-list{
  display:grid;
}
.provider-compare-list button{
  min-height:72px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto 18px;
  gap:10px;
  align-items:center;
  text-align:left;
  border-bottom:1px solid var(--border-subtle);
}
.provider-compare-list button>span:nth-child(2){
  display:grid;
  gap:4px;
  min-width:0;
}
.provider-compare-list b{
  font-size:14px;
}
.provider-compare-list small{
  font-size:12px;
  color:var(--text-secondary);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.provider-compare-list strong{
  display:grid;
  text-align:right;
  font-size:13px;
}
.provider-compare-list strong em{
  font-style:normal;
}
.provider-compare-list>.ddak-icon{
  width:16px;
}
.ddak-ai-insight-row{
  width:100%;
  min-height:74px;
  margin:0;
  padding:14px 0;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 18px;
  gap:9px;
  align-items:center;
  text-align:left;
  border-top:9px solid var(--surface-tertiary);
}
.ddak-ai-insight-row>.ddak-icon:first-child{
  padding:7px;
  width:36px;
  height:36px;
  border-radius:50%;
  background:var(--brand-soft);
  color:var(--brand-primary);
}
.ddak-ai-insight-row span{
  display:grid;
  gap:3px;
}
.ddak-ai-insight-row b{
  font-size:14px;
}
.ddak-ai-insight-row small{
  font-size:12px;
  color:var(--text-secondary);
}
.ddak-ai-insight-row>.ddak-icon:last-child{
  width:16px;
  color:var(--text-tertiary);
}
.ddak-ai-screen{
  padding-bottom:104px;
}
.ddak-ai-chat-scope{
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:12px;
  color:var(--text-secondary);
  border-bottom:1px solid var(--border-subtle);
}
.ddak-ai-welcome-state{
  text-align:center;
  padding:46px 12px 30px;
}
.ddak-ai-mark{
  width:56px;
  height:56px;
  margin:0 auto 14px;
  border-radius:var(--radius-lg);
  background:var(--brand-soft);
  color:var(--brand-primary);
  display:grid;
  place-items:center;
}
.ddak-ai-mark .ddak-icon{
  width:30px;
  height:30px;
}
.ddak-ai-welcome-state h2{
  margin:0;
  font-size:20px;
}
.ddak-ai-welcome-state p{
  margin:8px 0 0;
  font-size:13px;
  color:var(--text-secondary);
}
.ddak-ai-question-section{
  margin:0 calc(var(--page-padding)*-1);
  padding:0 var(--page-padding);
  border-top:9px solid var(--surface-tertiary);
}
.ddak-ai-question-section h3{
  margin:0;
  height:48px;
  display:flex;
  align-items:center;
  font-size:16px;
}
.ddak-ai-question-list{
  display:grid;
}
.ddak-ai-question-list button{
  min-height:54px;
  border-top:1px solid var(--border-subtle);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  text-align:left;
  font-size:14px;
}
.ddak-ai-question-list .ddak-icon{
  width:16px;
  height:16px;
  color:var(--text-tertiary);
}
.ddak-ai-chat-stream{
  padding:14px 0;
  display:grid;
  gap:14px;
}
.ddak-ai-chat-row{
  display:flex;
  align-items:flex-end;
  gap:8px;
}
.ddak-ai-chat-row.user{
  justify-content:flex-end;
}
.ddak-ai-chat-row.assistant{
  align-items:flex-start;
}
.ddak-ai-chat-row.assistant>div{
  max-width:78%;
}
.ddak-ai-chat-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--brand-soft);
  color:var(--brand-primary);
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.ddak-ai-chat-avatar .ddak-icon{
  width:18px;
  height:18px;
}
.ddak-ai-chat-name{
  font-size:12px;
  font-weight:600;
  margin:1px 0 5px;
}
.ddak-ai-chat-bubble{
  max-width:76%;
  padding:11px 13px;
  border-radius:var(--radius-md);
  background:var(--surface-tertiary);
  font-size:14px;
  line-height:1.48;
}
.ddak-ai-chat-row.assistant .ddak-ai-chat-bubble{
  max-width:100%;
  border-top-left-radius:4px;
}
.ddak-ai-chat-row.user .ddak-ai-chat-bubble{
  background:var(--brand-primary);
  color:var(--brand-on-primary);
  border-top-right-radius:4px;
}
.ddak-ai-chat-bubble p{
  margin:0;
}
.ddak-ai-chat-bubble b{
  display:block;
  margin-bottom:5px;
}
.ddak-ai-chat-bubble ul{
  margin:7px 0 0;
  padding-left:18px;
}
.ddak-ai-chat-row>small,.ddak-ai-chat-row.assistant>div>small{
  font-size:12px;
  color:var(--text-tertiary);
  white-space:nowrap;
}
.ddak-ai-composer{
position:fixed;
  z-index:35;
  left:0;
  right:0;
  bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));
  width:100%;
  padding:10px var(--page-padding) 8px;
  background:color-mix(in srgb,var(--surface-page) 98%,transparent);
  border-top:1px solid var(--border-subtle);
  
}
.ddak-ai-composer .ai-input{
min-height:52px;
  border:1px solid var(--border-default);
  border-radius:var(--radius-lg);
  padding:4px 4px 4px 16px;
  display:flex;
  align-items:center;
  gap:4px;
  background:var(--surface-primary);
}
.ddak-ai-composer textarea{
flex:1;
  min-width:0;
  min-height:44px;
  max-height:120px;
  resize:none;
  border:0;
  outline:0;
  background:transparent;
  font-size:15px;
  line-height:1.45;
  padding:7px 0;
}
.ai-input-clear{
width:44px;
  height:44px;
  min-width:44px;
  display:grid;
  place-items:center;
  color:var(--text-tertiary);
  border-radius:var(--radius-full);
}
.ai-input-clear .ddak-icon{
  width:15px;
  height:15px;
}
.ai-input-send{
width:44px;
  height:44px;
  min-width:44px;
  border-radius:var(--radius-full);
  background:var(--brand-primary);
  color:var(--brand-on-primary);
  display:grid;
  place-items:center;
}
.ai-input-send .ddak-icon{
  width:17px;
  height:17px;
}
.ddak-ai-composer>small{
  margin-top:5px;
  display:flex;
  align-items:center;
  gap:4px;
  font-size:12px;
  color:var(--text-tertiary);
}
.ddak-ai-composer>small .ddak-icon{
  width:12px;
  height:12px;
}
body.input-focus .ddak-ai-composer{
  bottom:0;
}
.ddak-ai-response{
  margin:0 0 10px 42px;
  padding:15px;
  border-radius:var(--radius-lg);
  background:var(--surface-tertiary);
  border:1px solid var(--border-subtle);
  box-shadow:none;
}
.ddak-ai-response>header{
  display:flex;
  align-items:center;
  gap:8px;
}
.ddak-ai-response>header>span:last-child{
  display:grid;
}
.ddak-ai-response>header b{
  font-size:13px;
}
.ddak-ai-response>header small{
  font-size:12px;
  color:var(--text-secondary);
}
.ddak-ai-response>h3{
  font-size:17px;
  margin:14px 0 7px;
}
.ddak-ai-response>p{
  font-size:13px;
  line-height:1.55;
  margin:0;
}
.ddak-ai-evidence-line{
  display:flex;
  gap:5px;
  align-items:center;
  margin-top:12px;
  font-size:12px;
  color:var(--text-secondary);
}
.ddak-ai-evidence-line .ddak-icon{
  width:14px;
  height:14px;
}
.ddak-ai-result-block{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--border-default);
}
.ddak-ai-result-block>b{
  font-size:13px;
}
.ddak-ai-result-block>div{
  margin-top:11px;
}
.ddak-ai-result-block strong{
  font-size:13px;
}
.ddak-ai-result-block p{
  margin:4px 0 0;
  font-size:12px;
  line-height:1.5;
  color:var(--text-secondary);
}
.ddak-ai-result-block small{
  font-size:12px;
  color:var(--text-secondary);
}
.ddak-ai-result-actions{
  margin-top:12px;
  display:grid;
}
.ddak-ai-result-actions button{
  min-height:44px;
  border-top:1px solid var(--border-default);
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-align:left;
  font-size:13px;
}
.ddak-ai-result-actions .ddak-icon{
  width:15px;
}
.ddak-ai-result-cta{
  display:flex;
  gap:7px;
  margin-top:13px;
}
.ddak-ai-result-cta button{
min-height:44px;padding:0 14px;border-radius:var(--radius-sm);background:var(--surface-primary);border:1px solid var(--border-default);font-size:13px;font-weight:600
}
.ddak-ai-result-cta button.primary{
  background:var(--brand-primary);
  color:var(--brand-on-primary);
}
.ddak-ai-safety{
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:10px;
  font-size:12px;
  color:var(--text-secondary);
}
.ddak-ai-safety .ddak-icon{
  width:12px;
  height:12px;
}
.ddak-profile-summary{
  min-height:104px;
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}
.ddak-business-avatar{
  width:56px;
  height:56px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--brand-soft);
  color:var(--brand-primary);
  font-size:21px;
  font-weight:700;
}
.ddak-profile-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.ddak-profile-copy b{
  font-size:18px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-weight:700;
}
.ddak-profile-copy small{
  font-size:12px;
  color:var(--brand-strong);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-weight:700;
}
.ddak-profile-summary>button{
min-height:44px;
  padding:0 14px;
  border:0;
  border-radius:var(--radius-md);
  font-size:13px;
  font-weight:600;
  background:var(--surface-secondary);
}
.ddak-profile-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:10px 0 22px;
}
.ddak-profile-actions button{
  position:relative;
  min-height:78px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  font-size:12px;
}
.ddak-profile-actions button>span{
  width:46px;
  height:46px;
  border-radius:50%;
  background:var(--brand-soft);
  color:var(--text-primary);
  display:grid;
  place-items:center;
}
.ddak-profile-actions button>span .ddak-icon{
  width:23px;
  height:23px;
}
.ddak-profile-actions b{
  font-size:12px;
  font-weight:500;
}
.ddak-profile-actions em{
  position:absolute;
  top:0;
  left:calc(50% + 11px);
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:var(--radius-full);
  background:var(--semantic-danger);
  color:var(--text-inverse);
  font-style:normal;
  font-size:12px;
  display:grid;
  place-items:center;
}
.ddak-menu-icon{
  display:grid;
  place-items:center;
  color:var(--brand-strong);
  width:38px;
  height:38px;
  border-radius:var(--radius-md);
  background:var(--surface-secondary);
  border:0;
}
.ddak-menu-icon .ddak-icon{
  width:20px;
  height:20px;
}
.ddak-menu-row>span:nth-child(2){
  display:grid;
  gap:3px;
}
.ddak-menu-row b{
  font-size:14.5px;
  font-weight:600;
}
.ddak-menu-row small{
  font-size:12px;
  color:var(--text-secondary);
}
.ddak-menu-row>.ddak-icon{
  width:16px;
  height:16px;
  color:var(--text-tertiary);
}
.ddak-version{
  text-align:center;
  color:var(--text-tertiary);
  font-size:12px;
  padding:22px 0 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.modal-backdrop,.flow-backdrop,.alert-panel{
  position:fixed;
  inset:0;
  z-index:var(--z-sheet);
  background:var(--surface-overlay);
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.modal,.alert-sheet{
  width:100%;
  max-height:min(var(--sheet-max-height),820px);
  overflow:auto;
  background:var(--surface-page);
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  padding:0 var(--bottom-sheet-x) calc(16px + env(safe-area-inset-bottom,0px));
  box-shadow:var(--shadow-sheet);
}
.handle{
  width:38px;
  height:4px;
  border-radius:var(--radius-full);
  background:var(--border-default);
  margin:7px auto 5px;
}
.modal-head,.alert-sheet-head{
  position:sticky;
  top:0;
  z-index:2;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:var(--surface-page);
  border-bottom:1px solid var(--border-subtle);
}
.modal-head h2,.modal-head h3,.alert-sheet-head h2{
  margin:0;
  font-size:19px;
}
.modal-head p{
  margin:3px 0 0;
  font-size:12px;
  color:var(--text-secondary);
}
.modal-help,.field-hint{
  font-size:12px;
  line-height:1.5;
  color:var(--text-secondary);
}
.modal-help{
  margin:10px 0 12px;
}
.operation-fullscreen-flow{
  padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));
}
.operation-fullscreen-flow,.campaign-detail-screen,.product-performance-screen,.product-detail-screen,.checkout-screen,.integration-management-screen,.store-screen{
  max-height:100dvh;
  height:100dvh;
  border-radius:0;
  padding-top:max(env(safe-area-inset-top,0px),0px);
}
.operation-fullscreen-flow .modal-head,.campaign-detail-screen .modal-head,.product-performance-screen .modal-head,.product-detail-screen .modal-head,.checkout-screen .modal-head,.integration-management-screen .modal-head{
  top:0;
}
.alert-row{
  min-height:76px;
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  padding:12px 0;
  border-bottom:1px solid var(--border-subtle);
}
.alert-row-copy{
  display:grid;
  gap:4px;
}
.alert-row-copy b{
  font-size:14px;
}
.alert-row-copy p{
  margin:0;
  font-size:12px;
  color:var(--text-secondary);
  line-height:1.45;
}
.dot{
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--surface-tertiary);
}
.dot .ddak-icon{
  width:14px;
  height:14px;
}
.ddak-list,.plain-list,.list,.settings-list,.notification-list,.conversation-list,.integration-catalog-list,.product-catalog-list,.fact-list,.service-section,.budget-scenarios,.operation-types,.operation-choices{
  display:grid;
}
.ddak-list-row,.simple-row,.row,.settings-row,.notification-list>button,.conversation-list>button,.integration-catalog-list>button,.product-catalog-list>button,.service-row,.budget-scenarios>button,.operation-choice,.operation-types>button{
  min-height:62px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  text-align:left;
  border-bottom:1px solid var(--border-subtle);
}
.ddak-list-copy,.row-copy,.my-menu-copy,.notification-list>button>span:nth-child(2),.conversation-list>button>span:nth-child(2),.integration-catalog-list>button>span:nth-child(2){
  display:grid;
  gap:3px;
  min-width:0;
}
.ddak-list-row b,.simple-row b,.row b,.notification-list b,.conversation-list b,.integration-catalog-list b,.product-catalog-list b,.service-row b{
  font-size:14px;
}
.ddak-list-row small,.simple-row small,.row small,.notification-list small,.conversation-list small,.integration-catalog-list small,.product-catalog-list small,.service-row small{
  font-size:12px;
  color:var(--text-secondary);
}
.row-icon,.row-leading,.notification-icon,.operation-type-icon,.product-icon{
  width:34px;
  height:34px;
  border-radius:var(--radius-sm);
  background:var(--surface-tertiary);
  display:grid;
  place-items:center;
}
.row-icon .ddak-icon,.row-leading .ddak-icon,.notification-icon .ddak-icon,.operation-type-icon .ddak-icon,.product-icon .ddak-icon{
  width:18px;
  height:18px;
}
.fact{
  min-height:56px;
  display:grid;
  grid-template-columns:110px 1fr;
  gap:10px;
  align-items:center;
  border-bottom:1px solid var(--border-subtle);
}
.fact span{
  font-size:12px;
  color:var(--text-secondary);
}
.fact strong{
  font-size:13px;
  font-weight:500;
  text-align:right;
  overflow-wrap:anywhere;
}
.status-line{
  padding:12px 0;
  display:grid;
  gap:3px;
}
.status-line b{
  font-size:14px;
}
.status-line small{
  font-size:12px;
  color:var(--text-secondary);
}
.account-links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:18px 0;
  font-size:12px;
  color:var(--text-secondary);
}
.form{
  display:grid;
  gap:14px;
}
.field{
  display:grid;
  gap:7px;
}
.field label,.field>label{
  font-size:13px;
  font-weight:600;
}
.field input,.field textarea,.field select,.operation-input,.chat-composer textarea{
  width:100%;
  min-height:48px;
  border:1px solid var(--border-default);
  border-radius:var(--radius-sm);
  background:var(--surface-page);
  padding:11px 12px;
  outline:0;
  font-size:14px;
}
.field textarea,.operation-input{
  min-height:88px;
  resize:vertical;
}
.field input:focus,.field textarea:focus,.field select:focus{
  border-color:var(--text-primary);
}
.grid2,.account-id-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.form-actions,.register-actions,.product-detail-actions,.ai-analysis-actions,.operation-footer{
  display:flex;
  gap:8px;
}
.form-actions .btn,.register-actions .btn,.operation-footer .btn{
  flex:1;
}
.segmented{
  display:flex;
  padding:3px;
  border-radius:var(--radius-sm);
  background:var(--surface-tertiary);
}
.segmented button{
min-height:44px;padding:0 12px;border-radius:var(--radius-sm);font-size:13px
}
.segmented button.active{
  background:var(--surface-primary);
  font-weight:700;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.integration-capability,.status-pill,.approval-badge,.ddak-status{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 8px;
  border-radius:var(--radius-full);
  background:var(--surface-tertiary);
  font-size:12px;
  font-weight:600;
  color:var(--text-secondary);
}
.integration-capability.success,.status-pill.approved,.approval-badge{
  background:var(--semantic-success-soft);
  color:var(--semantic-success);
}
.integration-capability.import,.status-pill.pending{
  background:var(--semantic-warning-soft);
  color:var(--semantic-warning);
}
.operation-flow-head{
  padding:14px 0;
}
.operation-progress{
  height:4px;
  border-radius:var(--radius-full);
  background:var(--surface-tertiary);
  overflow:hidden;
}
.operation-progress i{display:block;height:100%;background:var(--brand-primary);border-radius:var(--radius-full);transition:width var(--motion-fast)}
.operation-context-banner,.operation-ai-context,.product-notice,.store-notice,.deletion-info,.trust-note{
  margin:12px 0;
  padding:12px 14px;
  border-radius:var(--radius-sm);
  background:var(--surface-tertiary);
  font-size:12px;
  line-height:1.5;
}
.operation-question h2,.operation-intro h2{
  font-size:22px;
  margin:18px 0 7px;
}
.operation-question p,.operation-intro p{
  font-size:13px;
  color:var(--text-secondary);
  line-height:1.5;
}
.operation-choice,.operation-types>button{
  padding:10px 0;
}
.operation-review-list,.review-row{
  display:grid;
}
.operation-review-row,.review-row{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid var(--border-subtle);
  font-size:13px;
}
.operation-success,.order-success{
  text-align:center;
  padding:40px 8px;
}
.success-icon{
  width:54px;
  height:54px;
  margin:0 auto 14px;
  border-radius:50%;
  background:var(--semantic-success-soft);
  color:var(--semantic-success);
  display:grid;
  place-items:center;
}
.product-lead{
  padding:18px 0;
}
.product-lead h2{
  margin:0;
  font-size:22px;
}
.product-lead p{
  margin:8px 0 0;
  font-size:13px;
  color:var(--text-secondary);
}
.product-price{
  font-size:22px;
  font-weight:700;
}
.product-divider{
  height:9px;
  margin:12px calc(var(--page-padding)*-1);
  background:var(--surface-tertiary);
}
.product-performance-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
}
.product-performance-kpis>div,.product-performance-kpis>button{
  padding:12px;
  border-left:1px solid var(--border-subtle);
}
.product-performance-kpis>*:first-child{
  border-left:0;
}
.service-process{
  display:grid;
  gap:8px;
}
.service-process>div{
  padding:11px 0;
  border-bottom:1px solid var(--border-subtle);
}
.chat-messages{
  min-height:45vh;
  padding:14px 0;
  display:grid;
  align-content:start;
  gap:10px;
}
.chat-bubble{
  max-width:78%;
  padding:10px 12px;
  border-radius:var(--radius-md);
  background:var(--surface-tertiary);
  font-size:14px;
}
.chat-bubble.mine{
  justify-self:end;
  background:var(--brand-primary);
  color:var(--brand-on-primary);
}
.chat-composer{
  position:sticky;
  bottom:0;
  background:var(--surface-page);
  padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));
  display:grid;
  grid-template-columns:1fr 40px;
  gap:7px;
}
.chat-composer button{
width:44px;height:44px;min-width:44px;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--brand-primary);color:var(--brand-on-primary)
}
.auth-shell{
  min-height:100vh;
  display:flex;
  justify-content:center;
  background:var(--surface-page);
}
.auth-card{
  width:100%;
  padding:calc(64px + env(safe-area-inset-top,0px)) 24px 30px;
}
.ddak-login-decorative-visual{
  display:none;
}
.ddak-login-copy{
  margin-top:14vh;
  display:grid;
  gap:8px;
}
.ddak-login-copy::before{
  content:none;
  display:block;
  margin-bottom:28px;
  color:var(--brand-primary);
  font-size:34px;
  font-weight:700;
}
.ddak-login-copy h1{
  margin:0;
  font-size:29px;
  line-height:1.22;
  font-weight:700;
}
.ddak-login-copy p{
  margin:0;
  color:var(--text-secondary);
  font-size:13px;
  line-height:1.55;
}
.ddak-login-primary,.ddak-login-secondary{
  width:100%;
  margin-top:8px;
}
.ddak-login-social-title,.ddak-login-social-list{
  display:none;
}
.ddak-login-form-hidden{
  display:none;
  margin-top:18px;
}
.ddak-login-form-hidden.show{
  display:grid;
}
.auth-switch{
  text-align:center;
  margin-top:20px;
  font-size:13px;
  color:var(--text-secondary);
}
.auth-switch button{
  color:var(--brand-primary);
  font-weight:600;
}
.registration-card{
  padding-top:calc(28px + env(safe-area-inset-top,0px));
}
.auth-brand{
  display:flex;
  align-items:center;
  gap:9px;
}
.auth-brand .logo{
  width:36px;
  height:36px;
  border-radius:var(--radius-md);
  background:var(--brand-primary);
  color:var(--brand-on-primary);
  display:grid;
  place-items:center;
  font-weight:700;
}
.auth-brand>div{
  display:grid;
}
.auth-brand small{
  font-size:12px;
  color:var(--text-secondary);
}
.register-title{
  margin:34px 0 18px;
  margin-top:18px;
}
.register-title>span{
  font-size:12px;
  color:var(--brand-primary);
  font-weight:700;
}
.register-title h1{
  margin:6px 0 7px;
  font-size:25px;
}
.register-title p{
  margin:0;
  font-size:13px;
  color:var(--text-secondary);
}
.register-progress{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
  margin-bottom:24px;
}
.register-progress-item{
  height:4px;
  background:var(--surface-tertiary);
  overflow:hidden;
}
.register-progress-item i,.register-progress-item span{
  display:none;
}
.register-progress-item.active,.register-progress-item:has(~ .active){
  background:var(--brand-primary);
}
.register-step{
  display:none;
}
.register-step.active{
  display:grid;
  gap:14px;
}
.step-copy span{
  font-size:12px;
  color:var(--brand-primary);
  font-weight:700;
}
.step-copy h2{
  font-size:22px;
  margin:6px 0;
}
.step-copy p{
  margin:0 0 7px;
  font-size:13px;
  color:var(--text-secondary);
}
.license-upload{
  min-height:88px;
  border:1px dashed var(--border-default);
  border-radius:var(--radius-md);
  padding:14px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:10px;
  align-items:center;
}
.license-upload input{
  grid-column:1/-1;
}
.license-icon{
  width:42px;
  height:42px;
  border-radius:var(--radius-sm);
  background:var(--surface-tertiary);
  display:grid;
  place-items:center;
}
.status-character{
  display:none;
}
.status-hero{
  padding:48px 0 18px;
}
.status-hero h1{
  font-size:26px;
  margin:8px 0;
}
.status-hero p{
  font-size:14px;
  color:var(--text-secondary);
}
.status-card{
  padding:16px 0;
  border-top:1px solid var(--border-subtle);
}
.status-card h2{
  font-size:18px;
}
.status-card p{
  font-size:13px;
  color:var(--text-secondary);
}
.empty,.ddak-empty{
  padding:22px 0;
  text-align:center;
  color:var(--text-secondary);
  font-size:13px;
}
.skeleton-line,.skeleton-row,.skeleton-business,.skeleton-header-action,.skeleton-title,.skeleton-subtitle{
  border-radius:var(--radius-sm);
  background:linear-gradient(90deg,var(--skeleton-base),var(--skeleton-highlight),var(--skeleton-base));
  background-size:200% 100%;
  animation:skeletonShift 1.15s ease-in-out infinite;
}
.skeleton-app{
  
  margin:0 auto;
  padding:0 16px;
}
.skeleton-title{
  height:28px;
  width:55%;
  margin-top:30px;
}
.skeleton-subtitle{
  height:14px;
  width:76%;
  margin-top:12px;
}
.skeleton-row{
  height:92px;
  margin-top:12px;
}
.skeleton-business{
  width:120px;
  height:22px;
}
.skeleton-header-action{
  width:36px;
  height:36px;
}
.chart-loading,.modal-loading,.finding{
  min-height:150px;
  display:grid;
  place-items:center;
  color:var(--text-secondary);
}
.spinner{
  width:20px;
  height:20px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:spin .75s linear infinite;
}
.spinner.small{
  width:16px;
  height:16px;
}
.toast{
  position:fixed;
  z-index:var(--z-toast);
  left:50%;
  bottom:calc(var(--bottom-nav-height) + 20px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);
  width:min(calc(100% - 32px),460px);
  padding:12px 14px;
  border-radius:var(--radius-sm);
  background:var(--text-primary);
  color:var(--surface-primary);
  font-size:13px;
  box-shadow:var(--shadow-floating);
}
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.muted{
  color:var(--text-secondary);
}
.ddak-auth-app{
  background:var(--surface-page);
  color:var(--text-primary);
}
.ddak-campaign-card{
  border-radius:0;
}
.scope-selectors label{
min-height:44px
}
.checklist-progress{
  height:4px;
  background:var(--surface-tertiary);
}
.checklist-progress span{
  display:block;
  height:100%;
  background:var(--brand-primary);
}

/* V112 semantic domain components — each selector has one owner. */
.ddak-campaign-row{width:100%;min-height:92px;padding:16px 0;display:grid;grid-template-columns:44px minmax(0,1fr) auto 24px;gap:12px;align-items:center;text-align:left;border-bottom:1px solid var(--border-subtle)}
.ddak-campaign-row:active{background:var(--surface-secondary)}
.ddak-campaign-provider{align-self:start;padding-top:1px}
.ddak-campaign-main{min-width:0;display:grid;gap:7px}
.ddak-campaign-main>header{display:flex;align-items:center;gap:8px;min-width:0}
.ddak-campaign-provider-name{font-size:12px;color:var(--text-secondary);font-weight:600}
.ddak-campaign-status{justify-self:start;width:max-content;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 7px;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary)}
.ddak-campaign-status.active,.ddak-campaign-status.good{background:var(--semantic-success-soft);color:var(--semantic-success)}
.ddak-campaign-main>strong{font-size:16px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
.ddak-campaign-result{min-width:112px;display:grid;justify-items:end;gap:3px;color:var(--text-secondary);font-size:12px;text-align:right}
.ddak-campaign-result strong{font-size:15px;color:var(--text-primary);font-variant-numeric:tabular-nums}.ddak-campaign-result strong em{font-size:12px;font-style:normal;color:var(--text-secondary);margin-left:2px}.ddak-campaign-result>span{font-size:12px}
.ddak-campaign-disclosure{display:grid;place-items:center;color:var(--text-tertiary)}
.ddak-briefing-action{min-height:44px;width:max-content;padding:0 16px;border-radius:var(--radius-sm);background:var(--brand-primary);color:var(--brand-on-primary);font-size:13px;font-weight:700;margin-top:4px;display:inline-flex;align-items:center;gap:6px}
.ddak-provider-copy{min-width:0;display:grid;gap:3px;text-align:left}
.ddak-provider-spend{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}
.ddak-filter-summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 12px;color:var(--text-secondary);font-size:13px}
.ddak-filter-summary>span{min-width:0;display:inline-flex;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:var(--text-primary)}.ddak-filter-summary>span .ddak-icon{width:18px;height:18px;color:var(--text-secondary)}.ddak-filter-summary>em{font-style:normal;font-size:12px;color:var(--text-tertiary);white-space:nowrap}.ddak-filter-summary>.ddak-icon{width:18px;height:18px;color:var(--text-tertiary)}
.ddak-filter-summary>button{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:var(--radius-full)}
.ddak-filter-sheet,.ddak-scope-sheet,.ddak-metric-sheet,.ddak-action-sheet{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
.ddak-filter-group{padding:10px 0 18px;display:grid;gap:10px}
.ddak-filter-group>h4{margin:0;font-size:15px}
.ddak-filter-options,.ddak-filter-list{display:flex;flex-wrap:wrap;gap:8px}
.ddak-filter-options button,.ddak-filter-list button{min-height:44px;padding:0 14px;border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:13px;font-weight:600}
.ddak-filter-options button.active,.ddak-filter-list button.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface-page)}
.ddak-sheet-primary{width:100%;min-height:52px;margin-top:8px}
.ddak-performance-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:8px 0 4px}
.ddak-performance-toolbar>button{min-height:48px;padding:0 13px;border-radius:var(--radius-md);background:var(--surface-secondary);display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;font-size:13px;font-weight:600}
.ddak-performance-toolbar>button>span{min-width:0;display:grid;gap:2px;flex:1}.ddak-performance-toolbar>button>span small{display:block;font-size:12px;color:var(--text-secondary);font-weight:500}.ddak-performance-toolbar>button>span b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddak-performance-toolbar>button .ddak-icon{width:18px;height:18px;color:var(--text-secondary)}
.ddak-performance-kicker{display:block;font-size:13px;color:var(--text-secondary);font-weight:600;margin-bottom:8px}
.ddak-chart-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.ddak-chart-controls>button{min-height:44px;padding:0 12px;border-radius:var(--radius-sm);background:var(--surface-secondary);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:7px}
.ddak-action-sheet-list{display:grid;margin:4px 0}
.ddak-action-sheet-list>button{min-height:72px;display:grid;grid-template-columns:24px minmax(0,1fr) 20px;gap:12px;align-items:center;text-align:left;border-bottom:1px solid var(--border-subtle)}
.ddak-action-sheet-list>button>span{display:grid;gap:4px}
.ddak-action-sheet-list b{font-size:15px}.ddak-action-sheet-list small{font-size:13px;color:var(--text-secondary)}
.ddak-ai-context-bar{min-height:52px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 0 12px;color:var(--text-secondary);font-size:13px;border-bottom:1px solid var(--border-subtle)}
.ddak-ai-context-bar>span{display:inline-flex;align-items:baseline;gap:6px;min-width:0}.ddak-ai-context-bar>span+span{position:relative;padding-left:16px}.ddak-ai-context-bar>span+span:before{content:"";position:absolute;left:0;top:50%;width:1px;height:14px;background:var(--border-default);transform:translateY(-50%)}.ddak-ai-context-bar b{color:var(--text-primary);font-weight:700}.ddak-ai-context-bar small{color:var(--text-secondary);white-space:nowrap}
.ddak-ai-trust-panel{margin-top:14px;padding:14px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.ddak-ai-trust-panel>div{min-width:0;display:grid;gap:3px}.ddak-ai-trust-panel small{font-size:12px;color:var(--text-secondary)}.ddak-ai-trust-panel b{font-size:13px;overflow-wrap:anywhere}
.ddak-ai-composer-trust{margin-top:7px;display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.45;color:var(--text-secondary)}
.ddak-ai-execution-note{margin-top:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--semantic-info-soft);color:var(--text-primary);font-size:13px;line-height:1.5}
.ddak-menu-section>h2{margin:24px 0 6px;font-size:13px;color:var(--text-secondary);font-weight:700}
.ddak-password-field{position:relative}.ddak-password-field input{padding-right:76px}.ddak-password-field>button{position:absolute;right:4px;top:50%;transform:translateY(-50%);min-width:64px;min-height:44px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-secondary)}
.ddak-login-form{display:grid;gap:12px}.ddak-login-divider{display:flex;align-items:center;gap:12px;color:var(--text-tertiary);font-size:12px;margin:4px 0}.ddak-login-divider:before,.ddak-login-divider:after{content:"";height:1px;background:var(--border-subtle);flex:1}.ddak-login-demo-note,.ddak-onboarding-note{font-size:13px;line-height:1.55;color:var(--text-secondary)}


.ddak-fullscreen-route{width:100%;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top,0px);overscroll-behavior:contain}
.ddak-fullscreen-route>.modal-head,.ddak-fullscreen-route>.operation-flow-head{min-height:64px}
.ddak-fullscreen-route .handle{display:none}
.operation-success-visual{width:150px;margin:0 auto 8px}.operation-success-visual .ddak-illustration{display:block;width:100%}.operation-success-visual svg{width:100%;height:auto}
.operation-status-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:22px auto;max-width:420px}
.operation-status-preview i{position:relative;font-style:normal;font-size:12px;color:var(--text-tertiary);padding-top:18px}.operation-status-preview i:before{content:"";position:absolute;left:50%;top:2px;width:8px;height:8px;border-radius:50%;background:var(--border-default);transform:translateX(-50%)}.operation-status-preview i:not(:last-child):after{content:"";position:absolute;left:calc(50% + 8px);right:calc(-50% + 8px);top:5px;height:2px;background:var(--border-subtle)}.operation-status-preview i.active{color:var(--text-primary);font-weight:700}.operation-status-preview i.active:before{background:var(--brand-primary)}

html[data-text="large"]{
  --font-caption:13px;
  --font-support:14px;
  --font-body:16px;
  --font-body-large:17px;
  --font-item-title:17px;
  --font-section-title:20px;
  --font-page-title:26px;
}
html[data-contrast="high"]{
  --text-secondary:#5e6168;
  --text-tertiary:#606873;
  --border-default:#c8cad0;
  --border-subtle:#d8dade;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --surface-page:#171719;
  --surface-primary:#171719;
  --surface-secondary:#1d1e20;
  --surface-tertiary:#222325;
  --surface-elevated:#252629;
  --surface-interactive:#222325;
  --surface-selected:#2B1746;
  --surface-disabled:#252629;
  --surface-overlay:rgba(0,0,0,.58);
  --surface-chrome:rgba(23,23,25,.97);
  --text-primary:#f4f4f5;
  --text-secondary:#a6a9af;
  --text-tertiary:#9498A1;
  --surface-pressed:#292A2E;
  --text-inverse:#171719;
  --border-default:#343539;
  --border-subtle:#2b2c2f;
  --border-strong:#434449;
  --brand-primary:#70A1FF;
  --brand-strong:#9DBDFF;
  --brand-on-primary:#171719;
  --brand-soft:#2B1746;
  --brand-softer:#0E213F;
  --semantic-success:#53c991;
  --semantic-success-soft:#173026;
  --semantic-success-text:#72D7A5;
  --semantic-warning:#f0ad50;
  --semantic-warning-soft:#352717;
  --semantic-warning-text:#F4BA67;
  --semantic-danger:#ef7a7f;
  --semantic-danger-soft:#382022;
  --semantic-info:#70A1FF;
  --semantic-info-soft:#2B1746;
  --chart-primary:var(--brand-primary);
  --chart-secondary:#53c991;
  --chart-grid:#2d2e31;
  --chart-axis:#7d8086;
  --chart-tooltip-bg:#252629;
  --naver-chart-series-1:#6FAEFF;
  --naver-chart-series-2:#55D2B0;
  --naver-dashboard-series-1:#FF7A70;
  --naver-dashboard-series-2:#F3B84D;
  --naver-dashboard-series-3:#63B5F4;
  --naver-dashboard-grid:#34373C;
  --naver-dashboard-label:#A6ABB3;
  --naver-dashboard-card-border:var(--border-default);
  --naver-dashboard-delta-up:#FF8179;
  --naver-dashboard-delta-down:#7AB9F3;
  --naver-chart-grid:#303236;
  --naver-chart-axis:#92979F;
  --naver-chart-tooltip:#252629;
  --naver-chart-tooltip-text:#F4F4F5;
  --naver-chart-control-line:#434449;
  --naver-chart-cursor:#55585E;
  --naver-clone-line:#3A3D42;
  --naver-clone-grid:#34373C;
  --naver-clone-axis:#A8AFB7;
  --naver-clone-toolbar:#1E1F22;
  --naver-clone-tooltip:#2A2C30;
  --naver-clone-tooltip-text:#F3F4F6;
  --skeleton-base:#252629;
  --skeleton-highlight:#343539;
  --icon-active-cut:#171719;
  --color-page:var(--surface-page);
  --background-page:var(--surface-page);
  --color-canvas:var(--surface-page);
  --color-surface:var(--surface-primary);
  --color-surface-primary:var(--surface-primary);
  --color-surface-secondary:var(--surface-secondary);
  --color-surface-tertiary:var(--surface-tertiary);
  --color-surface-raised:var(--surface-elevated);
  --color-surface-subtle:var(--surface-interactive);
  --color-surface-selected:var(--surface-selected);
  --color-surface-disabled:var(--surface-disabled);
  --color-surface-sunken:var(--surface-tertiary);
  --color-text-primary:var(--text-primary);
  --color-text-secondary:var(--text-secondary);
  --color-text-tertiary:var(--text-tertiary);
  --color-text-inverse:var(--text-inverse);
  --color-border:var(--border-default);
  --color-border-strong:var(--border-strong);
  --color-divider:var(--border-subtle);
  --color-brand:var(--brand-primary);
  --color-brand-primary:var(--brand-primary);
  --color-brand-strong:var(--brand-strong);
  --color-brand-soft:var(--brand-soft);
  --color-brand-soft-2:var(--brand-softer);
  --color-success:var(--semantic-success);
  --color-success-soft:var(--semantic-success-soft);
  --color-warning:var(--semantic-warning);
  --color-warning-soft:var(--semantic-warning-soft);
  --color-danger:var(--semantic-danger);
  --color-danger-soft:var(--semantic-danger-soft);
  --color-info:var(--semantic-info);
  --color-info-soft:var(--semantic-info-soft);
  --surface-card:#1c1d20;
  --surface-card-soft:#222329;
  --shadow-card:none;
  --shadow-brand:0 8px 24px color-mix(in srgb,var(--brand-primary) 18%,transparent);
}
html[data-theme="dark"] .app-header,html[data-theme="dark"] .app-bottom-nav,html[data-theme="dark"] .ddak-ai-composer{
  background:var(--surface-chrome);
}
html[data-theme="dark"] .metric-select,html[data-theme="dark"] .ddak-product-filter,html[data-theme="dark"] .ddak-ai-composer .ai-input,html[data-theme="dark"] .segmented button.active{
  background:var(--surface-tertiary);
}
html[data-theme="dark"] .provider-badge{
  background:var(--surface-secondary);
  border-color:var(--border-default);
  color:var(--text-primary);
}
html[data-theme="dark"] .ddak-ai-chat-row.user .ddak-ai-chat-bubble{
  color:var(--brand-on-primary);
}
html[data-theme="dark"] .ddak-chart-point{
  stroke:var(--surface-page);
}
html[data-theme="dark"] .ddak-ai-result-cta button{
  background:var(--surface-page);
}
html[data-theme="dark"] .ddak-ai-result-cta button.primary{
  background:var(--brand-primary);
}
.ddak-app-shell,.ddak-app-header,.ddak-bottom-navigation,.home-screen,.ads-screen,.performance-screen,.more-screen,.home-performance-feed,.ads-primary-list,.ddak-menu-list{
  min-width:0;
}
.auth-logo,.error-logo,.provider-wordmark,.release-gate,.progress-strip,.stepper-mini,.spark-line,.status-summary-indicator,.status-summary-copy,.data-freshness-row,.delta,.compare,.flat,.section-head,.ddak-section-head,.request-head,.request-date,.request-note,.operation-feed-row,.campaign-card,.request-card,.checklist-card,.checklist-head,.checklist-list,.business-switch-list,.business-switcher-sheet,.alert-help,.error-card,.error-retry,.splash-inner,.splash-copy,.splash-character,.ddak-chart-data-note,.ddak-chart-legend,.ddak-chart-module-error,.context-action-bar{
  min-width:0;
}
.ddak-business-context-button,.global-search-modal{
  min-width:0;
}
.brand-splash{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  background:var(--brand-soft);
}
.splash-inner{
  display:grid;
  place-items:center;
  min-width:0;
  gap:10px;
}
.splash-brand{
  font-size:var(--font-display);
  font-weight:700;
  color:var(--brand-primary);
}
.operation-success-mark{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--brand-primary);
  color:var(--brand-on-primary);
  margin:18px auto 12px;
}
.operation-success-mark .ddak-icon{
  width:24px;
  height:24px;
}
.global-search-modal{
  background:var(--surface-page);
}
.modal-backdrop{
  z-index:var(--z-sheet);
}
.flow-backdrop{
  z-index:var(--z-sheet);
}
.ddak-brand-mark{
  display:block;
  flex:0 0 auto;
}
.ddak-brand-lockup{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.ddak-brand-copy{
  display:grid;
  gap:1px;
  min-width:0;
}
.ddak-brand-type{
  display:grid;
  gap:1px;
  font-size:20px;
  font-weight:700;
  line-height:1.05;
  color:var(--text-primary);
}
.ddak-brand-caption{
  font-size:12px;
  line-height:1.25;
  color:var(--text-secondary);
  font-weight:600;
}
.ddak-illustration{
  display:block;
  width:100%;
  height:auto;
}
.ddak-eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  color:var(--brand-strong);
}
.ddak-home-context{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.ddak-home-context>.ddak-brand-mark{
  width:28px;
  height:28px;
}
.ddak-home-context .context-business{
  min-width:0;
}
.ddak-home-context .context-business>div{
  min-width:0;
  display:grid;
  gap:2px;
}
.ddak-shell-surface .app-main{
  padding-bottom:calc(var(--bottom-nav-height) + 26px + env(safe-area-inset-bottom,0px));
}
.ddak-header-surface{
  min-height:66px;
  height:calc(66px + env(safe-area-inset-top,0px));
  padding:env(safe-area-inset-top,0px) var(--page-padding) 0;
  background:color-mix(in srgb,var(--surface-page) 96%,transparent);
  
}
.context-business.ddak-business-context-button{
  height:56px;
  display:flex;
  align-items:center;
  gap:4px;
  padding:0;
  min-width:0;
}
.context-business.ddak-business-context-button small,.title-stack small{
  font-size:12px;
  line-height:1.2;
  color:var(--text-tertiary);
  font-weight:600;
}
.context-business.ddak-business-context-button span{
  font-size:18px;
  line-height:1.22;
  font-weight:700;
  color:var(--text-primary);
}
.title-stack{
  display:grid;
  gap:2px;
}
.title-stack h1{
  margin:0;
  font-size:21px;
  line-height:1.2;
  font-weight:700;
  color:var(--text-primary);
}
.app-header-left{
  min-width:0;
}
.icon-btn .ddak-icon{
  width:23px;
  height:23px;
}
.ddak-bottom-navigation{
  padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));
  background:color-mix(in srgb,var(--surface-page) 97%,transparent);
  
  border-top:1px solid var(--border-subtle);
}
.app-nav-button::before{
  content:"";
  position:absolute;
  top:-6px;
  left:50%;
  width:24px;
  height:3px;
  border-radius:var(--radius-full);
  background:transparent;
  transform:translateX(-50%);
}
.app-nav-button.active::before{
  background:var(--brand-primary);
}
.app-nav-button.active .app-nav-icon{
  color:var(--brand-strong);
}
.ddak-home-layout{display:flex;flex-direction:column;gap:0}
.ddak-home-primary,.ddak-home-secondary{display:contents}
.ddak-home-primary>.ddak-today-briefing{order:1}
.ddak-home-primary>.ddak-home-actions{order:2}
.ddak-home-secondary>.ddak-provider-section{order:3}
.ddak-home-primary>.ddak-home-ads-header{order:4}
.ddak-home-primary>.ads-primary-list{order:5}
.ddak-home-secondary>.ddak-home-requests{order:6}
.ddak-ads-layout,.ddak-more-layout{display:grid;gap:0}
.ddak-performance-layout{display:flex;flex-direction:column}
.ddak-today-briefing{
position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  margin:8px 0 18px;
  padding:22px 0 20px;
  border-radius:0;
  background:transparent;
  border:0;
  border-bottom:1px solid var(--border-subtle);
  box-shadow:none;
}
.ddak-today-briefing::after{
content:none;
}
.ddak-today-briefing.attention,.ddak-today-briefing.warning{
margin-top:8px;
  padding:18px 18px;
  border:1px solid color-mix(in srgb,var(--semantic-warning) 22%,var(--border-subtle));
  border-radius:var(--radius-lg);
  background:var(--semantic-warning-soft);
}
.ddak-briefing-copy{
  position:relative;
  z-index:1;
  display:grid;
  gap:7px;
  align-content:center;
}
.ddak-briefing-copy h2{
margin:0;
  max-width:620px;
  font-size:22px;
  line-height:1.34;
  font-weight:700;
}
.ddak-briefing-copy p{
margin:0;
  max-width:620px;
  color:var(--text-secondary);
  font-size:14px;
  line-height:1.55;
}
.ddak-briefing-eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  color:var(--brand-strong);
  font-size:12px;
  font-weight:700;
}
.ddak-briefing-metric{
min-width:132px;
  display:grid;
  align-content:center;
  justify-items:end;
  padding-left:20px;
  border-left:1px solid var(--border-subtle);
  text-align:right;
}
.ddak-briefing-metric small{
  font-size:12px;
  color:var(--text-secondary);
  font-weight:600;
}
.ddak-briefing-metric strong{
font-size:32px;
  line-height:1.05;
  font-weight:700;
  margin:6px 0 4px;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
}
.ddak-briefing-metric em{
  font-style:normal;
  font-size:13px;
  margin-left:2px;
  color:var(--text-secondary);
}
.ddak-briefing-metric span{
  font-size:12px;
  color:var(--text-tertiary);
}
.ddak-home-actions{
display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0 0 18px;
}
.ddak-home-actions button{
min-width:0;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:12px 14px;
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-md);
  background:var(--surface-primary);
  box-shadow:none;
  font-size:13px;
  font-weight:600;
  color:var(--text-primary);
  text-align:left;
}
.ddak-home-actions button:active{
  background:var(--surface-secondary);
}
.shortcut-badge{
width:38px;
  height:38px;
  flex:0 0 auto;
  border-radius:var(--radius-md);
  display:grid;
  place-items:center;
  background:var(--brand-soft);
  color:var(--brand-strong);
}
.shortcut-badge .ddak-icon{
  width:21px;
  height:21px;
}
.ddak-provider-section{
  display:grid;
  gap:7px;
  margin:0 0 4px;
}
.ddak-section-header.compact{
  min-height:42px;
  padding-top:5px;
}
.ddak-section-header.compact h2{
  font-size:16px;
}
.ddak-provider-list{
display:grid;
  gap:0;
  overflow:visible;
  padding-bottom:0;
}
.ddak-provider-list::-webkit-scrollbar{
  display:none;
}
.ddak-provider-card{
width:100%;
  min-height:72px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto 20px;
  align-items:center;
  gap:12px;
  padding:12px 0;
  border-radius:0;
  border:0;
  border-bottom:1px solid var(--border-subtle);
  background:transparent;
  box-shadow:none;
  text-align:left;
}
.ddak-provider-card:active{
  background:var(--surface-secondary);
}
.ddak-provider-card span{
  display:grid;
  gap:var(--space-1);
  text-align:left;
}
.ddak-provider-card b{
  font-size:12.5px;
}
.ddak-provider-card small{
  font-size:12px;
  color:var(--text-secondary);
}
.ddak-row,.ddak-feature-row{
  margin:0;
  padding:14px 0;
  background:transparent;
  border:0;
  border-bottom:1px solid var(--border-subtle);
  border-radius:0;
  box-shadow:none;
}
.ddak-feed-content b,.ddak-row .ddak-feed-content b,.ddak-feature-row .ddak-feed-content b{
  font-size:16px;
  line-height:1.32;
  font-weight:700;
}
.ddak-feed-content strong{
  font-size:14px;
  line-height:1.35;
  font-weight:700;
}
.ddak-feed-content small,.feed-inline-meta,.ddak-feed-meta{
  font-size:12px;
  line-height:1.4;
  color:var(--text-secondary);
}
.feed-inline-meta{
  display:flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.status-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  display:inline-block;
  flex:0 0 auto;
}
.status-dot.good{
  background:var(--semantic-success);
}
.status-dot.hold{
  background:var(--semantic-warning);
}
.status-dot.warn{
  background:var(--semantic-danger);
}
.metric-thumb,.operation-thumb{
  display:grid;
  place-items:center;
  background:var(--brand-soft);
  color:var(--brand-strong);
}
.ddak-empty-state.ddak-empty-emphasis{
  padding:34px 20px;
  text-align:center;
  border:0;
  border-radius:var(--radius-lg);
  background:var(--surface-secondary);
  box-shadow:none;
}
.ddak-empty-state.ddak-empty-emphasis .ddak-empty-visual{
  width:108px;
  margin:0 auto 12px;
}
.ddak-empty-state.ddak-empty-emphasis b{
  display:block;
  font-size:16px;
}
.ddak-empty-state.ddak-empty-emphasis p{
  margin:7px auto 0;
  max-width:280px;
}
.ddak-context-fab:active{
  background:var(--brand-strong);
  color:var(--text-inverse);
}
.ddak-tabs,.ddak-status-tabs,.period-tabs{
  gap:7px;
  padding:2px 0 8px;
}
.ddak-tabs button,.ddak-status-tabs button,.period-tabs button{
min-height:44px;
  padding:0 15px;
  border-radius:var(--radius-full);
  border:1px solid var(--border-default);
  background:var(--surface-page);
  font-size:13px;
  font-weight:600;
  box-shadow:none;
}
.ddak-tabs button.active,.ddak-status-tabs button.active,.period-tabs button.active{
  background:var(--text-primary);
  border-color:var(--text-primary);
  color:var(--surface-page);
  box-shadow:none;
}
.ddak-product-strip.ddak-filter-strip{
  display:flex;
  gap:7px;
  overflow:auto;
  padding:0 0 10px;
  scrollbar-width:none;
}
.ddak-filter-strip::-webkit-scrollbar{
  display:none;
}
.ddak-chip,.ddak-product-filter{
  gap:8px;
  padding:8px 10px;
  border-radius:var(--radius-md);
  border:1px solid var(--border-subtle);
  background:var(--surface-card);
  box-shadow:none;
  white-space:nowrap;
  font-size:12px;
  font-weight:600;
}
.ddak-chip:active,.ddak-product-filter:active{
  background:var(--surface-secondary);
}
.ddak-banner,.ddak-notice{
  padding:13px 14px;
  border-radius:var(--radius-md);
  border:0;
  background:var(--brand-soft);
  box-shadow:none;
}
.ddak-inline-actions,.ddak-action-list{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  border-top:1px solid var(--border-subtle);
  margin-top:8px;
}
.ddak-inline-actions button,.ddak-action-list button{
  min-height:56px;
  padding:0 2px;
  border:0;
  border-bottom:1px solid var(--border-subtle);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  font-weight:600;
}
.ddak-inline-actions button:active,.ddak-action-list button:active{
  background:var(--surface-secondary);
}
.ddak-performance-hero,.ddak-performance-summary{
  margin:2px 0 14px;
  padding:20px 0 18px;
  border:0;
  border-bottom:1px solid var(--border-subtle);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.ddak-performance-summary small{
  font-weight:600;
}
.ddak-performance-summary strong{
display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
  font-size:42px;
  line-height:1.04;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.ddak-performance-summary em{
  font-style:normal;
  font-size:16px;
  color:var(--text-secondary);
  margin-left:3px;
}
.ddak-performance-summary p{
  margin-top:8px;
  font-size:12px;
  color:var(--text-secondary);
}
.metric-select,.ddak-scope-control label,.chart-bottom-row label{
  background:var(--surface-secondary);
  border-radius:var(--radius-md);
  border:1px solid var(--border-subtle);
}
.performance-list-row strong{
  font-size:15px;
  font-variant-numeric:tabular-nums;
}
.performance-list-row em{
  font-style:normal;
  font-size:12px;
  padding:4px 7px;
  border-radius:var(--radius-full);
  background:var(--brand-soft);
  color:var(--brand-strong);
}
.performance-list-row em.invert{
  background:var(--semantic-danger-soft);
  color:var(--semantic-danger);
}
.ddak-ai-insight,.ddak-ai-insight-row{
  min-height:68px;
  margin:14px 0 2px;
  padding:13px 14px;
  border-radius:var(--radius-md);
  border:0;
  background:var(--brand-soft);
  box-shadow:none;
}
.ddak-ai-insight b{
  font-size:14px;
}
.ddak-ai-insight small{
  color:var(--text-secondary);
}
.ddak-ai-welcome{
  position:relative;
  overflow:hidden;
  margin:4px 0 18px;
  padding:22px 18px 18px;
  border-radius:var(--radius-lg);
  background:var(--brand-soft);
  border:1px solid color-mix(in srgb,var(--brand-primary) 14%,var(--border-subtle));
}
.ddak-ai-visual{
  width:126px;
  margin:0 auto 12px;
}
.ddak-ai-welcome h2{
  margin:7px 0 7px;
  font-size:22px;
  line-height:1.3;
  font-weight:700;
}
.ddak-ai-welcome p{
  margin:0;
  color:var(--text-secondary);
  font-size:12.5px;
  line-height:1.55;
}
.ddak-ai-avatar{
  background:transparent;
  border:0;
}
.ddak-ai-avatar>.ddak-brand-mark,.ddak-ai-avatar .ddak-brand-mark{
  width:30px;
  height:30px;
}
.ddak-ai-result-cta .primary{
  background:var(--brand-primary);
  color:var(--brand-on-primary);
}
.ddak-ai-composer .ai-input-send{
  background:var(--brand-primary);
  color:var(--brand-on-primary);
}
.ddak-business-card{
  margin:4px 0 10px;
  padding:18px 0;
  border:0;
  border-bottom:1px solid var(--border-subtle);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
}
.ddak-business-card-avatar{
  width:54px;
  height:54px;
  border-radius:var(--radius-lg);
  background:transparent;
  display:grid;
  place-items:center;
  color:inherit;
  border:0;
  box-shadow:none;
  overflow:hidden;
}
.ddak-business-card-avatar>.ddak-brand-mark{
  width:54px;
  height:54px;
}
.ddak-profile-copy span{
  font-size:12px;
  color:var(--text-secondary);
}
.ddak-service-shortcuts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  padding:4px 0 12px;
}
.ddak-service-shortcuts button{
  padding:10px 3px;
  border:0;
  border-radius:var(--radius-md);
  background:transparent;
  box-shadow:none;
}
.ddak-service-shortcuts button:active{
  background:var(--surface-secondary);
}
.ddak-service-shortcuts span{
  width:42px;
  height:42px;
  border-radius:var(--radius-md);
  background:var(--brand-soft);
  display:grid;
  place-items:center;
  color:var(--brand-strong);
  margin-bottom:7px;
}
.ddak-service-shortcuts b{
  font-size:12px;
}
.ddak-service-shortcuts em{
  position:absolute;
  top:3px;
  left:calc(50% + 8px);
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:var(--radius-full);
  background:var(--brand-primary);
  color:var(--brand-on-primary);
  font-style:normal;
  font-size:12px;
  font-weight:700;
}
.ddak-menu-section{
  display:grid;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.ddak-menu-row{
  width:100%;
  min-height:64px;
  padding:11px 0;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  text-align:left;
  border-bottom:1px solid var(--border-subtle);
}
.ddak-menu-row+.ddak-menu-row{
  border-top:1px solid var(--border-subtle);
}
.ddak-version .ddak-brand-type{
  font-size:13px;
}
.ddak-version .ddak-brand-caption{
  display:none;
}
.provider-badge i{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  border-radius:0;
  background:var(--provider-token-accent);
}
.provider-badge span{
  font-size:12px;
  font-weight:700;
  letter-spacing:0;
  color:var(--text-primary);
}
.provider-badge[data-provider="NAVER_SEARCH"],.provider-badge[data-provider="NAVER_GFA"]{--provider-token-accent:var(--provider-naver);}
.provider-badge[data-provider="KARROT_EXPERT"]{--provider-token-accent:var(--provider-local);}
.provider-badge[data-provider="META_ADS"]{--provider-token-accent:var(--provider-meta);}
.provider-badge[data-provider="GOOGLE_ADS"],.provider-badge[data-provider="GA4"]{--provider-token-accent:var(--provider-google);}
.provider-badge[data-provider="KAKAO_MOMENT"]{--provider-token-accent:var(--provider-kakao);}
.ddak-auth-card{
  padding-top:max(34px,env(safe-area-inset-top,0px));
}
.ddak-login-brand{
  margin-bottom:32px;
}
.ddak-login-brand .ddak-brand-type{
  font-size:24px;
}
.ddak-login-visual{
  width:190px;
  margin:26px auto 24px;
}
.ddak-login-primary{
  min-height:52px;
  border-radius:var(--radius-md);
  background:var(--brand-primary);
  color:var(--brand-on-primary);
  font-weight:700;
}
.ddak-login-secondary{
  min-height:50px;
  border-radius:var(--radius-md);
}
.register-brand{
  margin-bottom:20px;
}
.splash-inner .ddak-brand-type{
  font-size:26px;
}
.splash-caption{
  font-size:12px;
  color:var(--brand-strong);
  font-weight:600;
}
html[data-theme="dark"] .ddak-today-briefing,html[data-theme="dark"] .ddak-ai-welcome,html[data-theme="dark"] .ddak-banner,html[data-theme="dark"] .ddak-ai-insight{
  background:color-mix(in srgb,var(--brand-soft) 72%,var(--surface-page));
}
html[data-theme="dark"] .ddak-today-briefing.attention,html[data-theme="dark"] .ddak-today-briefing.warning{
  background:color-mix(in srgb,var(--semantic-warning-soft) 78%,var(--surface-page));
}
html[data-theme="dark"] .shortcut-badge,html[data-theme="dark"] .metric-thumb,html[data-theme="dark"] .operation-thumb,html[data-theme="dark"] .ddak-service-shortcuts span{
  background:var(--brand-soft);
  color:var(--brand-primary);
}
html[data-theme="dark"] .ddak-performance-summary>div,html[data-theme="dark"] .performance-mode-switch{
  background:var(--surface-secondary);
}
html[data-theme="dark"] .performance-mode-switch button.active{
  background:var(--surface-elevated);
}
html[data-theme="dark"] .ddak-empty-state.ddak-empty-emphasis{
  background:var(--surface-secondary);
}
.ddak-brand-fallback,.ddak-brand-fallback-word{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--text-primary);
  font-weight:700;
}
.ddak-brand-fallback{
  width:32px;
  height:32px;
  border-radius:var(--radius-md);
  background:var(--brand-primary);
  color:var(--brand-on-primary);
}
.ddak-list-row{
  min-width:0;
}
@keyframes skeletonShift{
  0%{
    background-position:100% 0;
  }
  100%{
    background-position:-100% 0;
  }
}
@keyframes spin{
  to{
    transform:rotate(360deg);
  }
}

@media (min-width:600px){
  html{--page-padding:28px;--bottom-nav-height:68px}
  .app-shell{max-width:820px;margin:0 auto;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}
  .app-bottom-nav,.ddak-ai-composer{left:50%;right:auto;transform:translateX(-50%);width:min(820px,100%)}
  .ddak-home-screen,.ddak-ads-screen,.ddak-performance-screen,.ddak-ai-screen,.ddak-more-screen{padding-left:var(--page-padding);padding-right:var(--page-padding)}
  .ddak-provider-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .ddak-provider-card{min-width:0}
  .ddak-ai-trust-panel{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1024px){
  html{--page-padding:32px;--header-height:64px;--bottom-nav-height:0px}
  body{background:var(--surface-secondary)}
  #app{background:var(--surface-secondary)}
  .app-shell{max-width:1240px;min-height:100vh;margin:0 auto;padding-left:216px;border:0;background:var(--surface-page);box-shadow:0 0 0 1px var(--border-subtle)}
  .app-main{padding-bottom:40px;min-height:100vh}
  .app-bottom-nav{position:fixed;left:max(calc((100vw - 1240px)/2),0px);top:0;bottom:0;transform:none;width:216px;height:100vh;padding:92px 16px 24px;display:flex;flex-direction:column;gap:4px;border-top:0;border-right:1px solid var(--border-subtle);background:var(--surface-page);}
  .app-bottom-nav:before{content:"딱랩";position:absolute;left:28px;top:30px;font-size:22px;font-weight:700;color:var(--text-primary)}
  .app-nav-button{min-height:52px;display:grid;grid-template-columns:28px 1fr;justify-content:stretch;justify-items:start;align-items:center;gap:12px;padding:0 12px;border-radius:var(--radius-md);font-size:14px}
  .app-nav-button.active{background:var(--brand-soft);color:var(--brand-strong)}
  .app-nav-icon{width:24px;height:24px}.app-nav-label{font-size:14px;font-weight:600}.app-nav-button.active .app-nav-label{color:inherit}
  .app-header{padding-left:var(--page-padding);padding-right:var(--page-padding)}
  .ddak-home-screen,.ddak-ads-screen,.ddak-performance-screen,.ddak-ai-screen,.ddak-more-screen{max-width:none;padding-left:var(--page-padding);padding-right:var(--page-padding)}
  .ddak-home-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);column-gap:36px;align-items:start}
  .ddak-home-primary,.ddak-home-secondary{display:block;min-width:0}
  .ddak-home-secondary{padding-top:8px}
  .ddak-home-primary>.ddak-today-briefing,.ddak-home-primary>.ddak-home-actions,.ddak-home-primary>.ddak-home-ads-header,.ddak-home-primary>.ads-primary-list,.ddak-home-secondary>.ddak-provider-section,.ddak-home-secondary>.ddak-home-requests{order:initial}
  .ddak-performance-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);grid-template-rows:auto auto auto;column-gap:36px;align-items:start}
  .ddak-performance-toolbar{grid-column:1 / -1;grid-row:1}
  .ddak-performance-hero{grid-column:1;grid-row:2}
  .ddak-performance-layout>.chart-section{grid-column:2;grid-row:2 / span 2;padding-top:8px}
  .ddak-performance-detail{grid-column:1;grid-row:3}
  .ddak-performance-layout>.ddak-performance-section:not(.chart-section):not(.ddak-performance-detail){grid-column:2;grid-row:4}
  .ddak-performance-layout>.ddak-ai-insight{grid-column:1;grid-row:4}
  .ddak-ads-layout{max-width:980px}.ddak-more-layout{max-width:980px}.ddak-ai-layout{max-width:900px}
  .ddak-ai-composer{left:max(calc((100vw - 1240px)/2 + 216px),216px);right:auto;transform:none;width:min(calc(1240px - 216px),calc(100vw - max(calc((100vw - 1240px)/2 + 216px),216px)));bottom:0;padding-left:32px;padding-right:32px}
  body.input-focus .app-bottom-nav{display:flex}
  body.input-focus .ddak-ai-composer{bottom:0}
  .ddak-provider-list{grid-template-columns:1fr}
  .modal-backdrop{align-items:center;padding:24px}.modal{max-width:620px;max-height:min(820px,calc(100vh - 48px));border-radius:var(--radius-lg)}
  .operation-fullscreen-flow,.integration-management-screen,.product-detail-screen,.checkout-screen,.campaign-detail-screen,.product-performance-screen,.store-screen{max-width:980px;min-height:min(760px,calc(100vh - 48px));border-radius:var(--radius-lg)}
}
@media (min-width:1280px){
  .app-shell{max-width:1280px;padding-left:224px}.app-bottom-nav{left:max(calc((100vw - 1280px)/2),0px);width:224px}.ddak-ai-composer{left:max(calc((100vw - 1280px)/2 + 224px),224px);width:min(calc(1280px - 224px),calc(100vw - max(calc((100vw - 1280px)/2 + 224px),224px)))}
}


@media (max-width:419px){
  .ddak-today-briefing{grid-template-columns:1fr;gap:14px}
  .ddak-briefing-metric{justify-items:start;padding:14px 0 0;border-left:0;border-top:1px solid var(--border-subtle);text-align:left}
  .ddak-home-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ddak-home-actions button{min-height:76px;flex-direction:column;justify-content:center;gap:6px;padding:8px 6px;text-align:center}
  .ddak-campaign-row{grid-template-columns:40px minmax(0,1fr) 20px}
  .ddak-campaign-result{grid-column:2;justify-items:start;text-align:left;display:flex;align-items:baseline;gap:6px 10px}
  .ddak-campaign-disclosure{grid-column:3;grid-row:1 / span 2}
}
@media (max-width:380px){
  html{
    --page-padding:15px;
  }
  .ddak-feed-row{
    grid-template-columns:44px minmax(0,1fr) 20px;
    gap:12px;
  }
  .ddak-feed-identity{
    width:44px;
    height:44px;
  }
  .provider-thumb .provider-badge{
    width:60px;
    height:60px;
  }
  .ddak-performance-summary>strong{
    font-size:34px;
  }
  .ddak-profile-summary{
    grid-template-columns:52px minmax(0,1fr) auto;
  }
  .ddak-business-avatar{
    width:52px;
    height:52px;
  }
  .ddak-context-fab{
    left:auto;
    right:14px;
  }
  .grid2,.account-id-grid{
    grid-template-columns:1fr;
  }
  .ddak-today-briefing{
    grid-template-columns:1fr;
  }
  .ddak-briefing-metric{
    border-left:0;
    border-top:1px solid color-mix(in srgb,var(--brand-primary) 22%,transparent);
    padding:12px 0 0;
    text-align:left;
  }
  .ddak-home-actions{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .ddak-performance-summary strong{
    font-size:34px;
  }
  .ddak-login-visual{
    width:160px;
  }
  .ddak-login-copy h1{
    font-size:26px;
  }
  .context-business.ddak-business-context-button span{
    font-size:17px;
  }
  .title-stack h1{
    font-size:20px;
  }
}
@media (max-width:340px){
  .ddak-feed-row{
    grid-template-columns:44px minmax(0,1fr) 20px;
  }
  .ddak-feed-identity{
    width:44px;
    height:44px;
  }
  .ddak-feed-content>b{
    font-size:15px;
  }

  .ddak-performance-summary>div{
    grid-template-columns:1fr;
    gap:8px;
  }
  .ddak-performance-summary>div button{
    border-left:0;
    padding-left:0;
  }
  .ddak-ai-result-cta{
    flex-direction:column;
  }
}

/* v117 · unified secondary-flow and ads-analytics design language */
.ddak-operation-workspace{display:flex;flex-direction:column;background:var(--surface-page);padding-left:0;padding-right:0}
.ddak-operation-workspace .operation-flow-head{min-height:72px;padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 8px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;border-bottom:1px solid var(--border-subtle);background:var(--surface-primary)}
.ddak-operation-workspace .operation-flow-head>div{min-width:0;display:grid;gap:2px}.ddak-operation-workspace .operation-flow-head small{font-size:12px;color:var(--text-secondary);font-weight:600}.ddak-operation-workspace .operation-flow-head h2{margin:0;font-size:18px;line-height:1.3;font-weight:700;letter-spacing:0}.ddak-operation-workspace .operation-flow-head .icon-btn{width:44px;height:44px;border-radius:var(--radius-md)}
.ddak-operation-workspace .operation-progress{height:3px;margin:0;border-radius:0;background:var(--surface-tertiary)}
.ddak-operation-content{width:100%;max-width:680px;margin:0 auto;padding:16px 17px calc(112px + env(safe-area-inset-bottom,0px));display:grid;align-content:start;gap:14px}
.ddak-operation-hero{min-height:112px;padding:16px;border:1px solid color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));border-radius:var(--radius-lg);background:var(--brand-softer);display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}.ddak-operation-hero>span{width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--brand-primary);color:var(--text-inverse);box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary) 18%,transparent)}.ddak-operation-hero>span .ddak-icon{width:22px;height:22px;stroke-width:2}.ddak-operation-hero>div{display:grid;gap:4px}.ddak-operation-hero small{font-size:12px;color:var(--brand-primary);font-weight:700}.ddak-operation-hero h3{margin:0;font-size:19px;line-height:1.35}.ddak-operation-hero p{margin:0;font-size:13px;line-height:1.55;color:var(--text-secondary)}
.ddak-operation-identity{padding:14px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;box-shadow:0 2px 10px color-mix(in srgb,var(--text-primary) 3%,transparent)}.ddak-operation-identity-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center}.ddak-operation-identity-icon .ddak-icon{width:21px;height:21px}.ddak-operation-identity>div{display:grid;gap:3px}.ddak-operation-identity small{font-size:12px;font-weight:700;color:var(--brand-primary)}.ddak-operation-identity h3{margin:0;font-size:16px;line-height:1.4}.ddak-operation-identity p{margin:1px 0 5px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.ddak-operation-identity>div>div{display:flex;flex-wrap:wrap;gap:6px}.ddak-operation-identity em{height:26px;padding:0 9px;border-radius:var(--radius-full);background:var(--surface-secondary);display:inline-flex;align-items:center;font-style:normal;font-size:12px;color:var(--text-secondary)}
.ddak-operation-visual-guide{min-height:96px;padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center}
.operation-guide-copy{display:grid;gap:4px}.operation-guide-copy>small{font-size:12px;font-weight:700;color:var(--brand-primary)}.operation-guide-copy>b{font-size:14px;line-height:1.45}.operation-guide-copy>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.operation-guide-copy>div>span{min-height:28px;padding:0 8px;border-radius:var(--radius-full);background:var(--surface-secondary);display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.operation-guide-copy>div .ddak-icon{width:14px;height:14px;color:var(--brand-primary)}
.target-guide-visual{width:76px;height:76px;position:relative;display:grid;place-items:center}.target-ring{position:absolute;border:1px solid color-mix(in srgb,var(--brand-primary) 28%,var(--border-default));border-radius:50%;background:color-mix(in srgb,var(--brand-soft) 34%,transparent)}.target-ring.ring-1{width:76px;height:76px}.target-ring.ring-2{width:54px;height:54px}.target-ring.ring-3{width:32px;height:32px}.target-guide-visual>i{position:relative;z-index:2;width:34px;height:34px;border-radius:50%;background:var(--brand-primary);color:var(--text-inverse);display:grid;place-items:center}.target-guide-visual>i .ddak-icon{width:18px;height:18px}
.creative-guide-visual{width:80px;height:72px;padding:7px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center}.creative-preview-image{width:28px;height:42px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center}.creative-preview-image .ddak-icon{width:16px;height:16px}.creative-preview-copy{display:grid;gap:6px}.creative-preview-copy i{height:4px;border-radius:var(--radius-full);background:var(--border-strong)}.creative-preview-copy i:nth-child(2){width:82%}.creative-preview-copy i:nth-child(3){width:58%;background:var(--brand-primary)}
.operation-context-banner{margin:0;padding:11px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-secondary);display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:center}.operation-context-banner>.ddak-icon{width:18px;height:18px;color:var(--brand-primary)}.operation-context-banner>span{display:grid;gap:2px}.operation-context-banner small{font-size:12px;color:var(--text-secondary)}.operation-context-banner b{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.operation-types{display:grid;gap:8px}.operation-types>button{min-height:74px;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left}.operation-types>button[data-context-priority="1"]{border-color:color-mix(in srgb,var(--brand-primary) 26%,var(--border-default));background:color-mix(in srgb,var(--brand-soft) 44%,var(--surface-primary))}.operation-type-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center}.operation-types>button>span:nth-child(2){display:grid;gap:3px}.operation-types b{font-size:14px;line-height:1.35}.operation-types small{font-size:12px;line-height:1.4;color:var(--text-secondary)}.operation-types>button>.ddak-icon{width:17px;height:17px;color:var(--text-tertiary)}
.operation-question{padding:4px 0 0;display:grid;gap:8px}.operation-question-kicker{font-size:12px;color:var(--brand-primary);font-weight:700}.operation-question h3{margin:0;font-size:21px;line-height:1.38;letter-spacing:0}.operation-question>p{margin:0 0 4px;font-size:13px;line-height:1.5;color:var(--text-secondary)}
.operation-choices{display:grid;gap:8px;margin-top:4px}.operation-choice{width:100%;min-height:68px;padding:9px 11px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;grid-template-columns:38px minmax(0,1fr) 22px;gap:10px;align-items:center;text-align:left}.operation-choice.active{border-color:var(--brand-primary);background:var(--brand-softer);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.operation-choice-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--text-secondary);display:grid;place-items:center}.operation-choice.active .operation-choice-icon{background:var(--brand-primary);color:var(--text-inverse)}.operation-choice-copy{display:grid;gap:3px}.operation-choice-copy b{font-size:14px}.operation-choice-copy small{font-size:12px;color:var(--text-secondary);line-height:1.35}.operation-choice-state{display:grid;place-items:center;color:var(--text-tertiary)}.operation-choice.active .operation-choice-state{color:var(--brand-primary)}
.operation-input{display:grid;gap:7px;margin-top:5px}.operation-input>span{font-size:12px;font-weight:700;color:var(--text-secondary)}.operation-input-control{min-height:50px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:center;padding:0 13px}.operation-input-control:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.operation-input-control>.ddak-icon{width:18px;height:18px;color:var(--text-secondary)}.operation-input-control input{min-width:0;width:100%;height:48px;border:0;outline:0;background:transparent;font-size:15px}.operation-input textarea{width:100%;min-height:138px;padding:13px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);font:inherit;font-size:14px;line-height:1.55;resize:vertical;outline:0}.operation-input textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.operation-input>small{font-size:12px;line-height:1.45;color:var(--text-tertiary)}
.operation-footer{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:10px 17px calc(10px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;background:color-mix(in srgb,var(--surface-page) 97%,transparent);border-top:1px solid var(--border-subtle);}.operation-footer .btn{min-height:52px}.operation-footer .btn.primary{flex:1}.operation-footer .btn.ghost{min-width:104px}.operation-footer .btn .ddak-icon{width:18px;height:18px;margin-right:5px}
.operation-review{display:grid;gap:12px}.operation-review-summary{padding:14px;border-radius:var(--radius-lg);background:var(--brand-softer);display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center}.operation-review-summary>span{width:42px;height:42px;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--text-inverse);display:grid;place-items:center}.operation-review-summary>div{display:grid;gap:2px}.operation-review-summary small{font-size:12px;color:var(--brand-primary);font-weight:700}.operation-review-summary h3{margin:0;font-size:16px}.operation-review-summary p{margin:1px 0 0;font-size:12px;color:var(--text-secondary)}.operation-review-list{border-top:1px solid var(--border-default)}.operation-review-row{min-height:68px;padding:10px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-bottom:1px solid var(--border-subtle)}.operation-review-row>span{display:grid;gap:4px}.operation-review-row small{font-size:12px;color:var(--text-secondary);line-height:1.4}.operation-review-row b{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.operation-review-row button{min-width:52px;min-height:44px;color:var(--brand-primary);font-size:12px;font-weight:700}.operation-review-trust{padding:12px;border-radius:var(--radius-md);background:var(--surface-secondary);display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start}.operation-review-trust>.ddak-icon{width:18px;height:18px;color:var(--semantic-success)}.operation-review-trust>span{display:grid;gap:2px}.operation-review-trust b{font-size:12px}.operation-review-trust small{font-size:12px;line-height:1.45;color:var(--text-secondary)}
.ddak-operation-success{padding:32px 18px calc(24px + env(safe-area-inset-bottom,0px));text-align:center}.operation-success-icon{width:62px;height:62px;margin:4px auto 14px;border-radius:var(--radius-xl);background:var(--brand-primary);color:var(--text-inverse);display:grid;place-items:center;box-shadow:0 8px 22px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.operation-success-icon .ddak-icon{width:28px;height:28px}.ddak-operation-success>small{font-size:12px;color:var(--brand-primary);font-weight:700}.ddak-operation-success h2{margin:6px 0 5px;font-size:23px}.ddak-operation-success>p{margin:0;color:var(--text-secondary);font-size:13px}.operation-success-actions{display:grid;gap:8px;max-width:420px;margin:0 auto}.operation-success-actions .btn{min-height:52px}
.ddak-analytics-panel{padding:0;overflow:hidden}
/* v119 — Naver Advertiser Center dashboard graph reconstruction. The active
   advertiser graph no longer uses the v117 dual-axis panel language. */
.naver-dashboard-performance-module{margin-top:12px;border:0;border-radius:0;background:var(--surface-primary);overflow:visible;box-shadow:none}
.naver-dashboard-performance-title{min-height:44px;padding:10px 1px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:0}
.naver-dashboard-performance-title>span{display:flex;align-items:center;gap:5px}.naver-dashboard-performance-title b{font-size:16px;font-weight:700;letter-spacing:0}.naver-dashboard-performance-title>small{padding-top:2px;font-size:12px;color:var(--text-tertiary);white-space:nowrap}.naver-dashboard-info{width:28px;height:28px;margin:-5px 0 -5px -2px;display:grid;place-items:center;color:var(--text-tertiary);border-radius:var(--radius-full)}.naver-dashboard-info .ddak-icon{width:15px;height:15px}
.naver-dashboard-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 0 10px;background:var(--surface-primary)}
.naver-dashboard-kpi-card{position:relative;min-width:0;min-height:94px;padding:10px 10px 9px;border:1px solid var(--naver-dashboard-card-border);border-radius:var(--radius-xs);background:var(--surface-primary);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;cursor:pointer}
.naver-dashboard-card-select{position:relative;width:100%;height:28px;padding-left:14px;display:flex;align-items:center;color:var(--text-secondary)}.naver-dashboard-card-select>i{position:absolute;left:0;width:8px;height:8px;border-radius:0;background:var(--naver-dashboard-series-1)}.naver-dashboard-kpi-card.series-2 .naver-dashboard-card-select>i{background:var(--naver-dashboard-series-2)}.naver-dashboard-kpi-card.series-3 .naver-dashboard-card-select>i{background:var(--naver-dashboard-series-3)}
.naver-dashboard-card-select select{position:absolute;inset:-8px -3px -8px -2px;width:calc(100% + 5px);height:44px;padding:0 24px 0 16px;border:0;background:transparent;appearance:none;outline:0;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer}.naver-dashboard-card-select .ddak-icon{position:absolute;right:1px;width:12px;height:12px;transform:rotate(90deg);pointer-events:none;color:var(--text-tertiary)}.naver-dashboard-card-select.is-static b{padding-left:2px;font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.naver-dashboard-card-select.is-static{padding-right:0}
.naver-dashboard-kpi-card>strong{max-width:100%;font-size:18px;line-height:1.16;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-primary)}
.naver-dashboard-kpi-value-row{width:100%;margin-top:5px;display:flex;align-items:baseline;gap:4px;min-width:0}.naver-dashboard-kpi-value-row>strong{min-width:0;font-size:18px;line-height:1.18;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--naver-dashboard-series-1)}.naver-dashboard-kpi-card.series-2 .naver-dashboard-kpi-value-row>strong{color:var(--naver-dashboard-series-2)}.naver-dashboard-kpi-card.series-3 .naver-dashboard-kpi-value-row>strong{color:var(--naver-dashboard-series-3)}.naver-dashboard-kpi-delta{font-size:12px;line-height:1.25;font-style:normal;font-weight:600;color:var(--text-tertiary);white-space:nowrap}.naver-dashboard-kpi-delta.up{color:var(--naver-dashboard-delta-up)}.naver-dashboard-kpi-delta.down{color:var(--naver-dashboard-delta-down)}.naver-dashboard-kpi-previous{margin-top:3px;max-width:100%;font-size:12px;line-height:1.3;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.naver-dashboard-trend-copy{display:none}
.ddak-analytics-chart-shell.naver-adcenter-chart-shell{position:relative;margin:0;padding:0;background:var(--surface-primary);overflow:visible}.naver-dashboard-chart{display:block;width:100%;height:auto;min-height:226px;overflow:visible}.naver-dashboard-grid{stroke:var(--naver-dashboard-grid);stroke-width:1;stroke-dasharray:2 3;opacity:.78;shape-rendering:geometricPrecision}.naver-dashboard-vgrid{opacity:.5}.naver-dashboard-date{fill:var(--naver-dashboard-label);font-size:12px;font-weight:400}.naver-dashboard-line{fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.naver-dashboard-point{vector-effect:non-scaling-stroke}.naver-dashboard-compare{fill:none;stroke-width:1.15;stroke-dasharray:4 4;opacity:.34;vector-effect:non-scaling-stroke}.naver-dashboard-cursor{stroke:var(--naver-chart-cursor);stroke-width:1;shape-rendering:crispEdges}.naver-dashboard-active{fill:var(--surface-primary);stroke-width:2;vector-effect:non-scaling-stroke}
.naver-adcenter-chart-shell .ddak-chart-tooltip{top:22px;min-width:164px;padding:10px 11px;border:1px solid var(--border-default);border-radius:var(--radius-xs);background:var(--naver-chart-tooltip);color:var(--naver-chart-tooltip-text);box-shadow:var(--shadow-floating)}.naver-adcenter-chart-shell .ddak-chart-tooltip>b{display:block;margin-bottom:7px;font-size:12px;font-weight:700}.naver-adcenter-chart-shell .ddak-chart-tooltip>span{display:flex;align-items:center;gap:7px;line-height:1.8;font-size:12px}.naver-adcenter-chart-shell .ddak-chart-tooltip>span i{width:8px;height:8px;border-radius:0;flex:none}.naver-adcenter-chart-shell .ddak-chart-tooltip>span strong{margin-left:auto;font-variant-numeric:tabular-nums}.naver-adcenter-chart-shell .naver-compare-key{min-height:26px;padding:0 14px 5px;justify-content:flex-end;font-size:12px}.naver-adcenter-chart-shell .naver-compare-key .compare i{width:16px;border-top:1px dashed var(--text-tertiary)}
.naver-dashboard-performance-module .chart-loading{height:236px;margin:0 12px 12px;border-radius:var(--radius-xs)}
@media(max-width:430px){.naver-dashboard-performance-title{padding-left:1px;padding-right:1px}.naver-dashboard-kpi-grid{gap:5px;padding-left:0;padding-right:0}.naver-dashboard-kpi-card{min-height:88px;padding:8px 7px 7px}.naver-dashboard-kpi-value-row>strong{font-size:15px}.naver-dashboard-kpi-delta{font-size:12px}.naver-dashboard-kpi-previous{font-size:12px}.naver-dashboard-chart{min-height:218px}}
@media(max-width:360px){.naver-dashboard-kpi-grid{gap:4px}.naver-dashboard-kpi-card{padding-left:5px;padding-right:5px}.naver-dashboard-kpi-value-row>strong{font-size:14px}.naver-dashboard-card-select select{font-size:12px}.naver-dashboard-kpi-delta{font-size:12px}}
.detail-performance-chart.ddak-analytics-panel{margin:16px 0;border:1px solid var(--border-default);border-radius:0;background:var(--surface-primary);box-shadow:none}.detail-performance-chart.ddak-analytics-panel .ddak-analytics-chart-shell{padding:0 4px}.detail-performance-chart.ddak-analytics-panel .ddak-performance-svg{min-height:220px}
@media(max-width:370px){.ddak-operation-content{padding-left:14px;padding-right:14px}.operation-choice-copy small{display:none}.operation-choice{min-height:60px}.ddak-analytics-panel-head{align-items:flex-start;flex-direction:column}.naver-chart-metric-controls{width:100%;display:grid;grid-template-columns:1fr 1fr}.naver-metric-select{min-width:0;width:100%}.ddak-analytics-line-chart{min-height:228px}}
@media(min-width:768px){.ddak-operation-workspace{max-width:760px;height:min(900px,calc(100dvh - 40px));margin:auto;border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 12px 36px color-mix(in srgb,var(--text-primary) 14%,transparent)}.ddak-operation-workspace .operation-flow-head{padding-top:8px}.ddak-operation-content{padding-top:22px}.ddak-analytics-line-chart{min-height:290px}}

@media(max-width:599px){
  .naver-adcenter-chart-head{align-items:flex-start;flex-direction:column;padding:12px 12px 10px}
  .naver-chart-metric-controls{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .naver-metric-select{min-width:0;width:100%;height:38px}
  .naver-metric-select select{height:36px}
  .ddak-analytics-chart-shell.naver-adcenter-chart-shell{margin-left:-4px;margin-right:-4px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms;
    animation-iteration-count:1;
    transition-duration:.001ms;
    scroll-behavior:auto;
  }
}

/* ========================================================================== 
   DdakLab Reference UI v6 · simplified Production mapping v114
   Visual source: user-selected blue-based advertiser reference.
   All classes below are semantic Production components; no mock behavior.
   ========================================================================== */
.ddak-ui-topbar{padding-left:16px;padding-right:13px;box-shadow:0 1px 0 color-mix(in srgb,var(--border-default) 58%,transparent)}
.ddak-ui-brand{display:inline-flex;align-items:center;gap:8px;font-size:16px;letter-spacing:0}.ddak-ui-brand b{font-weight:700}.ddak-ui-logo{width:23px;height:23px;border-radius:var(--radius-xs);display:grid;place-items:center;background:var(--brand-primary);color:var(--text-inverse);font-size:13px;font-weight:700;letter-spacing:0;box-shadow:0 2px 5px color-mix(in srgb,var(--brand-primary) 18%,transparent)}
.ddak-ui-titlebar .ddak-page-title{font-size:17px;font-weight:700;letter-spacing:0}.ddak-menu-button,.ddak-notification-button{position:relative}.ddak-header-unread{position:absolute;right:2px;top:2px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-full);background:var(--semantic-danger);color:var(--text-inverse);border:2px solid var(--surface-page);display:grid;place-items:center;font-size:12px;font-weight:700}
.ddak-ui-bottom-nav{padding-top:7px;background:color-mix(in srgb,var(--surface-page) 99%,transparent);box-shadow:0 -3px 18px color-mix(in srgb,var(--text-primary) 3.5%,transparent)}.ddak-ui-bottom-nav .app-nav-button{height:58px;gap:var(--space-1)}.ddak-ui-bottom-nav .app-nav-icon{width:22px;height:22px}.ddak-ui-bottom-nav .app-nav-icon .ddak-icon{width:20px;height:20px}.ddak-ui-bottom-nav .app-nav-label{font-size:12px}.ddak-nav-dot{display:block;width:4px;height:4px;border-radius:50%;background:var(--brand-primary);margin-top:-1px}
.ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{padding:12px 17px 12px;max-width:100%}.ddak-ui-card{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 2px 10px color-mix(in srgb,var(--text-primary) 3.8%,transparent)}
.ddak-ui-business-context{min-height:48px;padding:8px 10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center}.ddak-ui-bc-icon,.ddak-ui-mi,.ddak-ui-feed-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center}.ddak-ui-bc-icon .ddak-icon,.ddak-ui-mi .ddak-icon,.ddak-ui-feed-icon .ddak-icon{width:18px;height:18px}.ddak-ui-row-main{min-width:0;display:grid;gap:var(--space-1);text-align:left}.ddak-ui-row-main b{font-size:13px;font-weight:700;line-height:1.3}.ddak-ui-row-main small{font-size:12px;color:var(--text-secondary);line-height:1.35}.ddak-ui-business-context>button{min-width:50px;min-height:var(--touch-min);height:36px;padding:0 10px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary);font-size:12px;font-weight:700}
.ddak-ui-greeting{margin:12px 0 12px;display:grid;gap:var(--space-1)}.ddak-ui-greeting b{font-size:17px;font-weight:700;letter-spacing:0}.ddak-ui-greeting span{font-size:13px;color:var(--text-secondary);line-height:1.45}
.ddak-ui-overview-card{padding:15px 14px 13px;border:1.5px solid color-mix(in srgb,var(--brand-primary) 52%,var(--border-default));box-shadow:0 3px 12px color-mix(in srgb,var(--brand-primary) 6%,transparent)}.ddak-ui-overview-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.ddak-ui-overview-card h2{margin:0;font-size:13px;color:var(--brand-primary);font-weight:700}.ddak-ui-overview-card h2 small{font-size:12px;color:color-mix(in srgb,var(--brand-primary) 58%,var(--text-secondary));font-weight:600}.ddak-ui-overview-card>header button{min-height:var(--touch-min);display:inline-flex;align-items:center;gap:var(--space-1);color:var(--brand-primary);font-size:12px;font-weight:700}.ddak-ui-overview-card>header .ddak-icon{width:14px;height:14px}
.ddak-ui-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ddak-ui-kpi-grid>div{min-width:0;display:grid;gap:4px}.ddak-ui-kpi-grid small{font-size:12px;color:var(--text-secondary)}.ddak-ui-kpi-grid strong{font-size:16px;font-weight:700;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums}.ddak-ui-kpi-grid .wide{grid-column:1/-1;border-top:1px solid var(--border-default);padding-top:10px;display:flex;align-items:center;gap:8px}.ddak-ui-kpi-grid .wide strong{font-size:14px}.ddak-ui-delta{font-size:12px;font-weight:700}.ddak-ui-delta.positive{color:var(--semantic-success)}.ddak-ui-delta.negative{color:var(--semantic-danger)}.ddak-ui-delta.neutral{color:var(--text-secondary)}
.ddak-ui-section{margin-top:var(--density-section-gap)}.ddak-ui-section-head{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.ddak-ui-section-head h2{margin:0;font-size:16px;font-weight:700;letter-spacing:0}.ddak-ui-section-head>button,.ddak-ui-section-head>span{min-height:var(--touch-min);display:inline-flex;align-items:center;color:var(--text-secondary);font-size:12px}.ddak-ui-section-head>button{color:var(--brand-primary);font-weight:700}
.ddak-ui-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ddak-ui-quick-grid button{min-width:0;height:78px;padding:8px 2px 6px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 1px 4px color-mix(in srgb,var(--text-primary) 2.5%,transparent)}.ddak-ui-quick-grid button>span{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center}.ddak-ui-quick-grid button .ddak-icon{width:18px;height:18px}.ddak-ui-quick-grid b{font-size:12px;font-weight:700;white-space:nowrap}
.ddak-ui-operation-shortcut{width:100%;min-height:64px;margin-top:9px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--brand-primary) 28%,var(--border-default));border-radius:var(--radius-md);background:var(--brand-softer);display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;box-shadow:0 3px 12px color-mix(in srgb,var(--brand-primary) 7%,transparent);transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.ddak-ui-operation-shortcut:active{transform:scale(.992);background:var(--brand-softer)}.ddak-ui-operation-shortcut:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 22%,transparent);outline-offset:2px}.ddak-ui-operation-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--text-inverse);display:grid;place-items:center;box-shadow:0 4px 10px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.ddak-ui-operation-icon .ddak-icon{width:21px;height:21px;stroke-width:2}.ddak-ui-operation-copy{min-width:0;display:grid;gap:2px}.ddak-ui-operation-copy b{font-size:14px;font-weight:700;color:var(--text-primary)}.ddak-ui-operation-copy small{font-size:12px;line-height:1.4;color:var(--text-secondary)}.ddak-ui-operation-shortcut>.ddak-icon{width:17px;height:17px;color:var(--brand-primary)}
.ddak-ui-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px;background:var(--surface-secondary);border-radius:var(--radius-md);overflow:hidden}.ddak-ui-secondary-grid button{min-width:0;min-height:58px;padding:7px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border-right:1px solid var(--border-default);font-size:12px;font-weight:700}.ddak-ui-secondary-grid button:last-child{border-right:0}.ddak-ui-secondary-grid .ddak-icon{width:16px;height:16px;color:var(--brand-primary)}
.ddak-ui-ai-insight{width:100%;min-height:94px;padding:13px 104px 12px var(--density-card-padding);position:relative;overflow:hidden;text-align:left;background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));display:block}.ddak-ui-insight-copy{display:grid;gap:5px}.ddak-ui-insight-copy>b{color:var(--brand-primary);font-size:13px;font-weight:700}.ddak-ui-insight-copy>b em{font-style:normal;font-size:12px;background:var(--brand-primary);color:var(--text-inverse);border-radius:var(--radius-xs);padding:2px 5px;margin-left:4px}.ddak-ui-insight-copy>strong{font-size:13px;line-height:1.4}.ddak-ui-insight-copy>small{font-size:12px;color:var(--text-secondary);line-height:1.45}.ddak-ui-ai-insight img{position:absolute;right:8px;bottom:-7px;width:88px;height:auto;aspect-ratio:940/1025;object-fit:cover;object-position:center 18%;mix-blend-mode:multiply;border-radius:var(--radius-lg)}
.ddak-ui-status-list,.ddak-ui-feed-list,.ddak-ui-group>div{display:flex;flex-direction:column}.ddak-ui-status-row,.ddak-ui-feed-row,.ddak-ui-group-row{width:100%;min-height:60px;padding:var(--density-row-padding-y) 10px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border-bottom:1px solid var(--border-default);background:var(--surface-primary)}.ddak-ui-status-row:first-child,.ddak-ui-feed-row:first-child,.ddak-ui-group-row:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.ddak-ui-status-row:last-child,.ddak-ui-feed-row:last-child,.ddak-ui-group-row:last-child{border-bottom:0;border-radius:0 0 var(--radius-md) var(--radius-md)}.ddak-ui-status-list,.ddak-ui-feed-list,.ddak-ui-group>div{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.ddak-ui-provider{display:grid;place-items:center}.ddak-ui-provider .provider-badge{--provider-size:36px}.ddak-ui-state-pill{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;white-space:nowrap;background:var(--surface-secondary);color:var(--text-secondary)}.ddak-ui-state-pill.good{background:var(--semantic-success-soft);color:var(--semantic-success)}.ddak-ui-state-pill.warn{background:var(--semantic-warning-soft);color:var(--semantic-warning)}.ddak-ui-state-pill.blue{background:var(--brand-soft);color:var(--brand-primary)}.ddak-ui-state-pill.off{background:var(--surface-tertiary);color:var(--text-secondary)}
.ddak-ui-empty-inline{padding:18px;border:1px dashed var(--border-default);border-radius:var(--radius-md);display:grid;gap:6px;text-align:center;background:var(--surface-secondary)}.ddak-ui-empty-inline b{font-size:14px}.ddak-ui-empty-inline span{font-size:12px;color:var(--text-secondary);line-height:1.45}.ddak-ui-empty-inline button{justify-self:center;padding:0 13px;border-radius:var(--radius-sm);background:var(--brand-primary);color:var(--text-inverse);font-size:12px;font-weight:700}.ddak-ui-empty-inline.compact{padding:13px}
/* Ads */
.ddak-ui-chip-scroll,.ddak-ui-product-scroll{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:1px 0 8px}.ddak-ui-chip-scroll::-webkit-scrollbar,.ddak-ui-product-scroll::-webkit-scrollbar{display:none}.ddak-ui-chip-scroll button,.ddak-ui-product-scroll button{flex:0 0 auto;min-height:var(--touch-min);padding:0 13px;border-radius:var(--radius-sm);background:var(--surface-tertiary);color:var(--text-secondary);font-size:12px;font-weight:700}.ddak-ui-chip-scroll button.active,.ddak-ui-product-scroll button.active{background:var(--brand-primary);color:var(--text-inverse)}.ddak-ui-product-scroll{padding-bottom:11px}.ddak-ui-product-scroll button:last-child{display:inline-flex;align-items:center;gap:3px}.ddak-ui-product-scroll .ddak-icon{width:14px;height:14px}.ddak-ui-tabs,.ddak-ui-mode-tabs,.ddak-ui-performance-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:var(--radius-md);background:var(--surface-tertiary);gap:2px}.ddak-ui-tabs button,.ddak-ui-mode-tabs button,.ddak-ui-performance-tabs button{min-width:0;min-height:var(--touch-min);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);font-weight:700}.ddak-ui-tabs button.active,.ddak-ui-mode-tabs button.active,.ddak-ui-performance-tabs button.active{background:var(--brand-primary);color:var(--text-inverse);box-shadow:0 1px 3px color-mix(in srgb,var(--brand-primary) 14%,transparent)}
.ddak-ui-filter-summary{width:100%;min-height:58px;margin-top:10px;padding:8px 10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.ddak-ui-filter-summary>span{display:grid;gap:2px;min-width:0}.ddak-ui-filter-summary b{font-size:13px}.ddak-ui-filter-summary small{font-size:12px;color:var(--text-secondary)}.ddak-ui-filter-summary>.ddak-icon{width:18px;height:18px;color:var(--brand-primary)}.ddak-ui-ads-status{margin-bottom:0}
.ddak-ui-inline-notice{width:100%;margin-top:11px;padding:10px 11px;border-radius:var(--radius-md);background:var(--semantic-warning-soft);color:var(--semantic-warning);display:grid;grid-template-columns:20px minmax(0,1fr) 18px;gap:8px;align-items:center;text-align:left}.ddak-ui-inline-notice .ddak-icon{width:18px;height:18px}.ddak-ui-inline-notice span{display:grid;gap:2px}.ddak-ui-inline-notice b{font-size:12px}.ddak-ui-inline-notice small{font-size:12px;color:color-mix(in srgb,var(--semantic-warning) 72%,var(--text-primary))}.ddak-ui-filter-line{min-height:46px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-default)}.ddak-ui-filter-line b{font-size:13px}.ddak-ui-filter-line span{font-size:12px;color:var(--text-secondary)}.ddak-ui-filter-line button{margin-left:auto;min-height:var(--touch-min);display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700}.ddak-ui-filter-line .ddak-icon{width:16px;height:16px}
.ddak-ui-campaign-list{display:flex;flex-direction:column;gap:8px;padding-top:8px}.ddak-ui-campaign-card{width:100%;min-height:92px;padding:10px;display:grid;grid-template-columns:72px minmax(0,1fr) 18px;gap:11px;align-items:center;text-align:left;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);box-shadow:none}.ddak-ui-campaign-thumb{width:72px;height:72px;border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--brand-soft),var(--surface-secondary));display:grid;place-items:center}.ddak-ui-campaign-thumb .provider-badge{--provider-size:42px;background:var(--surface-primary)}.ddak-ui-campaign-body{min-width:0;display:grid;gap:4px}.ddak-ui-campaign-head{display:flex;align-items:flex-start;gap:7px;justify-content:space-between}.ddak-ui-campaign-head>b{min-width:0;font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.ddak-ui-campaign-body>small{font-size:12px;color:var(--text-secondary);line-height:1.3}.ddak-ui-campaign-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:5px}.ddak-ui-campaign-metrics>span{min-width:0;display:grid;gap:2px}.ddak-ui-campaign-metrics small{font-size:12px;color:var(--text-secondary)}.ddak-ui-campaign-metrics b{font-size:12px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.ddak-ui-campaign-card>.ddak-icon{width:17px;height:17px;color:var(--text-tertiary)}.ddak-ui-action-list{display:flex;flex-direction:column;margin-top:18px;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.ddak-ui-action-list>button{min-height:62px;padding:10px 11px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;align-items:center;text-align:left;border-bottom:1px solid var(--border-default)}.ddak-ui-action-list>button:last-child{border-bottom:0}.ddak-ui-action-list>button>span:first-child{width:34px;height:34px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-primary)}.ddak-ui-action-list span:nth-child(2){display:grid;gap:2px}.ddak-ui-action-list b{font-size:13px}.ddak-ui-action-list small{font-size:12px;color:var(--text-secondary)}
/* Performance */
.ddak-ui-performance{padding-bottom:32px}.ddak-ui-performance-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ddak-ui-performance-toolbar>.ddak-ui-mode-tabs{flex:1;margin:0}.ddak-ui-performance-toolbar>button{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-tertiary);color:var(--text-secondary)}.ddak-ui-performance-toolbar>button .ddak-icon{width:18px;height:18px}.ddak-ui-mode-tabs{margin-bottom:10px}.ddak-ui-performance-tabs{margin-bottom:12px}.ddak-ui-period-row{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none}.ddak-ui-period-row button{flex:0 0 auto;min-height:var(--touch-min);padding:0 12px;border-radius:var(--radius-sm);background:var(--surface-tertiary);color:var(--text-secondary);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.ddak-ui-period-row button.active{background:var(--brand-primary);color:var(--text-inverse)}.ddak-ui-period-row .ddak-icon{width:15px;height:15px}.ddak-ui-scope-line{width:100%;min-height:48px;margin-top:8px;padding:0 2px;border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;text-align:left}.ddak-ui-scope-line>span{display:grid;gap:2px}.ddak-ui-scope-line b{font-size:13px}.ddak-ui-scope-line small{font-size:12px;color:var(--text-secondary)}.ddak-ui-scope-line .ddak-icon{width:17px;height:17px;color:var(--text-tertiary)}
.ddak-ui-perf-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.ddak-ui-perf-kpis>button{min-width:0;min-height:73px;padding:0 9px;border-right:1px solid var(--border-default);display:grid;align-content:center;gap:4px;text-align:left}.ddak-ui-perf-kpis>button:first-child{padding-left:0}.ddak-ui-perf-kpis>button:last-child{padding-right:0;border-right:0}.ddak-ui-perf-kpis small{font-size:12px;color:var(--text-secondary)}.ddak-ui-perf-kpis strong{font-size:16px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.ddak-ui-perf-kpis em{font-style:normal;font-size:12px;font-weight:700}.ddak-ui-perf-kpis em.positive{color:var(--semantic-success)}.ddak-ui-perf-kpis em.negative{color:var(--semantic-danger)}
.ddak-ui-chart-card{margin-top:14px;padding:12px 10px 10px;overflow:visible}.ddak-ui-chart-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 4px}.ddak-ui-chart-head>span{display:grid;gap:2px}.ddak-ui-chart-head b{font-size:13px}.ddak-ui-chart-head small{font-size:12px;color:var(--text-secondary)}.ddak-ui-chart-head button{min-height:var(--touch-min);color:var(--brand-primary);font-size:12px;font-weight:700}.ddak-ui-chart-card .ddak-chart-shell{margin-top:4px}.ddak-ui-chart-card .ddak-performance-svg{min-height:224px}.ddak-chart-shell>.ddak-chart-legend{min-height:38px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding-top:4px}.ddak-chart-shell>.ddak-chart-legend span{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.ddak-chart-shell>.ddak-chart-legend i{width:9px;height:9px;border-radius:50%;display:block}.ddak-chart-shell>.ddak-chart-legend .compare i{width:13px;height:0;border-top:2px dashed var(--text-tertiary);border-radius:0}.ddak-ui-chart-legend{min-height:38px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.ddak-ui-chart-legend button,.ddak-ui-chart-legend span{min-height:var(--touch-min);display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.ddak-ui-chart-legend i{display:block;width:9px;height:9px;border-radius:50%;background:var(--chart-primary)}.ddak-ui-chart-legend i.series-secondary{background:var(--chart-secondary)}.ddak-ui-chart-legend i.compare{width:13px;height:0;border-top:2px dashed var(--text-tertiary);border-radius:0;background:transparent}.ddak-ui-performance .performance-list{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.ddak-ui-performance .performance-list-row{min-height:63px;padding:10px 11px}.ddak-ui-ai-analysis-link{width:100%;margin-top:20px;min-height:76px;padding:12px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;align-items:center;text-align:left}.ddak-ui-ai-analysis-link>.ddak-icon:first-child{width:34px;height:34px;padding:8px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary)}.ddak-ui-ai-analysis-link span{display:grid;gap:3px}.ddak-ui-ai-analysis-link b{font-size:13px}.ddak-ui-ai-analysis-link small{font-size:12px;color:var(--text-secondary)}
/* DdakAI */
.ddak-ui-ai{padding-bottom:calc(var(--bottom-nav-height) + 92px)}.ddak-ui-ai-brief{position:relative;min-height:104px;padding:14px 108px 14px var(--density-card-padding);overflow:hidden;background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default))}.ddak-ui-ai-brief>span{display:grid;gap:5px;text-align:left}.ddak-ui-ai-brief b{font-size:13px;color:var(--brand-primary)}.ddak-ui-ai-brief strong{font-size:14px;line-height:1.4}.ddak-ui-ai-brief small{font-size:12px;line-height:1.45;color:var(--text-secondary)}.ddak-ui-ai-brief img{position:absolute;right:8px;bottom:-7px;width:92px;height:auto;aspect-ratio:940/1025;object-fit:cover;object-position:center 18%;mix-blend-mode:multiply;border-radius:var(--radius-lg)}.ddak-ui-ai-evidence{min-height:62px;margin-top:10px;padding:10px 11px;border:1px solid var(--border-default);border-radius:var(--radius-md);display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center}.ddak-ui-ai-evidence>span{color:var(--brand-primary)}.ddak-ui-ai-evidence>span .ddak-icon{width:20px;height:20px}.ddak-ui-ai-evidence>div{display:grid;gap:2px}.ddak-ui-ai-evidence b{font-size:12px}.ddak-ui-ai-evidence small{font-size:12px;color:var(--text-secondary);line-height:1.35}.ddak-ui-ai-evidence em{font-style:normal;font-size:12px;font-weight:700;color:var(--brand-primary);background:var(--brand-soft);border-radius:var(--radius-xs);padding:4px 6px}.ddak-ui-ai-question-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.ddak-ui-ai-question-chips button{flex:0 0 auto;min-height:var(--touch-min);max-width:260px;padding:0 12px;border-radius:var(--radius-sm);background:var(--surface-tertiary);font-size:12px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddak-ui-ai-action-list{display:flex;flex-direction:column;gap:10px}.ddak-ui-ai-action{width:100%;min-height:76px;padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;grid-template-columns:36px minmax(0,1fr) auto 17px;gap:9px;align-items:center;text-align:left}.ddak-ui-ai-action>span:first-child{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center}.ddak-ui-ai-action>span:first-child .ddak-icon{width:17px;height:17px}.ddak-ui-ai-action>span:nth-child(2){display:grid;gap:3px}.ddak-ui-ai-action b{font-size:13px}.ddak-ui-ai-action small{font-size:12px;color:var(--text-secondary);line-height:1.4}.ddak-ui-ai-action em{font-style:normal;font-size:12px;color:var(--brand-primary);font-weight:700}.ddak-ui-chat-bar{left:14px;right:14px;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 10px);border-radius:var(--radius-md)}.ddak-ui-ai-response{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:0 3px 12px color-mix(in srgb,var(--text-primary) 4.5%,transparent)}

.ddak-demo-corner{position:fixed;z-index:42;top:calc(env(safe-area-inset-top,0px) + 46px);right:12px;padding:2px 6px;border-radius:var(--radius-xs);background:var(--brand-soft);color:var(--brand-primary);font-size:12px;font-weight:700;pointer-events:none}
.ddak-performance-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.ddak-performance-mode-row>span{display:grid;gap:3px}.ddak-performance-mode-row>span>b{font-size:13px}.ddak-performance-mode-row>span>small{font-size:12px;color:var(--text-secondary)}.ddak-performance-mode-row .ddak-ui-mode-tabs{width:142px;margin:0}.ddak-performance-mode-row .ddak-ui-mode-tabs button{min-height:44px}
.ddak-performance-overview .ddak-ui-performance-tabs{margin-bottom:8px}.ddak-performance-overview .ddak-ui-performance-tabs button{min-height:44px}.ddak-performance-overview .ddak-ui-performance-tabs button:disabled{opacity:.48}
.ddak-performance-overview .ddak-ui-period-row{overflow:visible}.ddak-performance-overview .ddak-ui-period-row>button{min-height:44px;padding:0 13px}.ddak-performance-overview .ddak-ui-period-row>span{margin-left:auto;font-size:12px;color:var(--text-secondary);white-space:nowrap}
.ddak-performance-date-range{width:100%;min-height:44px;margin-top:2px;display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:12px;text-align:left}.ddak-performance-date-range .ddak-icon{width:16px;height:16px}

.ddak-performance-action-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.ddak-performance-action-strip .btn{min-height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:6px}.ddak-performance-action-strip .ddak-icon{width:18px;height:18px}.ddak-performance-data-state{margin-top:12px}
.ddak-ai-grounding-strip{margin-top:10px;min-height:52px;padding:9px 10px;border-radius:var(--radius-md);background:var(--brand-softer);display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:center;color:var(--brand-primary)}.ddak-ai-grounding-strip>.ddak-icon{width:20px;height:20px}.ddak-ai-grounding-strip>span{display:grid;gap:2px}.ddak-ai-grounding-strip b{font-size:12px}.ddak-ai-grounding-strip small{font-size:12px;line-height:1.4;color:var(--text-secondary)}

/* More */
.ddak-ui-feature-hero{min-height:88px;padding:13px 12px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--brand-soft);display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center}.ddak-ui-business-avatar{width:44px;height:44px;border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));color:var(--brand-primary);display:grid;place-items:center;font-size:18px;font-weight:700}.ddak-ui-feature-hero>span{display:grid;gap:2px}.ddak-ui-feature-hero h2{font-size:16px;margin:0}.ddak-ui-feature-hero p,.ddak-ui-feature-hero em{margin:0;font-size:12px;font-style:normal;color:var(--text-secondary)}.ddak-ui-feature-hero>button{min-height:var(--touch-min);padding:0 10px;border-radius:var(--radius-sm);background:var(--surface-primary);color:var(--brand-primary);font-size:12px;font-weight:700}.ddak-ui-group{margin-top:20px}.ddak-ui-group>h2{margin:0 0 8px 2px;font-size:13px;color:var(--text-secondary);font-weight:700}.ddak-ui-group-row{grid-template-columns:36px minmax(0,1fr) auto}.ddak-ui-group-row>.ddak-icon{width:17px;height:17px;color:var(--text-tertiary)}.ddak-ui-version{min-height:70px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary);font-size:12px}
/* Reference skin for reusable secondary flows */
.modal,.ddak-fullscreen-route{background:var(--surface-primary)}.modal .modal-head h3{font-size:17px}.group-list,.status-list,.conversation-list,.notification-list{border-color:var(--border-default)}.group-row,.setting-row,.status-row{border-color:var(--border-default)}.state-pill.blue{background:var(--brand-soft);color:var(--brand-primary)}.feature-hero{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand-primary) 16%,var(--border-default))}.btn.primary,.checkout-screen-cta{background:var(--brand-primary);color:var(--text-inverse);box-shadow:0 5px 14px color-mix(in srgb,var(--brand-primary) 16%,transparent)}

.ddak-ui-ai-chat-stream{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2)}
html[data-theme="dark"] .ddak-ui-ai-insight img,html[data-theme="dark"] .ddak-ui-ai-brief img{mix-blend-mode:screen;opacity:.92}html[data-theme="dark"] .ddak-ui-topbar{background:color-mix(in srgb,var(--surface-page) 97%,transparent)}html[data-theme="dark"] .ddak-ui-campaign-thumb{background:linear-gradient(145deg,var(--brand-soft),var(--surface-secondary))}
@media(max-width:430px){.ddak-auth-card{max-width:none}.ddak-auth-hero{min-height:196px}.ddak-auth-hero .ddak-mascot-stage-auth{width:min(196px,56vw);height:min(196px,56vw)}.ddak-auth-copy{margin-top:10px}.ddak-login-form{gap:10px}}
@media(max-width:370px){.ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{padding-left:14px;padding-right:14px}.ddak-ui-quick-grid{gap:6px}.ddak-ui-quick-grid button{height:78px}.ddak-ui-quick-grid b{font-size:12px}.ddak-ui-secondary-grid button{font-size:12px}.ddak-ui-kpi-grid strong{font-size:14px}.ddak-ui-campaign-card{grid-template-columns:64px minmax(0,1fr) 16px}.ddak-ui-campaign-thumb{width:64px;height:64px}.ddak-ui-campaign-metrics b{font-size:12px}.ddak-ui-ai-brief{padding-right:104px}.ddak-ui-ai-brief img{width:92px}}
@media(min-width:600px){.ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{max-width:760px;margin:0 auto;padding-top:16px}.ddak-ui-quick-grid button{height:88px}.ddak-ui-chart-card .ddak-performance-svg{min-height:270px}}
@media(min-width:1024px){.ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{max-width:1120px;padding:24px 28px 40px}.ddak-ui-home{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);column-gap:28px}.ddak-ui-home>.ddak-ui-business-context,.ddak-ui-home>.ddak-ui-greeting,.ddak-ui-home>.ddak-ui-overview-card,.ddak-ui-home>.ddak-ui-section:nth-of-type(2){grid-column:1}.ddak-ui-home>.ddak-ui-section:nth-of-type(n+3){grid-column:2}.ddak-ui-performance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px 28px;align-items:start}.ddak-ui-performance>.ddak-ui-performance-toolbar,.ddak-ui-performance>.ddak-ui-period-row,.ddak-ui-performance>.ddak-ui-scope-line,.ddak-ui-performance>.ddak-ui-perf-kpis{grid-column:1}.ddak-ui-performance>.ddak-ui-chart-card{grid-column:2;grid-row:1/span 5;margin-top:0}.ddak-ui-performance>.ddak-ui-section,.ddak-ui-performance>.ddak-ui-ai-analysis-link{grid-column:1}.ddak-ui-ads{max-width:1000px}.ddak-ui-campaign-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ddak-ui-ai{max-width:900px}.ddak-ui-more{max-width:860px}}
.ddak-auth-shell{background:var(--surface-page);align-items:flex-start}.ddak-auth-card{max-width:430px;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 26px) 19px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column}.ddak-login-card{justify-content:flex-start}.ddak-auth-hero{min-height:214px;margin:0 auto 0;display:grid;place-items:center;overflow:visible}.ddak-auth-hero .ddak-mascot-stage-auth{width:min(218px,58vw);height:min(218px,58vw);max-width:218px;max-height:218px}.ddak-auth-hero .ddak-mascot-actor{width:100%;height:100%}.ddak-auth-hero .ddak-mascot{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;opacity:1}.ddak-auth-brand-lockup{display:flex;align-items:center;justify-content:center;gap:10px}.ddak-auth-logo{width:44px;height:44px;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--text-inverse);display:grid;place-items:center;font-size:23px;font-weight:700;box-shadow:0 6px 14px color-mix(in srgb,var(--brand-primary) 18%,transparent)}.ddak-auth-brand-lockup>span:last-child{display:grid;line-height:1}.ddak-auth-brand-lockup b{font-size:22px;font-weight:700;letter-spacing:0}.ddak-auth-brand-lockup small{margin-top:5px;font-size:12px;letter-spacing:.35px;color:var(--text-secondary);font-weight:700}.ddak-auth-copy{text-align:center;margin:17px 0 20px;display:grid;gap:6px}.ddak-auth-copy h1{margin:0;font-size:18px;line-height:1.35;color:var(--brand-primary);font-weight:700;letter-spacing:0}.ddak-auth-copy p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary)}.ddak-login-form{gap:11px}.ddak-login-form .field{gap:6px}.ddak-login-form .field label{font-size:12px;color:var(--text-secondary)}.ddak-login-form input{height:48px;border-radius:var(--radius-md);background:var(--surface-primary);font-size:14px}.ddak-password-field{position:relative}.ddak-password-field input{padding-right:62px}.ddak-password-field>button{position:absolute;right:4px;top:2px;height:44px;min-width:52px;color:var(--brand-primary);font-size:12px;font-weight:700}.ddak-login-primary{height:50px;margin-top:3px;border-radius:var(--radius-md)}.ddak-auth-divider{height:42px;display:flex;align-items:center;gap:10px;color:var(--text-tertiary);font-size:12px}.ddak-auth-divider:before,.ddak-auth-divider:after{content:"";height:1px;flex:1;background:var(--border-default)}.ddak-login-secondary{height:48px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-primary)}.ddak-auth-help,.ddak-login-demo-note{margin:12px 8px 0;text-align:center;font-size:12px;line-height:1.5;color:var(--text-tertiary)}.ddak-login-demo-note{color:var(--brand-primary);font-weight:700}.ddak-auth-header{height:46px;display:flex;align-items:center;gap:7px;margin-bottom:12px}.ddak-auth-header>button{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-full)}.ddak-auth-header>button .ddak-icon{width:20px;height:20px}.ddak-auth-header>span{transform:scale(.88);transform-origin:left center}.ddak-register-progress{margin:2px 0 20px}.ddak-register-form{flex:1}.ddak-register-form .step-copy{margin-bottom:2px}.ddak-register-form .step-copy h2{font-size:21px;letter-spacing:0}.ddak-register-form .step-copy p{font-size:13px;line-height:1.5}.ddak-register-form .field input{height:48px;border-radius:var(--radius-md)}.ddak-registration-card .register-actions{margin-top:3px}.ddak-registration-card .btn{border-radius:var(--radius-md)}.ddak-onboarding-note{min-height:68px;padding:11px;border-radius:var(--radius-md);background:var(--brand-softer);display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:center;color:var(--brand-primary)}.ddak-onboarding-note>span{display:grid;gap:3px}.ddak-onboarding-note b{font-size:12px}.ddak-onboarding-note small{font-size:12px;line-height:1.4;color:var(--text-secondary)}.ddak-pending-shell{align-items:center}.ddak-pending-card{justify-content:center;align-items:center;text-align:center;max-width:390px}.ddak-auth-brand-lockup.compact{margin-bottom:34px}.ddak-pending-icon{width:62px;height:62px;border-radius:var(--radius-xl);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center;margin-bottom:14px}.ddak-pending-icon .ddak-icon{width:28px;height:28px}.ddak-pending-card>h1{margin:13px 0 6px;font-size:23px;letter-spacing:0}.ddak-pending-card>p{margin:0;max-width:300px;color:var(--text-secondary);font-size:13px;line-height:1.55}.ddak-pending-business{width:100%;margin:22px 0 14px;padding:13px;border:1px solid var(--border-default);border-radius:var(--radius-md);display:grid;gap:3px;text-align:left}.ddak-pending-business small{color:var(--text-secondary)}.ddak-pending-business b{font-size:14px}html[data-theme="dark"] .ddak-auth-hero .ddak-mascot{mix-blend-mode:normal;opacity:1}.registration-card .register-progress-item.active,.registration-card .register-progress-item.done{background:var(--brand-primary)}
.series-primary{background:var(--chart-primary)}

.ddak-ui-feed-icon.operation{background:var(--brand-soft);color:var(--brand-primary)}.ddak-ui-feed-icon.operation .ddak-icon{width:19px;height:19px;stroke-width:2}
.ddak-ui-action-list .ddak-ui-operation-action{background:var(--brand-softer);border-color:color-mix(in srgb,var(--brand-primary) 22%,var(--border-default))}.ddak-ui-action-list .ddak-ui-operation-action>span:first-child{background:var(--brand-primary);color:var(--text-inverse);box-shadow:0 3px 9px color-mix(in srgb,var(--brand-primary) 18%,transparent)}.ddak-ui-action-list .ddak-ui-operation-action>span:first-child .ddak-icon{stroke-width:2}.ddak-ui-action-list .ddak-ui-operation-action b{color:var(--brand-primary)}
html[data-theme="dark"] .ddak-ui-operation-shortcut{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand-primary) 40%,var(--border-default))}

/* v120 · Naver Advertiser Center graph direct reconstruction */
.naver-clone-performance-module{margin-top:14px;border:1px solid var(--naver-clone-line);border-radius:0;background:var(--surface-primary);overflow:visible;box-shadow:none}
.naver-clone-toolbar{height:72px;display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);align-items:center;border-bottom:1px solid var(--naver-clone-line);background:var(--naver-clone-toolbar)}
.naver-clone-toolbar h2{margin:0;padding:0 12px;font-size:20px;font-weight:700;text-align:center;color:var(--text-primary);white-space:nowrap}
.naver-clone-select{position:relative;width:132px;height:46px;margin-left:14px;border:1px solid var(--naver-clone-line);background:var(--surface-primary);display:flex;align-items:center}
.naver-clone-select.series-2{justify-self:end;margin-left:0;margin-right:14px}.naver-clone-select>i{position:absolute;left:-1px;top:-1px;bottom:-1px;width:2px;background:var(--naver-clone-blue)}.naver-clone-select.series-2>i{background:var(--naver-clone-green)}
.naver-clone-select select{width:100%;height:44px;padding:0 34px 0 18px;border:0;background:transparent;color:var(--text-primary);font-size:14px;font-weight:500;appearance:none;outline:0;cursor:pointer}.naver-clone-select .ddak-icon{position:absolute;right:12px;width:14px;height:14px;transform:rotate(90deg);color:var(--text-tertiary);pointer-events:none}
.naver-clone-performance-module .ddak-chart-shell{margin:0;padding:0 8px;background:var(--surface-primary)}.naver-clone-performance-module .ddak-performance-svg{min-height:260px}
.naver-clone-chart{display:block;width:100%;height:auto;overflow:visible}.naver-clone-grid{stroke:var(--naver-clone-grid);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.naver-clone-y-label{fill:var(--naver-clone-axis);font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}.naver-clone-x-label{fill:var(--text-primary);font-size:12px;font-weight:400}.naver-clone-line{fill:none;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.naver-clone-point{stroke:var(--surface-primary);stroke-width:.85;vector-effect:non-scaling-stroke}.naver-clone-compare{fill:none;stroke-width:1.15;stroke-dasharray:4 4;opacity:.42;vector-effect:non-scaling-stroke}.naver-clone-cursor{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.naver-clone-active{fill:var(--surface-primary);stroke-width:2.2;vector-effect:non-scaling-stroke}
.naver-clone-performance-module .ddak-chart-tooltip{top:20px;min-width:154px;padding:9px 11px;border:1px solid var(--naver-clone-line);border-radius:0;background:var(--naver-clone-tooltip);color:var(--naver-clone-tooltip-text);box-shadow:0 3px 10px color-mix(in srgb,var(--text-primary) 14%,transparent)}.naver-clone-performance-module .ddak-chart-tooltip>b,.naver-clone-performance-module .ddak-chart-tooltip>span{color:var(--naver-clone-tooltip-text)}
@media(max-width:430px){.naver-clone-toolbar{height:64px;grid-template-columns:112px minmax(0,1fr) 112px}.naver-clone-toolbar h2{font-size:15px;padding:0 4px;overflow:hidden;text-overflow:ellipsis}.naver-clone-select{width:108px;height:42px;margin-left:7px}.naver-clone-select.series-2{margin-right:7px}.naver-clone-select select{height:40px;padding-left:12px;padding-right:28px;font-size:12px}.naver-clone-select .ddak-icon{right:8px;width:12px;height:12px}.naver-clone-performance-module .ddak-chart-shell{padding-left:0;padding-right:0}.naver-clone-performance-module .ddak-performance-svg{min-height:238px}}

/* v120 Naver metric dropdown: public advertiser-center graph control geometry */
.naver-clone-select{position:relative;display:block;width:132px;height:46px;margin-left:14px;border:1px solid var(--naver-clone-line);background:var(--surface-primary);overflow:visible}
.naver-clone-select.series-2{justify-self:end;margin-left:0;margin-right:14px}
.naver-clone-select>summary{position:relative;list-style:none;width:100%;height:100%;padding:0 30px 0 18px;display:flex;align-items:center;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}
.naver-clone-select>summary::-webkit-details-marker{display:none}.naver-clone-select>summary::marker{display:none;content:''}
.naver-clone-select>summary>i{position:absolute;left:-1px;top:-1px;bottom:-1px;width:2px;background:var(--naver-clone-blue)}.naver-clone-select.series-2>summary>i{background:var(--naver-clone-green)}
.naver-clone-select>summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.naver-clone-select>summary>.ddak-icon{position:absolute;right:13px;width:14px;height:14px;transform:rotate(90deg);color:var(--text-tertiary);transition:transform var(--motion-fast)}
.naver-clone-select[open]>summary>.ddak-icon{transform:rotate(-90deg)}
.naver-clone-metric-menu{position:absolute;z-index:40;top:calc(100% - 1px);left:-1px;width:calc(100% + 2px);max-height:360px;overflow:auto;border:1px solid var(--naver-clone-line);background:var(--surface-primary);box-shadow:none;padding:4px 0}
.naver-clone-select.series-2 .naver-clone-metric-menu{left:auto;right:-1px;width:max(100%,230px)}
.naver-clone-metric-menu button{width:100%;min-height:40px;padding:0 18px;text-align:right;background:var(--surface-primary);color:var(--text-primary);font-size:14px;font-weight:400;white-space:nowrap}.naver-clone-metric-menu button:hover,.naver-clone-metric-menu button:focus-visible{background:var(--surface-secondary);outline:0}.naver-clone-metric-menu button.selected{color:var(--brand-primary);font-weight:500}
@media(min-width:768px){.naver-clone-toolbar{height:96px;grid-template-columns:minmax(180px,1fr) auto minmax(250px,1fr)}.naver-clone-toolbar h2{font-size:24px;font-weight:700}.naver-clone-select.series-1{width:128px;margin-left:28px;height:50px}.naver-clone-select.series-2{width:230px;margin-right:28px;height:50px}.naver-clone-select>summary{font-size:16px}.naver-clone-metric-menu button{min-height:40px;font-size:16px;padding-right:20px}}
@media(max-width:430px){.naver-clone-select>summary{padding-left:12px;padding-right:24px;font-size:12px}.naver-clone-select>summary>.ddak-icon{right:8px}.naver-clone-select.series-2 .naver-clone-metric-menu{width:max(100%,178px)}.naver-clone-metric-menu button{min-height:40px;font-size:12px;padding:0 12px}}
.naver-clone-select:not([open]) .naver-clone-metric-menu{display:none}
.naver-clone-metric-menu button{min-height:44px}
@media(max-width:430px){
  .naver-clone-toolbar{grid-template-columns:108px minmax(0,1fr) 108px;column-gap:4px}
  .naver-clone-toolbar h2{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:clip;text-align:center}
  .naver-clone-select,.naver-clone-select.series-1,.naver-clone-select.series-2{width:108px;margin-left:0;margin-right:0}
}

/* v121 · media handoff, EASY/PRO and operation access guidance */
.operation-mode-switch{min-height:64px;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:flex;align-items:center;justify-content:space-between;gap:12px}.operation-mode-switch>span{min-width:0;display:grid;gap:2px}.operation-mode-switch>span b{font-size:13px}.operation-mode-switch>span small{font-size:12px;line-height:1.4;color:var(--text-secondary)}.operation-mode-switch .segmented{flex:none}.operation-mode-switch .segmented button{min-width:58px;min-height:44px}
.operation-media-notice{padding:11px 12px;border:1px solid color-mix(in srgb,var(--brand-primary) 20%,var(--border-default));border-radius:var(--radius-md);background:var(--brand-softer);display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start}.operation-media-notice>.ddak-icon{width:18px;height:18px;color:var(--brand-primary)}.operation-media-notice>span{display:grid;gap:3px}.operation-media-notice b{font-size:12px;line-height:1.4}.operation-media-notice small{font-size:12px;line-height:1.45;color:var(--text-secondary)}
.operation-field-help{justify-self:start;min-height:44px;margin-top:2px;padding:0 10px;border-radius:var(--radius-sm);background:var(--brand-softer);color:var(--brand-primary);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.operation-field-help .ddak-icon{width:16px;height:16px}
.ddak-account-help{width:min(520px,calc(100vw - 24px));max-height:min(760px,calc(100dvh - 24px));overflow:auto;padding:16px}.ddak-account-help .modal-head{margin-bottom:12px}.ddak-account-help .modal-head>div{display:grid;gap:2px}.ddak-account-help .modal-head small{font-size:12px;color:var(--brand-primary);font-weight:700}.ddak-account-help .modal-head h3{margin:0;font-size:18px}.ddak-account-help>.btn{width:100%;min-height:50px;margin-top:12px}
.operation-example-screen{position:relative;min-height:186px;margin:8px 0 14px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-secondary);overflow:hidden;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:42px minmax(0,1fr)}.operation-example-screen header{grid-column:1/-1;padding:0 11px;border-bottom:1px solid var(--border-default);background:var(--surface-primary);display:flex;align-items:center;justify-content:space-between;gap:8px}.operation-example-screen header span{font-size:12px;font-weight:700}.operation-example-screen header em{padding:3px 7px;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-primary);font-size:12px;font-style:normal;font-weight:700}.operation-example-screen .example-sidebar{padding:10px;border-right:1px solid var(--border-default);display:grid;align-content:start;gap:8px}.operation-example-screen .example-sidebar i{height:9px;border-radius:var(--radius-full);background:var(--border-default)}.operation-example-screen main{padding:13px;display:grid;align-content:start;gap:8px}.operation-example-screen main>b{font-size:13px}.operation-example-screen .example-row{min-height:38px;padding:7px 9px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-primary);display:flex;align-items:center;justify-content:space-between;gap:8px}.operation-example-screen .example-row.active{border-color:color-mix(in srgb,var(--brand-primary) 42%,var(--border-default));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-primary) 8%,transparent)}.operation-example-screen .example-row span{font-size:12px;color:var(--text-secondary)}.operation-example-screen .example-row strong{font-size:12px;color:var(--brand-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.operation-example-screen .operation-example-button{justify-self:end;min-height:34px;padding:0 12px;border-radius:var(--radius-sm);background:var(--brand-primary);color:var(--text-inverse);font-size:12px;display:inline-flex;align-items:center;pointer-events:none;user-select:none}.operation-example-screen.karrot{grid-template-columns:1fr}.operation-example-screen.karrot main{grid-column:1/-1}
.operation-help-steps{margin:0;padding:0;list-style:none;display:grid;gap:8px}.operation-help-steps li{min-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start}.operation-help-steps li>b{width:28px;height:28px;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center;font-size:12px}.operation-help-steps li>span{padding-top:3px;font-size:13px;line-height:1.55;color:var(--text-secondary)}.operation-help-steps strong{color:var(--text-primary)}.operation-help-steps code{padding:2px 5px;border-radius:var(--radius-xs);background:var(--surface-secondary);color:var(--brand-primary);font-family:inherit;font-size:12px;font-weight:700}.operation-help-footnote{margin:10px 0 0;padding:9px 10px;border-radius:var(--radius-sm);background:var(--surface-secondary);display:flex;gap:6px;align-items:flex-start;font-size:12px;line-height:1.45;color:var(--text-secondary)}.operation-help-footnote .ddak-icon{width:16px;height:16px;flex:none}
.operation-access-status{padding:8px 2px 12px;display:grid;grid-template-columns:30px 1fr 30px 1fr 30px;grid-template-rows:30px auto;align-items:center}.operation-access-status>i{width:30px;height:30px;border-radius:var(--radius-full);background:var(--surface-secondary);color:var(--text-tertiary);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700}.operation-access-status>i.done{background:var(--semantic-success-soft);color:var(--semantic-success)}.operation-access-status>i.current{background:var(--brand-primary);color:var(--text-inverse)}.operation-access-status>span{height:2px;background:var(--border-default)}.operation-access-status>div{grid-column:1/-1;margin-top:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.operation-access-status>div b{text-align:center;font-size:12px;color:var(--text-secondary)}.operation-review-trust.warning{background:var(--semantic-warning-soft)}.access-guide .operation-footer .btn.primary{min-width:0}

/* v123 · canonical performance graph and period synchronization */
.naver-clone-performance-module{margin-top:12px;border-color:var(--naver-clone-line)}
.naver-clone-toolbar{height:66px;grid-template-columns:minmax(112px,1fr) auto minmax(112px,1fr)}
.naver-clone-toolbar h2{font-size:16px;font-weight:700}
.naver-clone-select,.naver-clone-select.series-1,.naver-clone-select.series-2{height:44px}
.naver-clone-select>summary{min-height:44px}
.naver-clone-performance-module .ddak-chart-shell{padding:2px 4px 0}
.naver-clone-performance-module .ddak-performance-svg{min-height:252px}
.naver-clone-grid{stroke-dasharray:3 3;opacity:.86}.naver-clone-y-label{font-size:12px}.naver-clone-y-label.series-1{fill:var(--naver-clone-blue)}.naver-clone-y-label.series-2{fill:var(--naver-clone-green)}.naver-clone-x-label{fill:var(--naver-clone-axis)}.naver-clone-line{stroke-width:1.6}.naver-clone-point{stroke-width:1}.naver-clone-compare{stroke-width:1.2;opacity:.36}.naver-clone-cursor{stroke-dasharray:2 2}
.naver-clone-performance-module .ddak-chart-tooltip{min-width:166px;padding:10px 12px;border-radius:var(--radius-xs);box-shadow:var(--shadow-floating)}
@media(max-width:430px){.operation-mode-switch{align-items:flex-start;flex-direction:column}.operation-mode-switch .segmented{width:100%}.operation-mode-switch .segmented button{flex:1}.ddak-account-help{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}.operation-example-screen{min-height:176px}.access-guide .operation-footer{display:grid;grid-template-columns:104px minmax(0,1fr)}.access-guide .operation-footer .btn{min-width:0;padding-left:8px;padding-right:8px;font-size:12px}.naver-clone-toolbar{height:62px;grid-template-columns:104px minmax(0,1fr) 104px}.naver-clone-toolbar h2{font-size:13px}.naver-clone-select,.naver-clone-select.series-1,.naver-clone-select.series-2{width:104px}.naver-clone-performance-module .ddak-performance-svg{min-height:238px}}

/* v121 · legal consent onboarding */
.ddak-consent-list{display:grid;gap:9px}
.ddak-consent-row{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);overflow:hidden;transition:border-color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast)}
.ddak-consent-row:has(input:checked){border-color:color-mix(in srgb,var(--brand-primary) 34%,var(--border-default));background:var(--brand-softer);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-primary) 7%,transparent)}
.ddak-consent-main{position:relative;min-height:76px;padding:12px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;cursor:pointer}
.ddak-consent-main>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ddak-consent-check{width:22px;height:22px;margin-top:1px;border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-primary);color:transparent;display:grid;place-items:center;transition:all var(--motion-fast)}
.ddak-consent-check .ddak-icon{width:14px;height:14px;stroke-width:2.3}
.ddak-consent-main>input:focus-visible+.ddak-consent-check{outline:3px solid color-mix(in srgb,var(--brand-primary) 18%,transparent);outline-offset:2px}
.ddak-consent-main>input:checked+.ddak-consent-check{border-color:var(--brand-primary);background:var(--brand-primary);color:var(--text-inverse)}
.ddak-consent-copy{min-width:0;display:grid;gap:4px}.ddak-consent-copy b{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:1.45;color:var(--text-primary)}.ddak-consent-copy b em{flex:none;margin-top:1px;padding:2px 5px;border-radius:var(--radius-xs);background:var(--brand-soft);color:var(--brand-primary);font-size:12px;line-height:1.25;font-style:normal;font-weight:700}.ddak-consent-copy small{font-size:12px;line-height:1.5;color:var(--text-secondary)}
.ddak-consent-detail{border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-secondary) 52%,transparent)}.ddak-consent-detail summary{min-height:44px;padding:0 12px 0 46px;display:flex;align-items:center;gap:4px;color:var(--brand-primary);font-size:12px;font-weight:700;cursor:pointer;list-style:none}.ddak-consent-detail summary::-webkit-details-marker{display:none}.ddak-consent-detail summary .ddak-icon{width:13px;height:13px;transform:rotate(90deg);transition:transform var(--motion-fast)}.ddak-consent-detail[open] summary .ddak-icon{transform:rotate(-90deg)}.ddak-consent-detail>div{padding:0 12px 12px 46px;display:grid;gap:7px}.ddak-consent-detail p{margin:0;font-size:12px;line-height:1.58;color:var(--text-secondary)}.ddak-consent-detail p b{color:var(--text-primary)}.ddak-legal-caution{padding:8px;border-radius:var(--radius-sm);background:var(--surface-tertiary)}
.ddak-consent-footer-note{min-height:58px;padding:10px 11px;border-radius:var(--radius-md);background:var(--surface-secondary);display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;color:var(--text-secondary)}.ddak-consent-footer-note>.ddak-icon{width:18px;height:18px;color:var(--brand-primary)}.ddak-consent-footer-note span{font-size:12px;line-height:1.55}
.ddak-legal-links{min-height:44px;display:flex;align-items:center;justify-content:center;gap:16px}.ddak-legal-links a{min-height:44px;display:inline-flex;align-items:center;color:var(--text-secondary);font-size:12px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:370px){.ddak-consent-main{padding:10px}.ddak-consent-detail summary{padding-left:44px}.ddak-consent-detail>div{padding-left:44px}.ddak-legal-links{gap:10px;justify-content:flex-start;flex-wrap:wrap}}

/* v123 · reliable advertiser performance workspace */
.ddak-performance-safe-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:10px 0 12px;overflow-x:auto;scrollbar-width:none}.ddak-performance-safe-kpis::-webkit-scrollbar{display:none}.ddak-performance-safe-kpis>button{min-width:104px;min-height:76px;padding:10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;gap:3px;text-align:left}.ddak-performance-safe-kpis small{font-size:12px;color:var(--text-secondary);white-space:nowrap}.ddak-performance-safe-kpis strong{font-size:15px;line-height:1.2;font-variant-numeric:tabular-nums}.ddak-performance-safe-kpis em{font-size:12px;font-style:normal;color:var(--text-tertiary)}
.ddak-performance-graph{border-radius:var(--radius-md);overflow:hidden}.ddak-performance-graph-head{min-height:64px;padding:10px 13px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-primary)}.ddak-performance-graph-head>div{min-width:0;display:grid;gap:var(--space-1)}.ddak-performance-graph-head small{font-size:12px;color:var(--brand-primary);font-weight:700}.ddak-performance-graph-head h2{margin:0;font-size:15px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}.ddak-performance-graph-head>div>span{font-size:12px;color:var(--text-secondary)}.ddak-performance-graph-head>button{min-height:44px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--text-secondary)}.ddak-performance-graph-head>button.active{border-color:var(--brand-primary);background:var(--brand-softer);color:var(--brand-primary)}.ddak-performance-graph-head .ddak-icon{width:16px;height:16px}.ddak-performance-graph .naver-clone-toolbar{height:58px;grid-template-columns:minmax(104px,1fr) auto minmax(104px,1fr)}.ddak-performance-graph .naver-clone-toolbar h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);text-align:center}.ddak-performance-graph-note{min-height:52px;padding:10px 12px;border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:start;background:var(--surface-secondary);color:var(--text-secondary);font-size:12px;line-height:1.5}.ddak-performance-graph-note .ddak-icon{width:16px;height:16px;color:var(--brand-primary)}
@media(max-width:430px){.ddak-performance-safe-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-left:0;margin-right:0;padding:0;overflow:visible}.ddak-performance-safe-kpis>button{min-width:0;min-height:72px}.ddak-performance-safe-kpis>button:first-child{grid-column:1/-1}.ddak-performance-graph-head{align-items:flex-start}.ddak-performance-graph-head>button{flex:0 0 auto}.ddak-performance-graph-head .compare-label-full{display:none}.ddak-performance-graph-head .compare-label-short{display:inline}.ddak-performance-graph .naver-clone-toolbar{grid-template-columns:96px minmax(48px,1fr) 96px;column-gap:var(--space-2)}.ddak-performance-graph .naver-clone-toolbar h3{font-size:12px}.naver-clone-y-label{font-size:12px}.naver-clone-x-label{font-size:12px}}

.ddak-performance-load-error{min-height:220px;margin:8px 12px 12px;padding:22px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-content:center;align-items:start}.ddak-performance-load-error>.ddak-icon{width:22px;height:22px;color:var(--semantic-warning)}.ddak-performance-load-error>span{display:grid;gap:4px}.ddak-performance-load-error b{font-size:14px}.ddak-performance-load-error small{font-size:12px;line-height:1.5;color:var(--text-secondary)}.ddak-performance-load-error .btn{grid-column:2;justify-self:start;min-height:44px;margin-top:4px}

.ddak-performance-graph-head .compare-label-short{display:none}
.ddak-performance-safe-kpis strong{font-variant-numeric:tabular-nums}

/* v123 · compact performance balance without horizontal scrolling */
@media(max-width:340px){
  .ddak-performance-mode-row{gap:8px;align-items:flex-start}
  .ddak-performance-mode-row>span{min-width:0;flex:1}
  .ddak-performance-mode-row>span>small{line-height:1.45}
  .ddak-performance-mode-row .ddak-ui-mode-tabs{width:100px;flex:0 0 100px}
  .ddak-performance-overview .ddak-ui-period-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:visible;max-width:100%;padding-bottom:0}
  .ddak-performance-overview .ddak-ui-period-row>button{min-width:0;padding:0 4px;justify-content:center}
  .ddak-performance-overview .ddak-ui-period-row>span{display:none}
  .ddak-performance-safe-kpis{width:100%;max-width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
}

/* v123 · capability-driven PRO metrics */
.ddak-pro-conditional-metrics{margin-top:4px}.ddak-pro-conditional-metrics .performance-list{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-primary)}.ddak-pro-conditional-metrics .performance-list-row{min-height:64px}.ddak-pro-conditional-metrics .performance-list-row strong{font-variant-numeric:tabular-nums}

.ddak-performance-source-note{min-height:48px;margin:0 0 10px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-secondary);display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:start;color:var(--text-secondary);font-size:12px;line-height:1.5}.ddak-performance-source-note .ddak-icon{width:16px;height:16px;color:var(--brand-primary);margin-top:1px}

@media(max-width:430px){
  .ddak-performance-overview .ddak-ui-period-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible}
  .ddak-performance-overview .ddak-ui-period-row>button{min-width:0;padding:0 5px;justify-content:center}
  .ddak-performance-overview .ddak-ui-period-row>span{display:none}
  .ddak-performance-date-range>span{min-width:0;white-space:normal;line-height:1.4}
  .ddak-performance-mode-row>span>small{white-space:normal;overflow:visible}
}

/* v123 · show performance context without truncation */
@media(max-width:430px){
  .ddak-performance-mode-row{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch}
  .ddak-performance-mode-row>span{min-width:0}
  .ddak-performance-mode-row>span>small{display:block;white-space:normal;overflow:visible;line-height:1.5}
  .ddak-performance-mode-row .ddak-ui-mode-tabs{width:100%;grid-template-columns:1fr 1fr}
  .ddak-performance-graph-head>div{min-width:0}
  .ddak-performance-graph-head h2,.ddak-performance-graph-head>div>span{white-space:normal;overflow:visible}
}

/* v124 — date-complete performance axis */
.naver-clone-day-tick{stroke:var(--border-default);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.75}
.naver-clone-chart[data-axis-mode="daily"] .naver-clone-x-label{font-variant-numeric:tabular-nums}
.naver-clone-chart[data-axis-mode="three-day"] .naver-clone-x-label,.naver-clone-chart[data-axis-mode="weekly"] .naver-clone-x-label{font-variant-numeric:tabular-nums}

/* v124 — operation request hard validation */
.operation-validation-backdrop{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:20px;background:var(--surface-overlay);}
.operation-validation-dialog{width:min(100%,360px);padding:24px 20px 18px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-floating);text-align:center}
.operation-validation-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:var(--semantic-warning-soft);color:var(--semantic-warning)}
.operation-validation-icon .ddak-icon{width:24px;height:24px}.operation-validation-dialog h3{margin:0;font-size:18px}.operation-validation-dialog p{margin:8px 0 18px;color:var(--text-secondary);line-height:1.55}.operation-validation-dialog .btn{width:100%;min-height:48px}

/* v124 · complete date-axis visibility and operation required-state clarity */
.naver-clone-chart[data-axis-mode="daily-staggered"] .naver-clone-x-label{font-size:12px;font-variant-numeric:tabular-nums}
.naver-clone-chart[data-axis-mode="daily-staggered"] .naver-clone-day-tick{opacity:.9}
.operation-question-kicker .required,.operation-required-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;margin-left:6px;border-radius:var(--radius-full);background:var(--semantic-danger-soft);color:var(--semantic-danger);font-size:12px;font-weight:700;vertical-align:middle}
.operation-input>span{display:flex;align-items:center;gap:6px}.operation-input>span .required{font-size:12px;color:var(--semantic-danger);font-weight:700}
.operation-validation-dialog{max-width:340px}

/* v124 · DdakAI response feedback */
.ddak-ai-feedback{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ddak-ai-feedback>span{font-size:12px;color:var(--text-secondary)}.ddak-ai-feedback>div{display:flex;gap:6px}.ddak-ai-feedback button{min-height:40px;padding:0 11px;border:1px solid var(--border-default);border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary);background:var(--surface-primary)}.ddak-ai-feedback button .ddak-icon{width:14px;height:14px}.ddak-ai-feedback>b{font-size:12px;color:var(--brand-primary)}

/* v124 final · complete dense daily axis without overlapping or omitted dates */
.ddak-chart-scroll-viewport{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;cursor:grab;padding-bottom:3px}
.ddak-chart-scroll-viewport:active{cursor:grabbing}
.ddak-chart-scroll-viewport::-webkit-scrollbar{height:4px}
.ddak-chart-scroll-viewport::-webkit-scrollbar-track{background:transparent}
.ddak-chart-scroll-viewport::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}
.ddak-chart-scroll-content{position:relative;min-width:max-content}
.ddak-chart-scroll-content .naver-clone-chart{width:100%;max-width:none}
.ddak-chart-shell.has-scrollable-date-axis .naver-clone-x-label{font-size:12px;white-space:nowrap}
.ddak-chart-shell.has-scrollable-date-axis .ddak-chart-tooltip{max-width:184px}
@media(max-width:430px){.ddak-chart-shell.has-scrollable-date-axis .ddak-chart-scroll-viewport{border-left:1px solid transparent;border-right:1px solid transparent}.ddak-chart-shell.has-scrollable-date-axis .naver-clone-x-label{font-size:12px}}
/* Media Funding Center v125 — uses existing Ddak tokens only */
.funding-center-screen{overflow:auto}.funding-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px}.funding-summary>span{display:grid;gap:4px;padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary)}.funding-summary small,.funding-section-head span,.funding-balance small,.funding-policy-note,.funding-ai-meta{font-size:12px;color:var(--text-secondary)}.funding-summary strong{font-size:15px;line-height:1.3}.funding-section-head{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px}.funding-media-list{display:grid;gap:10px;padding:0 16px 24px}.funding-media-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:14px;background:var(--surface-primary);display:grid;gap:12px}.funding-media-card>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}.funding-media-card>header>span:nth-child(2){display:grid;gap:var(--space-1)}.funding-media-card>header small{font-size:12px;color:var(--text-secondary)}.funding-state{font-size:12px;font-style:normal;font-weight:700;padding:5px 7px;border-radius:var(--radius-full);background:var(--surface-secondary);color:var(--text-secondary)}.funding-state.good{background:var(--semantic-success-soft);color:var(--semantic-success)}.funding-state.warn{background:var(--semantic-warning-soft);color:var(--semantic-warning)}.funding-state.danger{background:var(--semantic-danger-soft);color:var(--semantic-danger)}.funding-balance{display:flex;justify-content:space-between;align-items:end;gap:10px;padding:12px 0;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.funding-balance>span{display:grid;gap:var(--space-1)}.funding-balance strong{font-size:18px;font-variant-numeric:tabular-nums}.funding-ai-card{display:grid;gap:8px;padding:12px;border-radius:var(--radius-md);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand-primary) 14%,var(--border-default))}.funding-ai-card.unavailable{background:var(--surface-secondary)}.funding-ai-label{font-size:12px;font-weight:700;color:var(--brand-primary)}.funding-ai-card p{margin:0;font-size:12px;line-height:1.55;color:var(--text-secondary)}.funding-ai-amount{display:flex;justify-content:space-between;align-items:end;gap:8px}.funding-ai-amount small{font-size:12px;color:var(--text-secondary)}.funding-ai-amount strong{font-size:18px}.funding-ai-meta{display:flex;gap:8px;flex-wrap:wrap}.funding-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.funding-policy-note{margin:0;line-height:1.5}.funding-test-banner{margin:4px 16px 0;padding:12px;border-radius:var(--radius-md);background:var(--semantic-warning-soft);display:grid;gap:4px}.funding-test-banner span{font-size:12px;line-height:1.5}.funding-skeleton{display:grid;gap:10px;padding:18px 16px}.funding-skeleton i{height:144px;border-radius:var(--radius-lg);background:var(--surface-secondary);animation:pulse 1.2s ease-in-out infinite alternate}@media(max-width:360px){.funding-summary{grid-template-columns:1fr 1fr}.funding-summary>span:last-child{grid-column:1/-1}.funding-actions{grid-template-columns:1fr}.funding-media-card>header{grid-template-columns:42px minmax(0,1fr)}.funding-media-card>header .funding-state{grid-column:2;justify-self:start}}

/* v126 · DdakLab Global Search 2.0 — mobile full-screen + desktop command palette */
.search-backdrop{padding:0;background:var(--surface-overlay)}
.ddak-global-search{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;background:var(--surface-page);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;color:var(--text-primary)}
.search-header{min-height:72px;padding:calc(10px + env(safe-area-inset-top,0px)) var(--space-4) 8px;display:grid;grid-template-columns:var(--touch-min) minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid var(--border-subtle);background:var(--surface-page)}
.search-header>div{min-width:0;display:grid;gap:2px}.search-header h2{margin:0;font-size:var(--font-section-title);line-height:1.25}.search-header small{font-size:var(--font-caption);line-height:1.4;color:var(--text-secondary)}
.search-back{display:grid;place-items:center;border-radius:var(--radius-md)}
.search-field-wrap{min-height:52px;margin:10px var(--space-4) 8px;padding:0 8px 0 13px;display:grid;grid-template-columns:24px minmax(0,1fr) var(--touch-min);gap:8px;align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}
.search-field-wrap:focus-within{border-color:color-mix(in srgb,var(--brand-primary) 55%,var(--border-default));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 10%,transparent);background:var(--surface-primary)}
.search-field-wrap>.ddak-icon{width:20px;height:20px;color:var(--text-tertiary)}
.search-field-wrap input{width:100%;min-width:0;min-height:48px;padding:0;border:0;outline:0;background:transparent;font-size:var(--font-body-large);line-height:1.4;color:var(--text-primary)}
.search-field-wrap input::placeholder{color:var(--text-tertiary)}
.search-clear{display:grid;place-items:center;width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);color:var(--text-secondary);visibility:hidden;opacity:0}.search-clear.is-visible{visibility:visible;opacity:1}.search-clear .ddak-icon{width:18px;height:18px}
.global-search-results{min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px var(--space-4) calc(28px + env(safe-area-inset-bottom,0px));scrollbar-gutter:stable}
.search-before,.search-result-groups{display:grid;gap:22px;padding:10px 0 22px}.search-section{display:grid;gap:9px}.search-section>header{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:10px}.search-section>header b{font-size:var(--font-support);line-height:1.4}.search-section>header span,.search-section>header button{font-size:var(--font-caption);color:var(--text-secondary)}
.search-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.search-quick-grid>button{min-width:0;min-height:80px;padding:10px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;place-items:center;align-content:center;gap:7px;text-align:center}.search-quick-grid>button>span{width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-primary)}.search-quick-grid .ddak-icon{width:18px;height:18px}.search-quick-grid b{max-width:100%;font-size:var(--font-caption);line-height:1.35;overflow:hidden;text-overflow:ellipsis}
.search-recent>div{border-top:1px solid var(--border-subtle)}.search-recent>div>button{width:100%;min-height:52px;display:grid;grid-template-columns:24px minmax(0,1fr) 20px;gap:9px;align-items:center;border-bottom:1px solid var(--border-subtle);text-align:left;color:var(--text-secondary)}.search-recent>div>button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-body);font-weight:600;color:var(--text-primary)}.search-recent .ddak-icon{width:18px;height:18px}
.search-suggestion-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.search-suggestion-chips::-webkit-scrollbar{display:none}.search-suggestion-chips button{flex:0 0 auto;min-height:var(--touch-min);padding:0 13px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-primary);font-size:var(--font-caption);font-weight:650;color:var(--text-secondary)}
.search-results-section{gap:4px}.search-results-section>header{position:sticky;top:0;z-index:2;padding:6px 1px;background:color-mix(in srgb,var(--surface-page) 94%,transparent);}
.search-result-row{width:100%;min-width:0;min-height:68px;padding:9px 4px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--border-subtle);text-align:left;border-radius:var(--radius-sm)}.search-result-row:is(:hover,.is-active,:focus-visible){background:var(--surface-secondary)}
.search-entity-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-tertiary);color:var(--brand-primary)}.search-entity-icon .ddak-icon{width:20px;height:20px}
.search-result-copy{min-width:0;display:grid;gap:4px}.search-result-copy>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-body);line-height:1.35}.search-result-copy>small{min-width:0;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-caption);line-height:1.4;color:var(--text-secondary)}
.search-provider-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 6px;border-radius:var(--radius-xs);background:var(--surface-tertiary);font-size:var(--font-caption);font-weight:650;color:var(--text-secondary);vertical-align:middle}
.search-result-meta{min-width:0;display:grid;grid-template-columns:auto 18px;gap:5px;align-items:center;justify-items:end;color:var(--text-tertiary)}.search-result-meta .ddak-icon{width:16px;height:16px}.search-result-meta time{grid-column:1/-1;font-size:var(--font-caption);white-space:nowrap}.search-status{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-caption);color:var(--text-secondary)}
.search-state{min-height:280px;padding:50px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--text-secondary)}.search-state>.ddak-icon{width:32px;height:32px;margin-bottom:3px;color:var(--text-tertiary)}.search-state>b{font-size:var(--font-body-large);color:var(--text-primary)}.search-state>span{max-width:320px;font-size:var(--font-support);line-height:1.55}.search-state>.btn{margin-top:8px;width:auto;min-width:120px}
.search-skeleton{padding:10px 0}.search-skeleton i{display:block;height:68px;border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.search-skeleton i::after{content:"";position:absolute;left:0;top:12px;width:100%;height:44px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--skeleton-base),var(--skeleton-highlight),var(--skeleton-base));background-size:200% 100%;animation:skeleton-shimmer 1.2s linear infinite}@keyframes skeleton-shimmer{to{background-position:-200% 0}}
.search-footer{display:none;min-height:44px;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle);background:var(--surface-page);color:var(--text-tertiary);font-size:var(--font-caption);align-items:center;justify-content:flex-end;gap:14px}.search-footer span{display:inline-flex;align-items:center;gap:4px}.search-footer kbd{min-width:20px;height:20px;padding:0 4px;border:1px solid var(--border-default);border-bottom-color:var(--border-strong);border-radius:var(--radius-xs);display:inline-grid;place-items:center;background:var(--surface-secondary);font:inherit;color:var(--text-secondary)}
.search-detail-body{padding:var(--space-4);display:grid;gap:14px}.search-detail-body p{margin:0;color:var(--text-secondary);line-height:1.6}.search-detail-note{padding:12px;border-radius:var(--radius-md);background:var(--surface-secondary);display:grid;gap:5px}.search-detail-note span{font-size:var(--font-support);line-height:1.5;color:var(--text-secondary)}
@media(min-width:720px){.search-backdrop{padding:8vh 20px;place-items:start center}.ddak-global-search{width:min(760px,calc(100vw - 40px));height:min(760px,84vh);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-floating)}.search-header{padding:16px 20px 10px}.search-field-wrap{margin:10px 20px}.global-search-results{padding-left:20px;padding-right:20px}.search-footer{display:flex}.search-quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.search-quick-grid>button{min-height:76px}.search-back{display:none}}
@media(max-width:360px){.search-header{min-height:66px}.search-header small{display:none}.search-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field-wrap{margin-left:12px;margin-right:12px}.global-search-results{padding-left:12px;padding-right:12px}.search-result-row{grid-template-columns:38px minmax(0,1fr) auto}.search-result-meta time{display:none}}
@media(prefers-reduced-motion:reduce){.search-field-wrap,.search-clear,.search-skeleton i::after{transition:none;animation:none}}
@media(forced-colors:active){.search-result-row,.search-field-wrap,.search-quick-grid>button{border:1px solid CanvasText}}

/* v126.1 · advertiser UI coherence pass
   Fixes provider execution-count chevron alignment and unifies notifications/sheets
   with the Ddak Design System without changing underlying feature state/contracts. */
.provider-compare-list button{
  grid-template-columns:46px minmax(0,1fr) auto 18px;
  column-gap:10px;
  align-items:center;
  padding:10px 0;
}
.provider-compare-metric{
  min-width:58px;
  display:grid;
  justify-items:end;
  align-content:center;
  gap:2px;
  align-self:stretch;
}
.provider-compare-metric strong{
  display:inline-flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:2px;
  margin:0;
  line-height:1.15;
  white-space:nowrap;
  font-size:14px;
  font-variant-numeric:tabular-nums;
}
.provider-compare-metric strong em{
  font-size:12px;
  line-height:1;
  font-style:normal;
  font-weight:650;
  color:var(--text-secondary);
}
.provider-compare-metric>small{
  display:block;
  max-width:none;
  line-height:1.25;
  overflow:visible;
  text-overflow:clip;
  color:var(--text-tertiary);
}
.provider-compare-list button>.ddak-icon{
  width:16px;
  height:16px;
  align-self:center;
  justify-self:end;
  color:var(--text-tertiary);
}
@media(max-width:360px){
  .provider-compare-list button{grid-template-columns:42px minmax(0,1fr) auto 16px;column-gap:8px}
  .provider-compare-metric{min-width:54px}
  .provider-compare-metric strong{font-size:13px}
}

/* Unified notification center: mobile route-like sheet, desktop elevated sheet. */
.ddak-notification-backdrop{
  background:var(--surface-overlay);
}
.ddak-notification-center{
  width:100%;
  max-height:min(var(--sheet-max-height),760px);
  padding:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  background:var(--surface-page);
}
.ddak-notification-center>.handle{
  margin:8px auto 2px;
}
.ddak-notification-head{
  min-height:68px;
  padding:7px var(--page-padding) 10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--touch-min);
  gap:12px;
  align-items:center;
  border-bottom:1px solid var(--border-subtle);
  background:var(--surface-page);
}
.ddak-notification-head>div{
  min-width:0;
  display:grid;
  gap:2px;
}
.ddak-sheet-eyebrow{
  font-size:var(--font-caption);
  line-height:1.35;
  font-weight:700;
  color:var(--brand-primary);
}
.ddak-notification-head h2,
.ddak-notification-head h3{
  margin:0;
  font-size:var(--font-section-title);
  line-height:1.3;
  letter-spacing:0;
}
.ddak-notification-head p{
  margin:1px 0 0;
  font-size:var(--font-support);
  line-height:1.45;
  color:var(--text-secondary);
}
.ddak-notification-head>.icon-btn{
  width:var(--touch-min);
  height:var(--touch-min);
  border-radius:var(--radius-md);
  display:grid;
  place-items:center;
  color:var(--text-secondary);
}
.ddak-notification-head>.icon-btn:is(:hover,:focus-visible){background:var(--surface-secondary)}
.ddak-notification-toolbar{
  min-height:52px;
  padding:5px var(--page-padding);
  display:flex;
  align-items:center;
  gap:8px;
  border-bottom:1px solid var(--border-subtle);
  background:var(--surface-page);
}
.ddak-notification-toolbar>span:not(.ddak-notification-all-read){
  min-width:70px;
  display:flex;
  align-items:baseline;
  gap:4px;
}
.ddak-notification-toolbar>span>b{
  font-size:15px;
  font-variant-numeric:tabular-nums;
}
.ddak-notification-toolbar>span>small{
  font-size:var(--font-caption);
  color:var(--text-secondary);
}
.ddak-notification-toolbar>button,
.ddak-notification-all-read{
  margin-left:auto;
  min-height:var(--touch-min);
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border-radius:var(--radius-sm);
  font-size:var(--font-caption);
  font-weight:700;
  color:var(--brand-primary);
}
.ddak-notification-toolbar>button:is(:hover,:focus-visible){background:var(--brand-soft)}
.ddak-notification-all-read{color:var(--text-tertiary);font-weight:600}
.ddak-notification-content{
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  padding:6px var(--page-padding) calc(14px + env(safe-area-inset-bottom,0px));
  scrollbar-gutter:stable;
}
.ddak-notification-group{
  display:grid;
  gap:0;
  margin:0 0 7px;
}
.ddak-notification-group>header{
  min-height:32px;
  padding:3px 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ddak-notification-group>header>b{
  font-size:var(--font-support);
  line-height:1.4;
}
.ddak-notification-group>header>span{
  font-size:var(--font-caption);
  color:var(--text-tertiary);
}
.ddak-notification-list{
  display:grid;
  border-top:1px solid var(--border-subtle);
}
.ddak-notification-row{
  width:100%;
  min-width:0;
  min-height:72px;
  padding:9px 2px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 26px;
  column-gap:10px;
  align-items:center;
  text-align:left;
  border-bottom:1px solid var(--border-subtle);
  background:transparent;
}
button.ddak-notification-row:is(:hover,:focus-visible){
  background:var(--surface-secondary);
  border-radius:var(--radius-sm);
}
.ddak-notification-row.is-unread .ddak-notification-copy>b{font-weight:700}
.ddak-notification-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:var(--radius-md);
  background:var(--surface-tertiary);
  color:var(--text-secondary);
}
.ddak-notification-icon>.ddak-icon{width:20px;height:20px}
.ddak-notification-icon-performance{background:var(--brand-soft);color:var(--brand-primary)}
.ddak-notification-icon-operation{background:var(--semantic-info-soft);color:var(--semantic-info)}
.ddak-notification-icon-funding,.ddak-notification-icon-billing,.ddak-notification-icon-payment{background:var(--semantic-warning-soft);color:var(--semantic-warning)}
.ddak-notification-icon-message,.ddak-notification-icon-conversation{background:var(--semantic-success-soft);color:var(--semantic-success)}
.ddak-notification-icon-security,.ddak-notification-icon.is-critical{background:var(--semantic-danger-soft);color:var(--semantic-danger)}
.ddak-notification-icon.is-warning{background:var(--semantic-warning-soft);color:var(--semantic-warning)}
.ddak-notification-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.ddak-notification-meta{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
}
.ddak-notification-meta em{
  font-style:normal;
  font-size:var(--font-caption);
  line-height:1.3;
  font-weight:700;
  color:var(--brand-primary);
}
.ddak-notification-meta time{
  font-size:var(--font-caption);
  line-height:1.3;
  color:var(--text-tertiary);
}
.ddak-notification-copy>b{
  min-width:0;
  font-size:14px;
  line-height:1.42;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ddak-notification-copy>small{
  display:-webkit-box;
  min-width:0;
  margin:0;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:var(--font-support);
  line-height:1.45;
  color:var(--text-secondary);
}
.ddak-notification-trail{
  min-width:26px;
  display:grid;
  grid-template-columns:6px 16px;
  gap:4px;
  align-items:center;
  justify-content:end;
  color:var(--text-tertiary);
}
.ddak-notification-trail>i{
  width:6px;
  height:6px;
  border-radius:var(--radius-full);
  background:var(--brand-primary);
}
.ddak-notification-trail>.ddak-icon{width:16px;height:16px}
.ddak-notification-empty{
  min-height:152px;
  padding:26px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
}
.ddak-empty-icon{
  width:48px;
  height:48px;
  border-radius:var(--radius-lg);
  display:grid;
  place-items:center;
  background:var(--surface-tertiary);
  color:var(--text-tertiary);
}
.ddak-empty-icon>.ddak-icon{width:22px;height:22px}
.ddak-notification-empty>div{display:grid;gap:5px;max-width:320px}
.ddak-notification-empty b{font-size:var(--font-body-large)}
.ddak-notification-empty span{font-size:var(--font-support);line-height:1.5;color:var(--text-secondary)}
.ddak-alert-guidance{
  min-height:46px;
  margin:2px 0 8px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:8px;
  align-items:start;
  border-radius:var(--radius-md);
  background:var(--surface-secondary);
  color:var(--text-secondary);
}
.ddak-alert-guidance>.ddak-icon{width:18px;height:18px;color:var(--brand-primary)}
.ddak-alert-guidance>span{font-size:var(--font-support);line-height:1.5}
.ddak-system-alert-center{grid-template-rows:auto minmax(0,1fr)}
.ddak-system-alert-row{grid-template-columns:42px minmax(0,1fr) auto}
.ddak-alert-confirm{
  min-width:86px;
  min-height:var(--touch-min);
  padding:0 12px;
  border-radius:var(--radius-sm);
  background:var(--brand-soft);
  color:var(--brand-primary);
  font-size:var(--font-caption);
  font-weight:700;
  white-space:nowrap;
}
.ddak-alert-confirm:is(:hover,:focus-visible){background:var(--brand-softer)}

/* Shared advertiser-language visual contract: consistent sheet/list/form rhythm. */
.modal-head>div{min-width:0}
.modal-head h2,.modal-head h3{line-height:1.32;letter-spacing:0}
.modal-head p{line-height:1.45}
.settings-row,.row,.ddak-list-row,.simple-row,.status-row{
  text-align:left;
}
.segmented button,.ddak-ui-mode-tabs button{
  white-space:nowrap;
}
@media(max-width:430px){
  .ddak-notification-center{
    height:auto;
    max-height:min(88dvh,760px);
    border-radius:var(--radius-xl) var(--radius-xl) 0 0;
  }
  .ddak-notification-head{padding-left:16px;padding-right:16px}
  .ddak-notification-toolbar{padding-left:16px;padding-right:16px}
  .ddak-notification-content{padding-left:16px;padding-right:16px}
  .ddak-notification-row{grid-template-columns:40px minmax(0,1fr) 24px;column-gap:9px}
  .ddak-notification-icon{width:40px;height:40px}
  .ddak-system-alert-row{grid-template-columns:40px minmax(0,1fr)}
  .ddak-system-alert-row>.ddak-alert-confirm{grid-column:2;justify-self:start;margin-top:2px}
}
@media(min-width:720px){
  .ddak-notification-backdrop{align-items:center;padding:24px}
  .ddak-notification-center{
    width:min(560px,calc(100vw - 48px));
    height:auto;
    max-height:min(760px,calc(100dvh - 48px));
    border:1px solid var(--border-default);
    border-radius:var(--radius-xl);
    box-shadow:var(--shadow-floating);
  }
  .ddak-notification-center>.handle{display:none}
}
@media(prefers-reduced-motion:reduce){
  .ddak-notification-center,.ddak-notification-row{scroll-behavior:auto}
}
.ddak-notification-trail>.ddak-icon{grid-column:2}


/* v126 advertiser design precision refinement */
.ddak-mascot{display:block;max-width:100%;aspect-ratio:940/1025;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden}
.ddak-ui-card{contain:paint}
.ddak-ui-row-main{min-width:0}
.ddak-ui-row-main>b,.ddak-ui-row-main>small,.ddak-ui-insight-copy>strong,.ddak-ui-insight-copy>small{overflow-wrap:break-word;word-break:keep-all}
.ddak-ui-state-pill,.badge,.chip,.state-pill,[class*="-badge"]{line-height:1.25}
.modal:not(.ddak-fullscreen-route),.alert-sheet:not(.ddak-fullscreen-route){overscroll-behavior:contain}
.modal:not(.ddak-fullscreen-route)>.btn:last-child{margin-top:4px}
.modal .form-actions:last-child{padding-bottom:2px}
.toast{line-height:1.45;text-align:left;max-height:min(40dvh,240px);overflow:auto}
.ddak-notification-content:has(.ddak-notification-empty){overflow:hidden}
.ddak-notification-center:has(.ddak-notification-empty){grid-template-rows:auto auto auto}
.ddak-system-alert-center{max-height:min(82dvh,680px)}
.ddak-system-alert-center .ddak-notification-content{padding-top:6px}
.ddak-system-alert-row{min-height:68px}
.ddak-alert-confirm{align-self:center}
@media(max-width:430px){
  .modal:not(.ddak-fullscreen-route),.alert-sheet:not(.ddak-fullscreen-route){max-height:88dvh}
  .ddak-notification-center{grid-template-rows:auto auto minmax(0,auto)}
  .ddak-notification-content{max-height:calc(88dvh - 130px)}
  .ddak-system-alert-center .ddak-notification-content{max-height:calc(82dvh - 78px)}
  .ddak-ui-section{margin-top:16px}
  .ddak-ui-ai-insight{min-height:90px}
}
@media(max-width:360px){
  .ddak-notification-head p{max-width:260px}
  .ddak-notification-meta{gap:5px}
  .ddak-notification-copy>small{-webkit-line-clamp:2}
}
@media(max-width:360px) and (max-height:760px){
  /* Compact phones: keep notification sheets below 72% of the viewport while preserving scrollable content. */
  .ddak-notification-center{max-height:min(70vh,500px)}
  .ddak-notification-content{max-height:calc(min(70vh,500px) - 130px)}
}
@media(min-width:720px){
  .modal:not(.ddak-fullscreen-route),.alert-sheet:not(.ddak-fullscreen-route){width:min(560px,calc(100vw - 48px));border-radius:var(--radius-xl);margin:auto;border:1px solid var(--border-default);box-shadow:var(--shadow-floating)}
}
.toast.success{box-shadow:inset 3px 0 0 var(--semantic-success),var(--shadow-floating)}
.toast.error{box-shadow:inset 3px 0 0 var(--semantic-danger),var(--shadow-floating)}
.toast.warning{box-shadow:inset 3px 0 0 var(--semantic-warning),var(--shadow-floating)}
.ddak-mascot-home,.ddak-mascot-ai,.ddak-mascot-auth{object-fit:cover;object-position:center 18%}
.ddak-mascot-auth{object-position:center 16%}

/* v126 precision: performance period sheet follows the shared DdakLab sheet/list-row language. */
.period-sheet{
  width:min(520px,100%);
  max-height:min(88dvh,760px);
  padding-left:var(--page-padding);
  padding-right:var(--page-padding);
}
.period-sheet .modal-head{min-height:64px}
.period-list{
  display:grid;
  margin:8px 0 0;
  border-top:1px solid var(--border-subtle);
  border-bottom:1px solid var(--border-subtle);
}
.period-row{
  width:100%;
  min-height:56px;
  padding:10px 2px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  column-gap:12px;
  align-items:center;
  text-align:left;
  color:var(--text-primary);
  border-bottom:1px solid var(--border-subtle);
}
.period-row:last-child{border-bottom:0}
.period-row:is(:hover,:focus-visible){background:var(--surface-secondary)}
.period-row.active{color:var(--brand-primary)}
.period-row-copy{min-width:0;display:grid;gap:3px}
.period-row-copy>b{font-size:var(--font-body);line-height:1.4;font-weight:700;white-space:nowrap}
.period-row-copy>small{font-size:var(--font-caption);line-height:1.4;color:var(--text-secondary);font-weight:500}
.period-row-trailing{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  justify-self:end;
  align-self:center;
  color:var(--text-tertiary);
}
.period-row.active .period-row-trailing{
  border-radius:var(--radius-full);
  background:var(--brand-soft);
  color:var(--brand-primary);
}
.period-row-trailing>.ddak-icon{width:17px;height:17px;display:block}
.custom-period{
  margin-top:14px;
  padding:14px;
  display:grid;
  gap:12px;
  border-radius:var(--radius-md);
  background:var(--surface-secondary);
}
.custom-period-head{display:grid;gap:3px}
.custom-period-head>b{font-size:var(--font-body);line-height:1.4}
.custom-period-head>small{font-size:var(--font-caption);line-height:1.4;color:var(--text-secondary)}
.custom-period-fields{
  display:grid;
  grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);
  gap:8px;
  align-items:end;
}
.custom-period-fields label{min-width:0;display:grid;gap:6px}
.custom-period-fields label>span{font-size:var(--font-caption);line-height:1.3;color:var(--text-secondary);font-weight:650}
.custom-period-fields input{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:0 10px;
  border:1px solid var(--border-default);
  border-radius:var(--radius-sm);
  background:var(--surface-page);
  color:var(--text-primary);
  font:inherit;
  font-size:var(--font-support);
}
.custom-period-fields input:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-primary) 26%,transparent);outline-offset:1px;border-color:var(--brand-primary)}
.custom-period-separator{align-self:center;justify-self:center;padding-top:20px;color:var(--text-tertiary)}
.custom-period>.ddak-sheet-primary{width:100%;margin-top:0}
@media(max-width:430px){
  .period-sheet{max-height:min(90dvh,760px);padding-left:16px;padding-right:16px}
  .period-row{min-height:54px;padding-top:9px;padding-bottom:9px;column-gap:10px}
  .custom-period{padding:12px}
  .custom-period-fields{grid-template-columns:1fr;gap:10px}
  .custom-period-separator{display:none}
}

/* Keep scrollable chart edge labels centered inside the plot-safe gutters. */
.ddak-chart-shell.has-scrollable-date-axis .ddak-chart-scroll-content{padding-inline:0}
.ddak-chart-shell.has-scrollable-date-axis .naver-clone-x-label{font-variant-numeric:tabular-nums}
@media(min-width:360px) and (max-width:430px){
  .period-sheet .custom-period-fields{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr);gap:7px}
  .period-sheet .custom-period-separator{display:block;padding-top:20px}
  .period-sheet .custom-period-fields input{font-size:12px;padding-left:8px;padding-right:8px}
}
/* Keep period row text and trailing icons off the sheet edge with the same optical inset as other Ddak list rows. */
.period-row{padding-left:8px;padding-right:8px}
@media(max-width:430px){.period-row{padding-left:8px;padding-right:8px}}

/* v126 · More menu / scope / DdakAI precision unification
   Preserve the established product structure; refine only spacing, visual hierarchy and sub-route language. */
.ddak-scope-sheet{
  display:flex;
  flex-direction:column;
  gap:0;
  padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));
}
.ddak-scope-sheet .modal-head{margin-bottom:16px}
.ddak-scope-fields{display:grid;gap:15px}
.ddak-scope-field{display:grid;gap:7px;min-width:0}
.ddak-scope-label{font-size:12px;line-height:1.35;color:var(--text-secondary);font-weight:700;padding-left:2px}
.ddak-scope-control.metric-select{
  width:100%;min-height:52px;padding:0 12px 0 14px;
  display:grid;grid-template-columns:minmax(0,1fr) 28px;column-gap:12px;
  align-items:center;background:var(--surface-primary);border-color:var(--border-default);border-radius:var(--radius-md)
}
.ddak-scope-control.metric-select select{
  width:100%;min-width:0;min-height:50px;padding:0;border:0;background:transparent;
  color:var(--text-primary);font-size:14px;font-weight:650;appearance:none
}
.ddak-scope-trailing{width:28px;height:36px;display:grid;place-items:center;color:var(--text-tertiary);pointer-events:none}
.ddak-scope-trailing>.ddak-icon{width:16px;height:16px;transform:rotate(90deg);margin:0}
.ddak-scope-sheet>.ddak-sheet-primary{margin-top:18px}

/* DdakAI composer: a restrained brand-blue separation line and slightly stronger input boundary. */
.ddak-ai-composer{position:fixed;border-top-color:transparent}
.ddak-ai-composer::before{
  content:"";position:absolute;left:var(--page-padding);right:var(--page-padding);top:0;height:1.5px;
  background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--brand-primary) 38%,transparent) 16%,color-mix(in srgb,var(--brand-primary) 72%,transparent) 50%,color-mix(in srgb,var(--brand-primary) 38%,transparent) 84%,transparent 100%);
  pointer-events:none
}
.ddak-ai-composer .ai-input{
  border-color:color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));
  box-shadow:0 2px 10px color-mix(in srgb,var(--brand-primary) 5%,transparent)
}
.ddak-ai-composer .ai-input:focus-within{
  border-color:color-mix(in srgb,var(--brand-primary) 60%,var(--border-default));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 8%,transparent),0 3px 12px color-mix(in srgb,var(--brand-primary) 7%,transparent)
}
html[data-theme="dark"] .ddak-ai-composer::before{opacity:.82}
html[data-theme="dark"] .ddak-ai-composer .ai-input{border-color:color-mix(in srgb,var(--brand-primary) 34%,var(--border-default))}

/* One visual contract for every destination opened from 전체. */
.ddak-menu-eyebrow{display:block;margin-bottom:3px;font-size:12px;line-height:1.25;color:var(--brand-primary);font-weight:700}
.ddak-menu-sheet .modal-head,.ddak-menu-surface .modal-head{min-height:68px}
.ddak-menu-sheet .modal-head>div,.ddak-menu-surface .modal-head>div{min-width:0;display:grid;align-content:center;gap:2px}
.ddak-menu-sheet .modal-head h3,.ddak-menu-surface .modal-head h3{font-size:18px;line-height:1.32}
.ddak-menu-sheet .modal-head p,.ddak-menu-surface .modal-head p{margin-top:2px;line-height:1.45}
.ddak-menu-sheet>.btn:last-child{width:100%;min-height:48px}
.ddak-menu-surface{background:var(--surface-page)}
.ddak-menu-surface>.modal-head{padding-left:0;padding-right:0}
.ddak-menu-surface>.modal-head+*{margin-top:12px}
.ddak-menu-section-head{display:grid;gap:3px;margin:18px 2px 8px}
.ddak-menu-section-head>b{font-size:14px;line-height:1.35}
.ddak-menu-section-head>span{font-size:12px;line-height:1.45;color:var(--text-secondary)}
.ddak-menu-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.ddak-menu-summary>span{min-height:66px;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;gap:4px;align-content:center}
.ddak-menu-summary small{font-size:12px;color:var(--text-secondary)}
.ddak-menu-summary strong{font-size:17px;line-height:1.25;font-variant-numeric:tabular-nums}
.ddak-menu-note{margin:14px 0 4px;padding:11px 12px;border-radius:var(--radius-md);background:var(--brand-softer);color:var(--brand-primary);display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start}
.ddak-menu-note>.ddak-icon{width:18px;height:18px;margin-top:1px}
.ddak-menu-note>span{font-size:12px;line-height:1.5;color:var(--text-secondary)}

.ddak-account-list{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-primary)}
.ddak-account-row{width:100%;min-height:76px;padding:10px 10px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;column-gap:11px;align-items:center;text-align:left;border-bottom:1px solid var(--border-default)}
.ddak-account-row:last-child{border-bottom:0}
.ddak-account-row:is(:hover,:focus-visible){background:var(--surface-secondary)}
.ddak-account-provider{width:42px;display:grid;place-items:center}
.ddak-account-row .ddak-ui-row-main{gap:3px}
.ddak-account-row .ddak-ui-row-main>b{font-size:14px}
.ddak-account-row .ddak-ui-row-main>small{font-size:12px;line-height:1.35;color:var(--text-secondary)}
.ddak-account-row .ddak-ui-row-main>.ddak-account-sync{font-size:12px;line-height:1.35;font-style:normal;color:var(--text-tertiary)}
.ddak-account-trailing{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.ddak-account-trailing>i{font-style:normal}
.ddak-account-trailing>.ddak-icon{width:17px;height:17px;color:var(--text-tertiary);flex:0 0 auto}

/* Business / settings / service / conversation rows now share the same density and hierarchy. */
.ddak-menu-sheet .fact-list,.ddak-menu-sheet .settings-list,.ddak-menu-sheet .budget-scenarios{margin-top:10px}
.ddak-menu-sheet .fact,.ddak-menu-sheet .settings-row,.ddak-menu-sheet .budget-scenarios>button{min-height:64px;padding-top:9px;padding-bottom:9px}
.ddak-menu-sheet .settings-row{column-gap:12px}
.ddak-menu-surface .conversation-list,.ddak-menu-surface .product-catalog-list,.ddak-menu-surface .service-section{margin-top:10px}
.ddak-menu-surface .conversation-list>button,.ddak-menu-surface .product-catalog-list>button,.ddak-menu-surface .service-row{min-height:70px;padding-top:10px;padding-bottom:10px;column-gap:11px}
.ddak-menu-surface .product-catalog-list>button>.ddak-icon,.ddak-menu-surface .conversation-list>button>.ddak-icon{width:17px;height:17px;color:var(--text-tertiary)}
.ddak-menu-surface .service-section>h4{margin:18px 0 8px;font-size:13px;color:var(--text-secondary)}
.ddak-menu-surface>.btn.primary:first-of-type{margin-top:12px}

.ddak-security-summary{margin-top:12px;padding:12px;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));border-radius:var(--radius-md);background:var(--brand-softer);display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}
.ddak-security-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--surface-primary);color:var(--brand-primary);display:grid;place-items:center}
.ddak-security-icon>.ddak-icon{width:19px;height:19px}
.ddak-security-summary>span:nth-child(2){display:grid;gap:3px;min-width:0}
.ddak-security-summary b{font-size:13px;line-height:1.35}
.ddak-security-summary small{font-size:12px;line-height:1.4;color:var(--text-secondary)}
.ddak-security-list{margin-top:12px;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}
.ddak-security-row{min-height:64px;padding:9px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--border-default)}
.ddak-security-row:last-child{border-bottom:0}
.ddak-security-row>span{display:grid;gap:3px}
.ddak-security-row b{font-size:13px}.ddak-security-row small{font-size:12px;color:var(--text-secondary)}
.ddak-security-row strong{max-width:165px;font-size:12px;line-height:1.4;text-align:right;overflow-wrap:anywhere}

@media(max-width:359px){
  .ddak-scope-fields{gap:13px}.ddak-scope-control.metric-select{min-height:50px;padding-left:12px;column-gap:8px}
  .ddak-account-row{grid-template-columns:40px minmax(0,1fr) 20px;column-gap:9px}
  .ddak-account-trailing .ddak-ui-state-pill{display:none}
  .ddak-security-summary{grid-template-columns:36px minmax(0,1fr)}.ddak-security-summary>em{grid-column:2;justify-self:start}
}

/* v126 · Whole-menu destination row geometry correction.
   Generic three-column rows previously squeezed two-child content into the wrong columns. */
.ddak-menu-sheet .settings-row{
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
}
.ddak-menu-sheet .settings-row>div:first-child{min-width:0;display:grid;gap:4px}
.ddak-menu-sheet .settings-row>div:first-child>b{font-size:13px;line-height:1.35}
.ddak-menu-sheet .settings-row>div:first-child>small{font-size:12px;line-height:1.45;color:var(--text-secondary)}
.ddak-menu-sheet .settings-row>.segmented{justify-self:end;max-width:100%}

.ddak-menu-sheet .budget-scenarios{margin-top:10px;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-primary)}
.ddak-menu-sheet .budget-scenarios>button{
  width:100%;min-height:78px;padding:11px 12px;
  grid-template-columns:minmax(0,1fr) minmax(128px,auto);
  gap:14px;border-bottom:1px solid var(--border-default);background:var(--surface-primary)
}
.ddak-menu-sheet .budget-scenarios>button:last-child{border-bottom:0}
.ddak-menu-sheet .budget-scenarios>button:is(:hover,:focus-visible){background:var(--surface-secondary)}
.ddak-menu-sheet .budget-scenarios>button>span{min-width:0;display:grid;gap:4px}
.ddak-menu-sheet .budget-scenarios>button>span>b{font-size:14px;line-height:1.35}
.ddak-menu-sheet .budget-scenarios>button>span>small{font-size:12px;line-height:1.45;color:var(--text-secondary)}
.ddak-menu-sheet .budget-scenarios>button>strong{min-width:128px;display:grid;gap:4px;justify-items:end;text-align:right;font-size:15px;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}
.ddak-menu-sheet .budget-scenarios>button>strong>small{max-width:160px;font-size:12px;line-height:1.35;white-space:normal;color:var(--text-secondary);font-weight:600}

.ddak-menu-surface.chat-hub>.btn.primary{width:100%;min-height:48px;margin:12px 0 14px}
.ddak-menu-surface .conversation-list{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-primary)}
.ddak-menu-surface .conversation-list>button{
  width:100%;min-height:72px;padding:10px 11px;
  grid-template-columns:minmax(0,1fr) auto;gap:14px;border-bottom:1px solid var(--border-default)
}
.ddak-menu-surface .conversation-list>button:last-child{border-bottom:0}
.ddak-menu-surface .conversation-list>button>span:first-child{min-width:0;display:grid;gap:4px}
.ddak-menu-surface .conversation-list>button>span:first-child>b{font-size:14px;line-height:1.35}
.ddak-menu-surface .conversation-list>button>span:first-child>small{font-size:12px;line-height:1.4;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddak-menu-surface .conversation-list>button>span:last-child{display:grid;justify-items:end;gap:5px;align-content:center;min-width:58px}
.ddak-menu-surface .conversation-list>button>span:last-child>em{font-size:12px;line-height:1.3;font-style:normal;color:var(--text-tertiary);white-space:nowrap}
.ddak-menu-surface .conversation-list>button>span:last-child>i{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--brand-primary);color:var(--text-inverse);display:grid;place-items:center;font-size:12px;font-style:normal;font-weight:700}

.ddak-menu-surface .product-catalog-list{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-primary)}
.ddak-menu-surface .product-catalog-list>button{
  width:100%;min-height:78px;padding:10px 11px;
  grid-template-columns:36px minmax(0,1fr) 18px;gap:11px;border-bottom:1px solid var(--border-default)
}
.ddak-menu-surface .product-catalog-list>button:last-child{border-bottom:0}
.ddak-menu-surface .product-catalog-list>button>span:nth-child(2){min-width:0;display:grid;gap:3px}
.ddak-menu-surface .product-catalog-list>button>span:nth-child(2)>b{font-size:14px;line-height:1.35}
.ddak-menu-surface .product-catalog-list>button>span:nth-child(2)>small{font-size:12px;line-height:1.4;color:var(--text-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ddak-menu-surface .product-catalog-list>button>span:nth-child(2)>em{margin-top:2px;font-size:13px;line-height:1.35;font-style:normal;font-weight:700;color:var(--text-primary)}
.ddak-menu-surface .product-catalog-list>button>.ddak-icon{justify-self:end}

.ddak-menu-surface .service-section{display:grid;gap:8px;margin-top:14px}
.ddak-menu-surface .service-section>h4{margin:4px 2px 0;font-size:13px;line-height:1.35;color:var(--text-secondary)}
.ddak-menu-surface .service-row{
  width:100%;min-height:68px;padding:10px 11px;
  grid-template-columns:minmax(0,1fr) auto;gap:12px;
  border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)
}
.ddak-menu-surface .service-row>span:first-child{min-width:0;display:grid;gap:4px}
.ddak-menu-surface .service-row>span:first-child>b{font-size:14px;line-height:1.35}
.ddak-menu-surface .service-row>span:first-child>small{font-size:12px;line-height:1.4;color:var(--text-secondary)}
.ddak-menu-surface .service-row>strong,.ddak-menu-surface .service-row>em,.ddak-menu-surface .service-row>.text-btn{justify-self:end;align-self:center;text-align:right;white-space:nowrap}
.ddak-menu-surface .service-row>strong{font-size:14px;font-variant-numeric:tabular-nums}
.ddak-menu-surface .service-row>em{font-size:12px;font-style:normal;font-weight:700;color:var(--brand-primary)}
.ddak-menu-surface .service-row>.text-btn{min-height:44px;padding:0 8px;color:var(--brand-primary);font-size:12px;font-weight:700}
.ddak-menu-surface .service-section+.btn{width:100%;min-height:48px;margin-top:12px}

@media(max-width:430px){
  .ddak-menu-sheet .settings-row{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:12px;padding-bottom:12px}
  .ddak-menu-sheet .settings-row>.segmented{width:100%;justify-self:stretch}
  .ddak-menu-sheet .settings-row>.segmented button{flex:1;min-width:0;padding-left:8px;padding-right:8px}
}
@media(max-width:359px){
  .ddak-menu-sheet .budget-scenarios>button{grid-template-columns:minmax(0,1fr);gap:8px}
  .ddak-menu-sheet .budget-scenarios>button>strong{min-width:0;justify-items:start;text-align:left;white-space:normal}
  .ddak-menu-sheet .budget-scenarios>button>strong>small{max-width:none}
  .ddak-menu-surface .service-row{grid-template-columns:minmax(0,1fr)}
  .ddak-menu-surface .service-row>strong,.ddak-menu-surface .service-row>em,.ddak-menu-surface .service-row>.text-btn{justify-self:start;text-align:left}
}

/* v126 · Entire "전체" submenu visual contract
   Every destination keeps its function-specific content while sharing one DdakLab
   hierarchy, density, radius, typography, CTA and overlay language. */
.ddak-submenu-surface{
  --ddak-submenu-row-min:68px;
  color:var(--text-primary);
  background:var(--surface-page);
}
.ddak-submenu-surface.ddak-submenu-route{
  padding-left:var(--page-padding);
  padding-right:var(--page-padding);
}
.ddak-submenu-surface.ddak-submenu-sheet>.handle{
  width:38px;height:4px;margin:8px auto 4px;
  background:var(--border-default);border-radius:var(--radius-full)
}
.ddak-submenu-surface .modal-head,
.ddak-submenu-surface .ddak-notification-head,
.ddak-submenu-operation .operation-flow-head{
  min-height:72px;
  background:var(--surface-page);
  border-bottom:1px solid var(--border-subtle);
}
.ddak-submenu-surface .modal-head>div,
.ddak-submenu-surface .ddak-notification-head>div,
.ddak-submenu-operation .operation-flow-head>div{
  min-width:0;display:grid;align-content:center;gap:2px
}
.ddak-submenu-surface .ddak-menu-eyebrow,
.ddak-submenu-operation .operation-flow-head small{
  display:block;margin:0 0 2px;
  color:var(--brand-primary);font-size:12px;line-height:1.3;font-weight:700;
  letter-spacing:0
}
.ddak-submenu-surface .modal-head h2,
.ddak-submenu-surface .modal-head h3,
.ddak-submenu-surface .ddak-notification-head h3,
.ddak-submenu-operation .operation-flow-head h2{
  margin:0;font-size:18px;line-height:1.32;font-weight:700;letter-spacing:0
}
.ddak-submenu-surface .modal-head p,
.ddak-submenu-surface .ddak-notification-head p{
  margin:2px 0 0;font-size:12px;line-height:1.45;color:var(--text-secondary)
}
.ddak-submenu-surface .icon-btn,
.ddak-submenu-operation .operation-flow-head .icon-btn{
  width:var(--touch-min);height:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);
  border-radius:var(--radius-md);color:var(--text-secondary);background:transparent
}
.ddak-submenu-surface .icon-btn:is(:hover,:focus-visible),
.ddak-submenu-operation .operation-flow-head .icon-btn:is(:hover,:focus-visible){
  background:var(--surface-secondary);color:var(--text-primary)
}
.ddak-submenu-surface .btn{
  min-height:48px;border-radius:var(--radius-md);font-weight:700
}
.ddak-submenu-surface .form,
.ddak-submenu-surface .ddak-submenu-form{display:grid;gap:14px}
.ddak-submenu-surface .field{display:grid;gap:7px}
.ddak-submenu-surface .field>label{font-size:12px;line-height:1.35;font-weight:700;color:var(--text-secondary)}
.ddak-submenu-surface .field input,
.ddak-submenu-surface .field select,
.ddak-submenu-surface .field textarea{
  border-radius:var(--radius-md);border-color:var(--border-default);background:var(--surface-primary)
}
.ddak-submenu-surface .field input:focus,
.ddak-submenu-surface .field select:focus,
.ddak-submenu-surface .field textarea:focus{
  border-color:color-mix(in srgb,var(--brand-primary) 56%,var(--border-default));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 8%,transparent)
}
.ddak-submenu-surface .form-actions{display:grid;gap:8px;margin-top:2px}
.ddak-submenu-surface .form-actions>.btn{width:100%}

/* All submenu sections use the same title-to-content rhythm. */
.ddak-submenu-surface .ddak-menu-section-head,
.ddak-submenu-surface .service-section>h4{
  margin-top:18px;margin-bottom:8px
}
.ddak-submenu-surface .ddak-menu-section-head>b,
.ddak-submenu-surface .service-section>h4{
  font-size:13px;line-height:1.35;font-weight:700;color:var(--text-secondary)
}
.ddak-submenu-surface .ddak-menu-section-head>span{
  margin-top:2px;font-size:12px;line-height:1.45;color:var(--text-tertiary)
}

/* One card/list surface language for business, account, messages, products, services and glossary. */
.ddak-submenu-surface .fact-list,
.ddak-submenu-surface .settings-list,
.ddak-submenu-surface .budget-scenarios,
.ddak-submenu-surface .ddak-account-list,
.ddak-submenu-surface .conversation-list,
.ddak-submenu-surface .product-catalog-list,
.ddak-submenu-surface .ddak-security-list,
.ddak-submenu-surface .list:has(.finding){
  border:1px solid var(--border-default);border-radius:var(--radius-md);
  overflow:hidden;background:var(--surface-primary)
}
.ddak-submenu-surface .fact,
.ddak-submenu-surface .settings-row,
.ddak-submenu-surface .ddak-security-row,
.ddak-submenu-surface .finding{
  min-height:var(--ddak-submenu-row-min);padding:10px 12px;
  border-bottom:1px solid var(--border-default);background:var(--surface-primary)
}
.ddak-submenu-surface .fact:last-child,
.ddak-submenu-surface .settings-row:last-child,
.ddak-submenu-surface .ddak-security-row:last-child,
.ddak-submenu-surface .finding:last-child{border-bottom:0}
.ddak-submenu-surface .fact{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,44%);gap:14px;align-items:center}
.ddak-submenu-surface .fact>span{font-size:12px;line-height:1.4;color:var(--text-secondary)}
.ddak-submenu-surface .fact>strong{font-size:13px;line-height:1.4;text-align:right;overflow-wrap:anywhere}
.ddak-submenu-surface .finding{display:grid;gap:5px;align-content:center}
.ddak-submenu-surface .finding>b{font-size:14px;line-height:1.35}
.ddak-submenu-surface .finding>p{margin:0;font-size:12px;line-height:1.55;color:var(--text-secondary)}

/* Shared soft-information surface instead of unrelated alert/card styles. */
.ddak-submenu-surface .ddak-menu-note,
.ddak-submenu-surface .store-notice,
.ddak-submenu-surface .deletion-info,
.ddak-submenu-surface .status-line,
.ddak-submenu-surface .ddak-security-summary,
.ddak-submenu-surface .ddak-integration-provider-summary{
  border:1px solid color-mix(in srgb,var(--brand-primary) 16%,var(--border-default));
  border-radius:var(--radius-md);background:var(--brand-softer)
}
.ddak-integration-provider-summary{
  min-height:66px;margin:12px 0 14px;padding:10px 12px;
  display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center
}
.ddak-integration-provider-summary>span{min-width:0;display:grid;gap:3px}
.ddak-integration-provider-summary b{font-size:14px;line-height:1.35}
.ddak-integration-provider-summary small{font-size:12px;line-height:1.4;color:var(--text-secondary)}

/* Notification keeps its richer function but follows the exact submenu header/surface contract. */
.ddak-submenu-surface.ddak-notification-center{background:var(--surface-page)}
.ddak-submenu-surface .ddak-notification-toolbar{
  min-height:52px;border-bottom:1px solid var(--border-subtle);background:var(--surface-page)
}
.ddak-submenu-surface .ddak-notification-group>header{margin-top:14px}
.ddak-submenu-surface .ddak-notification-list{
  border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-primary)
}
.ddak-submenu-surface .ddak-notification-row{border-bottom:1px solid var(--border-default);background:var(--surface-primary)}
.ddak-submenu-surface .ddak-notification-row:last-child{border-bottom:0}

/* Full-route descendants (chat/store/services/integrations) share the same page rhythm. */
.ddak-submenu-route>.modal-head+*,
.ddak-submenu-route>.ddak-integration-provider-summary{margin-top:12px}
.ddak-submenu-route>.modal-head{flex:0 0 auto}
.ddak-submenu-route .empty,
.ddak-submenu-sheet .empty{border-radius:var(--radius-md);background:var(--surface-secondary)}

/* Operation request is functionally unique, but its top hierarchy remains the same Ddak submenu language. */
.ddak-submenu-operation .operation-flow-head{padding-left:0;padding-right:0}
.ddak-submenu-operation .operation-flow-head>span:first-child{width:0}
.ddak-submenu-operation .operation-progress{margin-top:0}
.ddak-submenu-operation .operation-footer .btn{min-height:48px;border-radius:var(--radius-md)}

@media(max-width:430px){
  .ddak-submenu-surface .modal-head,
  .ddak-submenu-surface .ddak-notification-head,
  .ddak-submenu-operation .operation-flow-head{min-height:70px}
  .ddak-submenu-surface .fact{grid-template-columns:minmax(0,1fr) minmax(100px,46%);gap:10px}
}
@media(max-width:359px){
  .ddak-submenu-surface .fact{grid-template-columns:minmax(0,1fr);gap:4px;align-items:start}
  .ddak-submenu-surface .fact>strong{text-align:left}
  .ddak-integration-provider-summary{grid-template-columns:40px minmax(0,1fr);padding-left:10px;padding-right:10px}
}

/* ========================================================================== 
   Submenu Precision Upgrade · 2026-08
   One interaction/visual language for every advertiser submenu and detail route.
   Existing information architecture and product functions are intentionally kept.
   ========================================================================== */
.ddak-submenu-surface{
  --submenu-x:var(--page-padding);
  --submenu-section-gap:20px;
  --submenu-row-gap:10px;
  --submenu-row-min:64px;
  --submenu-control:48px;
  --submenu-radius:var(--radius-md);
  color:var(--text-primary);
  background:var(--surface-page);
  -webkit-tap-highlight-color:transparent;
}
.ddak-submenu-surface.ddak-submenu-sheet{
  width:min(100%,620px);
  max-height:min(90dvh,820px);
  padding-left:var(--submenu-x);
  padding-right:var(--submenu-x);
  padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));
  border-radius:var(--radius-xl) var(--radius-xl) 0 0;
  overscroll-behavior:contain;
}
.ddak-submenu-surface.ddak-submenu-route{
  width:100%;height:100dvh;max-height:100dvh;
  padding-left:var(--submenu-x);padding-right:var(--submenu-x);
  padding-bottom:calc(22px + env(safe-area-inset-bottom,0px));
  overflow:auto;overscroll-behavior:contain;
  scrollbar-gutter:stable both-edges;
}
.ddak-submenu-surface.ddak-submenu-route>.modal-head,
.ddak-submenu-surface .product-performance-head,
.ddak-submenu-surface .campaign-modal-head{
  position:sticky;top:0;z-index:5;
  margin-left:calc(var(--submenu-x) * -1);margin-right:calc(var(--submenu-x) * -1);
  padding-left:var(--submenu-x);padding-right:var(--submenu-x);
  background:color-mix(in srgb,var(--surface-page) 96%,transparent);
  
  border-bottom:1px solid var(--border-subtle);
}
.ddak-submenu-surface .modal-head,
.ddak-submenu-surface .ddak-notification-head{
  min-height:76px;gap:12px;
}
.ddak-submenu-surface.ddak-submenu-sheet>.modal-head{
  margin-left:0;margin-right:0;
}
.ddak-submenu-surface .modal-head>div,
.ddak-submenu-surface .ddak-notification-head>div{
  min-width:0;display:grid;gap:2px;align-content:center;
}
.ddak-submenu-surface .ddak-menu-eyebrow{
  margin:0 0 1px;font-size:12px;line-height:1.35;font-weight:750;
  color:var(--brand-primary);letter-spacing:.01em;
}
.ddak-submenu-surface .modal-head h2,
.ddak-submenu-surface .modal-head h3,
.ddak-submenu-surface .ddak-notification-head h3{
  margin:0;font-size:18px;line-height:1.32;font-weight:750;letter-spacing:0;
  overflow-wrap:anywhere;
}
.ddak-submenu-surface .modal-head p,
.ddak-submenu-surface .ddak-notification-head p{
  max-width:34rem;margin:1px 0 0;font-size:12px;line-height:1.48;color:var(--text-secondary);
}
.ddak-submenu-surface .modal-head small:not(.ddak-menu-eyebrow){
  font-size:12px;line-height:1.4;color:var(--text-tertiary);
}
.ddak-submenu-surface .icon-btn{
  flex:0 0 var(--touch-min);width:var(--touch-min);height:var(--touch-min);
  display:grid;place-items:center;border-radius:var(--radius-md);color:var(--text-secondary);
}
.ddak-submenu-surface .icon-btn>.ddak-icon{width:19px;height:19px}
.ddak-submenu-surface .icon-btn:is(:hover,:focus-visible){background:var(--surface-secondary);color:var(--text-primary)}
.ddak-submenu-surface .icon-btn:active{transform:scale(.97)}

/* Consistent section rhythm: enough separation without empty dashboard-like space. */
.ddak-submenu-surface .ddak-menu-section-head,
.ddak-submenu-surface .service-section>h4,
.ddak-submenu-surface .funding-section-head,
.ddak-submenu-surface .ddak-filter-group> b,
.ddak-submenu-surface .ddak-filter-group> h4{
  margin-top:var(--submenu-section-gap);margin-bottom:8px;
}
.ddak-submenu-surface .ddak-menu-section-head>b,
.ddak-submenu-surface .service-section>h4,
.ddak-submenu-surface .funding-section-head>b,
.ddak-submenu-surface .ddak-filter-group>b,
.ddak-submenu-surface .ddak-filter-group>h4{
  font-size:13px;line-height:1.4;font-weight:750;color:var(--text-secondary);
}
.ddak-submenu-surface .ddak-menu-section-head>span,
.ddak-submenu-surface .funding-section-head>span{
  font-size:12px;line-height:1.45;color:var(--text-tertiary);
}

/* Unified list/card geometry. */
.ddak-submenu-surface :is(.fact-list,.settings-list,.budget-scenarios,.ddak-account-list,.conversation-list,.product-catalog-list,.ddak-security-list,.business-switch-list,.ddak-filter-list,.period-list,.ddak-action-sheet-list){
  margin-top:12px;border:1px solid var(--border-default);border-radius:var(--radius-md);
  background:var(--surface-primary);overflow:hidden;
}
.ddak-submenu-surface :is(.fact,.settings-row,.ddak-security-row,.business-switch-list>button,.period-row,.ddak-filter-list>button,.ddak-action-sheet-list>button){
  min-height:var(--submenu-row-min);border-bottom:1px solid var(--border-subtle);background:var(--surface-primary);
}
.ddak-submenu-surface :is(.fact,.settings-row,.ddak-security-row,.business-switch-list>button,.period-row,.ddak-filter-list>button,.ddak-action-sheet-list>button):last-child{border-bottom:0}
.ddak-submenu-surface button:is(.period-row,.ddak-filter-list>button,.business-switch-list>button,.ddak-action-sheet-list>button):is(:hover,:focus-visible){background:var(--surface-secondary)}
.ddak-submenu-surface button:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-primary) 58%,transparent);outline-offset:2px}
.ddak-submenu-surface :is(.fact,.settings-row,.ddak-security-row){padding:11px 12px;column-gap:14px}
.ddak-submenu-surface :is(.fact,.settings-row,.ddak-security-row)>:first-child{min-width:0}
.ddak-submenu-surface :is(.fact,.settings-row,.ddak-security-row) b{font-size:13px;line-height:1.4}
.ddak-submenu-surface :is(.fact,.settings-row,.ddak-security-row) small{font-size:12px;line-height:1.45;color:var(--text-secondary)}

/* Form language. */
.ddak-submenu-surface :is(.form,.ddak-submenu-form){display:grid;gap:15px}
.ddak-submenu-surface :is(.field,.custom-period-fields label){display:grid;gap:7px;min-width:0}
.ddak-submenu-surface :is(.field>label,.custom-period-fields label>span,.ddak-scope-label){font-size:12px;line-height:1.4;font-weight:750;color:var(--text-secondary)}
.ddak-submenu-surface :is(input,select,textarea){font-family:inherit;color:var(--text-primary)}
.ddak-submenu-surface .field :is(input,select,textarea),
.ddak-submenu-surface .custom-period-fields input,
.ddak-submenu-surface .metric-select,
.ddak-submenu-surface .ddak-scope-control{
  min-height:var(--submenu-control);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);
}
.ddak-submenu-surface .field :is(input,select,textarea):focus,
.ddak-submenu-surface .custom-period-fields input:focus,
.ddak-submenu-surface .metric-select:focus-within,
.ddak-submenu-surface .ddak-scope-control:focus-within{
  border-color:color-mix(in srgb,var(--brand-primary) 58%,var(--border-default));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 8%,transparent);outline:0;
}
.ddak-submenu-surface textarea{min-height:112px;resize:vertical;line-height:1.55}
.ddak-submenu-surface .field>small,.ddak-submenu-surface .field-hint{font-size:12px;line-height:1.45;color:var(--text-tertiary)}
.ddak-submenu-surface .btn{min-height:48px;border-radius:var(--radius-md);font-weight:750;letter-spacing:0}
.ddak-submenu-surface .btn.primary{box-shadow:0 5px 14px color-mix(in srgb,var(--brand-primary) 12%,transparent)}
.ddak-submenu-surface .btn.ghost,.ddak-submenu-surface .btn.secondary{box-shadow:none}

/* Performance / ads selection sheets: remove cramped arrows and create clear touch rows. */
.ddak-submenu-surface .period-list{display:grid}
.ddak-submenu-surface .period-row{width:100%;padding:10px 11px;display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:12px;align-items:center;text-align:left}
.ddak-submenu-surface .period-row-copy{min-width:0;display:grid;gap:3px}
.ddak-submenu-surface .period-row-copy>b{font-size:14px;line-height:1.4}
.ddak-submenu-surface .period-row-copy>small{font-size:12px;line-height:1.45;color:var(--text-secondary)}
.ddak-submenu-surface .period-row-trailing{width:32px;height:32px;display:grid;place-items:center;justify-self:end;border-radius:var(--radius-sm);color:var(--text-tertiary)}
.ddak-submenu-surface .period-row.active .period-row-trailing{background:var(--brand-soft);color:var(--brand-primary)}
.ddak-submenu-surface .period-row-trailing>.ddak-icon{width:17px;height:17px}
.ddak-submenu-surface .custom-period{display:grid;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-subtle)}
.ddak-submenu-surface .custom-period-head{display:grid;gap:3px}.ddak-submenu-surface .custom-period-head>b{font-size:13px}.ddak-submenu-surface .custom-period-head>small{font-size:12px;color:var(--text-secondary)}
.ddak-submenu-surface .custom-period-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:9px;align-items:end}
.ddak-submenu-surface .custom-period-separator{align-self:center;padding-top:21px;color:var(--text-tertiary)}
.ddak-submenu-surface .ddak-scope-fields{display:grid;gap:16px;margin-top:14px}
.ddak-submenu-surface .ddak-scope-field{display:grid;gap:7px}
.ddak-submenu-surface .ddak-scope-control{min-height:52px;padding-left:12px;padding-right:10px;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;column-gap:10px}
.ddak-submenu-surface .ddak-scope-control select{min-width:0;width:100%;height:48px;border:0;background:transparent;font-size:14px;font-weight:650;appearance:none;outline:0}
.ddak-submenu-surface .ddak-scope-trailing{width:30px;height:30px;display:grid;place-items:center;justify-self:end;color:var(--text-tertiary);pointer-events:none}
.ddak-submenu-surface .ddak-scope-trailing>.ddak-icon{width:16px;height:16px}
.ddak-submenu-surface .ddak-filter-group{padding:14px 0 4px;gap:10px}
.ddak-submenu-surface .ddak-filter-options{display:flex;flex-wrap:wrap;gap:9px}
.ddak-submenu-surface .ddak-filter-options button{min-height:44px;padding:0 13px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-primary);font-size:12px;font-weight:700}
.ddak-submenu-surface .ddak-filter-options button.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}
.ddak-submenu-surface .ddak-filter-list{display:grid;margin-top:0}
.ddak-submenu-surface .ddak-filter-list>button{width:100%;padding:9px 11px;display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:12px;align-items:center;text-align:left}
.ddak-submenu-surface .ddak-filter-list>button>span:first-child{min-width:0;display:grid;gap:3px}
.ddak-submenu-surface .ddak-filter-list>button>span:first-child>b{font-size:13px}.ddak-submenu-surface .ddak-filter-list>button>span:first-child>small{font-size:12px;color:var(--text-secondary)}
.ddak-submenu-surface .ddak-filter-list>button>.ddak-icon{width:17px;height:17px;justify-self:center;color:var(--text-tertiary)}
.ddak-submenu-surface .ddak-filter-list>button.active>.ddak-icon{color:var(--brand-primary)}
.ddak-submenu-surface .metric-picker.sheet{display:grid;gap:10px;margin-top:14px}
.ddak-submenu-surface .ddak-metric-sheet>.metric-select{margin-top:12px;padding:0 10px;display:grid;grid-template-columns:auto minmax(0,1fr) 18px;align-items:center;gap:10px}
.ddak-submenu-surface .ddak-metric-sheet>.metric-select>span{font-size:12px;font-weight:700;color:var(--text-secondary)}
.ddak-submenu-surface .ddak-metric-sheet>.metric-select select{height:46px;min-width:0;border:0;background:transparent;text-align:right;outline:0}
.ddak-submenu-surface .ddak-action-sheet-list{display:grid}
.ddak-submenu-surface .ddak-action-sheet-list>button{width:100%;padding:10px 11px;grid-template-columns:36px minmax(0,1fr) 28px;gap:10px}
.ddak-submenu-surface .ddak-action-sheet-list>button>.ddak-icon:first-child{width:36px;height:36px;padding:9px;border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--brand-primary)}
.ddak-submenu-surface .ddak-action-sheet-list>button>.ddak-icon:last-child{width:17px;height:17px;justify-self:center;color:var(--text-tertiary)}

/* Business/account/service routes. */
.ddak-submenu-surface .business-switch-list>button{width:100%;padding:10px 11px;display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:12px;align-items:center;text-align:left}
.ddak-submenu-surface .business-switch-list>button>span{min-width:0;display:grid;gap:3px}.ddak-submenu-surface .business-switch-list b{font-size:14px}.ddak-submenu-surface .business-switch-list small{font-size:12px;color:var(--text-secondary)}
.ddak-submenu-surface .business-switch-list>button.selected{background:var(--brand-softer)}
.ddak-submenu-surface .business-switch-list>button>.ddak-icon{width:17px;height:17px;justify-self:center;color:var(--brand-primary)}
.ddak-submenu-surface .account-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border-subtle)}
.ddak-submenu-surface .account-links :is(a,button){min-height:44px;display:inline-flex;align-items:center;color:var(--text-secondary);font-size:12px;font-weight:650;text-decoration:none}
.ddak-submenu-surface .modal-help{margin:14px 0 12px;padding:10px 11px;border-radius:var(--radius-md);background:var(--surface-secondary);font-size:12px;line-height:1.55;color:var(--text-secondary)}
.ddak-submenu-surface .review-row,.ddak-submenu-surface .status-row,.ddak-submenu-surface .info-row{min-height:54px;padding:9px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--border-subtle)}
.ddak-submenu-surface :is(.review-row,.status-row,.info-row)>span{font-size:12px;color:var(--text-secondary)}
.ddak-submenu-surface :is(.review-row,.status-row,.info-row)>b{font-size:13px;text-align:right;overflow-wrap:anywhere}
.ddak-submenu-surface .review-row.total{border-top:1px solid var(--border-default);border-bottom:0;margin-top:4px}.ddak-submenu-surface .review-row.total>b{font-size:15px}
.ddak-submenu-surface .service-section{display:grid;gap:9px;margin-top:18px}
.ddak-submenu-surface .service-row{min-height:68px;padding:10px 11px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}

/* Funding is a submenu route, not a separate dashboard language. */
.ddak-submenu-surface.funding-center-screen .funding-summary{padding:14px 0 2px;gap:8px}
.ddak-submenu-surface.funding-center-screen .funding-summary>span{min-height:66px;padding:10px 11px;border-radius:var(--radius-md);background:var(--surface-primary)}
.ddak-submenu-surface.funding-center-screen .funding-section-head{padding:18px 0 8px}
.ddak-submenu-surface.funding-center-screen .funding-media-list{padding:0 0 24px;gap:10px}
.ddak-submenu-surface.funding-center-screen .funding-media-card{padding:13px;border-radius:var(--radius-md);gap:11px;box-shadow:none}
.ddak-submenu-surface.funding-center-screen .funding-media-card>header{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}
.ddak-submenu-surface.funding-center-screen .funding-ai-card{border-radius:var(--radius-md);padding:11px}
.ddak-submenu-surface.funding-center-screen .funding-actions{gap:8px}
.ddak-submenu-surface.funding-center-screen .funding-test-banner{margin:10px 0 0;border-radius:var(--radius-md)}
.ddak-submenu-surface.funding-center-screen .funding-skeleton{padding:16px 0}

/* Campaign/product/detail routes share the same header and data-density rules. */
.ddak-submenu-surface .product-performance-head,
.ddak-submenu-surface .campaign-modal-head{
  min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.ddak-submenu-surface .product-performance-head>div,
.ddak-submenu-surface .campaign-modal-title{min-width:0;display:flex;align-items:center;gap:10px}
.ddak-submenu-surface .product-performance-head h2,
.ddak-submenu-surface .campaign-modal-title h2{margin:0;font-size:18px;line-height:1.32;font-weight:750;overflow-wrap:anywhere}
.ddak-submenu-surface .product-performance-head small{display:block;margin-bottom:2px;font-size:12px;color:var(--brand-primary);font-weight:700}
.ddak-submenu-surface .product-performance-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 16px}
.ddak-submenu-surface .product-performance-kpis>div{min-height:72px;padding:10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;gap:3px;align-content:center}
.ddak-submenu-surface .product-performance-kpis span{font-size:12px;color:var(--text-secondary)}.ddak-submenu-surface .product-performance-kpis b{font-size:15px;font-variant-numeric:tabular-nums}
.ddak-submenu-surface.campaign-detail-screen>p{margin:12px 0 10px;font-size:12px;line-height:1.5;color:var(--text-secondary)}
.ddak-submenu-surface.campaign-detail-screen>.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
.ddak-submenu-surface.campaign-detail-screen>.facts>.fact{min-height:70px;padding:10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;grid-template-columns:1fr;gap:4px;align-content:center}
.ddak-submenu-surface.campaign-detail-screen>.facts>.fact strong{text-align:left;font-size:15px}
.ddak-submenu-surface .product-detail-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:14px}
.ddak-submenu-surface .product-detail-actions>.btn{width:100%}
.ddak-submenu-surface .naver-clone-performance-module{margin-top:14px}

/* Search-linked details follow the same status/detail surface. */
.ddak-submenu-surface.search-entity-detail .search-detail-body{display:grid;gap:10px;margin-top:12px}
.ddak-submenu-surface.search-entity-detail .search-detail-body>p{margin:0;font-size:13px;line-height:1.58;color:var(--text-secondary)}
.ddak-submenu-surface.search-entity-detail .search-detail-note{padding:11px 12px;border:1px solid color-mix(in srgb,var(--brand-primary) 15%,var(--border-default));border-radius:var(--radius-md);background:var(--brand-softer);display:grid;gap:4px}
.ddak-submenu-surface.search-entity-detail .search-detail-note>b{font-size:12px}.ddak-submenu-surface.search-entity-detail .search-detail-note>span{font-size:12px;line-height:1.5;color:var(--text-secondary)}

/* Operation/help/success and generic states use one quiet visual vocabulary. */
.ddak-submenu-surface.ddak-account-help .operation-help-steps{margin:14px 0;display:grid;gap:8px;padding:0;list-style:none}
.ddak-submenu-surface.ddak-account-help .operation-help-steps>li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:10px 11px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}
.ddak-submenu-surface.ddak-account-help .operation-help-steps>li>b{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center;font-size:12px}
.ddak-submenu-surface.ddak-account-help .operation-help-steps>li>span{font-size:12px;line-height:1.55;color:var(--text-secondary)}
.ddak-submenu-surface.ddak-account-help .operation-help-footnote{padding:10px 11px;border-radius:var(--radius-md);background:var(--surface-secondary);font-size:12px;line-height:1.5;color:var(--text-secondary)}
.ddak-submenu-surface:is(.ddak-operation-success,.order-success){width:min(calc(100% - 28px),460px);margin:auto 14px calc(14px + env(safe-area-inset-bottom,0px));padding:28px 18px 18px;border-radius:var(--radius-lg);text-align:center}
.ddak-submenu-surface:is(.ddak-operation-success,.order-success)>h2,
.ddak-submenu-surface:is(.ddak-operation-success,.order-success)>h3{margin:6px 0;font-size:20px;line-height:1.35}
.ddak-submenu-surface:is(.ddak-operation-success,.order-success)>p{max-width:360px;margin:0 auto 12px;font-size:12px;line-height:1.55;color:var(--text-secondary)}
.ddak-submenu-surface .ddak-inline-state{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:start;margin:18px 0;padding:13px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary)}
.ddak-submenu-surface .ddak-inline-state>span{width:42px;height:42px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--semantic-danger-soft);color:var(--semantic-danger)}
.ddak-submenu-surface .ddak-inline-state h2{margin:1px 0 4px;font-size:16px}.ddak-submenu-surface .ddak-inline-state p{margin:0;font-size:12px;line-height:1.5;color:var(--text-secondary)}
.ddak-submenu-surface .empty{min-height:128px;padding:20px 16px;display:grid;place-items:center;text-align:center;border:1px dashed var(--border-default);background:var(--surface-secondary);border-radius:var(--radius-md)}
.ddak-submenu-surface .loading{min-height:180px;display:grid;place-items:center;color:var(--text-secondary);font-size:12px}

/* Better density for sheets on phones, while keeping every touch target safe. */
@media(max-width:430px){
  .ddak-submenu-surface{--submenu-x:16px;--submenu-section-gap:18px;--submenu-row-min:62px}
  .ddak-submenu-surface .modal-head,.ddak-submenu-surface .ddak-notification-head,.ddak-submenu-surface .product-performance-head,.ddak-submenu-surface .campaign-modal-head{min-height:72px}
  .ddak-submenu-surface .custom-period-fields{grid-template-columns:1fr 18px 1fr;gap:6px}
  .ddak-submenu-surface .product-performance-kpis,.ddak-submenu-surface.campaign-detail-screen>.facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddak-submenu-surface .product-performance-kpis>div:last-child,.ddak-submenu-surface.campaign-detail-screen>.facts>.fact:last-child{grid-column:1/-1}
  .ddak-submenu-surface .product-detail-actions{grid-template-columns:1fr}
  .ddak-submenu-surface.funding-center-screen .funding-actions{grid-template-columns:1fr}
}
@media(max-width:359px){
  .ddak-submenu-surface{--submenu-x:14px}
  .ddak-submenu-surface .modal-head h2,.ddak-submenu-surface .modal-head h3,.ddak-submenu-surface .product-performance-head h2,.ddak-submenu-surface .campaign-modal-title h2{font-size:17px}
  .ddak-submenu-surface .custom-period-fields{grid-template-columns:1fr;gap:9px}.ddak-submenu-surface .custom-period-separator{display:none}
  .ddak-submenu-surface .product-performance-kpis,.ddak-submenu-surface.campaign-detail-screen>.facts{grid-template-columns:1fr}.ddak-submenu-surface .product-performance-kpis>div:last-child,.ddak-submenu-surface.campaign-detail-screen>.facts>.fact:last-child{grid-column:auto}
  .ddak-submenu-surface.funding-center-screen .funding-media-card>header{grid-template-columns:38px minmax(0,1fr)}
  .ddak-submenu-surface.funding-center-screen .funding-media-card>header .funding-state{grid-column:2;justify-self:start}
}
@media(min-width:768px){
  .ddak-submenu-surface.ddak-submenu-sheet{margin-bottom:24px;border-radius:var(--radius-xl);max-height:min(84dvh,820px)}
  .ddak-submenu-surface.ddak-submenu-route{max-width:980px;height:min(900px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);margin:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-floating)}
}
@media(prefers-reduced-motion:reduce){
  .ddak-submenu-surface *, .ddak-submenu-surface *::before,.ddak-submenu-surface *::after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms}
}
/* Filter products are list rows, never floating pills. */
.ddak-submenu-surface .ddak-filter-list>button{
  border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:var(--surface-primary);color:var(--text-primary)
}
.ddak-submenu-surface .ddak-filter-list>button:last-child{border-bottom:0}
.ddak-submenu-surface .ddak-filter-list>button.active{background:var(--brand-softer);color:var(--brand-primary);border-color:var(--border-subtle)}
.ddak-submenu-surface .ddak-filter-list>button.active:last-child{border-bottom-color:transparent}

/* v126.3 · Marketing catalog precision upgrade · canonical four-product subscription-style surface */
.marketing-store-screen{padding-bottom:calc(28px + env(safe-area-inset-bottom));}
.marketing-store-hero{margin:4px 0 22px;padding:22px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--brand-soft),var(--surface-primary) 72%);box-shadow:var(--shadow-card);}
.marketing-store-kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-primary);color:var(--brand-primary);font-size:12px;font-weight:700;}
.marketing-store-hero h4{margin:14px 0 8px;color:var(--text-primary);font-size:22px;line-height:1.34;font-weight:700;}
.marketing-store-hero>p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6;}
.marketing-store-assurance{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-subtle);}
.marketing-store-assurance span{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;font-weight:600;}
.marketing-store-assurance .ddak-icon{width:17px;height:17px;color:var(--brand-primary);flex:0 0 17px;}
.marketing-store-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 12px;}
.marketing-store-section-head b,.marketing-store-section-head small{display:block;}
.marketing-store-section-head b{color:var(--text-primary);font-size:17px;font-weight:700;}
.marketing-store-section-head small{margin-top:4px;color:var(--text-tertiary);font-size:12px;line-height:1.5;}
.marketing-product-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:20px;}
.marketing-product-card{position:relative;display:grid;grid-template-rows:auto auto auto auto;gap:16px;width:100%;min-width:0;padding:18px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--surface-primary);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-card);transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast);overflow:hidden;}
.marketing-product-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-floating);}
.marketing-product-card:active{transform:scale(.992);background:var(--surface-secondary);}
.marketing-product-card:focus-visible{outline:3px solid var(--brand-primary);outline-offset:2px;}
.marketing-product-card-top{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;min-width:0;}
.marketing-product-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand-primary);}
.marketing-product-symbol .ddak-icon{width:21px;height:21px;}
.marketing-product-type{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:var(--radius-full);background:var(--surface-secondary);color:var(--text-secondary);font-size:12px;font-weight:700;white-space:nowrap;}
.marketing-product-order{justify-self:end;color:var(--text-tertiary);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;}
.marketing-product-copy{min-width:0;}
.marketing-product-copy>small{display:block;margin-bottom:5px;color:var(--brand-primary);font-size:12px;font-weight:700;}
.marketing-product-copy h4{margin:0;color:var(--text-primary);font-size:20px;line-height:1.35;font-weight:700;overflow-wrap:anywhere;}
.marketing-product-copy p{margin:7px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.62;overflow-wrap:anywhere;}
.marketing-product-benefits{display:grid;gap:7px;padding:12px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);}
.marketing-product-benefits span{display:flex;align-items:flex-start;gap:7px;color:var(--text-secondary);font-size:13px;line-height:1.45;font-weight:600;}
.marketing-product-benefits .ddak-icon{width:16px;height:16px;margin-top:1px;color:var(--brand-primary);flex:0 0 16px;}
.marketing-product-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0;}
.marketing-product-card-foot>span{min-width:0;}
.marketing-product-card-foot small,.marketing-product-card-foot strong{display:block;}
.marketing-product-card-foot small{margin-bottom:3px;color:var(--text-tertiary);font-size:12px;}
.marketing-product-card-foot strong{color:var(--text-primary);font-size:17px;line-height:1.35;font-weight:700;overflow-wrap:anywhere;}
.marketing-product-cta{flex:0 0 auto;color:var(--brand-primary);font-size:13px;font-style:normal;font-weight:700;white-space:nowrap;}
.marketing-product-detail{padding-bottom:calc(28px + env(safe-area-inset-bottom));}
.marketing-detail-hero{display:grid;justify-items:start;gap:7px;margin:4px 0 18px;padding:20px;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--brand-soft);}
.marketing-detail-symbol{display:grid;place-items:center;width:46px;height:46px;margin-bottom:3px;border-radius:var(--radius-md);background:var(--surface-primary);color:var(--brand-primary);box-shadow:var(--shadow-card);}
.marketing-detail-symbol .ddak-icon{width:23px;height:23px;}
.marketing-detail-hero>span{color:var(--brand-primary);font-size:12px;font-weight:700;}
.marketing-detail-hero h4{margin:0;color:var(--text-primary);font-size:23px;line-height:1.35;font-weight:700;}
.marketing-detail-hero p{margin:2px 0 5px;color:var(--text-secondary);font-size:13px;line-height:1.62;}
.marketing-detail-hero strong{color:var(--text-primary);font-size:19px;font-weight:700;}
.marketing-detail-benefits,.marketing-plan-preview{margin:0 0 18px;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);}
.marketing-detail-benefits>.marketing-store-section-head,.marketing-plan-preview>.marketing-store-section-head{margin-top:0;}
.marketing-detail-benefits>div:not(.marketing-store-section-head){display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 0;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13px;font-weight:600;}
.marketing-detail-benefits>div:not(.marketing-store-section-head):first-of-type{border-top:0;}
.marketing-detail-benefits .ddak-icon{width:17px;height:17px;color:var(--brand-primary);flex:0 0 17px;}
.marketing-detail-body{margin-bottom:18px;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);}
.marketing-detail-body>h4:first-child{margin-top:0;}
.marketing-plan-preview>div:not(.marketing-store-section-head){display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:10px 0;border-top:1px solid var(--border-subtle);}
.marketing-plan-preview>div:not(.marketing-store-section-head) span{min-width:0;}
.marketing-plan-preview b,.marketing-plan-preview small{display:block;}
.marketing-plan-preview b{color:var(--text-primary);font-size:14px;font-weight:700;}
.marketing-plan-preview small{margin-top:3px;color:var(--text-tertiary);font-size:12px;}
.marketing-plan-preview strong{flex:0 0 auto;color:var(--text-primary);font-size:15px;font-weight:700;white-space:nowrap;}
.marketing-detail-actions{position:sticky;bottom:0;z-index:4;display:grid;gap:8px;margin:0 -2px;padding:14px 2px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--surface-primary) 18%);}
.marketing-detail-actions .btn{min-height:48px;}
.marketing-detail-actions>small{text-align:center;color:var(--text-tertiary);font-size:12px;line-height:1.45;}
@media(min-width:720px){.marketing-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.marketing-store-assurance{grid-template-columns:repeat(3,minmax(0,1fr));}.marketing-store-hero{padding:24px;}}
@media(max-width:359px){.marketing-store-hero,.marketing-product-card{padding:16px}.marketing-product-card-foot{align-items:flex-start;flex-direction:column}.marketing-product-cta{align-self:flex-end}.marketing-detail-hero{padding:17px}.marketing-detail-benefits,.marketing-detail-body,.marketing-plan-preview{padding:14px}}
@media(prefers-reduced-motion:reduce){.marketing-product-card{transition:none}}

/* ========================================================================== 
   v126.4 · Advertiser Visual Precision System
   Existing IA/layout preserved. Final layer normalizes spacing, icons, cards,
   overlays, mascot presentation and responsive density without forced overrides.
   ========================================================================== */
html{
  --precision-page-x:17px;
  --precision-section-gap:18px;
  --precision-card-gap:12px;
  --precision-row-gap:11px;
  --precision-card-padding:14px;
  --precision-icon-box:36px;
  --precision-header-surface:color-mix(in srgb,var(--surface-page) 96%,transparent);
  --precision-ai-ring:color-mix(in srgb,var(--brand-primary) 22%,var(--border-default));
}

/* Baseline rhythm and overflow safety. */
.screen{min-width:0;overflow-x:clip}
.screen :is(h1,h2,h3,h4,p,span,b,strong,small,em){min-width:0}
.screen :is(h1,h2,h3,h4){text-wrap:balance}
.screen p{line-height:1.55}
.ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{
  padding-left:var(--precision-page-x);
  padding-right:var(--precision-page-x);
}
.ddak-ui-section{margin-top:var(--precision-section-gap)}
.ddak-ui-section-head{margin-bottom:9px;min-height:40px}
.ddak-ui-section-head h2{line-height:1.35}
.ddak-ui-section-head>button,.ddak-ui-section-head>span{padding-inline:4px}

/* Cards share one surface language; no nested-heavy dashboard feeling. */
.ddak-ui-card,
.ddak-ui-overview-card,
.ddak-ui-chart-card,
.ddak-ui-feature-hero,
.ddak-ai-response,
.status-summary,
.alert-card,
.request-card,
.campaign-card{
  border-color:var(--border-default);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
}
.ddak-ui-card:is(:hover,:focus-within),
.ddak-ui-feature-hero:is(:hover,:focus-within){border-color:var(--border-strong)}

/* Reusable rows: consistent icon/title/trailing geometry. */
.ddak-ui-status-row,.ddak-ui-feed-row,.ddak-ui-group-row,
.settings-row,.simple-row,.ddak-list-row,.status-row{
  column-gap:var(--precision-row-gap);
}
.ddak-ui-status-row,.ddak-ui-feed-row,.ddak-ui-group-row{padding-inline:11px}
.ddak-ui-mi,.ddak-ui-feed-icon,.ddak-ui-bc-icon,
.search-entity-icon,.ddak-notification-icon{
  flex:0 0 auto;
  border:1px solid color-mix(in srgb,var(--brand-primary) 8%,var(--border-default));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-primary) 70%,transparent);
}
.ddak-ui-mi .ddak-icon,.ddak-ui-feed-icon .ddak-icon,.ddak-ui-bc-icon .ddak-icon{
  width:18px;height:18px;
}
.ddak-ui-group-row>.ddak-icon,.ddak-campaign-row>.ddak-icon,.search-result-meta>.ddak-icon{
  justify-self:end;color:var(--text-tertiary);
}
.ddak-ui-group-row:is(:hover,:focus-visible),
.ddak-ui-status-row:is(:hover,:focus-visible),
.ddak-ui-feed-row:is(:hover,:focus-visible){background:var(--surface-secondary)}
.ddak-ui-group-row:active,.ddak-ui-status-row:active,.ddak-ui-feed-row:active{background:var(--surface-tertiary)}

/* Buttons and segmented controls feel like the same product. */
.btn,.context-action,.inline-action,.section-link,
.segmented button,.ddak-ui-mode-tabs button,.ddak-ui-secondary-grid button{
  transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast);
}
.btn:active,.context-action:active,.inline-action:active,.section-link:active,
.segmented button:active,.ddak-ui-mode-tabs button:active,.ddak-ui-secondary-grid button:active{transform:scale(.985)}
.btn.primary,.context-action.primary{box-shadow:0 5px 14px color-mix(in srgb,var(--brand-primary) 13%,transparent)}
.segmented,.ddak-ui-mode-tabs{padding:3px;border:1px solid var(--border-default);background:var(--surface-secondary);border-radius:var(--radius-md)}
.segmented button,.ddak-ui-mode-tabs button{border-radius:var(--radius-sm);min-height:40px}
.segmented button.active,.ddak-ui-mode-tabs button.active{background:var(--surface-primary);box-shadow:0 1px 3px color-mix(in srgb,var(--text-primary) 8%,transparent)}

/* Top bar and bottom navigation: optical alignment and breathing room. */
.app-header,.ddak-ui-topbar{
  border-bottom-color:var(--border-subtle);
  background:var(--precision-header-surface);
  
  
}
.app-bottom-nav{border-top-color:var(--border-subtle);box-shadow:0 -8px 22px color-mix(in srgb,var(--text-primary) 4%,transparent)}
.app-bottom-nav button{gap:4px}
.app-bottom-nav .ddak-icon{width:23px;height:23px}
.app-bottom-nav button span{line-height:1.25}

/* Home: clearer content hierarchy, less accidental crowding. */
.ddak-ui-business-context{padding:8px 11px;column-gap:10px}
.ddak-ui-greeting{padding-top:3px;padding-bottom:2px}
.ddak-ui-greeting>b{line-height:1.35}
.ddak-ui-greeting>span{margin-top:4px;line-height:1.48}
.ddak-ui-overview-card{padding:15px}
.ddak-ui-kpi-grid{gap:10px}
.ddak-ui-kpi-grid>div{padding:11px 10px}
.ddak-ui-quick-grid{gap:9px}
.ddak-ui-quick-grid button{padding:11px 8px}
.ddak-ui-secondary-grid{gap:8px}

/* Ads/performance: stable columns, arrows and metrics never collide. */
.ddak-filter-summary{column-gap:10px}
.ddak-filter-summary>span{padding-right:4px}
.ddak-campaign-row{grid-template-columns:44px minmax(0,1fr) minmax(92px,auto) 24px;column-gap:11px}
.ddak-campaign-result{min-width:92px}
.ddak-campaign-result b,.ddak-campaign-result small{white-space:nowrap}
.ddak-performance-toolbar{gap:8px}
.ddak-performance-toolbar>button{min-width:0;padding-inline:12px}
.ddak-performance-toolbar>button .ddak-icon{flex:0 0 auto}
.ddak-ui-perf-kpis{gap:9px}
.ddak-ui-perf-kpis>div{padding:11px 10px}
.ddak-ui-chart-card{padding:14px 12px 12px}
.ddak-chart-controls{gap:8px;align-items:center}
.ddak-chart-controls>button{white-space:nowrap}
.ddak-performance-chart-scroll{scroll-padding-inline:12px}

/* AI: subtle blue divider/accent, stronger composer affordance, same Ddak language. */
.ddak-ui-ai-brief,.ddak-ui-ai-insight{
  background:linear-gradient(145deg,var(--brand-softer),var(--surface-primary));
  border-color:var(--precision-ai-ring);
}
.ddak-ui-ai-evidence{border-color:var(--precision-ai-ring);background:color-mix(in srgb,var(--brand-soft) 45%,var(--surface-primary))}
.ddak-ui-ai-question-chips{gap:8px;padding-bottom:2px;scroll-padding-inline:2px}
.ddak-ui-ai-question-chips button{border:1px solid var(--border-default);background:var(--surface-primary)}
.ddak-ui-ai-question-chips button:is(:hover,:focus-visible){border-color:var(--precision-ai-ring);background:var(--brand-softer)}
.ddak-ui-ai-action{column-gap:10px;box-shadow:var(--shadow-card)}
.ddak-ui-ai-action:is(:hover,:focus-visible){border-color:var(--precision-ai-ring);background:var(--brand-softer)}
.ddak-ui-chat-bar{
  border:1px solid var(--precision-ai-ring);
  box-shadow:0 9px 26px color-mix(in srgb,var(--brand-primary) 10%,transparent),0 2px 8px color-mix(in srgb,var(--text-primary) 5%,transparent);
}
.ddak-ui-chat-bar:before{
  content:"";position:absolute;left:15px;right:15px;top:0;height:2px;border-radius:var(--radius-full);
  background:linear-gradient(90deg,transparent,var(--brand-primary),transparent);opacity:.38;
}
.ai-input{gap:8px}
.ai-input textarea{line-height:1.5}
.ai-input-send,.ai-input-clear{flex:0 0 var(--touch-min)}
.ddak-ai-composer-trust{padding-top:6px;column-gap:6px}
.ddak-ai-composer-trust .ddak-icon{flex:0 0 auto}

/* Existing Ddakki asset: no crop/stretch. One visual stage everywhere. */
.ddak-mascot-stage{
  position:relative;display:grid;place-items:center;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--brand-primary) 10%,var(--border-default));
  background:radial-gradient(circle at 50% 36%,var(--surface-primary),var(--brand-soft));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-primary) 80%,transparent);
}
.ddak-mascot-stage:after{
  content:"";position:absolute;inset:auto 10% 8%;height:16%;border-radius:var(--radius-full);
  background:color-mix(in srgb,var(--brand-primary) 10%,transparent);filter:blur(8px);opacity:.55;
}
.ddak-mascot-stage .ddak-mascot-fallback{position:absolute;inset:0;display:none;place-items:center;z-index:0;opacity:0}
.ddak-mascot-stage .ddak-mascot{position:relative;z-index:1;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center center;mix-blend-mode:normal}
.ddak-mascot-stage-home,.ddak-mascot-stage-ai{
  position:absolute;right:8px;bottom:8px;width:88px;height:88px;border-radius:var(--radius-lg);
}
.ddak-mascot-stage-ai{width:92px;height:92px}
.ddak-ui-ai-insight{padding-right:108px}
.ddak-ui-ai-brief{padding-right:112px}
.ddak-ui-ai-insight>.ddak-mascot-stage img,.ddak-ui-ai-brief>.ddak-mascot-stage img{position:relative;right:auto;bottom:auto;width:100%;height:100%;border-radius:0}
.ddak-mascot-stage-auth{width:min(210px,56vw);aspect-ratio:1/1;border-radius:var(--radius-xl)}
.ddak-auth-hero .ddak-mascot{width:100%;height:100%}
html[data-theme="dark"] .ddak-mascot-stage{background:radial-gradient(circle at 50% 36%,var(--surface-secondary),var(--brand-soft));border-color:var(--border-strong)}
html[data-theme="dark"] .ddak-ui-ai-insight img,html[data-theme="dark"] .ddak-ui-ai-brief img{mix-blend-mode:normal;opacity:1}

/* More/submenus: same list row and trailing language everywhere. */
.ddak-ui-feature-hero{padding:14px 13px;column-gap:12px}
.ddak-ui-group{margin-top:18px}
.ddak-ui-group>h2{margin-bottom:8px}
.ddak-ui-group>div{box-shadow:0 1px 0 color-mix(in srgb,var(--surface-primary) 70%,transparent)}
.ddak-ui-group-row{min-height:64px}
.ddak-ui-group-row>.ddak-icon{width:18px;height:18px}
.ddak-ui-version{padding-top:8px}

/* Overlay system: avoid cramped / over-tall / inconsistent panels. */
.modal-backdrop{padding-top:max(14px,env(safe-area-inset-top));}
.modal:not(.ddak-fullscreen-route),.alert-sheet:not(.ddak-fullscreen-route){
  padding-bottom:calc(16px + env(safe-area-inset-bottom));
  box-shadow:var(--shadow-sheet);
}
.modal-head{column-gap:12px}
.modal-head>div{padding-right:4px}
.modal-head h2,.modal-head h3{overflow-wrap:anywhere}
.modal-head .icon-btn{flex:0 0 var(--touch-min)}
.form{row-gap:15px}
.field{row-gap:7px}
.field input,.field select,.field textarea{border-color:var(--border-default)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 8%,transparent)}
.form-actions{gap:8px}

/* Notification/search: compact but never cramped. */
.ddak-notification-toolbar{gap:8px}
.ddak-notification-row{column-gap:10px;padding-block:11px}
.ddak-notification-copy{gap:4px}
.ddak-notification-trail{align-self:center}
.search-field-wrap{border-color:var(--border-default);background:var(--surface-primary)}
.search-field-wrap:focus-within{border-color:var(--brand-primary);background:var(--surface-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 8%,transparent)}
.search-quick-grid{gap:9px}
.search-quick-grid>button{border-color:var(--border-default);box-shadow:var(--shadow-card)}
.search-result-row{column-gap:11px;padding-inline:6px}

/* State screens all use the same compact vertical composition. */
.ddak-empty,.empty,.search-state,.ddak-notification-empty{
  align-content:center;
}
.ddak-empty,.empty{padding-top:22px;padding-bottom:22px}
.error-card,.ddak-inline-state{border-color:var(--border-default);box-shadow:none}
.skeleton,.loading-skeleton{border-radius:var(--radius-md)}

/* Marketing store follows the exact same card rhythm as the rest of advertiser app. */
.marketing-store-hero,.marketing-product-card,.marketing-detail-hero,.marketing-detail-benefits,.marketing-detail-body,.marketing-plan-preview{
  box-shadow:var(--shadow-card);
}
.marketing-product-card{gap:14px}
.marketing-product-card-top{column-gap:10px}
.marketing-product-card-foot{padding-top:2px}

/* Mobile precision. */
@media(max-width:430px){
  html{--precision-page-x:16px;--precision-section-gap:17px}
  .ddak-ui-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddak-ui-quick-grid{gap:8px}
  .ddak-campaign-row{grid-template-columns:42px minmax(0,1fr) auto 20px;column-gap:9px}
  .ddak-campaign-result{min-width:78px}
  .ddak-ui-ai-insight{padding-right:104px}
  .ddak-ui-ai-brief{padding-right:108px}
  .ddak-mascot-stage-home{width:84px;height:84px}
  .ddak-mascot-stage-ai{width:88px;height:88px}
  .modal-head{min-height:64px}
  .ddak-ui-group-row{padding-left:10px;padding-right:10px}
}
@media(max-width:359px){
  html{--precision-page-x:14px}
  .ddak-ui-ai-insight{padding-right:96px}
  .ddak-ui-ai-brief{padding-right:100px}
  .ddak-mascot-stage-home{width:78px;height:78px}
  .ddak-mascot-stage-ai{width:82px;height:82px}
  .ddak-campaign-row{grid-template-columns:40px minmax(0,1fr) 20px}
  .ddak-campaign-result{grid-column:2;justify-items:start;min-width:0}
  .ddak-campaign-row>.ddak-icon{grid-column:3;grid-row:1/3}
}
@media(min-width:720px){
  html{--precision-page-x:20px;--precision-section-gap:20px}
  .ddak-mascot-stage-auth{width:220px}
}
@media(prefers-reduced-motion:reduce){
  .btn,.context-action,.inline-action,.section-link,.segmented button,.ddak-ui-mode-tabs button,.ddak-ui-secondary-grid button,.marketing-product-card{transition:none}
}

/* ========================================================================== 
   v126.5 · Advertiser Design Coherence + Ddaki Character Integration
   Keeps the established layout while fixing state collisions, density and
   mascot consistency with existing DdakLab design tokens only.
   ========================================================================== */
/* Active segmented controls must never inherit inverse text onto white. */
.ddak-ui-mode-tabs button.active,.segmented button.active{
  color:var(--brand-primary);
  border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));
}
.ddak-ui-performance-tabs button.active,.ddak-ui-period-row button.active{
  color:var(--text-inverse);
}

/* Precision around dense top-level controls. */
.ddak-performance-mode-row{align-items:flex-start}
.ddak-performance-mode-row>span{padding-top:3px;min-width:0;max-width:min(100%,230px)}
.ddak-performance-mode-row .ddak-ui-mode-tabs{flex:0 0 142px}
.ddak-ui-performance-tabs button,.ddak-ui-period-row button{white-space:nowrap}
.ddak-ui-period-row{padding-bottom:2px;scroll-padding-inline:2px}
.ddak-performance-date-range{margin-top:3px}

/* Unified Ddaki stages. Pose files can change without changing layout code. */
.ddak-mascot-stage-sm{width:68px;height:68px;border-radius:var(--radius-lg)}
.ddak-mascot-stage-md{width:88px;height:88px;border-radius:var(--radius-lg)}
.ddak-mascot-stage-lg{width:min(210px,56vw);aspect-ratio:1/1;border-radius:var(--radius-xl)}
.ddak-mascot-stage.is-fallback:before{content:"딱";display:grid;place-items:center;position:absolute;inset:0;color:var(--brand-primary);font-size:20px;font-weight:700;background:var(--brand-soft)}
.ddak-mascot-stage img[hidden]{display:none}

/* Character-enhanced empty/success states remain compact. */
.ddak-character-empty{display:grid;justify-items:center;gap:10px;text-align:center;padding:18px 16px}
.ddak-character-empty>.ddak-empty-ddaki{position:relative;inset:auto;width:70px;height:70px}
.ddak-character-empty>div{display:grid;gap:4px;max-width:280px}
.ddak-character-empty b{font-size:14px;line-height:1.4}
.ddak-character-empty span:not(.ddak-mascot-stage):not(.ddak-mascot-fallback){color:var(--text-secondary);font-size:12px;line-height:1.5}
.ddak-character-state{display:grid;justify-items:center;text-align:center}
.ddak-character-state>.ddak-state-ddaki{position:relative;inset:auto;margin:2px auto 8px;width:84px;height:84px}
.ddak-character-state>.success-icon,.ddak-character-state>.operation-success-icon{margin-top:-6px;position:relative;z-index:2}
.ddak-character-state .review-row{width:100%;text-align:left}
.ddak-character-state .btn{width:100%}

/* Marketing hero uses the same official Ddaki without crowding copy. */
.marketing-store-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:12px 14px;align-items:start}
.marketing-store-hero-copy{min-width:0}
.marketing-store-ddaki{position:relative;inset:auto;width:78px;height:78px;justify-self:end;align-self:start}
.marketing-store-assurance{grid-column:1/-1;margin-top:2px}

/* Optical icon alignment across cards/rows. */
.ddak-icon{vertical-align:middle}
.icon-btn,.ddak-ui-mi,.ddak-ui-feed-icon,.ddak-ui-bc-icon,.marketing-product-symbol,.search-entity-icon,.ddak-notification-icon{line-height:1}
.icon-btn>.ddak-icon,.ddak-ui-mi>.ddak-icon,.ddak-ui-feed-icon>.ddak-icon,.ddak-ui-bc-icon>.ddak-icon,.marketing-product-symbol>.ddak-icon,.search-entity-icon>.ddak-icon,.ddak-notification-icon>.ddak-icon{display:block;margin:auto}

/* Prevent content from visually sticking to trailing controls. */
.ddak-ui-group-row>span,.ddak-ui-status-row>span,.ddak-ui-feed-row>span,.service-row>span,.conversation-list button>span:first-child{min-width:0;padding-right:4px}
.ddak-ui-group-row>span :is(b,small),.ddak-ui-status-row>span :is(b,small),.ddak-ui-feed-row>span :is(b,small),.service-row>span :is(b,small){overflow-wrap:anywhere}

/* Long values stay readable but do not collide. */
.ddak-ui-kpi-grid strong,.ddak-ui-perf-kpis strong,.ddak-performance-safe-kpis strong,.funding-summary strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.provider-compare-metric{padding-left:8px}
.provider-compare-metric strong{display:flex;justify-content:flex-end;align-items:baseline;gap:2px;white-space:nowrap}
.provider-compare-metric strong em{font-size:12px;font-style:normal;color:var(--text-tertiary);font-weight:600}

/* Overlays: content-sized spacing and safe bottom area. */
.ddak-submenu-sheet .modal-head,.ddak-submenu-route .modal-head{padding-bottom:12px}
.ddak-submenu-sheet :is(.form-actions,.operation-success-actions),.ddak-submenu-route :is(.form-actions,.marketing-detail-actions){margin-top:14px}
.ddak-submenu-sheet .modal-help,.ddak-submenu-route .modal-help{margin-top:10px;line-height:1.5}

@media(max-width:390px){
  .ddak-performance-mode-row{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:10px}
  .ddak-performance-mode-row .ddak-ui-mode-tabs{width:128px;flex-basis:128px}
  .marketing-store-hero{grid-template-columns:minmax(0,1fr) 70px;padding:18px}
  .marketing-store-ddaki{width:70px;height:70px}
}
@media(max-width:359px){
  .ddak-performance-mode-row{grid-template-columns:1fr}
  .ddak-performance-mode-row>span{max-width:none}
  .ddak-performance-mode-row .ddak-ui-mode-tabs{width:100%;grid-template-columns:1fr 1fr}
  .marketing-store-hero{grid-template-columns:minmax(0,1fr) 64px;gap:10px;padding:16px}
  .marketing-store-ddaki{width:64px;height:64px}
  .ddak-character-state>.ddak-state-ddaki{width:76px;height:76px}
}

/* v126.7 · More menu bottom-sheet coherence
   1:1 inquiry / billing-settlement / active services use the same lower-sheet language. */
.modal-backdrop:has(.ddak-bottom-submenu-sheet){align-items:flex-end;padding:0}
.ddak-bottom-submenu-sheet{
  --bottom-sheet-x:var(--space-4);
  width:min(100%,620px);height:auto;min-height:0;max-height:min(88dvh,760px);margin:0;
  display:flex;flex-direction:column;overflow:hidden;
  padding:0 var(--page-padding) calc(16px + env(safe-area-inset-bottom,0px));
  border:1px solid var(--border-subtle);border-bottom:0;
  border-radius:var(--radius-xl) var(--radius-xl) 0 0;
  background:var(--surface-page);box-shadow:var(--shadow-sheet);
}
.ddak-bottom-submenu-sheet>.handle{flex:0 0 auto;margin-top:8px}
.ddak-bottom-submenu-sheet>.modal-head{flex:0 0 auto;min-height:68px;margin:0;padding:0;border-bottom:1px solid var(--border-subtle);background:transparent;}
.ddak-bottom-submenu-sheet>.modal-head>div{min-width:0}
.ddak-bottom-submenu-sheet>.modal-head h3{font-size:18px;line-height:1.32}
.ddak-bottom-submenu-sheet>.modal-head p{max-width:31rem;margin-top:2px;color:var(--text-secondary);font-size:12px;line-height:1.45}
.ddak-sheet-scroll-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.ddak-sheet-scroll-body::-webkit-scrollbar{width:4px}.ddak-sheet-scroll-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}
.ddak-sheet-character-intro{flex:0 0 auto;display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:12px;margin:2px 0 12px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-secondary)}
.ddak-sheet-character-intro>div{min-width:0}.ddak-sheet-character-intro b,.ddak-sheet-character-intro span{display:block;overflow-wrap:anywhere}.ddak-sheet-character-intro b{font-size:13px;line-height:1.4}.ddak-sheet-character-intro span{margin-top:3px;color:var(--text-secondary);font-size:12px;line-height:1.5}
.ddak-sheet-ddaki{width:60px;height:60px;min-width:60px;border-radius:var(--radius-md);box-shadow:none}
.ddak-sheet-ddaki .ddak-mascot{width:100%;height:100%;object-fit:contain;object-position:center}
.ddak-sheet-character-support{background:color-mix(in srgb,var(--brand-soft) 62%,var(--surface-primary))}
.ddak-sheet-character-services{background:color-mix(in srgb,var(--semantic-success-soft) 58%,var(--surface-primary))}
.ddak-sheet-character-billing{background:color-mix(in srgb,var(--surface-secondary) 82%,var(--brand-soft))}
.ddak-bottom-submenu-sheet>.ddak-sheet-primary{flex:0 0 auto;width:100%;min-height:48px;margin:0 0 12px}
.ddak-bottom-submenu-sheet .conversation-list{margin:0 0 2px}
.ddak-bottom-submenu-sheet .conversation-list>button{min-height:68px;padding-block:11px}
.ddak-bottom-submenu-sheet .service-section{margin-top:14px}
.ddak-bottom-submenu-sheet .service-section:first-child{margin-top:2px}
.ddak-bottom-submenu-sheet .service-row{min-height:66px;padding:10px 11px}
.ddak-bottom-submenu-sheet .service-row>span{min-width:0}.ddak-bottom-submenu-sheet .service-row b,.ddak-bottom-submenu-sheet .service-row small{display:block;overflow-wrap:anywhere}.ddak-bottom-submenu-sheet .service-row small{margin-top:3px;color:var(--text-secondary);font-size:12px;line-height:1.45}
.ddak-bottom-submenu-sheet .service-row>strong,.ddak-bottom-submenu-sheet .service-row>em{flex:0 0 auto;max-width:42%;text-align:right;font-style:normal;white-space:nowrap}
.ddak-bottom-submenu-sheet .service-row.is-warning{border-color:color-mix(in srgb,var(--semantic-warning) 24%,var(--border-default));background:var(--semantic-warning-soft)}
.ddak-sheet-bottom-action{flex:0 0 auto;width:100%;min-height:48px;margin-top:12px}
.billing-separation-note{display:flex;align-items:flex-start;gap:8px;margin:14px 0 2px;padding:11px 12px;border-radius:var(--radius-md);background:var(--surface-secondary);color:var(--text-secondary);font-size:12px;line-height:1.5}.billing-separation-note .ddak-icon{flex:0 0 17px;width:17px;height:17px;margin-top:1px;color:var(--brand-primary)}
.ddak-chat-bottom-sheet{max-height:min(90dvh,800px)}
.ddak-chat-bottom-sheet>.chat-messages{flex:1 1 auto;margin:0;padding:8px 2px 12px}
.ddak-chat-bottom-sheet>.chat-messages.ddak-sheet-scroll-body{overflow-y:auto}
.ddak-sheet-sticky-composer{position:relative;left:auto;right:auto;bottom:auto;flex:0 0 auto;margin:0 calc(var(--bottom-sheet-x) * -1) calc(-16px - env(safe-area-inset-bottom,0px));padding:10px var(--bottom-sheet-x) calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle);background:var(--surface-primary);box-shadow:0 -8px 20px color-mix(in srgb,var(--text-primary) 6%,transparent)}
.ddak-sheet-sticky-composer textarea{min-height:44px;max-height:120px}
.ddak-sheet-sticky-composer button{min-width:44px;min-height:44px}
@media(max-width:360px){
  .ddak-bottom-submenu-sheet{--bottom-sheet-x:14px;max-height:90dvh;padding-left:var(--bottom-sheet-x);padding-right:var(--bottom-sheet-x)}
  .ddak-sheet-character-intro{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:9px 10px}.ddak-sheet-ddaki{width:52px;height:52px;min-width:52px}
  .ddak-bottom-submenu-sheet .service-row{grid-template-columns:minmax(0,1fr);gap:7px}.ddak-bottom-submenu-sheet .service-row>strong,.ddak-bottom-submenu-sheet .service-row>em{max-width:none;text-align:left;white-space:normal}
}
@media(min-width:720px){
  .modal-backdrop:has(.ddak-bottom-submenu-sheet){align-items:flex-end;padding:24px 24px 0}
  .ddak-bottom-submenu-sheet{width:min(620px,calc(100vw - 48px));max-height:min(82dvh,760px);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-floating)}
}

/* v126.8 · Billing/settlement visual repair + real Ddaki state visibility.
   Keeps the bottom-sheet shell while fixing clipped amounts, raw statuses and mascot thumbnail feel. */
.ddak-bottom-submenu-sheet .ddak-sheet-character-intro{
  grid-template-columns:82px minmax(0,1fr);gap:12px;min-height:92px;padding:10px 12px;
}
.ddak-bottom-submenu-sheet .ddak-sheet-ddaki{
  width:78px;height:78px;min-width:78px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;
}
.ddak-bottom-submenu-sheet .ddak-sheet-ddaki:after{display:none}
.ddak-bottom-submenu-sheet .ddak-sheet-ddaki .ddak-mascot{
  width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 5px 10px color-mix(in srgb,var(--brand-primary) 10%,transparent));
}
.ddak-bottom-submenu-sheet .ddak-sheet-character-support .ddak-sheet-ddaki{transform:rotate(-1deg)}
.ddak-bottom-submenu-sheet .ddak-sheet-character-services .ddak-sheet-ddaki{transform:translateY(-1px)}
.ddak-bottom-submenu-sheet .ddak-sheet-character-billing .ddak-sheet-ddaki{transform:translateY(-2px)}

.billing-sheet{--billing-row-x:12px}
.billing-sheet-body{padding:2px 0 2px}
.billing-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 18px}
.billing-summary-grid>div{min-width:0;padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}
.billing-summary-grid small,.billing-summary-grid strong{display:block}
.billing-summary-grid small{color:var(--text-tertiary);font-size:12px;line-height:1.4}
.billing-summary-grid strong{margin-top:5px;color:var(--text-primary);font-size:18px;line-height:1.28;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.billing-section{display:grid;gap:9px;margin-top:18px}
.billing-section:first-of-type{margin-top:0}
.billing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0 2px}
.billing-section-head b,.billing-section-head small{display:block}
.billing-section-head b{font-size:14px;line-height:1.4;font-weight:700;color:var(--text-primary)}
.billing-section-head small{margin-top:2px;font-size:12px;color:var(--text-tertiary)}
.billing-record-list{overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}
.billing-record-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:78px;padding:11px var(--billing-row-x);border-bottom:1px solid var(--border-subtle);background:var(--surface-primary)}
.billing-record-row:last-child{border-bottom:0}
.billing-record-row.is-warning{background:color-mix(in srgb,var(--semantic-warning-soft) 72%,var(--surface-primary));border-color:color-mix(in srgb,var(--semantic-warning) 18%,var(--border-subtle))}
.billing-record-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--brand-primary)}
.billing-record-row.is-warning .billing-record-icon{background:var(--semantic-warning-soft);color:var(--semantic-warning)}
.billing-record-icon .ddak-icon{width:18px;height:18px}
.billing-record-copy{min-width:0;display:grid;gap:3px;align-content:center}
.billing-record-copy b,.billing-record-copy small,.billing-record-copy em{min-width:0;overflow-wrap:anywhere}
.billing-record-copy b{font-size:13px;line-height:1.4;font-weight:700;color:var(--text-primary)}
.billing-record-copy small{font-size:12px;line-height:1.4;color:var(--text-tertiary)}
.billing-record-copy em{justify-self:start;display:inline-flex;align-items:center;min-height:23px;margin-top:2px;padding:0 7px;border-radius:var(--radius-full);background:var(--semantic-success-soft);color:var(--semantic-success);font-size:12px;line-height:1;font-style:normal;font-weight:700}
.billing-record-copy em.is-warning{background:var(--semantic-warning-soft);color:var(--semantic-warning)}
.billing-record-row>strong{min-width:max-content;max-width:none;padding-left:4px;text-align:right;color:var(--text-primary);font-size:14px;line-height:1.35;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.billing-separation-note span{min-width:0}
.billing-separation-note span b{display:block;margin-bottom:2px;color:var(--text-primary);font-size:12px;font-weight:700}

@media(max-width:359px){
  .ddak-bottom-submenu-sheet .ddak-sheet-character-intro{grid-template-columns:68px minmax(0,1fr);min-height:84px;gap:10px;padding:9px 10px}
  .ddak-bottom-submenu-sheet .ddak-sheet-ddaki{width:66px;height:66px;min-width:66px}
  .billing-summary-grid{gap:7px}.billing-summary-grid>div{padding:10px}.billing-summary-grid strong{font-size:16px}
  .billing-record-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;min-height:76px;padding-left:10px;padding-right:10px}
  .billing-record-icon{width:34px;height:34px}.billing-record-row>strong{font-size:13px}
}

/* v126.8b · Ddaki pose-first sheet intro.
   Makes the generated state assets visibly different instead of thumbnail-like. */
.ddak-bottom-submenu-sheet .ddak-sheet-character-intro{
  position:relative;grid-template-columns:minmax(0,1fr) 96px;min-height:104px;gap:10px;padding:13px 10px 12px 14px;overflow:hidden;
  background:linear-gradient(90deg,var(--brand-soft),var(--surface-primary));
}
.ddak-bottom-submenu-sheet .ddak-sheet-character-intro>div{grid-column:1;grid-row:1;align-self:center;position:relative;z-index:2;padding-right:2px}
.ddak-bottom-submenu-sheet .ddak-sheet-ddaki{
  grid-column:2;grid-row:1;align-self:end;justify-self:end;width:94px;height:94px;min-width:94px;margin:-6px -3px -7px 0;position:relative;z-index:1;
}
.ddak-bottom-submenu-sheet .ddak-sheet-character-support{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-soft) 78%,var(--surface-primary)),var(--surface-primary))}
.ddak-bottom-submenu-sheet .ddak-sheet-character-services{background:linear-gradient(90deg,color-mix(in srgb,var(--semantic-success-soft) 68%,var(--surface-primary)),var(--surface-primary))}
.ddak-bottom-submenu-sheet .ddak-sheet-character-billing{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-soft) 52%,var(--surface-primary)),var(--surface-primary))}
@media(max-width:359px){
  .ddak-bottom-submenu-sheet .ddak-sheet-character-intro{grid-template-columns:minmax(0,1fr) 82px;min-height:94px;padding:11px 8px 10px 12px}
  .ddak-bottom-submenu-sheet .ddak-sheet-ddaki{width:82px;height:82px;min-width:82px;margin:-4px -2px -5px 0}
}
@media(prefers-color-scheme:dark){
  .ddak-bottom-submenu-sheet .ddak-sheet-character-intro{background:linear-gradient(90deg,var(--surface-secondary),var(--surface-primary))}
}
html[data-theme="dark"] .ddak-bottom-submenu-sheet .ddak-sheet-character-intro{background:linear-gradient(90deg,var(--surface-secondary),var(--surface-primary))}

/* v126.8c · trailing status safety for active-service sheet. */
.ddak-bottom-submenu-sheet .service-row>strong,
.ddak-bottom-submenu-sheet .service-row>em,
.ddak-bottom-submenu-sheet .service-row>.text-btn{
  min-width:max-content;max-width:none;white-space:nowrap;justify-self:end;
}
@media(max-width:360px){
  .ddak-bottom-submenu-sheet .service-row>strong,
  .ddak-bottom-submenu-sheet .service-row>em,
  .ddak-bottom-submenu-sheet .service-row>.text-btn{min-width:0;max-width:100%;white-space:normal;justify-self:start;text-align:left}
}

/* v126.8d · treat the high-resolution pose art as an intentional character tile in dark mode too. */
.ddak-bottom-submenu-sheet .ddak-sheet-ddaki{overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary)}
.ddak-bottom-submenu-sheet .ddak-sheet-ddaki .ddak-mascot{border-radius:var(--radius-lg)}


/* ========================================================================== 
   v126.10 · Home Feed Reconstruction + Contextual Ddaki Pose Assets
   Keeps the existing shell/navigation but removes the dashboard-card feeling.
   ========================================================================== */
.ddak-home-v10{display:block;max-width:760px;margin:0 auto;padding:12px 17px 26px}
.ddak-home-v10 .ddak-home-business-context{margin-bottom:12px;box-shadow:none}
.ddak-home-briefing{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 132px;min-height:188px;gap:10px;align-items:end;padding:20px 14px 16px 18px;border:1px solid color-mix(in srgb,var(--brand-primary) 20%,var(--border-default));border-radius:var(--radius-xl);background:var(--brand-softer);overflow:hidden}
.ddak-home-briefing.is-attention{border-color:color-mix(in srgb,var(--semantic-warning) 32%,var(--border-default));background:color-mix(in srgb,var(--semantic-warning-soft) 62%,var(--surface-primary))}
.ddak-home-briefing-copy{position:relative;z-index:2;min-width:0;align-self:center;display:grid;justify-items:start}
.ddak-home-eyebrow{display:block;margin-bottom:8px;color:var(--brand-primary);font-size:12px;line-height:1.35;font-weight:700}
.ddak-home-briefing-copy h1{margin:0 0 8px;font-size:22px;line-height:1.3;font-weight:700;color:var(--text-primary)}
.ddak-home-briefing-copy>strong{display:block;max-width:30rem;margin:0 0 5px;font-size:15px;line-height:1.45;font-weight:700;color:var(--text-primary);overflow-wrap:anywhere}
.ddak-home-briefing-copy>p{max-width:31rem;margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.ddak-home-briefing-copy>small{display:block;margin-top:8px;color:var(--text-tertiary);font-size:12px;line-height:1.45}
.ddak-home-briefing-copy>button{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin-top:9px;padding:0;color:var(--brand-primary);font-size:12px;font-weight:700;text-align:left}
.ddak-home-briefing-copy>button .ddak-icon{width:15px;height:15px}
.ddak-home-briefing-character{position:relative;z-index:1;align-self:end;justify-self:end;width:132px;height:152px;display:grid;place-items:end center;pointer-events:none}
.ddak-home-briefing-character:before{content:"";position:absolute;left:15%;right:8%;bottom:4px;height:22px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--brand-primary) 8%,transparent);filter:blur(7px)}
.ddak-mascot-stage-home-v10{width:132px;height:150px;max-width:none}
.ddak-mascot-stage-home-v10 .ddak-mascot-actor{width:100%;height:100%;max-width:none}
.ddak-mascot-stage-home-v10 .ddak-mascot-pose-asset{width:100%;height:100%;object-fit:contain;object-position:center bottom}

.ddak-home-feed-section{margin-top:24px}
.ddak-home-feed-head{min-height:46px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px}
.ddak-home-feed-head>div{min-width:0;display:grid;gap:2px}
.ddak-home-feed-head>div>span{color:var(--text-tertiary);font-size:12px;line-height:1.35;font-weight:600}
.ddak-home-feed-head h2{margin:0;color:var(--text-primary);font-size:17px;line-height:1.35;font-weight:700}
.ddak-home-feed-head>button{display:inline-flex;align-items:center;gap:3px;min-height:44px;padding:0;color:var(--brand-primary);font-size:12px;font-weight:700;white-space:nowrap}
.ddak-home-feed-head>button .ddak-icon{width:14px;height:14px}

.ddak-home-core-summary{padding:0}
.ddak-home-primary-metric{width:100%;min-height:86px;padding:14px 14px 13px;border:1px solid color-mix(in srgb,var(--brand-primary) 25%,var(--border-default));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-primary);display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left}
.ddak-home-primary-metric>span:first-child{min-width:0;display:grid;gap:4px}
.ddak-home-primary-metric small{color:var(--text-secondary);font-size:12px;line-height:1.35}
.ddak-home-primary-metric strong{font-size:25px;line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ddak-home-primary-metric>span:last-child{display:grid;justify-items:end;gap:5px;flex:0 0 auto;color:var(--text-tertiary)}
.ddak-home-primary-metric>span:last-child>.ddak-icon{width:17px;height:17px;color:var(--brand-primary)}
.ddak-home-metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border-default);border-top:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--surface-primary);overflow:hidden}
.ddak-home-metric-strip>button{min-width:0;min-height:82px;padding:12px 10px;border-right:1px solid var(--border-subtle);display:grid;align-content:center;gap:4px;text-align:left;background:transparent}
.ddak-home-metric-strip>button:last-child{border-right:0}
.ddak-home-metric-strip small{color:var(--text-secondary);font-size:12px;line-height:1.35}
.ddak-home-metric-strip strong{font-size:14px;line-height:1.35;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ddak-home-metric-strip .ddak-ui-delta{font-size:12px}

.ddak-home-v10 .ddak-ui-status-list,.ddak-home-v10 .ddak-ui-feed-list,.ddak-home-action-list{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);overflow:hidden;box-shadow:none}
.ddak-home-v10 .ddak-ui-status-row,.ddak-home-v10 .ddak-ui-feed-row{min-height:68px;padding:10px 12px;border-bottom:1px solid var(--border-subtle);background:transparent}
.ddak-home-v10 .ddak-ui-status-row:last-child,.ddak-home-v10 .ddak-ui-feed-row:last-child{border-bottom:0}
.ddak-home-v10 .ddak-ui-status-row:active,.ddak-home-v10 .ddak-ui-feed-row:active{background:var(--surface-secondary)}
.ddak-home-action-list{display:grid}
.ddak-home-action-list>button{width:100%;min-height:68px;padding:10px 12px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;align-items:center;border-bottom:1px solid var(--border-subtle);background:transparent;text-align:left;color:var(--text-primary)}
.ddak-home-action-list>button:last-child{border-bottom:0}
.ddak-home-action-list>button:active{background:var(--surface-secondary)}
.ddak-home-action-list>button.primary{background:var(--brand-softer)}
.ddak-home-action-list>button>span:nth-child(2){min-width:0;display:grid;gap:3px}
.ddak-home-action-list b{font-size:14px;line-height:1.35;font-weight:700}
.ddak-home-action-list small{font-size:12px;line-height:1.42;color:var(--text-secondary);overflow-wrap:anywhere}
.ddak-home-action-list>button>.ddak-icon{width:17px;height:17px;color:var(--text-tertiary)}
.ddak-home-action-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center}
.ddak-home-action-list>button.primary .ddak-home-action-icon{background:var(--brand-primary);color:var(--text-inverse)}
.ddak-home-action-icon .ddak-icon{width:19px;height:19px}

/* Real pose assets: the body gesture comes from the artwork, not a fake face overlay. */
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"]{overflow:visible;background:transparent}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"] .ddak-mascot-actor{position:relative;display:block;width:100%;height:100%;max-width:100%;aspect-ratio:auto;transform:none;transform-origin:center bottom;will-change:transform}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"] .ddak-mascot{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;transform:none;mix-blend-mode:normal;filter:none;border-radius:0}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"].ddak-mascot-pose-hello .ddak-mascot-actor{animation:ddaki-v10-wave 4.6s ease-in-out infinite}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"].ddak-mascot-pose-curious .ddak-mascot-actor,.ddak-mascot-stage[data-ddaki-renderer="pose-asset"].ddak-mascot-pose-thinking .ddak-mascot-actor,.ddak-mascot-stage[data-ddaki-renderer="pose-asset"].ddak-mascot-pose-focus .ddak-mascot-actor{animation:ddaki-v10-think 5s ease-in-out infinite}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"].ddak-mascot-pose-success .ddak-mascot-actor,.ddak-mascot-stage[data-ddaki-renderer="pose-asset"].ddak-mascot-pose-celebrate .ddak-mascot-actor{animation:ddaki-v10-success 3.9s ease-in-out infinite}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"].ddak-mascot-pose-support .ddak-mascot-actor{animation:ddaki-v10-support 4.8s ease-in-out infinite}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"].ddak-mascot-pose-warning .ddak-mascot-actor{animation:ddaki-v10-warning 4.2s ease-in-out infinite}
@keyframes ddaki-v10-wave{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes ddaki-v10-think{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-1deg)}}
@keyframes ddaki-v10-success{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.015)}}
@keyframes ddaki-v10-support{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
@keyframes ddaki-v10-warning{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}

html[data-theme="dark"] .ddak-home-briefing{background:color-mix(in srgb,var(--brand-soft) 72%,var(--surface-primary));border-color:color-mix(in srgb,var(--brand-primary) 30%,var(--border-default))}
html[data-theme="dark"] .ddak-home-briefing.is-attention{background:color-mix(in srgb,var(--semantic-warning-soft) 45%,var(--surface-primary))}

@media(max-width:430px){
  .ddak-home-v10{padding-left:16px;padding-right:16px}
  .ddak-home-briefing{grid-template-columns:minmax(0,1fr) 116px;min-height:182px;padding:18px 10px 14px 16px}
  .ddak-home-briefing-character{width:116px;height:140px}
  .ddak-mascot-stage-home-v10{width:116px;height:138px}
  .ddak-home-briefing-copy h1{font-size:20px}
  .ddak-home-primary-metric strong{font-size:23px}
}
@media(max-width:359px){
  .ddak-home-v10{padding-left:14px;padding-right:14px}
  .ddak-home-briefing{grid-template-columns:minmax(0,1fr) 98px;min-height:178px;padding-left:14px}
  .ddak-home-briefing-character{width:98px;height:124px}
  .ddak-mascot-stage-home-v10{width:98px;height:122px}
  .ddak-home-briefing-copy>p{font-size:12px}
  .ddak-home-briefing-copy>small{display:none}
  .ddak-home-metric-strip{grid-template-columns:1fr}
  .ddak-home-metric-strip>button{min-height:62px;border-right:0;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
  .ddak-home-metric-strip>button:last-child{border-bottom:0}
}
@media(min-width:760px){
  .ddak-home-v10{max-width:780px;padding-top:18px}
  .ddak-home-briefing{grid-template-columns:minmax(0,1fr) 170px;padding:24px 20px 20px 22px;min-height:210px}
  .ddak-home-briefing-character{width:170px;height:174px}
  .ddak-mascot-stage-home-v10{width:170px;height:172px}
}
@media(prefers-reduced-motion:reduce){
  .ddak-mascot-stage[data-ddaki-renderer="pose-asset"] .ddak-mascot-actor{animation:none}
}
.ddak-home-recent{padding-bottom:8px}
.ddak-home-utility-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.ddak-home-utility-strip>button{min-width:0;min-height:50px;padding:6px 8px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:700}
.ddak-home-utility-strip .ddak-icon{width:16px;height:16px;color:var(--brand-primary)}
@media(max-width:359px){.ddak-home-utility-strip{gap:6px}.ddak-home-utility-strip>button{padding-inline:5px;font-size:12px}}

/* v126.11 login character recovery: primary pose -> official bundled fallback -> brand-safe fallback. */
.ddak-mascot-fallback{position:absolute;inset:12%;display:none;place-items:center;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--brand-soft);color:var(--brand-primary)}
.ddak-mascot-fallback>b{display:grid;place-items:center;width:54%;aspect-ratio:1;border-radius:var(--radius-xl);background:var(--brand-primary);color:var(--brand-on-primary);font-size:clamp(22px,8vw,40px);font-weight:700;box-shadow:var(--shadow-card)}
.ddak-mascot-stage.is-fallback .ddak-mascot-fallback{display:grid}
.ddak-mascot-stage.is-fallback .ddak-mascot-actor{visibility:hidden}
.ddak-mascot-stage.is-using-fallback .ddak-mascot-fallback{display:none}

/* ========================================================================== 
   v126.11 · Login Ddaki Recovery + Business Command Home
   Keeps the existing app shell/navigation contracts; only presentation hierarchy changes.
   ========================================================================== */
.ddak-home-topbar .app-header-left{min-width:0;flex:1}
.ddak-home-business-switch{min-width:0;max-width:min(270px,72vw);height:44px;padding:0 4px;display:inline-flex;align-items:center;gap:4px;color:var(--text-primary);font-size:15px;font-weight:700;text-align:left}
.ddak-home-business-switch>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ddak-home-business-switch>.ddak-icon{width:16px;height:16px;flex:0 0 16px;color:var(--text-tertiary)}
.ddak-home-notification-button{position:relative}
.ddak-home-notification-button .ddak-header-unread{position:absolute;top:3px;right:2px;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--surface-page);border-radius:var(--radius-full);background:var(--semantic-danger);color:var(--text-inverse);display:grid;place-items:center;font-size:12px;font-weight:700;line-height:1}

.ddak-home-v11{display:block;max-width:760px;margin:0 auto;padding:12px 17px 28px}
.ddak-home-command-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 132px;min-height:204px;gap:12px;align-items:end;padding:20px 14px 18px 18px;border:1px solid color-mix(in srgb,var(--brand-primary) 20%,var(--border-default));border-radius:var(--radius-xl);background:var(--brand-softer);overflow:hidden}
.ddak-home-command-hero.is-attention{border-color:color-mix(in srgb,var(--semantic-warning) 34%,var(--border-default));background:color-mix(in srgb,var(--semantic-warning-soft) 56%,var(--surface-primary))}
.ddak-home-command-copy{position:relative;z-index:2;min-width:0;align-self:center;display:grid;justify-items:start}
.ddak-home-situation{display:inline-flex;align-items:center;min-height:26px;margin-bottom:9px;padding:0 9px;border-radius:var(--radius-full);font-size:12px;font-weight:700}
.ddak-home-situation.good{background:var(--semantic-success-soft);color:var(--semantic-success)}
.ddak-home-situation.warn{background:var(--semantic-warning-soft);color:var(--semantic-warning)}
.ddak-home-situation.blue{background:var(--brand-soft);color:var(--brand-primary)}
.ddak-home-situation.off{background:var(--surface-secondary);color:var(--text-secondary)}
.ddak-home-eyebrow{display:block;margin-bottom:4px;color:var(--brand-primary);font-size:12px;line-height:1.35;font-weight:700}
.ddak-home-command-copy h1{margin:0 0 8px;color:var(--text-primary);font-size:22px;line-height:1.32;font-weight:700}
.ddak-home-command-copy>strong{display:block;max-width:31rem;margin-bottom:6px;color:var(--text-primary);font-size:15px;line-height:1.46;font-weight:700;overflow-wrap:anywhere}
.ddak-home-command-copy>p{max-width:31rem;margin:0;color:var(--text-secondary);font-size:13px;line-height:1.58;overflow-wrap:anywhere}
.ddak-home-command-actions{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:10px}
.ddak-home-command-actions>button{min-height:44px;padding:0;display:inline-flex;align-items:center;gap:4px;color:var(--brand-primary);font-size:12px;font-weight:700;text-align:left}
.ddak-home-command-actions>button+button{color:var(--text-secondary)}
.ddak-home-command-actions .ddak-icon{width:15px;height:15px}
.ddak-home-command-character{position:relative;z-index:1;align-self:end;justify-self:end;width:132px;height:160px;display:grid;place-items:end center;pointer-events:none}
.ddak-home-command-character:before{content:"";position:absolute;left:12%;right:8%;bottom:4px;height:22px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--brand-primary) 8%,transparent);filter:blur(7px)}
.ddak-mascot-stage-home-v11{width:132px;height:158px;max-width:none}
.ddak-mascot-stage-home-v11 .ddak-mascot-actor{width:100%;height:100%;max-width:none}
.ddak-mascot-stage-home-v11 .ddak-mascot-pose-asset{width:100%;height:100%;object-fit:contain;object-position:center bottom}

.ddak-home-v11 .ddak-home-feed-section{margin-top:24px}
.ddak-home-v11 .ddak-home-feed-head{min-height:46px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px}
.ddak-home-v11 .ddak-home-feed-head>div{min-width:0;display:grid;gap:2px}
.ddak-home-v11 .ddak-home-feed-head>div>span{color:var(--text-tertiary);font-size:12px;line-height:1.35;font-weight:600}
.ddak-home-v11 .ddak-home-feed-head h2{margin:0;color:var(--text-primary);font-size:18px;line-height:1.35;font-weight:700}
.ddak-home-v11 .ddak-home-feed-head>button{display:inline-flex;align-items:center;gap:3px;min-height:44px;padding:0;color:var(--brand-primary);font-size:12px;font-weight:700;white-space:nowrap}
.ddak-home-v11 .ddak-home-feed-head>button .ddak-icon{width:14px;height:14px}

.ddak-home-metric-list,.ddak-home-ad-list,.ddak-home-request-status,.ddak-home-recent-list{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);overflow:hidden}
.ddak-home-metric-list>button{width:100%;min-height:72px;padding:11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--border-subtle);background:transparent;text-align:left;color:var(--text-primary)}
.ddak-home-metric-list>button:last-child{border-bottom:0}
.ddak-home-metric-list>button.primary{min-height:84px;background:var(--brand-softer)}
.ddak-home-metric-list>button>span:first-child{min-width:0;display:grid;gap:2px}
.ddak-home-metric-list small{color:var(--text-secondary);font-size:12px;line-height:1.4}
.ddak-home-metric-list b{color:var(--text-primary);font-size:17px;line-height:1.35;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ddak-home-metric-list>button.primary b{font-size:24px}
.ddak-home-metric-list em{color:var(--text-tertiary);font-size:12px;line-height:1.42;font-style:normal}
.ddak-home-metric-list>button>span:last-child{display:grid;justify-items:end;gap:4px;color:var(--text-tertiary)}
.ddak-home-metric-list>button>span:last-child>.ddak-icon{width:16px;height:16px;color:var(--brand-primary)}

.ddak-home-ad-list>button{width:100%;min-height:70px;padding:10px 12px;display:grid;grid-template-columns:36px minmax(0,1fr) auto 16px;gap:10px;align-items:center;border-bottom:1px solid var(--border-subtle);background:transparent;text-align:left;color:var(--text-primary)}
.ddak-home-ad-list>button:last-child{border-bottom:0}
.ddak-home-ad-list>button:active,.ddak-home-metric-list>button:active,.ddak-home-request-status>button:active{background:var(--surface-secondary)}
.ddak-home-ad-provider{width:36px;height:36px;display:grid;place-items:center}
.ddak-home-ad-list>button>span:nth-child(2){min-width:0;display:grid;gap:3px}
.ddak-home-ad-list b{font-size:14px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
.ddak-home-ad-list small{color:var(--text-secondary);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.ddak-home-ad-list em{min-height:26px;padding:0 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center;font-size:12px;font-style:normal;font-weight:700;white-space:nowrap}
.ddak-home-ad-list em.good{background:var(--semantic-success-soft);color:var(--semantic-success)}
.ddak-home-ad-list em.warn{background:var(--semantic-warning-soft);color:var(--semantic-warning)}
.ddak-home-ad-list em.blue{background:var(--brand-soft);color:var(--brand-primary)}
.ddak-home-ad-list em.off{background:var(--surface-secondary);color:var(--text-secondary)}
.ddak-home-ad-list>button>.ddak-icon{width:16px;height:16px;color:var(--text-tertiary)}

.ddak-home-empty{padding:18px 16px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);display:grid;gap:6px}
.ddak-home-empty b{font-size:14px}.ddak-home-empty>span{color:var(--text-secondary);font-size:12px;line-height:1.5}.ddak-home-empty>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ddak-home-empty button{min-height:44px;padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);color:var(--brand-primary);font-size:12px;font-weight:700}.ddak-home-empty.compact{padding:14px}

.ddak-home-operations-command{padding:17px;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));border-radius:var(--radius-xl);background:var(--surface-primary)}
.ddak-home-operations-command .ddak-home-feed-head{margin-bottom:4px}
.ddak-home-operations-copy{margin:0 0 13px;color:var(--text-secondary);font-size:12px;line-height:1.55}
.ddak-home-operation-commands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ddak-home-operation-commands>button{min-width:0;min-height:68px;padding:10px 11px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;color:var(--text-primary);text-align:left}
.ddak-home-operation-commands>button>.ddak-icon{width:20px;height:20px;color:var(--brand-primary);justify-self:center}
.ddak-home-operation-commands>button>span{min-width:0;display:grid;gap:2px}
.ddak-home-operation-commands b{font-size:13px;font-weight:700}.ddak-home-operation-commands small{color:var(--text-secondary);font-size:12px;line-height:1.35}
.ddak-home-direct-operation{width:100%;min-height:58px;margin-top:8px;padding:9px 11px;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--brand-on-primary);display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:8px;align-items:center;text-align:left}
.ddak-home-direct-operation>.ddak-icon{width:20px;height:20px}.ddak-home-direct-operation>.ddak-icon:last-child{width:16px;height:16px}
.ddak-home-direct-operation>span{display:grid;gap:1px}.ddak-home-direct-operation b{font-size:13px}.ddak-home-direct-operation small{color:color-mix(in srgb,var(--brand-on-primary) 82%,transparent);font-size:12px;line-height:1.35}
.ddak-home-request-empty{min-height:44px;margin-top:8px;padding:0 2px;display:flex;align-items:center;color:var(--text-secondary);font-size:12px}
.ddak-home-request-empty>span{display:flex;align-items:center;gap:6px}.ddak-home-request-empty .ddak-icon{width:16px;height:16px;color:var(--semantic-success)}
.ddak-home-request-status{margin-top:10px}
.ddak-home-request-status-head{min-height:42px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:var(--surface-secondary)}
.ddak-home-request-status-head b{font-size:12px}.ddak-home-request-status-head button{min-height:44px;color:var(--brand-primary);font-size:12px;font-weight:700}
.ddak-home-request-status>button{width:100%;min-height:60px;padding:9px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--border-subtle);background:transparent;text-align:left;color:var(--text-primary)}
.ddak-home-request-status>button:last-child{border-bottom:0}.ddak-home-request-status>button>span{min-width:0;display:grid;gap:3px}.ddak-home-request-status b{font-size:13px}.ddak-home-request-status small{font-size:12px;color:var(--text-secondary)}
.ddak-home-request-status em{min-height:26px;padding:0 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center;font-size:12px;font-style:normal;font-weight:700;white-space:nowrap}.ddak-home-request-status em.good{background:var(--semantic-success-soft);color:var(--semantic-success)}.ddak-home-request-status em.warn{background:var(--semantic-warning-soft);color:var(--semantic-warning)}.ddak-home-request-status em.blue{background:var(--brand-soft);color:var(--brand-primary)}.ddak-home-request-status em.off{background:var(--surface-secondary);color:var(--text-secondary)}

.ddak-home-ai-recommendation-card{padding:14px;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));border-radius:var(--radius-lg);background:var(--brand-softer);display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start}
.ddak-home-ai-recommendation-card>span{width:38px;height:38px;border-radius:var(--radius-md);background:var(--surface-primary);color:var(--brand-primary);display:grid;place-items:center}.ddak-home-ai-recommendation-card>span>.ddak-icon{width:20px;height:20px}
.ddak-home-ai-recommendation-card>div{min-width:0}.ddak-home-ai-recommendation-card b{font-size:14px;line-height:1.45}.ddak-home-ai-recommendation-card p{margin:5px 0 10px;color:var(--text-secondary);font-size:12px;line-height:1.55}.ddak-home-ai-recommendation-card>div>div{display:flex;flex-wrap:wrap;gap:8px}.ddak-home-ai-recommendation-card button{min-height:44px;padding:0 11px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--brand-primary);font-size:12px;font-weight:700}

.ddak-home-recent-list>div{min-height:62px;padding:9px 11px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;border-bottom:1px solid var(--border-subtle)}
.ddak-home-recent-list>div:last-child{border-bottom:0}.ddak-home-recent-icon{width:34px;height:34px;border-radius:var(--radius-md);background:var(--semantic-success-soft);color:var(--semantic-success);display:grid;place-items:center}.ddak-home-recent-icon .ddak-icon{width:17px;height:17px}.ddak-home-recent-list>div>span:last-child{min-width:0;display:grid;gap:3px}.ddak-home-recent-list b{font-size:13px}.ddak-home-recent-list small{color:var(--text-secondary);font-size:12px;line-height:1.4}

html[data-theme="dark"] .ddak-home-command-hero{background:color-mix(in srgb,var(--brand-soft) 72%,var(--surface-primary));border-color:color-mix(in srgb,var(--brand-primary) 28%,var(--border-default))}
html[data-theme="dark"] .ddak-home-command-hero.is-attention{background:color-mix(in srgb,var(--semantic-warning-soft) 44%,var(--surface-primary))}
html[data-theme="dark"] .ddak-home-notification-button .ddak-header-unread{border-color:var(--surface-page)}

@media(max-width:430px){
  .ddak-home-v11{padding-left:16px;padding-right:16px}
  .ddak-home-command-hero{grid-template-columns:minmax(0,1fr) 112px;min-height:194px;padding:18px 10px 16px 16px}
  .ddak-home-command-character{width:112px;height:148px}.ddak-mascot-stage-home-v11{width:112px;height:146px}
  .ddak-home-command-copy h1{font-size:20px}.ddak-home-metric-list>button.primary b{font-size:22px}
}
@media(max-width:359px){
  .ddak-home-v11{padding-left:14px;padding-right:14px}
  .ddak-home-command-hero{grid-template-columns:minmax(0,1fr) 94px;min-height:190px;padding-left:14px}
  .ddak-home-command-character{width:94px;height:132px}.ddak-mascot-stage-home-v11{width:94px;height:130px}
  .ddak-home-command-copy>p{font-size:12px}.ddak-home-operation-commands{grid-template-columns:1fr}.ddak-home-ad-list>button{grid-template-columns:34px minmax(0,1fr) auto}.ddak-home-ad-list>button>.ddak-icon{display:none}.ddak-home-ad-list em{font-size:12px;padding-inline:6px}
}
@media(min-width:760px){
  .ddak-home-v11{max-width:800px;padding-top:18px}.ddak-home-command-hero{grid-template-columns:minmax(0,1fr) 174px;padding:24px 20px 20px 22px;min-height:218px}.ddak-home-command-character{width:174px;height:184px}.ddak-mascot-stage-home-v11{width:174px;height:182px}.ddak-home-operation-commands{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ========================================================================== 
   v126.12 · Greenfield Advertiser Home + Ddaki AI Navigation Identity
   ========================================================================== */
.ddak-ai-nav-item .app-nav-icon{width:38px;height:38px;margin-top:-6px;margin-bottom:-2px;overflow:visible}
.ddak-nav-ddaki-face{position:relative;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--surface-primary);border:1px solid color-mix(in srgb,var(--brand-primary) 16%,var(--border-default));overflow:hidden;box-shadow:0 2px 8px color-mix(in srgb,var(--text-primary) 7%,transparent);transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}
.ddak-nav-ddaki-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.04);transition:transform var(--motion-fast)}
.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:38px;height:38px;border-color:color-mix(in srgb,var(--brand-primary) 48%,var(--border-default));background:var(--brand-softer);box-shadow:0 3px 12px color-mix(in srgb,var(--brand-primary) 16%,transparent)}
.ddak-ai-nav-item.active .ddak-nav-ddaki-image{transform:scale(1.08)}
.ddak-nav-ddaki-face.is-fallback:before{content:'딱';position:absolute;inset:0;display:grid;place-items:center;background:var(--brand-primary);color:var(--brand-on-primary);font-size:13px;font-weight:700}
.ddak-ai-nav-item .app-nav-label{font-weight:700;color:color-mix(in srgb,var(--brand-primary) 68%,var(--text-secondary))}
.ddak-ai-nav-item.active .app-nav-label{color:var(--brand-primary)}
@keyframes ddaki-nav-hello{0%{transform:scale(.94)}70%{transform:scale(1.06)}100%{transform:scale(1)}}
.ddak-ai-nav-item.active .ddak-nav-ddaki-face{animation:ddaki-nav-hello 220ms ease-out 1}

.ddak-home-v12{max-width:780px;margin:0 auto;padding:10px 17px 32px;color:var(--text-primary)}
.ddak-home-v12-offline{min-height:58px;margin:0 0 12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--semantic-warning-soft);color:var(--semantic-warning);display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:center}
.ddak-home-v12-offline>.ddak-icon{width:20px;height:20px}.ddak-home-v12-offline>span{display:grid;gap:2px}.ddak-home-v12-offline b{font-size:13px}.ddak-home-v12-offline small{font-size:12px;line-height:1.45;color:color-mix(in srgb,var(--semantic-warning) 78%,var(--text-secondary))}
.ddak-home-v12-hero{position:relative;min-height:238px;padding:22px 134px 20px 18px;border-radius:var(--radius-xl);background:linear-gradient(155deg,var(--brand-softer),color-mix(in srgb,var(--surface-primary) 88%,var(--brand-soft)));overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,var(--border-default))}
.ddak-home-v12-hero[data-home-state="warning"]{background:linear-gradient(155deg,var(--semantic-warning-soft),var(--surface-primary));border-color:color-mix(in srgb,var(--semantic-warning) 28%,var(--border-default))}
.ddak-home-v12-hero-copy{position:relative;z-index:2;max-width:470px}
.ddak-home-v12-state{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border-radius:var(--radius-full);font-size:12px;font-weight:700;background:var(--surface-primary);color:var(--text-secondary)}
.ddak-home-v12-state>i{width:7px;height:7px;border-radius:50%;background:currentColor}.ddak-home-v12-state.good{color:var(--semantic-success)}.ddak-home-v12-state.warning{color:var(--semantic-warning)}.ddak-home-v12-state.info{color:var(--brand-primary)}
.ddak-home-v12-greeting{margin:13px 0 3px;font-size:13px;color:var(--text-secondary)}
.ddak-home-v12-hero h1{margin:0;max-width:430px;font-size:22px;line-height:1.38;font-weight:700;overflow-wrap:anywhere}.ddak-home-v12-hero-copy>p:not(.ddak-home-v12-greeting){margin:8px 0 0;max-width:440px;font-size:13px;line-height:1.58;color:var(--text-secondary);overflow-wrap:anywhere}
.ddak-home-v12-hero-meta{min-height:24px;margin-top:10px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;color:var(--text-tertiary);font-size:12px}.ddak-home-v12-hero-meta>span{display:inline-flex;align-items:center;gap:4px}.ddak-home-v12-hero-meta .ddak-icon{width:14px;height:14px}.ddak-home-v12-hero-meta .warning{color:var(--semantic-warning);font-weight:700}
.ddak-home-v12-hero-actions{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:12px}.ddak-home-v12-hero-actions>button{min-height:44px;padding:0;display:inline-flex;align-items:center;gap:5px;color:var(--brand-primary);font-size:12px;font-weight:700;text-align:left}.ddak-home-v12-hero-actions>button:last-child{color:var(--text-secondary)}.ddak-home-v12-hero-actions .ddak-icon{width:16px;height:16px}
.ddak-home-v12-hero-character{position:absolute;right:-4px;bottom:-1px;width:140px;height:184px;display:grid;place-items:end center;pointer-events:none}.ddak-home-v12-ddaki{width:140px;height:180px;max-width:none}.ddak-home-v12-ddaki .ddak-mascot-actor{width:100%;height:100%}.ddak-home-v12-ddaki .ddak-mascot{object-fit:contain;object-position:center bottom}

.ddak-home-v12-section{margin-top:26px}.ddak-home-v12-section-head{min-height:48px;margin-bottom:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.ddak-home-v12-section-head>div{min-width:0;display:grid;gap:2px}.ddak-home-v12-section-head>div>span{font-size:12px;line-height:1.3;color:var(--text-tertiary);font-weight:600}.ddak-home-v12-section-head h2{margin:0;font-size:18px;line-height:1.38;font-weight:700;letter-spacing:0}.ddak-home-v12-section-head>button{min-height:44px;display:inline-flex;align-items:center;gap:3px;color:var(--brand-primary);font-size:12px;font-weight:700;white-space:nowrap}.ddak-home-v12-section-head>button .ddak-icon{width:14px;height:14px}
.ddak-home-v12-priority-list{border-top:1px solid var(--border-default)}.ddak-home-v12-priority-item{min-height:82px;padding:13px 0;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid var(--border-subtle)}.ddak-home-v12-priority-marker{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface-secondary);color:var(--text-secondary)}.ddak-home-v12-priority-marker .ddak-icon{width:18px;height:18px}.ddak-home-v12-priority-item.warning .ddak-home-v12-priority-marker,.ddak-home-v12-priority-item.critical .ddak-home-v12-priority-marker{background:var(--semantic-warning-soft);color:var(--semantic-warning)}.ddak-home-v12-priority-item.good .ddak-home-v12-priority-marker{background:var(--semantic-success-soft);color:var(--semantic-success)}.ddak-home-v12-priority-item>div{min-width:0;display:grid;gap:2px}.ddak-home-v12-priority-item small{font-size:12px;color:var(--text-tertiary)}.ddak-home-v12-priority-item b{font-size:14px;line-height:1.4}.ddak-home-v12-priority-item p{margin:1px 0 0;font-size:12px;line-height:1.48;color:var(--text-secondary)}.ddak-home-v12-priority-item>button{min-width:66px;min-height:44px;display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;color:var(--brand-primary);font-size:12px;font-weight:700;white-space:nowrap}.ddak-home-v12-priority-item>button .ddak-icon{width:14px;height:14px}

.ddak-home-v12-story-metrics{border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.ddak-home-v12-story-metrics>button{width:100%;min-height:78px;padding:11px 2px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--border-subtle);text-align:left;color:var(--text-primary)}.ddak-home-v12-story-metrics>button:last-child{border-bottom:0}.ddak-home-v12-story-metrics>button>span:first-child{min-width:0;display:grid;gap:2px}.ddak-home-v12-story-metrics small{font-size:12px;color:var(--text-secondary)}.ddak-home-v12-story-metrics strong{font-size:19px;line-height:1.35;font-weight:700;font-variant-numeric:tabular-nums}.ddak-home-v12-story-metrics>button.primary strong{font-size:23px}.ddak-home-v12-story-metrics em{font-size:12px;line-height:1.4;color:var(--text-tertiary);font-style:normal}.ddak-home-v12-delta{font-size:12px;font-weight:700;white-space:nowrap}.ddak-home-v12-delta.positive{color:var(--semantic-success)}.ddak-home-v12-delta.negative{color:var(--semantic-danger)}.ddak-home-v12-delta.neutral{color:var(--text-secondary)}

.ddak-home-v12-ad-list{border-top:1px solid var(--border-default)}.ddak-home-v12-ad-list>button{width:100%;min-height:70px;padding:10px 0;display:grid;grid-template-columns:36px minmax(0,1fr) auto 16px;gap:10px;align-items:center;border-bottom:1px solid var(--border-subtle);text-align:left;color:var(--text-primary)}.ddak-home-v12-ad-list>button>span:nth-child(2){min-width:0;display:grid;gap:2px}.ddak-home-v12-ad-list b{font-size:14px;line-height:1.4}.ddak-home-v12-ad-list small{font-size:12px;line-height:1.4;color:var(--text-secondary)}.ddak-home-v12-ad-list em{min-height:27px;padding:0 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center;font-size:12px;font-weight:700;font-style:normal;white-space:nowrap}.ddak-home-v12-ad-list em.good{background:var(--semantic-success-soft);color:var(--semantic-success)}.ddak-home-v12-ad-list em.warning{background:var(--semantic-warning-soft);color:var(--semantic-warning)}.ddak-home-v12-ad-list em.info{background:var(--brand-soft);color:var(--brand-primary)}.ddak-home-v12-ad-list em.muted{background:var(--surface-secondary);color:var(--text-secondary)}.ddak-home-v12-ad-list>button>.ddak-icon{width:16px;height:16px;color:var(--text-tertiary)}
.ddak-home-v12-empty{padding:14px 0;display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.ddak-home-v12-empty>span{width:78px;height:78px}.ddak-home-v12-empty-ddaki{width:78px;height:78px}.ddak-home-v12-empty>div{min-width:0}.ddak-home-v12-empty b{font-size:14px}.ddak-home-v12-empty p{margin:4px 0 9px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.ddak-home-v12-empty button{min-height:44px;margin-right:8px;color:var(--brand-primary);font-size:12px;font-weight:700}

.ddak-home-v12-operation-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ddak-home-v12-operation-strip>button{min-height:70px;padding:9px 6px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--text-primary);font-size:12px;font-weight:700;text-align:center}.ddak-home-v12-operation-strip .ddak-icon{width:20px;height:20px;color:var(--brand-primary)}.ddak-home-v12-direct-request{width:100%;min-height:60px;margin-top:9px;padding:9px 11px;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--brand-on-primary);display:grid;grid-template-columns:28px minmax(0,1fr) 16px;gap:9px;align-items:center;text-align:left}.ddak-home-v12-direct-request>.ddak-icon{width:20px;height:20px}.ddak-home-v12-direct-request>.ddak-icon:last-child{width:16px;height:16px}.ddak-home-v12-direct-request>span{display:grid;gap:2px}.ddak-home-v12-direct-request b{font-size:13px}.ddak-home-v12-direct-request small{font-size:12px;line-height:1.4;color:color-mix(in srgb,var(--brand-on-primary) 82%,transparent)}
.ddak-home-v12-request-note{min-height:46px;margin-top:9px;padding:0 2px;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary)}.ddak-home-v12-request-note>span{width:7px;height:7px;border-radius:50%;background:var(--semantic-success)}.ddak-home-v12-request-list{margin-top:10px;border-top:1px solid var(--border-default)}.ddak-home-v12-request-list>div{min-height:44px;display:flex;align-items:center;justify-content:space-between}.ddak-home-v12-request-list>div b{font-size:12px}.ddak-home-v12-request-list>div button{min-height:44px;color:var(--brand-primary);font-size:12px;font-weight:700}.ddak-home-v12-request-list>button{width:100%;min-height:62px;padding:8px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid var(--border-subtle);text-align:left}.ddak-home-v12-request-list>button>span{min-width:0;display:grid;gap:2px}.ddak-home-v12-request-list b{font-size:13px}.ddak-home-v12-request-list small{font-size:12px;color:var(--text-secondary)}.ddak-home-v12-request-list em{min-height:26px;padding:0 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center;font-size:12px;font-style:normal;font-weight:700}.ddak-home-v12-request-list em.good{background:var(--semantic-success-soft);color:var(--semantic-success)}.ddak-home-v12-request-list em.warning{background:var(--semantic-warning-soft);color:var(--semantic-warning)}.ddak-home-v12-request-list em.info{background:var(--brand-soft);color:var(--brand-primary)}.ddak-home-v12-request-list em.muted{background:var(--surface-secondary);color:var(--text-secondary)}
.ddak-home-v12-recent-list{border-top:1px solid var(--border-default)}.ddak-home-v12-recent-list>div{min-height:60px;padding:9px 0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;border-bottom:1px solid var(--border-subtle)}.ddak-home-v12-recent-list>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--semantic-success-soft);color:var(--semantic-success)}.ddak-home-v12-recent-list .ddak-icon{width:17px;height:17px}.ddak-home-v12-recent-list>div>div{min-width:0;display:grid;gap:2px}.ddak-home-v12-recent-list b{font-size:13px}.ddak-home-v12-recent-list small{font-size:12px;line-height:1.4;color:var(--text-secondary)}

html[data-theme="dark"] .ddak-nav-ddaki-face{background:var(--surface-secondary);border-color:color-mix(in srgb,var(--brand-primary) 24%,var(--border-default))}
html[data-theme="dark"] .ddak-home-v12-hero{background:linear-gradient(155deg,color-mix(in srgb,var(--brand-soft) 70%,var(--surface-primary)),var(--surface-primary))}
html[data-theme="dark"] .ddak-home-v12-hero[data-home-state="warning"]{background:linear-gradient(155deg,color-mix(in srgb,var(--semantic-warning-soft) 50%,var(--surface-primary)),var(--surface-primary))}
@media(max-width:430px){.ddak-home-v12{padding-left:16px;padding-right:16px}.ddak-home-v12-hero{padding:19px 112px 18px 16px;min-height:232px}.ddak-home-v12-hero-character{width:118px;height:164px}.ddak-home-v12-ddaki{width:118px;height:160px}.ddak-home-v12-hero h1{font-size:20px}.ddak-home-v12-section h2{font-size:17px}}
@media(max-width:359px){.ddak-home-v12{padding-left:14px;padding-right:14px}.ddak-home-v12-hero{padding-right:92px;min-height:238px}.ddak-home-v12-hero-character{right:-10px;width:102px;height:150px}.ddak-home-v12-ddaki{width:102px;height:146px}.ddak-home-v12-priority-item{grid-template-columns:34px minmax(0,1fr)}.ddak-home-v12-priority-item>button{grid-column:2;justify-content:flex-start}.ddak-home-v12-ad-list>button{grid-template-columns:34px minmax(0,1fr) auto}.ddak-home-v12-ad-list>button>.ddak-icon{display:none}.ddak-home-v12-operation-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:760px){.ddak-home-v12{max-width:820px;padding-top:18px}.ddak-home-v12-hero{min-height:252px;padding:26px 190px 24px 24px}.ddak-home-v12-hero h1{font-size:24px}.ddak-home-v12-hero-character{right:8px;width:190px;height:218px}.ddak-home-v12-ddaki{width:190px;height:214px}.ddak-home-v12-operation-strip{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:900px){.ddak-ai-nav-item .app-nav-icon{width:36px;height:36px;margin:0}.ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:34px;height:34px}.ddak-ai-nav-item{grid-template-columns:40px 1fr}.ddak-ai-nav-item .app-nav-label{align-self:center}}
@media(prefers-reduced-motion:reduce){.ddak-ai-nav-item.active .ddak-nav-ddaki-face{animation:none}.ddak-nav-ddaki-face,.ddak-nav-ddaki-image{transition:none}}
/* v126.12.1 · Ddaki AI navigation interaction contract */
.ddak-ai-nav-item{min-width:48px;min-height:48px}
.ddak-nav-ddaki-face.is-active{border-color:color-mix(in srgb,var(--brand-primary) 48%,var(--border-default));background:var(--brand-softer);box-shadow:0 3px 12px color-mix(in srgb,var(--brand-primary) 16%,transparent)}
@media(prefers-reduced-motion:reduce){.ddak-nav-ddaki-face.is-active{animation:none;transform:none}}

/* Authenticated reload/error feedback uses the same Ddaki persona system. */
.ddak-loading-ddaki{width:92px;height:92px;margin:0 auto 8px}.ddak-loading-ddaki .ddak-mascot-actor{width:100%;height:100%}.ddak-loading-ddaki .ddak-mascot{object-fit:contain}
.ddak-error-ddaki{width:112px;height:112px;margin:0 auto 2px}.ddak-error-ddaki .ddak-mascot-actor{width:100%;height:100%}.ddak-error-ddaki .ddak-mascot{object-fit:contain}


/* ========================================================================== 
   v126.14 · Advertiser UI/UX Precision Refinement
   Structure/IA/functionality preserved. Final visual-detail layer only.
   ========================================================================== */

/* Interaction foundation: touch, focus and pressed feedback stay subtle. */
button,a,[role="button"]{touch-action:manipulation}
button,.btn,.icon-btn,.inline-action,.section-link,.text-btn,
.ddak-ui-group-row,.ddak-ui-campaign-card,.search-result-row,
.ddak-notification-row,.settings-row,.service-row,.conversation-list button{
  transition:background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),opacity var(--motion-fast),transform var(--motion-fast);
}
button:active:not(:disabled),.btn:active:not(:disabled){transform:scale(.99)}
.icon-btn:active:not(:disabled){background:var(--surface-pressed);transform:scale(.96)}
button:disabled,.btn:disabled{opacity:.46}
::selection{background:color-mix(in srgb,var(--brand-primary) 20%,transparent)}

/* Typography and numeric rhythm. */
.ddak-page-title,.modal-head h2,.modal-head h3,.ddak-ui-section-head h2,.ddak-home-v12-section-head h2{font-weight:700;letter-spacing:0}
.ddak-ui-campaign-metrics strong,.performance-list-row strong,.ddak-performance-safe-kpis strong,
.billing-summary-grid strong,.billing-record-row>strong,.funding-balance strong,.marketing-plan-preview strong,
.ddak-home-v12-story-metrics strong{font-variant-numeric:tabular-nums}
.ddak-ui-row-main small,.ddak-ui-campaign-body small,.ddak-notification-copy small,
.search-result-copy>small,.service-row small,.billing-record-copy small{line-height:1.45}

/* Header: one optical baseline across primary screens. */
.app-header,.ddak-ui-topbar{padding-left:var(--page-padding);padding-right:var(--page-padding)}
.ddak-page-title{font-size:20px;line-height:1.25}
.app-header-actions{gap:2px}
.icon-btn{width:var(--touch-min);height:var(--touch-min);display:grid;place-items:center;border-radius:var(--radius-md);color:var(--text-secondary)}
.icon-btn:is(:hover,:focus-visible){background:var(--surface-secondary);color:var(--text-primary)}
.icon-btn .ddak-icon{width:21px;height:21px}
.ddak-home-business-switch{font-size:15px;gap:5px}
.ddak-home-business-switch:active{opacity:.72}

/* Bottom navigation: same structure/order, improved optical balance. */
.ddak-ui-bottom-nav{padding-top:6px;background:color-mix(in srgb,var(--surface-page) 98%,transparent);box-shadow:0 -5px 18px color-mix(in srgb,var(--text-primary) 4%,transparent)}
.ddak-ui-bottom-nav .app-nav-button{height:58px;gap:3px;border-radius:var(--radius-md)}
.ddak-ui-bottom-nav .app-nav-label{font-size:12px;line-height:1.2;font-weight:600}
.ddak-ui-bottom-nav .app-nav-button:not(.active):active{background:var(--surface-secondary)}
.ddak-ui-bottom-nav .app-nav-button.active .app-nav-label{font-weight:700}
.ddak-ui-bottom-nav .ddak-nav-dot{margin-top:0}
.ddak-ai-nav-item .app-nav-icon{margin-top:-5px;margin-bottom:-1px}
.ddak-nav-ddaki-face{box-shadow:0 1px 5px color-mix(in srgb,var(--text-primary) 7%,transparent)}
.ddak-ai-nav-item.active .ddak-nav-ddaki-face{box-shadow:0 2px 9px color-mix(in srgb,var(--brand-primary) 15%,transparent)}

/* Auth: same composition, tighter brand-to-form rhythm and clearer fields. */
.ddak-auth-card{padding-left:var(--space-5);padding-right:var(--space-5)}
.ddak-auth-copy{margin-top:var(--space-4);margin-bottom:var(--space-5);gap:var(--space-2)}
.ddak-auth-copy h1{font-size:19px}
.ddak-auth-copy p{font-size:13px;line-height:1.55}
.ddak-login-form{gap:var(--space-3)}
.ddak-login-form .field{gap:var(--space-2)}
.ddak-login-form input,.ddak-register-form .field input{height:var(--control-default);padding-inline:var(--space-3);border-color:var(--border-default);background:var(--surface-primary)}
.ddak-login-form input:focus,.ddak-register-form .field input:focus{box-shadow:var(--shadow-focus)}
.ddak-login-primary{height:var(--control-primary);box-shadow:0 6px 16px color-mix(in srgb,var(--brand-primary) 14%,transparent)}
.ddak-login-secondary{height:var(--control-default)}
.ddak-auth-help,.ddak-login-demo-note{margin-top:var(--space-3);line-height:1.55}

/* Home: preserve v13 layout; reduce visual noise and improve reading rhythm. */
.ddak-home-v12{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}
.ddak-home-v12-hero{border-color:color-mix(in srgb,var(--brand-primary) 22%,var(--border-default));box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 2%,transparent)}
.ddak-home-v12-hero-copy{max-width:31rem}
.ddak-home-v12-hero h1{line-height:1.32}
.ddak-home-v12-hero p{line-height:1.58}
.ddak-home-v12-hero-meta{margin-top:var(--space-2);gap:var(--space-2) var(--space-3)}
.ddak-home-v12-section{margin-top:var(--space-6)}
.ddak-home-v12-section-head{min-height:44px;margin-bottom:var(--space-2);align-items:flex-end}
.ddak-home-v12-priority-item{padding-block:var(--space-3)}
.ddak-home-v12-priority-item>button{padding-inline:var(--space-1)}
.ddak-home-v12-ad-list>button{padding-block:var(--space-3)}
.ddak-home-v12-operation-strip{gap:var(--space-2)}
.ddak-home-v12-operation-strip>button{border-color:var(--border-default);background:var(--surface-primary)}
.ddak-home-v12-operation-strip>button:is(:hover,:focus-visible){border-color:color-mix(in srgb,var(--brand-primary) 32%,var(--border-default));background:var(--brand-softer)}
.ddak-home-v12-direct-request{box-shadow:0 5px 14px color-mix(in srgb,var(--brand-primary) 13%,transparent)}

/* Ads: denser scanability, less card heaviness, stronger state alignment. */
.ddak-ui-ads{padding-bottom:var(--space-6)}
.ddak-ui-tabs{gap:var(--space-1)}
.ddak-ui-tabs button{min-height:44px}
.ddak-ui-filter-line{gap:var(--space-2)}
.ddak-ui-filter-summary{min-height:58px;padding-inline:var(--space-3);border-color:var(--border-default);box-shadow:none}
.ddak-ui-campaign-list{gap:var(--space-2)}
.ddak-ui-campaign-card{border-color:var(--border-default);box-shadow:none}
.ddak-ui-campaign-card:is(:hover,:focus-within){border-color:var(--border-strong);background:color-mix(in srgb,var(--surface-secondary) 35%,var(--surface-primary))}
.ddak-ui-campaign-head{gap:var(--space-2)}
.ddak-ui-campaign-body{gap:var(--space-1)}
.ddak-ui-campaign-metrics{gap:var(--space-2)}
.ddak-ui-campaign-metrics small{line-height:1.25}
.ddak-ui-campaign-metrics strong{line-height:1.25}
.ddak-ui-state-pill{min-height:26px;padding-inline:var(--space-2);display:inline-flex;align-items:center}
.ddak-ui-operation-action{min-height:58px}

/* Performance: align selectors/cards/chart controls without changing content. */
.ddak-performance-screen{padding-bottom:var(--space-6)}
.ddak-performance-mode-row{gap:var(--space-2);align-items:center}
.ddak-ui-mode-tabs,.ddak-ui-performance-tabs{min-height:48px}
.ddak-ui-performance-tabs button,.ddak-ui-period-row button{min-height:44px}
.ddak-ui-period-row{gap:var(--space-2)}
.ddak-performance-date-range{min-height:44px;display:flex;align-items:center;justify-content:space-between}
.ddak-performance-safe-kpis{gap:var(--space-2)}
.ddak-performance-safe-kpis>div{padding:var(--space-3);border-color:var(--border-default);box-shadow:none}
.ddak-performance-safe-kpis small{line-height:1.35}
.ddak-performance-graph{border-color:var(--border-default);box-shadow:none}
.ddak-performance-graph-head{padding:var(--space-3) var(--space-3) var(--space-2)}
.naver-clone-toolbar{min-height:48px}
.naver-clone-select{min-height:44px}

/* DdakAI: cleaner prompts, evidence and composer, without chat-clone styling. */
.ddak-ui-ai{padding-bottom:calc(122px + env(safe-area-inset-bottom,0px))}
.ddak-ui-ai-brief{padding-top:var(--space-4);padding-bottom:var(--space-4);box-shadow:none}
.ddak-ui-ai-question-chips{gap:var(--space-2);scroll-snap-type:x proximity}
.ddak-ui-ai-question-chips button{min-height:44px;padding-inline:var(--space-3);scroll-snap-align:start;box-shadow:none}
.ddak-ui-ai-action-list{gap:var(--space-2)}
.ddak-ui-ai-action{min-height:82px;padding:var(--space-3);box-shadow:none}
.ddak-ui-ai-evidence{box-shadow:none}
.ddak-ai-composer{padding-left:var(--page-padding);padding-right:var(--page-padding)}
.ddak-ai-composer .ai-input{min-height:56px;border-color:color-mix(in srgb,var(--brand-primary) 28%,var(--border-default));box-shadow:0 4px 16px color-mix(in srgb,var(--text-primary) 5%,transparent)}
.ddak-ai-composer .ai-input:focus-within{border-color:var(--brand-primary);box-shadow:var(--shadow-focus),0 5px 18px color-mix(in srgb,var(--brand-primary) 8%,transparent)}
.ddak-ai-composer textarea{font-size:15px;line-height:1.5}
.ddak-ai-composer-trust{line-height:1.45}

/* More/settings: list-first, consistent row height and trailing alignment. */
.ddak-ui-more{padding-bottom:var(--space-6)}
.ddak-ui-feature-hero{padding:var(--space-4);box-shadow:none}
.ddak-ui-group{margin-top:var(--space-5)}
.ddak-ui-group>h2{margin-bottom:var(--space-2);font-size:13px;line-height:1.4;color:var(--text-secondary)}
.ddak-ui-group>div{box-shadow:none}
.ddak-ui-group-row{min-height:64px;padding-block:var(--space-2)}
.ddak-ui-group-row:is(:hover,:focus-visible){background:var(--surface-secondary)}
.ddak-ui-group-row:active{background:var(--surface-pressed)}
.ddak-ui-row-main{gap:3px}
.ddak-ui-row-main b{line-height:1.38}
.ddak-ui-row-main small{color:var(--text-secondary)}

/* Search and notifications: restrained surfaces, clearer unread/selection state. */
.search-field-wrap{min-height:52px;box-shadow:none}
.search-quick-grid>button{box-shadow:none}
.search-quick-grid>button:is(:hover,:focus-visible){border-color:var(--border-strong);background:var(--surface-secondary)}
.search-result-row{min-height:70px}
.search-result-row:active{background:var(--surface-pressed)}
.search-state{padding-block:var(--space-10)}
.ddak-notification-row{min-height:72px}
.ddak-notification-row.is-unread{background:color-mix(in srgb,var(--brand-soft) 38%,var(--surface-primary))}
.ddak-notification-row.is-unread .ddak-notification-copy>b{color:var(--text-primary)}
.ddak-notification-meta{gap:var(--space-1)}
.ddak-notification-toolbar button{min-height:44px}

/* Forms and validation across auth/business/operation/commerce. */
.field label,.field>label{line-height:1.35;font-weight:600;color:var(--text-secondary)}
.field input,.field select,.field textarea,.operation-input-control,.chat-composer textarea{border-color:var(--border-default);background:var(--surface-primary)}
.field input:focus,.field select:focus,.field textarea:focus,.operation-input-control:focus-within,.chat-composer textarea:focus{box-shadow:var(--shadow-focus)}
.field input::placeholder,.field textarea::placeholder,.operation-input input::placeholder,.operation-input textarea::placeholder{color:var(--text-tertiary)}
.field-hint,.operation-field-help{line-height:1.45}

/* Modal/Bottom Sheet: same structure, cleaner internal rhythm and safe-area spacing. */
.modal-backdrop{background:color-mix(in srgb,var(--surface-overlay) 94%,transparent)}
.ddak-submenu-sheet,.ddak-menu-sheet,.ddak-bottom-submenu-sheet{border-color:var(--border-default)}
.modal-head{min-height:64px;gap:var(--space-3)}
.modal-head h2,.modal-head h3{font-size:18px}
.modal-head p{margin-top:var(--space-1);color:var(--text-secondary)}
.handle{width:36px;height:4px;margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--border-strong)}
.ddak-sheet-scroll-body{scroll-padding-bottom:var(--space-5)}
.ddak-sheet-primary,.ddak-sheet-bottom-action .btn{min-height:var(--control-primary)}
.ddak-sheet-sticky-composer{border-top-color:var(--border-subtle);background:color-mix(in srgb,var(--surface-page) 98%,transparent)}

/* Billing/services/support detail polish. */
.ddak-sheet-character-intro{border-color:var(--border-default);box-shadow:none}
.billing-summary-grid{gap:var(--space-2)}
.billing-summary-grid>div{padding:var(--space-3)}
.billing-record-list,.conversation-list,.service-section{border-color:var(--border-default)}
.billing-record-row,.service-row,.conversation-list button{min-height:72px}
.billing-record-row:active,.service-row:active,.conversation-list button:active{background:var(--surface-pressed)}

/* Marketing/product surfaces: reduce shadow stacking while keeping card hierarchy. */
.marketing-store-hero,.marketing-product-card,.marketing-detail-hero,.marketing-detail-benefits,.marketing-detail-body,.marketing-plan-preview{box-shadow:none;border-color:var(--border-default)}
.marketing-product-card:is(:hover,:focus-within){border-color:var(--border-strong)}
.marketing-product-cta{min-height:var(--control-primary)}

/* State feedback: compact, consistent and readable. */
.empty,.ddak-ui-empty-inline,.search-state,.ddak-notification-empty,.funding-state{color:var(--text-secondary)}
.empty b,.ddak-ui-empty-inline b,.search-state>b,.ddak-notification-empty b,.funding-state b{color:var(--text-primary)}
.error-card,.ddak-inline-state,.ddak-performance-load-error{border-color:var(--border-default);background:var(--surface-secondary)}
.spinner{border-color:var(--border-default);border-top-color:var(--brand-primary)}

/* Dark mode: preserve hierarchy and improve tertiary readability. */
html[data-theme="dark"] .ddak-ui-campaign-card,
html[data-theme="dark"] .ddak-performance-safe-kpis>div,
html[data-theme="dark"] .ddak-performance-graph,
html[data-theme="dark"] .ddak-ui-feature-hero{box-shadow:none}
html[data-theme="dark"] .ddak-notification-row.is-unread{background:color-mix(in srgb,var(--brand-soft) 46%,var(--surface-primary))}
html[data-theme="dark"] .ddak-ai-composer .ai-input{box-shadow:0 4px 16px color-mix(in srgb,var(--surface-overlay) 22%,transparent)}

/* Responsive precision without changing the existing layouts. */
@media(max-width:359px){
  .ddak-auth-card{padding-left:var(--space-4);padding-right:var(--space-4)}
  .ddak-ui-campaign-metrics{gap:var(--space-1)}
  .ddak-home-v12-section{margin-top:var(--space-5)}
  .ddak-ui-group{margin-top:var(--space-4)}
}
@media(min-width:760px){
  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{max-width:820px;margin-inline:auto}
  .ddak-submenu-sheet,.ddak-menu-sheet,.ddak-bottom-submenu-sheet{max-width:640px}
}
@media(prefers-reduced-motion:reduce){
  button,.btn,.icon-btn,.inline-action,.section-link,.text-btn,
  .ddak-ui-group-row,.ddak-ui-campaign-card,.search-result-row,.ddak-notification-row,.settings-row,.service-row,.conversation-list button{transition:none;transform:none}
}

/* ========================================================================== 
   v126.15 · Advertiser Extreme Precision Refinement
   Existing IA / skeleton / data / navigation preserved. Micro-detail layer.
   ========================================================================== */
html{
  --motion-press:.12s;
  --content-reading-max:820px;
  --row-min-comfortable:64px;
  --row-min-data:72px;
  --status-pill-min:28px;
}

/* Character fallback contract: never compete with a successfully loaded Ddaki. */
.ddak-mascot-stage .ddak-mascot-fallback{display:none;opacity:0}
.ddak-mascot-stage.is-using-fallback .ddak-mascot-fallback{display:none;opacity:0}
.ddak-mascot-stage.is-fallback .ddak-mascot-fallback{display:grid;opacity:1;z-index:2}
.ddak-mascot-stage.is-fallback .ddak-mascot-actor{visibility:hidden}

/* AI briefing keeps the existing position, but the mascot reads as a persona rather than a tile. */
.ddak-ui-ai-brief .ddak-mascot-stage-ai{
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.ddak-ui-ai-brief .ddak-mascot-stage-ai:after{display:none}
.ddak-ui-ai-brief .ddak-mascot-stage-ai .ddak-mascot{object-fit:contain;object-position:center bottom}

/* Navigation optical polish. Existing order and behavior remain unchanged. */
.ddak-ui-bottom-nav .app-nav-button{position:relative}
.ddak-ui-bottom-nav .ddak-nav-dot{
  width:18px;
  height:2px;
  margin-top:1px;
  border-radius:var(--radius-full);
  background:var(--brand-primary);
}
.ddak-ui-bottom-nav .app-nav-button:not(.active) .app-nav-icon{color:color-mix(in srgb,var(--text-secondary) 88%,transparent)}
.ddak-ui-bottom-nav .app-nav-button:not(.active) .app-nav-label{color:var(--text-secondary)}
.ddak-ui-bottom-nav .app-nav-button.active .app-nav-icon{color:var(--brand-primary)}
.ddak-ui-bottom-nav .app-nav-button:focus-visible{outline-offset:-2px}

/* Long-content policy: preserve information but prevent layout breakage. */
.ddak-home-business-switch>span,
.ddak-ui-campaign-body,
.ddak-ui-campaign-head,
.ddak-ui-row-main,
.search-result-copy,
.ddak-notification-copy,
.billing-record-copy,
.conversation-list button>span,
.service-row>span,
.ddak-home-v12-ad-list>button>span:nth-child(2){min-width:0}
.ddak-ui-campaign-head>b,
.search-result-copy>b,
.ddak-notification-copy>b,
.billing-record-copy>b,
.conversation-list button b,
.service-row b,
.ddak-home-v12-ad-list b{overflow-wrap:anywhere}
.ddak-ui-campaign-head>b,.search-result-copy>b,.ddak-notification-copy>b{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

/* Numeric information stays stable even with large spend/count values. */
.ddak-ui-campaign-metrics b,
.ddak-performance-safe-kpis strong,
.performance-list-row strong,
.billing-summary-grid strong,
.billing-record-row>strong,
.ddak-home-v12-story-metrics strong{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
.ddak-ui-campaign-metrics>span{min-width:0}
.ddak-ui-campaign-metrics b{white-space:nowrap;letter-spacing:0}

/* Semantic status text uses a dedicated readable tone while preserving brand hues. */
.ddak-ui-state-pill.good,.ddak-home-v12-ad-list em.good,.ddak-home-v12-request-list em.good,.ddak-home-v12-state.good{color:var(--semantic-success-text)}
.ddak-ui-state-pill.warn,.ddak-home-v12-ad-list em.warning,.ddak-home-v12-request-list em.warning,.ddak-home-v12-state.warning{color:var(--semantic-warning-text)}
.ddak-home-notification-button .ddak-header-unread{background:var(--semantic-danger-strong);color:var(--semantic-danger-on)}

/* Ads: same cards, clearer metric rhythm and state affordance. */
.ddak-ui-ads-status button{font-weight:600}
.ddak-ui-ads-status button.active{font-weight:700}
.ddak-ui-filter-summary{border-color:var(--border-default)}
.ddak-ui-filter-summary:active{background:var(--surface-pressed)}
.ddak-ui-campaign-card{min-height:var(--row-min-data)}
.ddak-ui-campaign-head{gap:var(--space-2)}
.ddak-ui-campaign-head>b{line-height:1.38}
.ddak-ui-state-pill{min-height:var(--status-pill-min);padding-inline:var(--space-2);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.ddak-ui-campaign-metrics{column-gap:var(--space-2);align-items:end}
.ddak-ui-campaign-metrics small{line-height:1.3}
.ddak-ui-campaign-metrics b{line-height:1.32}

/* Performance: selected/disabled controls are explicit without stronger visual noise. */
.ddak-ui-performance-tabs button[aria-selected="true"],
.ddak-ui-period-row button[aria-pressed="true"],
.ddak-ui-mode-tabs button[aria-pressed="true"]{font-weight:700}
.ddak-ui-performance-tabs button:disabled{opacity:.52;cursor:not-allowed}
.ddak-ui-period-row>span{line-height:1.4;color:var(--text-secondary)}
.ddak-performance-safe-kpis>button,.ddak-performance-safe-kpis>div{min-width:0}
.ddak-performance-safe-kpis strong{overflow-wrap:anywhere;line-height:1.25}
.ddak-performance-graph-head h2{line-height:1.35}
.ddak-performance-graph-note,.ddak-performance-source-note{line-height:1.5}

/* DdakAI: long answers and action rows remain readable and product-oriented. */
.ddak-ui-ai-brief strong{line-height:1.42}
.ddak-ui-ai-brief small{line-height:1.5}
.ddak-ui-ai-question-chips{padding-bottom:2px}
.ddak-ui-ai-question-chips button{font-weight:600}
.ddak-ui-ai-action{min-height:var(--row-min-data)}
.ddak-ui-ai-action b{line-height:1.4;overflow-wrap:anywhere}
.ddak-ui-ai-action small{line-height:1.48}
.ddak-ui-ai-response,.ddak-ai-message,.ddak-ai-answer{overflow-wrap:anywhere}
.ddak-ui-ai-response p,.ddak-ai-message p,.ddak-ai-answer p{line-height:1.62}
.ddak-ai-composer textarea{max-height:120px;resize:none}
.ddak-ai-composer .ai-input-send,.ddak-ai-composer .ai-input-clear{border-radius:var(--radius-md)}

/* More, search, notifications and lists share one interaction density. */
.ddak-ui-group-row,.search-result-row,.ddak-notification-row,.service-row,.conversation-list button{min-height:var(--row-min-comfortable)}
.ddak-ui-group-row>.ddak-icon,.search-result-row>.ddak-icon,.ddak-notification-row>.ddak-icon{align-self:center}
.search-result-copy>small,.ddak-notification-copy>small{overflow-wrap:anywhere}
.ddak-notification-row.is-unread{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--brand-primary) 48%,transparent)}
.ddak-notification-row:not(.is-unread){box-shadow:none}

/* Form precision and invalid-state readability; no flow changes. */
.field input,.field select,.field textarea,.operation-input-control,.chat-composer textarea{
  transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background-color var(--motion-fast);
}
.field input[aria-invalid="true"],.field select[aria-invalid="true"],.field textarea[aria-invalid="true"]{
  border-color:var(--semantic-danger);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--semantic-danger) 10%,transparent);
}
.field-error,[role="alert"].field-hint{color:var(--semantic-danger);line-height:1.45}

/* Sheets/modals: same components, stronger reading rhythm and safe-area finish. */
.ddak-submenu-sheet,.ddak-menu-sheet,.ddak-bottom-submenu-sheet{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom,0px))}
.modal-head>div{min-width:0}
.modal-head h2,.modal-head h3{overflow-wrap:anywhere;line-height:1.32}
.modal-head p{line-height:1.5}
.ddak-sheet-scroll-body{overscroll-behavior:contain}
.ddak-sheet-bottom-action{padding-bottom:max(var(--space-3),env(safe-area-inset-bottom,0px))}

/* Toast feedback never collides with system chrome or the bottom navigation. */
.toast{
  max-width:min(420px,calc(100vw - var(--space-8)));
  left:50%;
  right:auto;
  transform:translateX(-50%);
  bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-4));
  line-height:1.45;
  text-align:center;
}
body.input-focus .toast{bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-4))}

/* Stronger accessibility only when the OS/user asks for it. */
@media(prefers-contrast:more){
  html{--border-default:color-mix(in srgb,var(--text-primary) 24%,var(--surface-primary));--border-subtle:color-mix(in srgb,var(--text-primary) 16%,var(--surface-primary))}
  .ddak-ui-state-pill,.ddak-home-v12-state,.ddak-home-v12-request-list em{outline:1px solid currentColor;outline-offset:-1px}
}

/* Small phones: keep content, reduce only non-semantic gaps. */
@media(max-width:359px){
  .ddak-ui-campaign-metrics{column-gap:var(--space-1)}
  .ddak-ui-campaign-metrics small{font-size:var(--font-caption)}
  .ddak-ui-campaign-metrics b{font-size:12px}
  .ddak-ui-ai-brief{padding-right:98px}
  .ddak-ui-ai-brief .ddak-mascot-stage-ai{width:86px;height:86px}
}

/* Tablet/webview: retain mobile product density instead of stretching into a desktop dashboard. */
@media(min-width:760px){
  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{max-width:var(--content-reading-max)}
  .toast{max-width:420px}
}

@media(prefers-reduced-motion:reduce){
  button:active:not(:disabled),.btn:active:not(:disabled),.icon-btn:active:not(:disabled){transform:none}
}

/* ========================================================================== 
   v126.16 · Advertiser-first Product Experience Refinement
   Data → meaning → action, while preserving v15 IA and interaction contracts.
   ========================================================================== */

/* Ads: a calm health sentence before detailed filtering/list scanning. */
.ddak-ads-health-summary{
  min-height:72px;
  margin:var(--space-3) 0;
  padding:var(--space-3);
  border:1px solid var(--border-default);
  border-radius:var(--radius-lg);
  background:var(--surface-primary);
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:var(--space-3);
  align-items:center;
}
.ddak-ads-health-summary>span{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--surface-secondary);color:var(--text-secondary)}
.ddak-ads-health-summary>span>.ddak-icon{width:19px;height:19px}
.ddak-ads-health-summary>div{min-width:0;display:grid;gap:2px}
.ddak-ads-health-summary b{font-size:14px;line-height:1.4;color:var(--text-primary);overflow-wrap:anywhere}
.ddak-ads-health-summary small{font-size:12px;line-height:1.48;color:var(--text-secondary);overflow-wrap:anywhere}
.ddak-ads-health-summary>button{min-height:44px;padding:0 var(--space-2);display:inline-flex;align-items:center;gap:2px;color:var(--brand-primary);font-size:12px;font-weight:700;white-space:nowrap}
.ddak-ads-health-summary>button>.ddak-icon{width:14px;height:14px}
.ddak-ads-health-summary.good>span{background:var(--semantic-success-soft);color:var(--semantic-success-text)}
.ddak-ads-health-summary.warning>span{background:var(--semantic-warning-soft);color:var(--semantic-warning-text)}
.ddak-ads-health-summary.info>span{background:var(--brand-soft);color:var(--brand-primary)}

/* Campaign detail: health → results → action without exposing internal states. */
.campaign-modal-title{min-width:0;align-items:center}
.campaign-modal-title>span{min-width:0;display:grid;gap:1px}
.campaign-modal-title>span>small{font-size:12px;line-height:1.35;color:var(--text-secondary)}
.campaign-modal-title h2{overflow-wrap:anywhere;line-height:1.3}
.ddak-campaign-health{margin:var(--space-3) 0;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:grid;grid-template-columns:38px minmax(0,1fr);gap:var(--space-3);align-items:start;background:var(--surface-primary)}
.ddak-campaign-health>span{width:38px;height:38px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--surface-secondary);color:var(--text-secondary)}
.ddak-campaign-health>div{min-width:0;display:grid;gap:2px}
.ddak-campaign-health small{font-size:12px;color:var(--text-secondary)}
.ddak-campaign-health b{font-size:15px;line-height:1.35;color:var(--text-primary)}
.ddak-campaign-health p{margin:2px 0 0;font-size:12px;line-height:1.5;color:var(--text-secondary)}
.ddak-campaign-health.good>span{background:var(--semantic-success-soft);color:var(--semantic-success-text)}
.ddak-campaign-health.warning>span{background:var(--semantic-warning-soft);color:var(--semantic-warning-text)}
.ddak-campaign-health.muted>span{background:var(--surface-secondary);color:var(--text-secondary)}
.ddak-campaign-context{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--text-secondary);font-size:12px}
.ddak-campaign-context>span{display:inline-flex;min-height:28px;align-items:center;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--surface-secondary)}
.ddak-campaign-actions,.ddak-recovery-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2);margin-top:var(--space-4)}
.ddak-campaign-actions>.btn,.ddak-recovery-actions>.btn{min-height:var(--control-primary)}

/* Performance: interpretation is a sentence-level decision aid, not another KPI card grid. */
.ddak-performance-meaning{margin:var(--space-3) 0 var(--space-4);padding:var(--space-3);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-3);align-items:start;background:transparent}
.ddak-performance-meaning>span{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--surface-secondary);color:var(--text-secondary)}
.ddak-performance-meaning>div{min-width:0;display:grid;gap:3px}
.ddak-performance-meaning small{font-size:12px;color:var(--text-secondary);font-weight:600}
.ddak-performance-meaning b{font-size:15px;line-height:1.42;color:var(--text-primary);overflow-wrap:anywhere}
.ddak-performance-meaning p{margin:1px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.ddak-performance-meaning button{justify-self:start;min-height:44px;margin-top:2px;padding:0;color:var(--brand-primary);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:2px}
.ddak-performance-meaning button>.ddak-icon{width:14px;height:14px}
.ddak-performance-meaning.good>span{background:var(--semantic-success-soft);color:var(--semantic-success-text)}
.ddak-performance-meaning.warning>span,.ddak-performance-meaning.error>span{background:var(--semantic-warning-soft);color:var(--semantic-warning-text)}
.ddak-performance-meaning.info>span{background:var(--brand-soft);color:var(--brand-primary)}
.ddak-performance-source-note{margin-top:var(--space-3)}

/* DdakAI: action affordance is the next action, not an internal severity/code label. */
.ddak-ui-ai-action>em{min-width:fit-content;color:var(--brand-primary);font-weight:700}
.ddak-ui-ai-action.attention>span:first-child{background:var(--semantic-warning-soft);color:var(--semantic-warning-text)}
.ddak-ai-grounding-strip b{color:var(--text-primary)}
.ddak-ai-grounding-strip small{line-height:1.48;color:var(--text-secondary)}

/* Search: user-facing statuses and recovery copy stay readable. */
.search-status{white-space:nowrap}
.search-detail-body .status-row b{overflow-wrap:anywhere}

@media(max-width:359px){
  .ddak-ads-health-summary{grid-template-columns:34px minmax(0,1fr)}
  .ddak-ads-health-summary>button{grid-column:2;justify-self:start;padding-left:0}
  .ddak-campaign-actions,.ddak-recovery-actions{grid-template-columns:1fr}
}

/* v126.16.1 · Campaign detail metric hierarchy — presentation-only refinement. */
.ddak-submenu-surface.campaign-detail-screen>.facts>.fact>span{min-width:0;display:grid;gap:2px;align-content:start}
.ddak-submenu-surface.campaign-detail-screen>.facts>.fact>span>b{display:block;font-size:12px;line-height:1.35;font-weight:650;color:var(--text-secondary)}
.ddak-submenu-surface.campaign-detail-screen>.facts>.fact>span>small{display:block;font-size:12px;line-height:1.35;color:var(--text-tertiary)}
.ddak-submenu-surface.campaign-detail-screen>.facts>.fact>strong{margin-top:2px;font-variant-numeric:tabular-nums;letter-spacing:0}

/* ========================================================================== 
   v126.17 · Absolute Advertiser-First Experience Layer
   Preserves v16 IA/business logic while reducing user effort and exposing
   clearer state → meaning → action affordances across support, notifications,
   commerce, billing and shared contextual UI.
   ========================================================================== */

/* Shared context/action primitives. */
.ddak-context-banner{
  min-width:0;margin:0 0 var(--space-3);padding:var(--space-3);
  display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;
  border:1px solid color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));
  border-radius:var(--radius-lg);background:var(--brand-soft);color:var(--text-primary);
}
.ddak-context-banner-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--surface-primary);color:var(--brand-primary)}
.ddak-context-banner-icon>.ddak-icon{width:18px;height:18px}
.ddak-context-banner-copy{min-width:0;display:grid;gap:2px}
.ddak-context-banner-copy small{font-size:var(--font-caption);font-weight:700;color:var(--brand-primary)}
.ddak-context-banner-copy b{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.ddak-context-banner-copy em{font-size:12px;line-height:1.45;font-style:normal;color:var(--text-secondary);overflow-wrap:anywhere}
.ddak-context-banner>button{min-height:44px;padding:0 var(--space-2);font-size:12px;font-weight:700;color:var(--brand-primary)}
.ddak-action-notice{min-width:0;padding:var(--space-3);display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;border-radius:var(--radius-lg);background:var(--surface-secondary)}
.ddak-action-notice>span{width:34px;height:34px;display:grid;place-items:center}.ddak-action-notice>div{min-width:0;display:grid;gap:2px}.ddak-action-notice b{font-size:14px}.ddak-action-notice small{font-size:12px;line-height:1.45;color:var(--text-secondary)}.ddak-action-notice>button{min-height:44px;color:var(--brand-primary);font-weight:700}

/* Support: surface explicit status and remove unnecessary form burden. */
.ddak-conversation-list-v17>button{align-items:center}
.ddak-menu-surface .conversation-list>button>.ddak-conversation-trail{min-width:96px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px;align-content:center}
.ddak-conversation-trail>em{width:100%;text-align:right;font-size:12px;line-height:1.3;font-style:normal;color:var(--text-tertiary);white-space:nowrap}
.ddak-conversation-trail>.ddak-conversation-state{min-height:24px;max-width:100%;padding-inline:7px;font-size:12px;line-height:1.25;font-style:normal}
.ddak-conversation-trail>.ddak-icon{width:15px;height:15px;color:var(--text-tertiary)}
.ddak-support-compose-v17 .field>label{display:flex;align-items:center;gap:6px}
.ddak-support-compose-v17 .field>label>small{font-size:12px;font-weight:600;color:var(--text-tertiary)}
.ddak-support-compose-v17 .field>small{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--text-secondary)}
.ddak-conversation-status-inline{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;background:var(--surface-secondary);color:var(--text-secondary)}
.ddak-conversation-status-inline.good{background:var(--semantic-success-soft);color:var(--semantic-success-text)}
.ddak-conversation-status-inline.info{background:var(--semantic-info-soft);color:var(--semantic-info)}
.ddak-conversation-status-inline.muted{background:var(--surface-tertiary);color:var(--text-secondary)}
.ddak-chat-closed{margin-top:auto;padding:var(--space-3);display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:var(--space-2);align-items:center;border-top:1px solid var(--border-default);background:var(--surface-secondary)}
.ddak-chat-closed>.ddak-icon{width:18px;height:18px;color:var(--semantic-success-text)}
.ddak-chat-closed>span{min-width:0;display:grid;gap:2px}.ddak-chat-closed b{font-size:13px}.ddak-chat-closed small{font-size:12px;line-height:1.4;color:var(--text-secondary)}.ddak-chat-closed>button{min-height:44px;padding:0 var(--space-2);color:var(--brand-primary);font-weight:700;font-size:12px}

/* Notifications behave as an action center only when action is actually needed. */
.ddak-notification-row.is-action-required{align-items:start;padding-top:11px;padding-bottom:11px}
.ddak-notification-action{width:max-content;max-width:100%;min-height:32px;margin-top:2px;display:inline-flex;align-items:center;gap:3px;color:var(--brand-primary);font-size:12px;line-height:1.35;font-weight:700}
.ddak-notification-action>.ddak-icon{width:14px;height:14px}
.ddak-notification-row.is-action-required .ddak-notification-trail{padding-top:4px}

/* Marketing products: decision aid first, shop-like decoration second. */
.marketing-product-card-top{grid-template-columns:auto minmax(0,1fr)}
.marketing-product-type{justify-self:start}
.marketing-product-fit{margin-top:10px;padding:10px 11px;display:grid;gap:3px;border-radius:var(--radius-md);background:var(--surface-secondary)}
.marketing-product-fit>span{font-size:12px;line-height:1.35;color:var(--text-tertiary);font-weight:600}
.marketing-product-fit>b{font-size:13px;line-height:1.48;color:var(--text-primary);font-weight:700;overflow-wrap:anywhere}
.marketing-detail-fit{width:100%;margin:5px 0 3px;padding:10px 11px;display:grid;gap:3px;border:1px solid color-mix(in srgb,var(--brand-primary) 13%,var(--border-default));border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-primary) 76%,transparent)}
.marketing-detail-fit>small{font-size:12px;line-height:1.35;color:var(--text-secondary);font-weight:600}
.marketing-detail-fit>b{font-size:13px;line-height:1.5;color:var(--text-primary);font-weight:700;overflow-wrap:anywhere}
.marketing-product-card-foot{margin-top:-2px}
.billing-help-action{width:100%;min-height:64px;margin-top:var(--space-3);padding:10px 11px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;border:1px solid color-mix(in srgb,var(--semantic-warning) 18%,var(--border-default));border-radius:var(--radius-md);background:var(--semantic-warning-soft);color:var(--text-primary)}
.billing-help-action>span{min-width:0;display:grid;gap:3px}.billing-help-action>b{font-size:14px}.billing-help-action small{font-size:12px;line-height:1.45;color:var(--text-secondary)}.billing-help-action>.ddak-icon{width:18px;height:18px;color:var(--semantic-warning-text)}

/* Funding AI copy is explanatory, not an implementation diagnostic. */
.funding-ai-meta>span{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--surface-primary) 72%,transparent);font-size:12px;color:var(--text-secondary)}

@media(max-width:359px){
  .ddak-context-banner{grid-template-columns:34px minmax(0,1fr)}
  .ddak-context-banner>button{grid-column:2;justify-self:start;padding-left:0}
  .ddak-menu-surface .conversation-list>button{grid-template-columns:minmax(0,1fr)}
  .ddak-menu-surface .conversation-list>button>.ddak-conversation-trail{min-width:0;width:100%;justify-content:flex-start}
  .ddak-conversation-trail>em{width:auto;text-align:left;margin-right:auto}
  .ddak-chat-closed{grid-template-columns:30px minmax(0,1fr)}
  .ddak-chat-closed>button{grid-column:2;justify-self:start;padding-left:0}
}
@media(prefers-reduced-motion:reduce){
  .ddak-notification-action,.ddak-context-banner,.billing-help-action{scroll-behavior:auto;transition:none}
}

/* v126.18 compact notification density guard: placed after submenu contracts so shared sheet sizing cannot override it. */
@media(max-width:360px) and (max-height:760px){
  .ddak-submenu-surface.ddak-submenu-sheet.ddak-notification-center{
    max-height:min(70vh,500px);
  }
  .ddak-submenu-surface.ddak-submenu-sheet.ddak-notification-center .ddak-notification-content{
    max-height:calc(min(70vh,500px) - 148px);
  }
}


/* ========================================================================== 
   v126.11 · Advertiser precision UI/UX refinement
   Visual-only refinements: no API/auth/operation contracts changed.
   ========================================================================== */

/* Light mode: reduce pure-white glare and improve text/icon legibility without changing density. */
html[data-theme="light"] body,
html[data-theme="light"] .app-shell{background:var(--surface-page);color:var(--text-primary)}
html[data-theme="light"] .ddak-ui-topbar,
html[data-theme="light"] .ddak-ui-bottom-nav{background:color-mix(in srgb,var(--surface-page) 96%,transparent)}
html[data-theme="light"] .ddak-ui-titlebar .ddak-page-title{font-size:17.5px}
html[data-theme="light"] .ddak-ui-bottom-nav .app-nav-label{font-size:12.5px;font-weight:650}
html[data-theme="light"] .ddak-ui-bottom-nav .app-nav-icon .ddak-icon{width:21px;height:21px;stroke-width:2.05}
html[data-theme="light"] .ddak-ui-row-main b{font-size:13.5px}
html[data-theme="light"] .ddak-ui-row-main small,
html[data-theme="light"] .ddak-ui-section-head>button,
html[data-theme="light"] .ddak-ui-section-head>span{font-size:12.25px}
html[data-theme="light"] .ddak-ui-section-head h2{font-size:16.5px}
html[data-theme="light"] .ddak-ui-mi .ddak-icon,
html[data-theme="light"] .ddak-ui-feed-icon .ddak-icon,
html[data-theme="light"] .ddak-ui-bc-icon .ddak-icon{width:19px;height:19px;stroke-width:2.05}

/* Login: use the DdakLab company mark, not a second plain app-name lockup. */
.ddak-auth-company-logo{min-height:58px;display:grid;place-items:center;margin-top:1px}
.ddak-auth-company-mark{display:block;filter:drop-shadow(0 5px 10px color-mix(in srgb,var(--brand-primary) 14%,transparent))}

/* Real media marks replace letter tokens. Keep a neutral tile so trademarks remain recognizable in both themes. */
.provider-badge{background:var(--provider-logo-surface);border-color:var(--provider-logo-border);box-shadow:0 1px 3px var(--provider-logo-shadow)}
.provider-badge>i{display:none}
.provider-badge .provider-logo-svg{display:block;width:68%;height:68%;max-width:30px;max-height:30px;object-fit:contain}
.provider-badge .provider-logo-karrot{width:57%;height:72%}
.provider-badge .provider-logo-microsoft{width:62%;height:62%}
.provider-badge .provider-token-fallback{font-size:12px;font-weight:750;color:var(--text-primary)}
.provider-badge[data-provider="KAKAO_MOMENT"] .provider-logo-svg{width:72%;height:72%}
.provider-badge[data-provider="TIKTOK_ADS"] .provider-logo-svg{width:62%;height:62%}
html[data-theme="dark"] .provider-badge{background:var(--provider-logo-surface);border-color:var(--provider-logo-border)}

/* DdakAI composer: only a small vertical reduction; 44px actions remain accessible touch targets. */
.ddak-ai-composer{padding-top:8px;padding-bottom:7px}
.ddak-ai-composer .ai-input{min-height:52px;padding-top:3px;padding-bottom:3px}
.ddak-ai-composer textarea{min-height:40px;padding:5px 0}

/* Performance graph: clearer daily-trend label and larger period-calendar affordance. */
.ddak-performance-graph .naver-clone-toolbar h3{font-size:14px;font-weight:700;color:var(--text-primary)}
.ddak-daily-trend-label{min-height:30px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-secondary);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-primary) 76%,transparent)}
.ddak-performance-date-range .ddak-icon{width:20px;height:20px;stroke-width:2}
@media(max-width:430px){.ddak-performance-graph .naver-clone-toolbar h3{font-size:13.5px}.ddak-daily-trend-label{min-height:29px;padding-inline:8px}}

/* Chart callout: one concise line. Selection is cleared in app.js when blank space is clicked. */
.ddak-chart-tooltip,
.naver-adcenter-chart-shell .ddak-chart-tooltip,
.naver-clone-performance-module .ddak-chart-tooltip{min-width:0;width:max-content;max-width:calc(100% - 16px);padding:9px 11px;border-radius:var(--radius-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddak-chart-tooltip-copy{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;line-height:1.35;font-variant-numeric:tabular-nums}

/* Home: character is composited directly into the hero, with no tile/border around Ddaki. */
.ddak-home-v12-hero{padding-right:148px;background:radial-gradient(circle at 91% 72%,color-mix(in srgb,var(--brand-soft) 74%,transparent) 0 18%,transparent 42%),linear-gradient(155deg,var(--brand-softer),color-mix(in srgb,var(--surface-primary) 88%,var(--brand-soft)))}
.ddak-home-v12-hero-character{right:2px;bottom:-2px;width:150px;height:192px}
.ddak-home-v12-hero-character:before{content:"";position:absolute;right:6px;bottom:5px;width:130px;height:38px;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--brand-primary) 10%,transparent),transparent 72%);opacity:.72}
.ddak-home-v12-ddaki{width:150px;height:190px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.ddak-home-v12-ddaki:after{display:none}
.ddak-home-v12-ddaki .ddak-mascot{filter:drop-shadow(0 8px 14px color-mix(in srgb,var(--brand-primary) 8%,transparent))}
@media(max-width:390px){.ddak-home-v12-hero{padding-right:132px}.ddak-home-v12-hero-character{right:-4px;width:138px;height:184px}.ddak-home-v12-ddaki{width:138px;height:182px}}

/* Business approval: intentional inset so status copy no longer hugs the sheet edge. */
.ddak-business-approval-status{margin:2px 0 6px;padding:11px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-secondary)}
.ddak-business-approval-status.ok{background:var(--semantic-success-soft);border-color:color-mix(in srgb,var(--semantic-success) 16%,var(--border-default))}

/* More menu: center every leading icon in a consistent optical column. */
.ddak-more-screen .ddak-ui-group-row{grid-template-columns:40px minmax(0,1fr) auto;padding-left:12px;padding-right:11px;column-gap:10px}
.ddak-more-screen .ddak-ui-mi{width:36px;height:36px;justify-self:center;transform:translateX(1px)}
.ddak-more-screen .ddak-ui-mi .ddak-icon{width:19px;height:19px}

/* ========================================================================== 
   v126.13 · Advertiser Ultra-Fine Product Design Refinement
   Presentation-only. Existing information architecture, behavior, API, state,
   navigation and integration contracts are intentionally preserved.
   ========================================================================== */

html{
  --surface-page:#F5F7FB;
  --surface-secondary:#F0F3F8;
  --surface-tertiary:#E9EEF5;
  --surface-card-soft:#FAFCFF;
  --border-default:#D9E1EB;
  --border-subtle:#E4EAF1;
  --border-strong:#C8D3DF;
  --text-primary:#141D2E;
  --text-secondary:#536177;
  --text-tertiary:#738096;
  --radius-product:var(--radius-lg);
  --radius-control:var(--radius-md);
  --shadow-card-refined:var(--shadow-card);
  --shadow-control-refined:0 1px 2px color-mix(in srgb,var(--text-primary) 4%,transparent);
  --shadow-nav-refined:0 -1px 0 color-mix(in srgb,var(--text-primary) 4%,transparent),0 -8px 24px color-mix(in srgb,var(--text-primary) 4%,transparent);
  --shadow-sheet-refined:var(--shadow-sheet);
}
html[data-theme="dark"]{
  --surface-page:#11141A;
  --surface-secondary:#181C23;
  --surface-tertiary:#20252D;
  --surface-card-soft:#161A21;
  --border-default:#2D343E;
  --border-subtle:#252C35;
  --border-strong:#3A4450;
  --text-primary:#F3F6FA;
  --text-secondary:#B4BEC9;
  --text-tertiary:#8F9AA7;
  --shadow-card-refined:var(--shadow-card);
  --shadow-control-refined:0 1px 2px color-mix(in srgb,var(--text-primary) 10%,transparent);
  --shadow-nav-refined:0 -1px 0 color-mix(in srgb,var(--text-primary) 4%,transparent),0 -10px 28px color-mix(in srgb,var(--surface-overlay) 42%,transparent);
  --shadow-sheet-refined:var(--shadow-sheet);
}

/* Global reading rhythm and optical consistency. */
body{letter-spacing:0}
.app-main{scroll-padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px) + 10px)}
.ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{padding-left:var(--page-padding);padding-right:var(--page-padding)}
.ddak-ui-home>*,.ddak-ui-ads>*,.ddak-ui-performance>*,.ddak-ui-ai>*,.ddak-ui-more>*{min-width:0}
.ddak-page-title,.title-stack h1,.ddak-ui-section-head h2,.ddak-home-v12-section-head h2{letter-spacing:0}
.ddak-ui-row-main b,.ddak-ui-campaign-head>b,.ddak-home-v12-priority-item b,.ddak-home-v12-ad-list b{letter-spacing:0}
.ddak-ui-row-main small,.ddak-ui-campaign-body>small,.ddak-ui-campaign-metrics small,.ddak-home-v12-priority-item p,.ddak-home-v12-ad-list small{letter-spacing:0}

/* App chrome: cleaner top/bottom separation and consistent icon hit areas. */
.app-header,.ddak-ui-topbar{
  border-bottom-color:color-mix(in srgb,var(--border-default) 72%,transparent);
  background:color-mix(in srgb,var(--surface-page) 92%,transparent);
}
.app-header:after{
  content:"";position:absolute;left:var(--page-padding);right:var(--page-padding);bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--border-strong) 38%,transparent),transparent);
  pointer-events:none;
}
.ddak-page-title{font-size:20px;font-weight:760}
.icon-btn{border-radius:var(--radius-sm);color:var(--text-secondary)}
.icon-btn:is(:hover,:focus-visible){background:var(--surface-secondary);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-subtle)}
.icon-btn:active:not(:disabled){background:var(--surface-tertiary)}
.ddak-ui-bottom-nav{
  border-top-color:color-mix(in srgb,var(--border-default) 78%,transparent);
  background:color-mix(in srgb,var(--surface-page) 94%,transparent);
  box-shadow:var(--shadow-nav-refined);
}
.ddak-ui-bottom-nav .app-nav-button{height:59px;border-radius:var(--radius-md);gap:2px}
.ddak-ui-bottom-nav .app-nav-icon{width:30px;height:30px;border-radius:var(--radius-sm);transition:background-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}
.ddak-ui-bottom-nav .app-nav-button.active:not(.ddak-ai-nav-item) .app-nav-icon{background:var(--brand-soft);color:var(--brand-primary)}
.ddak-ui-bottom-nav .app-nav-button.active:not(.ddak-ai-nav-item) .app-nav-icon .ddak-icon{width:21px;height:21px}
.ddak-ui-bottom-nav .app-nav-button.active::before{width:20px;height:2px;top:-6px}
.ddak-ui-bottom-nav .app-nav-label{font-size:12.25px;font-weight:620}
.ddak-ui-bottom-nav .app-nav-button.active .app-nav-label{font-weight:760}
.ddak-nav-ddaki-face{border-width:1px;box-shadow:0 2px 8px color-mix(in srgb,var(--text-primary) 8%,transparent)}
.ddak-nav-ddaki-face.is-active{box-shadow:0 3px 12px color-mix(in srgb,var(--brand-primary) 17%,transparent)}

/* Shared buttons/controls: same geometry, more intentional hierarchy. */
.btn{border-radius:var(--radius-md);font-weight:680;letter-spacing:0}
.btn.primary{box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary) 14%,transparent)}
.btn.primary:is(:hover,:focus-visible){background:var(--brand-strong);box-shadow:0 6px 16px color-mix(in srgb,var(--brand-primary) 18%,transparent)}
.btn.secondary,.btn.ghost{background:var(--surface-secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-default) 72%,transparent)}
.btn.secondary:is(:hover,:focus-visible),.btn.ghost:is(:hover,:focus-visible){background:var(--surface-tertiary)}
.ddak-ui-tabs,.ddak-ui-performance-tabs,.ddak-ui-mode-tabs{
  border-radius:var(--radius-md);background:var(--surface-secondary);padding:3px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-subtle) 72%,transparent)
}
.ddak-ui-tabs button,.ddak-ui-performance-tabs button,.ddak-ui-mode-tabs button{border-radius:var(--radius-sm);transition:background-color var(--motion-fast),box-shadow var(--motion-fast),color var(--motion-fast)}
.ddak-ui-tabs button.active,.ddak-ui-performance-tabs button[aria-selected="true"],.ddak-ui-mode-tabs button[aria-pressed="true"]{
  background:var(--surface-primary);color:var(--brand-primary);box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 8%,transparent),0 3px 8px color-mix(in srgb,var(--text-primary) 4%,transparent)
}
html[data-theme="dark"] .ddak-ui-tabs button.active,
html[data-theme="dark"] .ddak-ui-performance-tabs button[aria-selected="true"],
html[data-theme="dark"] .ddak-ui-mode-tabs button[aria-pressed="true"]{box-shadow:0 1px 3px color-mix(in srgb,var(--surface-overlay) 58%,transparent)}

/* HOME — preserve v12 composition, improve hierarchy and visual cohesion. */
.ddak-home-v12{padding-top:3px}
.ddak-home-v12-hero{
  margin-top:8px;padding-top:20px;padding-bottom:20px;
  border-color:color-mix(in srgb,var(--brand-primary) 21%,var(--border-default));
  border-radius:var(--radius-lg);
  background:
    radial-gradient(circle at 90% 70%,color-mix(in srgb,var(--brand-soft) 88%,transparent) 0 17%,transparent 41%),
    radial-gradient(circle at 3% 0%,color-mix(in srgb,var(--surface-primary) 74%,transparent),transparent 44%),
    linear-gradient(150deg,color-mix(in srgb,var(--brand-softer) 92%,var(--surface-primary)),color-mix(in srgb,var(--surface-primary) 91%,var(--brand-soft)));
  box-shadow:var(--shadow-card-refined),inset 0 1px 0 color-mix(in srgb,var(--surface-primary) 76%,transparent)
}
.ddak-home-v12-state{min-height:27px;padding-inline:9px;background:color-mix(in srgb,var(--surface-primary) 88%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-subtle) 70%,transparent)}
.ddak-home-v12-hero h1{margin-top:5px;font-size:22px;line-height:1.31;font-weight:780;letter-spacing:0}
.ddak-home-v12-hero p{margin-top:7px;font-size:13.25px;line-height:1.62;color:var(--text-secondary)}
.ddak-home-v12-hero-meta{color:var(--text-secondary)}
.ddak-home-v12-hero-actions{margin-top:10px;gap:7px 12px}
.ddak-home-v12-hero-actions>button{font-size:12.5px;border-radius:var(--radius-sm);padding-inline:3px}
.ddak-home-v12-ddaki .ddak-mascot{filter:drop-shadow(0 12px 18px color-mix(in srgb,var(--brand-primary) 10%,transparent))}
.ddak-home-v12-section{margin-top:25px}
.ddak-home-v12-section-head{margin-bottom:7px}
.ddak-home-v12-section-head>div>span{font-size:12.25px;color:var(--text-tertiary)}
.ddak-home-v12-section-head h2{font-size:18px;font-weight:760}
.ddak-home-v12-section-head>button{font-size:12.5px}
.ddak-home-v12-priority-list,.ddak-home-v12-ad-list{border-top-color:var(--border-default)}
.ddak-home-v12-priority-item,.ddak-home-v12-ad-list>button{border-bottom-color:var(--border-subtle);transition:background-color var(--motion-fast),padding var(--motion-fast)}
.ddak-home-v12-priority-item:has(button:active),.ddak-home-v12-ad-list>button:active{background:color-mix(in srgb,var(--surface-secondary) 70%,transparent)}
.ddak-home-v12-priority-marker{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-subtle) 76%,transparent)}
.ddak-home-v12-priority-item b{font-size:14.25px;font-weight:730}
.ddak-home-v12-priority-item p{font-size:12.25px;line-height:1.52}
.ddak-home-v12-ad-list>button{min-height:72px}
.ddak-home-v12-ad-list em{min-height:28px;padding-inline:9px}
.ddak-home-v12-operation-strip>button{border-radius:var(--radius-md);box-shadow:var(--shadow-control-refined)}
.ddak-home-v12-operation-strip>button:active{box-shadow:none}

/* ADS — make scanning campaigns fast while keeping the existing list and filters. */
.ddak-ui-ads-status{margin-top:12px;margin-bottom:11px;min-height:50px}
.ddak-ui-ads-status button{font-size:12.5px}
.ddak-ads-health-summary{
  margin:0 0 11px;min-height:76px;padding:13px 14px;border-radius:var(--radius-lg);
  border-color:var(--border-default);box-shadow:var(--shadow-card-refined)
}
.ddak-ads-health-summary>span{width:38px;height:38px;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-subtle) 65%,transparent)}
.ddak-ads-health-summary b{font-size:14.25px;font-weight:730}
.ddak-ads-health-summary small{font-size:12.25px;line-height:1.5}
.ddak-ui-filter-summary{
  min-height:60px;margin-bottom:5px;padding:0 13px;border-radius:var(--radius-md);background:var(--surface-primary);
  border-color:var(--border-default);box-shadow:var(--shadow-control-refined)
}
.ddak-ui-filter-summary>span{gap:2px}
.ddak-ui-filter-summary>span>b{font-size:14px;font-weight:730}
.ddak-ui-filter-summary>span>small{font-size:12px;color:var(--text-secondary)}
.ddak-ui-filter-line{min-height:45px;padding-top:3px;border-bottom:1px solid var(--border-subtle)}
.ddak-ui-filter-line b{font-size:13.5px;font-weight:720}
.ddak-ui-filter-line span{font-size:12px;color:var(--text-tertiary)}
.ddak-ui-campaign-list{gap:9px;padding-top:8px}
.ddak-ui-campaign-card{
  min-height:114px;padding:12px 11px 12px 10px;border-radius:var(--radius-md);border-color:var(--border-default);
  background:var(--surface-primary);box-shadow:var(--shadow-card-refined)
}
.ddak-ui-campaign-card:is(:hover,:focus-visible){border-color:color-mix(in srgb,var(--brand-primary) 27%,var(--border-strong));background:var(--surface-primary);box-shadow:0 7px 20px color-mix(in srgb,var(--text-primary) 5%,transparent)}
.ddak-ui-campaign-card:active{background:var(--surface-secondary);box-shadow:none}
.ddak-ui-campaign-thumb{align-self:start;padding-top:1px}
.ddak-ui-campaign-thumb .provider-badge{border-radius:var(--radius-sm);box-shadow:0 2px 7px color-mix(in srgb,var(--text-primary) 6%,transparent)}
.ddak-ui-campaign-body{gap:4px}
.ddak-ui-campaign-head>b{font-size:14px;font-weight:740}
.ddak-ui-campaign-body>small{font-size:12px;color:var(--text-secondary)}
.ddak-ui-campaign-metrics{margin-top:3px;padding-top:8px;border-top:1px solid var(--border-subtle)}
.ddak-ui-campaign-metrics>span+span{padding-left:7px;border-left:1px solid color-mix(in srgb,var(--border-subtle) 82%,transparent)}
.ddak-ui-campaign-metrics small{font-size:12px;color:var(--text-tertiary)}
.ddak-ui-campaign-metrics b{font-size:12.25px;font-weight:720;color:var(--text-primary)}
.ddak-ui-state-pill{font-size:12px;font-weight:720}
.ddak-ui-action-list{margin-top:17px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-default);background:var(--surface-primary);box-shadow:var(--shadow-card-refined)}
.ddak-ui-action-list>button{padding-inline:12px;background:transparent}
.ddak-ui-action-list>button+button{border-top:1px solid var(--border-subtle)}
.ddak-ui-action-list>button:active{background:var(--surface-secondary)}

/* PERFORMANCE — clarify hierarchy from scope → KPI → interpretation → graph. */
.ddak-performance-mode-row{padding-top:10px;margin-bottom:9px}
.ddak-performance-mode-row>span>b{font-size:14px;font-weight:730}
.ddak-performance-mode-row>span>small{font-size:12.25px;color:var(--text-secondary)}
.ddak-ui-performance-tabs{margin-bottom:9px}
.ddak-ui-period-row{margin-top:2px;margin-bottom:6px}
.ddak-ui-period-row>button{border-radius:var(--radius-sm);background:var(--surface-secondary);font-size:12.5px;font-weight:650}
.ddak-ui-period-row>button[aria-pressed="true"]{background:var(--brand-primary);color:var(--brand-on-primary);box-shadow:0 3px 10px color-mix(in srgb,var(--brand-primary) 15%,transparent)}
.ddak-performance-date-range{padding-inline:1px;color:var(--text-secondary);font-size:12.25px}
.ddak-performance-date-range>button{width:44px;height:44px;border-radius:var(--radius-sm);color:var(--text-secondary)}
.ddak-performance-date-range>button:active{background:var(--surface-secondary)}
.ddak-performance-safe-kpis{gap:8px;margin-top:8px}
.ddak-performance-safe-kpis>button,.ddak-performance-safe-kpis>div{
  border-radius:var(--radius-md);background:var(--surface-primary);border-color:var(--border-default);box-shadow:var(--shadow-card-refined)
}
.ddak-performance-safe-kpis>button:first-child,.ddak-performance-safe-kpis>div:first-child{background:linear-gradient(160deg,color-mix(in srgb,var(--brand-softer) 62%,var(--surface-primary)),var(--surface-primary))}
.ddak-performance-safe-kpis small{font-size:12px;color:var(--text-secondary)}
.ddak-performance-safe-kpis strong{font-size:16px;font-weight:760;letter-spacing:0}
.ddak-performance-safe-kpis em{color:var(--text-tertiary)}
.ddak-performance-meaning{margin-top:12px;margin-bottom:17px;padding:13px 0;border-top-color:var(--border-subtle);border-bottom-color:var(--border-subtle)}
.ddak-performance-meaning>span{border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-subtle) 65%,transparent)}
.ddak-performance-meaning small{font-size:12px}
.ddak-performance-meaning b{font-size:15px;font-weight:740;line-height:1.45}
.ddak-performance-meaning p{font-size:12.5px;line-height:1.57}
.ddak-performance-graph{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-card-refined)}
.ddak-performance-graph-head{border-bottom-color:var(--border-subtle);background:transparent}
.ddak-performance-graph-head small{font-size:12px}
.ddak-performance-graph-head h2{font-size:15.25px;font-weight:750}
.ddak-performance-graph-head>button{border-radius:var(--radius-sm);background:var(--surface-secondary)}
.ddak-performance-graph .naver-clone-toolbar{background:color-mix(in srgb,var(--surface-secondary) 56%,var(--surface-primary));border-bottom:1px solid var(--border-subtle)}
.naver-clone-select{border-radius:var(--radius-xs);overflow:visible;background:var(--surface-primary);box-shadow:var(--shadow-control-refined)}
.naver-clone-select>summary{border-radius:var(--radius-xs)}
.naver-clone-metric-menu{border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 9px 22px rgba(20,29,46,.11)}
.ddak-performance-graph-note{background:color-mix(in srgb,var(--surface-secondary) 72%,var(--surface-primary));border-top-color:var(--border-subtle)}

/* DDAKAI — persona-forward, less generic chat UI, stronger action hierarchy. */
.ddak-ui-ai{padding-top:4px}
.ddak-ui-ai-brief{
  margin-top:8px;padding:15px 112px 15px 14px;border-radius:var(--radius-lg);
  border-color:color-mix(in srgb,var(--brand-primary) 22%,var(--border-default));
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand-softer) 78%,var(--surface-primary)),var(--surface-primary));
  box-shadow:var(--shadow-card-refined)
}
.ddak-ui-ai-brief b{font-size:12.25px;color:var(--brand-primary)}
.ddak-ui-ai-brief strong{font-size:14.25px;font-weight:740;line-height:1.45}
.ddak-ui-ai-brief small{font-size:12.25px;line-height:1.55;color:var(--text-secondary)}
.ddak-ui-ai-evidence{margin-top:9px;padding:10px 12px;border-radius:var(--radius-md);border-color:var(--border-default);background:color-mix(in srgb,var(--surface-primary) 84%,var(--surface-secondary));box-shadow:var(--shadow-control-refined)}
.ddak-ui-ai-evidence>span{border-radius:var(--radius-sm)}
.ddak-ui-section{margin-top:23px}
.ddak-ui-section-head{min-height:43px}
.ddak-ui-section-head h2{font-size:17px;font-weight:750}
.ddak-ui-section-head>span{font-size:12px;color:var(--text-tertiary)}
.ddak-ui-ai-question-chips{gap:8px;margin-right:calc(var(--page-padding) * -1);padding-right:var(--page-padding)}
.ddak-ui-ai-question-chips button{min-height:44px;border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-control-refined);font-size:12.5px}
.ddak-ui-ai-question-chips button:active{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand-primary) 25%,var(--border-default))}
.ddak-ui-ai-action-list{gap:8px}
.ddak-ui-ai-action{min-height:76px;padding:11px 12px;border-radius:var(--radius-md);border-color:var(--border-default);background:var(--surface-primary);box-shadow:var(--shadow-card-refined)}
.ddak-ui-ai-action>span:first-child{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 9%,transparent)}
.ddak-ui-ai-action b{font-size:13.5px;font-weight:730}
.ddak-ui-ai-action small{font-size:12px;color:var(--text-secondary)}
.ddak-ui-ai-action:active{background:var(--surface-secondary);box-shadow:none}
.ddak-ai-chat-stream{padding-top:8px}
.ddak-ai-chat-bubble{border-radius:var(--radius-md)}
.ddak-ai-chat-row.user .ddak-ai-chat-bubble{border-radius:var(--radius-md);box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary) 10%,transparent)}
.ddak-ai-chat-row.assistant .ddak-ai-chat-bubble{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-primary)}
.ddak-ai-response{border-color:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-refined)}
.ddak-ai-composer{
  background:linear-gradient(to top,color-mix(in srgb,var(--surface-page) 98%,transparent) 78%,transparent);}
.ddak-ai-composer .ai-input{border-radius:var(--radius-md);background:var(--surface-primary);box-shadow:0 7px 22px color-mix(in srgb,var(--text-primary) 8%,transparent);border-color:color-mix(in srgb,var(--brand-primary) 26%,var(--border-default))}
.ddak-ai-composer .ai-input:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 9%,transparent),0 8px 24px color-mix(in srgb,var(--brand-primary) 9%,transparent)}
.ddak-ai-composer .ai-input-send{width:42px;height:42px;border-radius:var(--radius-md);box-shadow:0 3px 10px color-mix(in srgb,var(--brand-primary) 18%,transparent)}
.ddak-ai-composer .ai-input-clear{width:36px;height:36px;border-radius:var(--radius-sm)}
.ddak-ai-composer-trust{padding-inline:2px;color:var(--text-tertiary)}

/* MORE — consistent list anatomy, calmer groups and premium profile hero. */
.ddak-ui-feature-hero{
  margin-top:10px;padding:15px 14px;border-radius:var(--radius-lg);
  border-color:color-mix(in srgb,var(--brand-primary) 16%,var(--border-default));
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand-soft) 70%,var(--surface-primary)),var(--surface-primary));
  box-shadow:var(--shadow-card-refined)
}
.ddak-ui-business-avatar{border-radius:var(--radius-md);background:var(--surface-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 30%,var(--border-default)),0 2px 6px color-mix(in srgb,var(--text-primary) 5%,transparent)}
.ddak-ui-feature-hero h2{font-size:15.5px;font-weight:750}
.ddak-ui-feature-hero p{font-size:12px;color:var(--text-secondary)}
.ddak-ui-feature-hero em{font-size:12px;color:var(--text-tertiary)}
.ddak-ui-feature-hero>button{min-height:44px;padding-inline:13px;border-radius:var(--radius-sm);background:var(--surface-primary);color:var(--brand-primary);font-weight:720;box-shadow:var(--shadow-control-refined)}
.ddak-ui-group{margin-top:20px}
.ddak-ui-group>h2{margin:0 2px 7px;font-size:13px;font-weight:700;color:var(--text-secondary);letter-spacing:0}
.ddak-ui-group>div{border-radius:var(--radius-md);border-color:var(--border-default);background:var(--surface-primary);overflow:hidden;box-shadow:var(--shadow-card-refined)}
.ddak-more-screen .ddak-ui-group-row{min-height:64px;padding-top:9px;padding-bottom:9px;padding-left:10px;padding-right:10px;column-gap:10px}
.ddak-ui-group-row+.ddak-ui-group-row{border-top-color:var(--border-subtle)}
.ddak-more-screen .ddak-ui-mi{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 10%,transparent);transform:none}
.ddak-more-screen .ddak-ui-mi .ddak-icon{width:18px;height:18px}
.ddak-ui-row-main{gap:2px}
.ddak-ui-row-main b{font-size:13.75px;font-weight:720}
.ddak-ui-row-main small{font-size:12px;color:var(--text-secondary)}
.ddak-ui-group-row>.ddak-icon:last-child{width:17px;height:17px;color:var(--text-tertiary)}
.ddak-ui-group-row:active{background:var(--surface-secondary)}
.ddak-ui-version{opacity:.82;padding-top:22px;padding-bottom:12px}

/* Provider marks: consistent optical tile, preserve actual trademark artwork. */
.provider-badge{border-radius:var(--radius-sm);border-color:var(--provider-logo-border);box-shadow:0 2px 7px color-mix(in srgb,var(--text-primary) 5%,transparent)}
.provider-badge .provider-logo-svg{filter:saturate(.98)}

/* Sheets / dialogs — better separation from parent screen without changing behavior. */
.modal-backdrop{
  background:color-mix(in srgb,var(--surface-overlay) 88%,transparent);}
.modal,.ddak-submenu-sheet,.ddak-menu-sheet,.ddak-bottom-submenu-sheet{
  border-top-left-radius:22px;border-top-right-radius:22px;box-shadow:var(--shadow-sheet-refined)
}
.handle{width:34px;height:4px;margin-top:7px;margin-bottom:1px;background:color-mix(in srgb,var(--text-tertiary) 42%,transparent)}
.modal-head{padding-top:10px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}
.modal-head h2,.modal-head h3{font-size:18px;font-weight:760;letter-spacing:0}
.modal-head p{font-size:12.5px;line-height:1.52}
.modal-head .icon-btn{background:var(--surface-secondary)}
.ddak-menu-eyebrow{font-size:12px;font-weight:720}
.ddak-sheet-primary{border-radius:var(--radius-md);box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary) 13%,transparent)}

/* Fields / forms — consistent control surface across account, operation and commerce. */
.field{gap:7px}
.field label,.field>label{font-size:12.5px;font-weight:680;color:var(--text-secondary)}
.field input,.field select,.field textarea,.operation-input-control,.chat-composer textarea{
  border-radius:var(--radius-md);border-color:var(--border-default);background:var(--surface-primary);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-primary) 68%,transparent)
}
.field input:is(:hover,:focus),.field select:is(:hover,:focus),.field textarea:is(:hover,:focus),.operation-input-control:focus-within,.chat-composer textarea:focus{
  border-color:color-mix(in srgb,var(--brand-primary) 52%,var(--border-default))
}
.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 9%,transparent)}
.field-hint,.operation-field-help{color:var(--text-tertiary)}

/* Shared informational lists and submenu surfaces. */
.search-field-wrap,.ddak-notification-toolbar,.ddak-security-summary,.ddak-business-approval-status{border-radius:var(--radius-md)}
.search-result-row,.ddak-notification-row,.service-row,.conversation-list button,.billing-record-row{transition:background-color var(--motion-fast),box-shadow var(--motion-fast)}
.search-result-row:active,.ddak-notification-row:active,.service-row:active,.conversation-list button:active,.billing-record-row:active{background:var(--surface-secondary)}
.ddak-notification-row.is-unread{background:color-mix(in srgb,var(--brand-soft) 46%,var(--surface-primary));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--brand-primary) 60%,transparent)}
.toast{border-radius:var(--radius-md);box-shadow:0 10px 26px color-mix(in srgb,var(--surface-overlay) 44%,transparent)}

/* Hover affordances only on pointer devices; touch remains calm. */
@media(hover:hover) and (pointer:fine){
  .ddak-home-v12-ad-list>button:hover,.ddak-home-v12-priority-item:hover{background:color-mix(in srgb,var(--surface-secondary) 52%,transparent)}
  .ddak-ui-group-row:hover{background:color-mix(in srgb,var(--surface-secondary) 66%,transparent)}
  .ddak-ui-ai-question-chips button:hover{border-color:color-mix(in srgb,var(--brand-primary) 28%,var(--border-default));background:var(--brand-softer)}
}

/* Small-screen safeguards: polish cannot reduce usability. */
@media(max-width:390px){
  .ddak-home-v12-hero{padding-top:18px;padding-bottom:18px}
  .ddak-home-v12-hero h1{font-size:21px}
  .ddak-ui-campaign-card{padding-left:10px;padding-right:9px}
  .ddak-ui-campaign-metrics>span+span{padding-left:5px}
  .ddak-performance-safe-kpis strong{font-size:15.5px}
  .ddak-ui-ai-brief{padding-right:104px}
  .ddak-ui-group{margin-top:18px}
}
@media(max-width:359px){
  .ddak-ui-campaign-card{border-radius:var(--radius-md)}
  .ddak-ui-campaign-metrics{column-gap:4px}
  .ddak-ui-campaign-metrics>span+span{padding-left:4px}
  .ddak-ui-campaign-metrics small{font-size:12px}
  .ddak-ui-campaign-metrics b{font-size:12px}
  .ddak-ui-ai-brief{padding-right:96px}
  .ddak-more-screen .ddak-ui-group-row{padding-left:8px;padding-right:8px}
}

/* Tablet/webview stays product-like rather than turning into a dashboard. */
@media(min-width:760px) and (max-width:1023px){
  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{max-width:760px}
  .ddak-home-v12-hero{padding-left:22px;padding-right:174px}
  .ddak-home-v12-hero-character{right:16px}
}

/* Reduced-motion contract remains intact. */
@media(prefers-reduced-motion:reduce){
  .ddak-ui-bottom-nav .app-nav-icon,.ddak-ui-campaign-card,.ddak-ui-ai-action,.ddak-ui-group-row,.ddak-home-v12-ad-list>button,.ddak-home-v12-priority-item{transition:none}
}

/* v126.13.1 · readability guard — no visible UI text below 12px. */
.ddak-ui-state-pill,.ddak-ui-campaign-metrics small{font-size:12px}
@media(max-width:359px){
  .ddak-ui-state-pill,.ddak-ui-campaign-metrics small{font-size:12px}
}

/* ========================================================================== 
   v126.16 · Advertiser Ultra Detail Product Polish
   Presentation-only refinement. Existing IA, state, actions and API contracts remain intact.
   ========================================================================== */
html{
  --ddak-polish-section-gap:26px;
  --ddak-polish-row-gap:10px;
  --ddak-polish-card-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 3%,transparent),0 7px 20px color-mix(in srgb,var(--text-primary) 4%,transparent);
  --ddak-polish-raised-shadow:0 2px 5px color-mix(in srgb,var(--text-primary) 4%,transparent),0 12px 28px color-mix(in srgb,var(--text-primary) 5%,transparent);
  --ddak-polish-control-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 4%,transparent);
  --ddak-polish-divider:color-mix(in srgb,var(--border-default) 68%,transparent);
}
html[data-theme="dark"]{
  --ddak-polish-card-shadow:0 1px 2px color-mix(in srgb,var(--surface-overlay) 24%,transparent),0 8px 22px color-mix(in srgb,var(--surface-overlay) 18%,transparent);
  --ddak-polish-raised-shadow:0 2px 5px color-mix(in srgb,var(--surface-overlay) 28%,transparent),0 13px 30px color-mix(in srgb,var(--surface-overlay) 24%,transparent);
  --ddak-polish-control-shadow:0 1px 2px color-mix(in srgb,var(--surface-overlay) 28%,transparent);
}

/* Foundation polish: calmer page canvas, deliberate type rhythm, uniform focus/press behavior. */
.app-main{scrollbar-gutter:stable both-edges}
.screen{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-5))}
.ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{
  max-width:var(--content-reading-max);
}
.ddak-page-title,.title-stack h1{font-weight:780;line-height:1.25}
.ddak-ui-section-head,.ddak-home-v12-section-head,.ddak-section-header{column-gap:var(--space-3)}
.ddak-ui-section-head h2,.ddak-home-v12-section-head h2,.ddak-section-header h2{line-height:1.32}
.ddak-ui-section-head small,.ddak-home-v12-section-head small,.ddak-section-header span{line-height:1.45}
button,.btn,.icon-btn,[role="button"]{touch-action:manipulation}
button:active:not(:disabled),.btn:active:not(:disabled){transition-duration:var(--motion-press)}

/* App chrome: visually stable, less ornamental, stronger orientation. */
.app-header,.ddak-ui-topbar{min-height:var(--header-height)}
.app-header-left,.app-header-actions{align-self:stretch;display:flex;align-items:center}
.app-header-left{gap:var(--space-2)}
.app-header-actions{gap:var(--space-1)}
.app-header .icon-btn,.ddak-ui-topbar .icon-btn{width:44px;height:44px;min-width:44px;min-height:44px}
.app-header .icon-btn .ddak-icon,.ddak-ui-topbar .icon-btn .ddak-icon{width:21px;height:21px}
.app-header:after{opacity:.72}
.ddak-ui-bottom-nav{padding-top:4px}
.ddak-ui-bottom-nav .app-nav-button{min-width:0;padding-inline:2px}
.ddak-ui-bottom-nav .app-nav-icon{display:grid;place-items:center}
.ddak-ui-bottom-nav .app-nav-label{line-height:1.25;white-space:nowrap}
.ddak-ui-bottom-nav .app-nav-button.active::before{opacity:.92}
.ddak-nav-ddaki-face{background:var(--surface-primary)}

/* Login/authentication: premium but simple, with predictable control rhythm. */
.ddak-auth-shell,.ddak-auth-login-shell{background:var(--surface-page)}
.ddak-auth-card,.ddak-login-card{
  border-color:var(--border-default);
  border-radius:var(--radius-xl);
  box-shadow:var(--ddak-polish-raised-shadow);
}
.ddak-auth-header{gap:var(--space-3)}
.ddak-auth-company-logo{filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--brand-primary) 8%,transparent))}
.ddak-auth-copy h1{font-weight:780;line-height:1.28}
.ddak-auth-copy p{color:var(--text-secondary);line-height:1.62}
.ddak-login-form,.ddak-register-form{gap:var(--space-3)}
.ddak-password-field,.ddak-login-form .field,.ddak-register-form .field{min-width:0}
.ddak-login-primary,.ddak-login-secondary{border-radius:var(--radius-md);font-weight:720}
.ddak-login-primary{box-shadow:0 5px 14px color-mix(in srgb,var(--brand-primary) 16%,transparent)}
.ddak-login-demo-note,.ddak-auth-help,.ddak-account-help{line-height:1.55;color:var(--text-secondary)}
.ddak-auth-divider{color:var(--text-tertiary)}

/* Segment controls: same geometry everywhere, selected state is readable without shouting. */
.ddak-ui-tabs,.ddak-ui-performance-tabs,.ddak-ui-mode-tabs{
  gap:3px;
  border:1px solid color-mix(in srgb,var(--border-subtle) 82%,transparent);
  box-shadow:none;
}
.ddak-ui-tabs button,.ddak-ui-performance-tabs button,.ddak-ui-mode-tabs button{
  font-weight:680;
  line-height:1.25;
}
.ddak-ui-tabs button.active,.ddak-ui-performance-tabs button[aria-selected="true"],.ddak-ui-mode-tabs button[aria-pressed="true"]{
  box-shadow:var(--ddak-polish-control-shadow),0 3px 9px color-mix(in srgb,var(--text-primary) 4%,transparent);
}
.ddak-ui-tabs button:disabled,.ddak-ui-performance-tabs button:disabled,.ddak-ui-mode-tabs button:disabled{opacity:.42}

/* HOME: make the mascot, status and next actions read as one product story. */
.ddak-home-v12{padding-top:4px}
.ddak-home-v12-hero{
  margin-top:10px;
  min-height:384px;
  padding-top:20px;
  padding-bottom:19px;
  border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));
  box-shadow:var(--ddak-polish-card-shadow),inset 0 1px 0 color-mix(in srgb,var(--surface-primary) 74%,transparent);
}
.ddak-home-v12-hero-copy{position:relative;z-index:2}
.ddak-home-v12-greeting{margin-bottom:3px;color:var(--text-secondary);font-size:13px;line-height:1.42}
.ddak-home-v12-state{
  min-height:28px;
  padding-inline:10px;
  font-weight:700;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--semantic-success) 10%,var(--border-subtle));
}
.ddak-home-v12-hero h1{margin-top:7px;max-width:13ch;font-size:22px;line-height:1.33;font-weight:790}
.ddak-home-v12-hero p{max-width:25ch;margin-top:8px;font-size:13px;line-height:1.64;color:var(--text-secondary)}
.ddak-home-v12-hero-meta{margin-top:8px;font-size:12px;line-height:1.4}
.ddak-home-v12-hero-meta .ddak-icon{width:15px;height:15px}
.ddak-home-v12-hero-character{bottom:24px}
.ddak-home-v12-ddaki .ddak-mascot{filter:drop-shadow(0 13px 18px color-mix(in srgb,var(--brand-primary) 11%,transparent))}
.ddak-home-v12-hero-actions{margin-top:16px;align-items:center}
.ddak-home-v12-hero-actions>button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:3px;
  font-weight:720;
}
.ddak-home-v12-hero-actions>button:first-child{color:var(--brand-primary)}
.ddak-home-v12-section{margin-top:var(--ddak-polish-section-gap)}
.ddak-home-v12-section-head{min-height:46px;margin-bottom:5px;align-items:end}
.ddak-home-v12-section-head>div{display:grid;gap:2px}
.ddak-home-v12-section-head>div>span{font-size:12px;line-height:1.35}
.ddak-home-v12-section-head h2{font-size:18px;line-height:1.34;font-weight:770}
.ddak-home-v12-section-head>button{min-height:44px;padding-inline:4px;font-weight:700;color:var(--brand-primary)}
.ddak-home-v12-priority-list,.ddak-home-v12-ad-list{border-top-color:var(--ddak-polish-divider)}
.ddak-home-v12-priority-item,.ddak-home-v12-ad-list>button{border-bottom-color:var(--ddak-polish-divider)}
.ddak-home-v12-priority-item{min-height:82px;padding-block:11px}
.ddak-home-v12-priority-marker{width:38px;height:38px;border-radius:var(--radius-full)}
.ddak-home-v12-priority-marker .ddak-icon{width:18px;height:18px}
.ddak-home-v12-priority-item b{font-size:14px;line-height:1.4;font-weight:740}
.ddak-home-v12-priority-item p{margin-top:3px;font-size:12px;line-height:1.52;color:var(--text-secondary)}
.ddak-home-v12-priority-item button,.ddak-home-v12-ad-list>button>span:last-child{font-weight:710}
.ddak-home-v12-ad-list>button{min-height:76px;padding-block:10px}
.ddak-home-v12-ad-list b{font-size:14px;line-height:1.38;font-weight:730}
.ddak-home-v12-ad-list small{font-size:12px;line-height:1.46;color:var(--text-secondary)}
.ddak-home-v12-ad-list em{min-height:28px;font-size:12px;font-weight:700}
.ddak-home-v12-operation-strip{gap:8px}
.ddak-home-v12-operation-strip>button{min-height:54px;border-color:var(--border-default);background:var(--surface-primary);box-shadow:var(--ddak-polish-control-shadow)}
.ddak-home-v12-operation-strip>button .ddak-icon{width:19px;height:19px}
.ddak-home-v12-offline{border-radius:var(--radius-md);border-color:var(--border-default)}

/* ADS: denser scanning, cleaner metric columns, calmer state surfaces. */
.ddak-ui-ads-status{margin-top:13px;margin-bottom:12px}
.ddak-ui-ads-status button{font-size:12px;font-weight:700}
.ddak-ads-health-summary{
  min-height:78px;
  padding:13px 13px;
  grid-template-columns:40px minmax(0,1fr) auto;
  column-gap:10px;
  border-color:var(--border-default);
  box-shadow:var(--ddak-polish-card-shadow);
}
.ddak-ads-health-summary>span{width:38px;height:38px;align-self:start}
.ddak-ads-health-summary>span .ddak-icon{width:18px;height:18px}
.ddak-ads-health-summary>div{gap:3px}
.ddak-ads-health-summary b{font-size:14px;line-height:1.4;font-weight:745}
.ddak-ads-health-summary small{font-size:12px;line-height:1.53;color:var(--text-secondary)}
.ddak-ads-health-summary>button{min-height:44px;font-size:12px;font-weight:700;color:var(--brand-primary)}
.ddak-ui-filter-summary{
  min-height:61px;
  padding-inline:13px;
  border-color:var(--border-default);
  box-shadow:var(--ddak-polish-control-shadow);
}
.ddak-ui-filter-summary:active{box-shadow:none}
.ddak-ui-filter-summary>span>b{font-size:14px;line-height:1.38;font-weight:740}
.ddak-ui-filter-summary>span>small{font-size:12px;line-height:1.4}
.ddak-ui-filter-summary>.ddak-icon{width:19px;height:19px}
.ddak-ui-filter-line{min-height:47px;padding-top:5px}
.ddak-ui-filter-line b{font-size:14px;line-height:1.35;font-weight:740}
.ddak-ui-filter-line span{font-size:12px}
.ddak-ui-campaign-list{gap:9px}
.ddak-ui-campaign-card{
  min-height:126px;
  padding:12px 10px;
  grid-template-columns:74px minmax(0,1fr) 20px;
  column-gap:9px;
  border-color:var(--border-default);
  box-shadow:var(--ddak-polish-card-shadow);
}
.ddak-ui-campaign-card:active{background:var(--surface-secondary);box-shadow:none}
.ddak-ui-campaign-thumb{width:72px;min-width:72px;align-self:stretch;border-radius:var(--radius-md);background:var(--brand-softer)}
.ddak-ui-campaign-thumb .provider-badge{box-shadow:0 3px 9px color-mix(in srgb,var(--text-primary) 6%,transparent)}
.ddak-ui-campaign-body{gap:5px;align-self:center}
.ddak-ui-campaign-head{gap:8px;align-items:start}
.ddak-ui-campaign-head>b{font-size:14px;line-height:1.34;font-weight:750}
.ddak-ui-campaign-body>small{font-size:12px;line-height:1.42;color:var(--text-secondary)}
.ddak-ui-state-pill{min-height:27px;padding-inline:9px;font-size:12px;line-height:1;font-weight:720;white-space:nowrap}
.ddak-ui-campaign-metrics{
  margin-top:2px;
  padding-top:8px;
  column-gap:6px;
  border-top:1px solid var(--ddak-polish-divider);
}
.ddak-ui-campaign-metrics>span{gap:2px}
.ddak-ui-campaign-metrics>span+span{border-left:1px solid var(--ddak-polish-divider)}
.ddak-ui-campaign-metrics small{font-size:12px;line-height:1.25;color:var(--text-tertiary)}
.ddak-ui-campaign-metrics b{font-size:12.5px;line-height:1.3;font-weight:760;font-variant-numeric:tabular-nums}
.ddak-ui-campaign-card>.ddak-icon{width:17px;height:17px;color:var(--text-tertiary)}
.ddak-ui-action-list{gap:8px;margin-top:18px}
.ddak-ui-action-list>button{min-height:64px;border-color:var(--border-default);box-shadow:var(--ddak-polish-control-shadow)}
.ddak-ui-action-list>button>span:first-child{width:36px;height:36px;border-radius:var(--radius-sm)}
.ddak-ui-action-list>button b{font-size:13.5px;font-weight:730}
.ddak-ui-action-list>button small{font-size:12px;line-height:1.42;color:var(--text-secondary)}
.ddak-ui-inline-notice{border-radius:var(--radius-md);border-color:var(--border-default)}
.ddak-ui-empty-inline{border-radius:var(--radius-lg);border-color:var(--border-default);background:var(--surface-primary);box-shadow:var(--ddak-polish-card-shadow)}

/* PERFORMANCE: clearer control ladder, stronger numeric alignment, less dashboard-like weight. */
.ddak-performance-screen{padding-top:5px}
.ddak-performance-mode-row{padding-top:11px;margin-bottom:10px;align-items:center}
.ddak-performance-mode-row>span{display:grid;gap:3px}
.ddak-performance-mode-row>span>b{font-size:14px;line-height:1.35;font-weight:750}
.ddak-performance-mode-row>span>small{font-size:12px;line-height:1.48;color:var(--text-secondary)}
.ddak-performance-mode-row .ddak-ui-mode-tabs{align-self:start}
.ddak-ui-performance-tabs{margin-bottom:9px}
.ddak-ui-performance-tabs button{font-size:12px;font-weight:700}
.ddak-ui-period-row{gap:6px;margin-bottom:9px}
.ddak-ui-period-row button{border-radius:var(--radius-md);font-size:12px;font-weight:700}
.ddak-ui-period-row button.active{box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary) 15%,transparent)}
.ddak-ui-period-row>span{font-size:12px;color:var(--text-tertiary)}
.ddak-performance-date-range{
  min-height:45px;
  padding-inline:2px;
  color:var(--text-secondary);
  border-bottom:1px solid var(--ddak-polish-divider);
}
.ddak-performance-date-range>span{font-size:12px;line-height:1.4}
.ddak-performance-date-range>.ddak-icon{width:20px;height:20px}
.ddak-performance-safe-kpis{gap:8px;margin-top:9px}
.ddak-performance-safe-kpis>button,.ddak-performance-safe-kpis>div{
  min-height:72px;
  padding:12px;
  border-color:var(--border-default);
  border-radius:var(--radius-md);
  box-shadow:var(--ddak-polish-card-shadow);
}
.ddak-performance-safe-kpis>button:first-child,.ddak-performance-safe-kpis>div:first-child{
  box-shadow:var(--ddak-polish-card-shadow),inset 3px 0 0 color-mix(in srgb,var(--brand-primary) 34%,transparent);
}
.ddak-performance-safe-kpis small{font-size:12px;line-height:1.32;color:var(--text-secondary)}
.ddak-performance-safe-kpis strong{font-size:16px;line-height:1.28;font-weight:780;font-variant-numeric:tabular-nums}
.ddak-performance-safe-kpis em{font-size:12px;line-height:1.3}
.ddak-performance-meaning{
  margin-top:12px;
  margin-bottom:18px;
  padding-top:14px;
  padding-bottom:14px;
  column-gap:10px;
}
.ddak-performance-meaning>span{width:38px;height:38px;align-self:start}
.ddak-performance-meaning>span .ddak-icon{width:18px;height:18px}
.ddak-performance-meaning>div{gap:3px}
.ddak-performance-meaning small{font-size:12px;line-height:1.35}
.ddak-performance-meaning b{font-size:14.5px;line-height:1.48;font-weight:750}
.ddak-performance-meaning p{font-size:12px;line-height:1.58;color:var(--text-secondary)}
.ddak-performance-meaning button{font-size:12px;font-weight:720}
.ddak-performance-graph{
  border-color:var(--border-default);
  border-radius:var(--radius-lg);
  box-shadow:var(--ddak-polish-card-shadow);
  overflow:hidden;
}
.ddak-performance-graph-head{min-height:74px;padding:13px 13px 10px}
.ddak-performance-graph-head>div{display:grid;gap:2px}
.ddak-performance-graph-head small{font-size:12px;font-weight:720;color:var(--brand-primary)}
.ddak-performance-graph-head h2{font-size:16px;line-height:1.35;font-weight:770}
.ddak-performance-graph-head span{font-size:12px;color:var(--text-secondary)}
.ddak-performance-graph-head>button{min-height:44px;border-radius:var(--radius-sm);border-color:var(--border-default);background:var(--surface-secondary);font-weight:690}
.naver-clone-toolbar{min-height:50px;border-top-color:var(--border-subtle);border-bottom-color:var(--border-subtle)}
.ddak-daily-trend-label{min-height:28px;padding-inline:10px;display:inline-flex;align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-secondary);font-size:12px;font-weight:730;color:var(--text-secondary)}
.naver-clone-select summary{font-weight:680}
.ddak-performance-graph-note{padding:10px 12px;gap:7px;border-top-color:var(--border-subtle);background:var(--surface-secondary)}
.ddak-performance-graph-note .ddak-icon{width:16px;height:16px}
.ddak-performance-graph-note span{font-size:12px;line-height:1.48;color:var(--text-secondary)}
.ddak-performance-source-note{margin-top:10px;padding:10px 11px;border-radius:var(--radius-md);background:var(--surface-secondary)}
.ddak-performance-source-note span{font-size:12px;line-height:1.5}
.ddak-performance-action-strip{gap:8px;margin-top:12px}
.ddak-performance-action-strip .btn{min-height:48px}
.ddak-performance-data-state{margin-top:10px}
.performance-list-row,.provider-compare-list>button{min-height:68px}
.performance-list-row strong,.provider-compare-metric strong{font-variant-numeric:tabular-nums}

/* DdakAI: preserve the product-native layout, improve conversational hierarchy and composer clarity. */
.ddak-ui-ai{padding-top:4px;padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))}
.ddak-ui-ai-brief{
  min-height:134px;
  margin-top:10px;
  padding-top:15px;
  padding-bottom:15px;
  border-color:color-mix(in srgb,var(--brand-primary) 19%,var(--border-default));
  border-radius:var(--radius-lg);
  box-shadow:var(--ddak-polish-card-shadow);
}
.ddak-ui-ai-brief>div:not(.ddak-mascot-stage){display:grid;gap:4px}
.ddak-ui-ai-brief b{font-size:12px;line-height:1.35;font-weight:740}
.ddak-ui-ai-brief strong{font-size:14.5px;line-height:1.48;font-weight:750}
.ddak-ui-ai-brief small{font-size:12px;line-height:1.58;color:var(--text-secondary)}
.ddak-ui-ai-brief .ddak-mascot-stage-ai{bottom:8px}
.ddak-ui-ai-evidence{
  min-height:68px;
  margin-top:10px;
  padding:10px 11px;
  border-color:var(--border-default);
  border-radius:var(--radius-md);
  box-shadow:var(--ddak-polish-control-shadow);
}
.ddak-ui-ai-evidence>span:first-child{width:34px;height:34px}
.ddak-ui-ai-evidence b{font-size:13px;font-weight:730}
.ddak-ui-ai-evidence small{font-size:12px;line-height:1.42;color:var(--text-secondary)}
.ddak-ui-ai-evidence em{font-size:12px;font-weight:710}
.ddak-ui-ai .ddak-ui-section-head{min-height:48px;margin-top:22px;margin-bottom:7px}
.ddak-ui-ai .ddak-ui-section-head h2{font-size:18px;font-weight:770}
.ddak-ui-ai .ddak-ui-section-head small{font-size:12px;color:var(--text-tertiary)}
.ddak-ui-ai-question-chips{gap:8px;padding-top:2px;padding-bottom:3px}
.ddak-ui-ai-question-chips button{
  min-height:44px;
  padding-inline:13px;
  border-color:var(--border-default);
  border-radius:var(--radius-md);
  box-shadow:var(--ddak-polish-control-shadow);
  font-size:12px;
  line-height:1.35;
  font-weight:680;
}
.ddak-ui-ai-action-list{gap:9px}
.ddak-ui-ai-action{
  min-height:78px;
  padding:11px 12px;
  grid-template-columns:38px minmax(0,1fr) auto;
  column-gap:9px;
  border-color:var(--border-default);
  box-shadow:var(--ddak-polish-card-shadow);
}
.ddak-ui-ai-action>span:first-child{width:36px;height:36px}
.ddak-ui-ai-action>span:first-child .ddak-icon{width:18px;height:18px}
.ddak-ui-ai-action b{font-size:13.5px;line-height:1.4;font-weight:745}
.ddak-ui-ai-action small{font-size:12px;line-height:1.48;color:var(--text-secondary)}
.ddak-ui-ai-action>.ddak-icon{width:17px;height:17px;color:var(--text-tertiary)}
.ddak-ai-chat-stream{gap:10px;padding-top:10px}
.ddak-ai-chat-row{gap:8px}
.ddak-ai-chat-avatar{width:34px;height:34px}
.ddak-ai-chat-name{font-size:12px;font-weight:700;color:var(--text-secondary)}
.ddak-ai-chat-bubble{font-size:13px;line-height:1.58}
.ddak-ai-chat-row.assistant .ddak-ai-chat-bubble{box-shadow:var(--ddak-polish-control-shadow)}
.ddak-ai-response{padding:13px;border-color:var(--border-default);box-shadow:var(--ddak-polish-card-shadow)}
.ddak-ai-result-block{gap:7px}
.ddak-ai-result-block h3{line-height:1.4;font-weight:750}
.ddak-ai-result-block p,.ddak-ai-result-block li{line-height:1.58}
.ddak-ai-result-actions{gap:7px}
.ddak-ai-result-actions button{min-height:44px;border-radius:var(--radius-sm)}
.ddak-ai-composer{
  padding-top:10px;
  padding-bottom:calc(7px + env(safe-area-inset-bottom,0px));
}
.ddak-ai-composer .ai-input{
  min-height:58px;
  padding-left:13px;
  border-color:color-mix(in srgb,var(--brand-primary) 22%,var(--border-default));
  border-radius:var(--radius-lg);
  box-shadow:0 5px 18px color-mix(in srgb,var(--text-primary) 7%,transparent);
}
.ddak-ai-composer textarea{font-size:14px;line-height:1.5}
.ddak-ai-composer .ai-input-send{width:42px;height:42px;border-radius:var(--radius-md)}
.ddak-ai-composer .ai-input-clear{width:36px;height:36px}
.ddak-ai-composer-trust{margin-top:6px;font-size:12px;line-height:1.45;color:var(--text-tertiary)}

/* MORE: optical alignment and group rhythm across the full settings hub. */
.ddak-ui-more{padding-top:4px}
.ddak-ui-feature-hero{
  min-height:88px;
  margin-top:11px;
  padding:13px 13px;
  gap:10px;
  border-color:color-mix(in srgb,var(--brand-primary) 17%,var(--border-default));
  box-shadow:var(--ddak-polish-card-shadow);
}
.ddak-ui-business-avatar{width:44px;height:44px;border-radius:var(--radius-md)}
.ddak-ui-business-avatar b{font-weight:780}
.ddak-ui-feature-hero>span:not(.ddak-ui-business-avatar){min-width:0;display:grid;gap:2px}
.ddak-ui-feature-hero h2{font-size:15.5px;line-height:1.35;font-weight:760}
.ddak-ui-feature-hero p{font-size:12px;line-height:1.4;color:var(--text-secondary)}
.ddak-ui-feature-hero em{font-size:12px;line-height:1.38;color:var(--text-tertiary)}
.ddak-ui-feature-hero>button{min-height:44px;padding-inline:12px;border-color:var(--border-default);box-shadow:var(--ddak-polish-control-shadow)}
.ddak-ui-group{margin-top:21px}
.ddak-ui-group>h2{margin:0 2px 8px;font-size:13px;line-height:1.35;font-weight:730;color:var(--text-secondary)}
.ddak-ui-group>div{border-color:var(--border-default);box-shadow:var(--ddak-polish-card-shadow)}
.ddak-more-screen .ddak-ui-group-row{min-height:65px;padding:9px 10px;column-gap:10px}
.ddak-more-screen .ddak-ui-mi{width:38px;height:38px}
.ddak-more-screen .ddak-ui-mi .ddak-icon{width:18px;height:18px}
.ddak-ui-row-main{gap:3px}
.ddak-ui-row-main b{font-size:13.5px;line-height:1.38;font-weight:740}
.ddak-ui-row-main small{font-size:12px;line-height:1.42;color:var(--text-secondary)}
.ddak-ui-group-row>.ddak-icon:last-child{width:17px;height:17px}
.ddak-ui-group-row+.ddak-ui-group-row{border-top-color:var(--ddak-polish-divider)}
.ddak-ui-version{font-size:12px;line-height:1.5;color:var(--text-tertiary)}

/* Bottom sheets / dialogs / submenu routes: consistent reading zones and sticky action separation. */
.modal,.ddak-submenu-sheet,.ddak-menu-sheet,.ddak-bottom-submenu-sheet{border-color:var(--border-default);box-shadow:var(--ddak-polish-raised-shadow)}
.handle{opacity:.82}
.modal-head{min-height:66px;padding-top:10px;padding-bottom:11px}
.modal-head>div{display:grid;gap:2px;min-width:0}
.modal-head h2,.modal-head h3{font-size:18px;line-height:1.35;font-weight:770}
.modal-head p{font-size:12px;line-height:1.5;color:var(--text-secondary)}
.modal-head .icon-btn{width:44px;height:44px;min-width:44px;min-height:44px}
.ddak-menu-eyebrow,.ddak-sheet-eyebrow{font-size:12px;line-height:1.3;font-weight:730;color:var(--brand-primary)}
.ddak-menu-summary,.ddak-menu-note{border-color:var(--border-default);border-radius:var(--radius-md)}
.ddak-menu-section-head{min-height:44px}
.ddak-sheet-scroll-body{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}
.ddak-sheet-bottom-action{border-top-color:var(--border-subtle);background:var(--surface-page)}
.ddak-sheet-primary,.ddak-sheet-bottom-action .btn{min-height:52px;font-weight:720}
.ddak-sheet-character-intro{border-color:var(--border-default);box-shadow:var(--ddak-polish-control-shadow)}

/* Form system: labels, controls, optional/help copy and validation feel like one family. */
.field{gap:7px}
.field label,.field>label,.operation-question-kicker,.ddak-scope-label{font-size:12px;line-height:1.4;font-weight:700;color:var(--text-secondary)}
.field input,.field select,.field textarea,.operation-input-control,.chat-composer textarea,.ddak-scope-field{
  border-color:var(--border-default);
  border-radius:var(--radius-md);
  box-shadow:var(--ddak-polish-control-shadow);
}
.field input,.field select{min-height:48px}
.field textarea,.operation-textarea{line-height:1.55}
.field-hint,.operation-field-help,.field-label-optional{font-size:12px;line-height:1.5;color:var(--text-tertiary)}
.field input:focus,.field select:focus,.field textarea:focus,.operation-input-control:focus-within,.chat-composer textarea:focus{
  border-color:color-mix(in srgb,var(--brand-primary) 48%,var(--border-default));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 9%,transparent),var(--ddak-polish-control-shadow);
}

/* Search and notifications: faster scan and clearer unread state. */
.search-header,.ddak-notification-head{border-bottom-color:var(--border-subtle)}
.search-field-wrap{min-height:52px;border-color:var(--border-default);box-shadow:var(--ddak-polish-control-shadow)}
.search-field-wrap:focus-within{border-color:color-mix(in srgb,var(--brand-primary) 44%,var(--border-default));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 8%,transparent)}
.search-quick-grid{gap:8px}
.search-quick-grid>button{min-height:54px;border-color:var(--border-default);border-radius:var(--radius-md);box-shadow:var(--ddak-polish-control-shadow)}
.search-result-row{min-height:72px;border-bottom-color:var(--ddak-polish-divider)}
.search-result-copy{gap:3px}
.search-result-copy b{font-weight:740;line-height:1.4}
.search-result-copy small,.search-result-meta{font-size:12px;line-height:1.45;color:var(--text-secondary)}
.ddak-notification-toolbar{border-color:var(--border-default);box-shadow:var(--ddak-polish-control-shadow)}
.ddak-notification-row{min-height:74px;padding-block:10px;border-bottom-color:var(--ddak-polish-divider)}
.ddak-notification-icon{width:38px;height:38px;border-radius:var(--radius-sm)}
.ddak-notification-copy{gap:3px}
.ddak-notification-copy>b{font-size:13.5px;line-height:1.4;font-weight:740}
.ddak-notification-copy>p{font-size:12px;line-height:1.5;color:var(--text-secondary)}
.ddak-notification-meta{font-size:12px;color:var(--text-tertiary)}
.ddak-notification-row.is-unread{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--brand-primary) 55%,transparent)}

/* 1:1 support/chat: distinct from DdakAI while sharing the same quality system. */
.conversation-list{border-color:var(--border-default);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--ddak-polish-card-shadow)}
.conversation-list button{min-height:74px;padding-block:10px;border-bottom-color:var(--ddak-polish-divider)}
.conversation-list button:last-child{border-bottom:0}
.ddak-conversation-status-inline{min-height:26px;font-size:12px;font-weight:700}
.ddak-conversation-trail{font-size:12px;line-height:1.45;color:var(--text-tertiary)}
.chat-detail-screen{background:var(--surface-page)}
.chat-messages{gap:9px}
.chat-bubble{font-size:13px;line-height:1.58;border-radius:var(--radius-md)}
.chat-composer{gap:8px;border-top-color:var(--border-subtle);background:var(--surface-page)}
.chat-composer textarea{min-height:48px}
.ddak-chat-closed{border-color:var(--border-default);border-radius:var(--radius-md)}
.ddak-support-compose-v17{gap:10px}

/* Operations: guide → choice → input → review hierarchy with no workflow changes. */
.ddak-operation-hero,.operation-context-banner,.operation-review,.operation-success,.operation-ai-context{
  border-color:var(--border-default);
  border-radius:var(--radius-lg);
  box-shadow:var(--ddak-polish-card-shadow);
}
.operation-flow-head{gap:5px}
.operation-flow-head h2{font-weight:770;line-height:1.36}
.operation-flow-head p{line-height:1.55;color:var(--text-secondary)}
.operation-progress{border-radius:var(--radius-full)}
.operation-types,.operation-choices{gap:8px}
.operation-choice{min-height:68px;border-color:var(--border-default);border-radius:var(--radius-md);box-shadow:var(--ddak-polish-control-shadow)}
.operation-choice-icon{width:38px;height:38px;border-radius:var(--radius-sm)}
.operation-choice-copy{gap:3px}
.operation-choice-copy b{font-weight:740;line-height:1.38}
.operation-choice-copy small{font-size:12px;line-height:1.45;color:var(--text-secondary)}
.operation-review-row{min-height:56px;border-bottom-color:var(--ddak-polish-divider)}
.operation-footer{border-top-color:var(--border-subtle);background:var(--surface-page)}
.operation-success-actions{gap:8px}

/* Business/account/security: calm administrative surfaces, clear status alignment. */
.ddak-business-approval-status,.ddak-security-summary,.ddak-account-security{
  border-color:var(--border-default);
  border-radius:var(--radius-md);
  box-shadow:var(--ddak-polish-control-shadow);
}
.ddak-account-list,.ddak-security-list{border-color:var(--border-default);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--ddak-polish-card-shadow)}
.ddak-account-row,.ddak-security-row{min-height:66px;border-bottom-color:var(--ddak-polish-divider)}
.ddak-account-row:last-child,.ddak-security-row:last-child{border-bottom:0}
.ddak-account-provider,.ddak-security-icon{width:38px;height:38px;border-radius:var(--radius-sm)}
.ddak-account-trailing{align-items:center}
.ddak-pending-card{border-color:var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--ddak-polish-card-shadow)}

/* Billing/funding/services/commerce: shared commerce grammar, stronger numeric readability. */
.billing-summary-grid{gap:8px}
.billing-summary-grid>div,.funding-summary,.funding-media-card,.marketing-product-card,.marketing-detail-hero,.marketing-detail-benefits,.marketing-detail-body,.marketing-plan-preview{
  border-color:var(--border-default);
  box-shadow:var(--ddak-polish-card-shadow);
}
.billing-summary-grid strong,.billing-record-row strong,.funding-balance strong,.funding-ai-amount,.marketing-product-card strong{font-variant-numeric:tabular-nums}
.billing-record-list,.service-section{border-color:var(--border-default);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--ddak-polish-card-shadow)}
.billing-record-row,.service-row{min-height:74px;border-bottom-color:var(--ddak-polish-divider)}
.billing-record-row:last-child,.service-row:last-child{border-bottom:0}
.billing-record-icon,.marketing-product-symbol,.marketing-detail-symbol{border-radius:var(--radius-sm)}
.billing-record-copy,.marketing-product-copy{gap:3px}
.billing-section-head,.funding-section-head,.marketing-store-section-head{min-height:46px}
.marketing-store-hero{border-color:color-mix(in srgb,var(--brand-primary) 17%,var(--border-default));box-shadow:var(--ddak-polish-card-shadow)}
.marketing-product-grid{gap:9px}
.marketing-product-card{border-radius:var(--radius-lg)}
.marketing-product-card-top{gap:10px}
.marketing-product-cta{min-height:48px;border-radius:var(--radius-md)}
.marketing-store-assurance,.funding-policy-note,.billing-separation-note{line-height:1.52;color:var(--text-secondary)}
.funding-media-list{gap:9px}
.funding-actions{gap:8px}

/* State surfaces: errors, empty, loading and confirmations stay polished and compact. */
.empty,.ddak-ui-empty-inline,.search-state,.ddak-notification-empty,.funding-state,.ddak-inline-state,.ddak-performance-load-error{
  line-height:1.55;
}
.ddak-inline-state,.ddak-performance-load-error,.error-card,.ddak-alert-guidance,.ddak-alert-confirm{
  border-color:var(--border-default);
  border-radius:var(--radius-md);
}
.toast{max-width:min(calc(100vw - (var(--page-padding) * 2)),420px);border:1px solid var(--border-default);box-shadow:var(--ddak-polish-raised-shadow)}
.skeleton{border-radius:var(--radius-sm)}

/* Pointer-only hover states: informative on desktop/tablet, invisible to touch users. */
@media(hover:hover) and (pointer:fine){
  .ddak-ui-campaign-card:hover,.ddak-ui-ai-action:hover,.ddak-ui-action-list>button:hover,.operation-choice:hover,.marketing-product-card:hover{
    border-color:var(--border-strong);
    box-shadow:var(--ddak-polish-raised-shadow);
  }
  .search-result-row:hover,.ddak-notification-row:hover,.conversation-list button:hover,.service-row:hover,.billing-record-row:hover{background:var(--surface-secondary)}
}

/* Small phone precision: keep hierarchy and hit targets without horizontal pressure. */
@media(max-width:390px){
  .ddak-home-v12-hero{min-height:382px;padding-top:18px;padding-bottom:18px}
  .ddak-home-v12-hero h1{font-size:21px}
  .ddak-home-v12-hero-character{bottom:23px}
  .ddak-ui-campaign-card{grid-template-columns:72px minmax(0,1fr) 18px;padding-left:10px;padding-right:8px}
  .ddak-ui-campaign-thumb{width:70px;min-width:70px}
  .ddak-ui-campaign-metrics{column-gap:4px}
  .ddak-ui-campaign-metrics>span+span{padding-left:5px}
  .ddak-ui-campaign-metrics b{font-size:12px}
  .ddak-performance-safe-kpis strong{font-size:15.5px}
  .ddak-ui-ai-brief{padding-right:104px}
  .ddak-ui-feature-hero{padding-left:12px;padding-right:12px}
}
@media(max-width:359px){
  .ddak-home-v12-hero{min-height:376px}
  .ddak-home-v12-hero p{max-width:23ch}
  .ddak-ui-campaign-card{grid-template-columns:64px minmax(0,1fr) 18px;column-gap:7px}
  .ddak-ui-campaign-thumb{width:62px;min-width:62px}
  .ddak-ui-campaign-metrics{column-gap:3px}
  .ddak-ui-campaign-metrics>span+span{padding-left:4px}
  .ddak-performance-mode-row{gap:8px}
  .ddak-ui-ai-brief{padding-right:96px}
  .ddak-more-screen .ddak-ui-group-row{padding-left:8px;padding-right:8px}
}

/* Tablet WebView: preserve mobile product character and avoid dashboard expansion. */
@media(min-width:760px) and (max-width:1023px){
  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{max-width:760px}
  .ddak-home-v12-hero{padding-left:22px;padding-right:174px}
  .ddak-home-v12-hero-character{right:16px}
  .ddak-ui-campaign-list{gap:10px}
}

/* Dark theme has equal hierarchy, not merely inverted surfaces. */
html[data-theme="dark"] .ddak-home-v12-hero,
html[data-theme="dark"] .ddak-ui-ai-brief,
html[data-theme="dark"] .ddak-ui-feature-hero,
html[data-theme="dark"] .marketing-store-hero{
  border-color:color-mix(in srgb,var(--brand-primary) 25%,var(--border-default));
}
html[data-theme="dark"] .ddak-ui-tabs button.active,
html[data-theme="dark"] .ddak-ui-performance-tabs button[aria-selected="true"],
html[data-theme="dark"] .ddak-ui-mode-tabs button[aria-pressed="true"]{background:var(--surface-elevated)}
html[data-theme="dark"] .ddak-performance-safe-kpis>button:first-child,
html[data-theme="dark"] .ddak-performance-safe-kpis>div:first-child{background:color-mix(in srgb,var(--brand-soft) 26%,var(--surface-primary))}
html[data-theme="dark"] .ddak-ai-composer .ai-input{box-shadow:0 6px 20px color-mix(in srgb,var(--surface-overlay) 28%,transparent)}
html[data-theme="dark"] .ddak-notification-row.is-unread{background:color-mix(in srgb,var(--brand-soft) 36%,var(--surface-primary))}

/* Reduced-motion contract: all new polish remains optional motion. */
@media(prefers-reduced-motion:reduce){
  .ddak-ui-campaign-card,.ddak-ui-ai-action,.ddak-ui-action-list>button,.operation-choice,.marketing-product-card,
  .search-result-row,.ddak-notification-row,.conversation-list button,.service-row,.billing-record-row{transition:none;transform:none}
}
/* v126.16 QA guard: the visual composer remains compact while textarea itself keeps a 44px touch target. */
.ddak-ai-composer textarea{min-height:44px}
/* v126.16 visual QA correction: action anatomy has four children (icon / copy / action / chevron). */
.ddak-ui-ai-action{grid-template-columns:38px minmax(0,1fr) auto 18px}
.ddak-ui-ai-action>em{min-width:0;white-space:nowrap;font-size:12px;line-height:1.3;font-weight:710;color:var(--brand-primary)}
.ddak-ui-ai-action>.ddak-icon:last-child{width:17px;height:17px;align-self:center;color:var(--text-tertiary)}
/* v126.16 dark compositing guard: pose artwork remains chroma-key/transparent, never a square character tile. */
html[data-theme="dark"] .ddak-mascot-stage[data-ddaki-renderer="pose-asset"]{background:transparent;border-color:transparent;box-shadow:none}
html[data-theme="dark"] .ddak-mascot-stage[data-ddaki-renderer="pose-asset"]:after{display:none}

/* v126.16.2 · Preserve previously approved compact AI composer + performance label hierarchy. */
.ddak-daily-trend-label{font-size:14px}
.ddak-ai-composer{padding-top:8px;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}
.ddak-ai-composer .ai-input{min-height:52px;padding-top:3px;padding-bottom:3px}
.ddak-ai-composer textarea{min-height:40px;height:44px}

/* v126.23 · Browser-consistent brand identity guard.
   Pre-authentication screens must never inherit stale tenant Remote Config or a legacy blue cache. */
.ddak-auth-shell,.ddak-registration-shell,.ddak-pending-shell,.brand-splash{
  --brand-primary:var(--brand-identity-primary);
  --brand-strong:var(--brand-identity-strong);
  --brand-soft:var(--brand-identity-soft);
  --semantic-info:var(--brand-identity-primary);
  --semantic-info-soft:var(--brand-identity-soft);
}
.ddak-auth-slogan h1,.ddak-auth-slogan h1 span,.ddak-splash-slogan,.ddak-splash-slogan b{
  color:var(--brand-identity-primary);
  -webkit-text-fill-color:currentColor;
}
.ddak-auth-slogan h1 strong,.ddak-splash-slogan strong{
  color:var(--brand-identity-strong);
  -webkit-text-fill-color:currentColor;
}
.ddak-auth-company-mark{color:var(--brand-identity-primary)}

/* v126.15 · Brand authentication + social provider semantics */
.ddak-auth-slogan h1{display:grid;gap:2px;font-size:19px;font-weight:780;line-height:1.28;color:var(--brand-primary)}
.ddak-auth-slogan h1 span{display:block}.ddak-auth-slogan h1 strong{font-weight:780;color:var(--brand-strong)}
.ddak-social-login-list{display:grid;gap:9px;margin:0 0 10px}
.ddak-social-login{width:100%;min-height:48px;border:0;border-radius:var(--radius-md);display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 14px;font-family:var(--font-ui);font-size:14px;font-weight:720;line-height:1.2;cursor:pointer;transition:transform var(--motion-fast),filter var(--motion-fast)}
.ddak-social-login:active{transform:scale(.995)}
.ddak-social-login[aria-disabled="true"]{cursor:not-allowed;filter:saturate(.5);opacity:.7}
.ddak-social-login small{font-size:12px;font-weight:650;opacity:.72}
.ddak-social-login.naver{background:var(--social-naver);color:var(--social-naver-on)}
.ddak-social-login.kakao{background:var(--social-kakao);color:var(--social-kakao-on)}
.ddak-social-mark{width:28px;height:28px;display:grid;place-items:center;font-size:18px;font-weight:790;line-height:1}
.ddak-social-mark svg{width:24px;height:24px;fill:currentColor;display:block}
.ddak-auth-confirm-card{justify-content:flex-start}.ddak-auth-confirm-icon{width:58px;height:58px;border-radius:var(--radius-xl);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center;margin:16px auto 18px}.ddak-auth-confirm-icon .ddak-icon{width:27px;height:27px}.ddak-auth-confirm-card .step-copy{text-align:center;margin-bottom:18px}.ddak-auth-confirm-card .step-copy>span{font-size:12px;font-weight:750;color:var(--brand-primary)}.ddak-auth-confirm-card .step-copy h2{margin:6px 0;font-size:21px;line-height:1.35}.ddak-auth-confirm-card .step-copy p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}
.brand-splash{background:linear-gradient(180deg,var(--surface-page),var(--brand-soft));transition:opacity .18s ease,visibility .18s ease}
.brand-splash.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.brand-splash .splash-inner{gap:8px;padding:28px;text-align:center}
.ddak-splash-character{width:min(210px,54vw);height:min(210px,54vw);display:grid;place-items:center;overflow:visible}
.ddak-splash-character .ddak-mascot-stage,.ddak-splash-character .ddak-mascot-actor,.ddak-splash-character .ddak-mascot{width:100%;height:100%}
.ddak-splash-character .ddak-mascot{object-fit:contain;object-position:center}
.ddak-splash-slogan{display:grid;gap:2px;margin-top:8px;color:var(--brand-primary);font-size:17px;font-weight:780;line-height:1.35}.ddak-splash-slogan strong{font-weight:790;color:var(--brand-strong)}
html[data-theme="dark"] .brand-splash{background:linear-gradient(180deg,var(--surface-page),var(--brand-config-soft-dark))}
@media(max-width:360px){.ddak-social-login{padding-inline:12px}.ddak-auth-slogan h1{font-size:18px}.ddak-splash-character{width:min(184px,52vw);height:min(184px,52vw)}}
@media(prefers-reduced-motion:reduce){.brand-splash,.ddak-social-login{transition:none}.ddak-social-login:active{transform:none}}

/* v126.18 · Production UX density, state language and remote screen-setting bridge */
html[data-density="comfortable"]{--density-card-padding:14px;--density-row-padding-y:10px;--page-padding:17px}
html[data-density="compact"]{--density-card-padding:12px;--density-row-padding-y:8px;--page-padding:15px}
.ddak-home-v12-section,.ddak-ui-section{margin-top:var(--config-section-spacing)}
.ddak-ui-card,.ddak-ui-campaign-card,.ddak-ui-ai-brief,.ddak-performance-graph,.ddak-ads-health-summary,.ddak-ui-filter-summary,.ddak-ui-action-list>button,.ddak-home-v12-hero,.ddak-home-v12-direct-request,.ddak-home-v12-service-summary{border-radius:var(--radius-config)}
html[data-density="compact"] .ddak-home-v12{padding-left:15px;padding-right:15px}
html[data-density="compact"] .ddak-home-v12-hero{min-height:218px;padding-top:18px;padding-bottom:17px}
html[data-density="compact"] .ddak-home-v12-section-head{min-height:43px;margin-bottom:7px}
html[data-density="compact"] .ddak-home-v12-priority-item{min-height:72px;padding-top:10px;padding-bottom:10px}
html[data-density="compact"] .ddak-home-v12-ad-list>button{min-height:62px;padding-top:8px;padding-bottom:8px}
html[data-density="compact"] .ddak-home-v12-operation-strip>button{min-height:76px}

.ddak-home-v12-hero[data-home-state="danger"]{background:linear-gradient(155deg,var(--status-error-soft),var(--surface-primary));border-color:color-mix(in srgb,var(--status-error) 32%,var(--border-default))}
.ddak-home-v12-state.danger{color:var(--status-error)}
.ddak-home-v12-section-head>div>p{margin:3px 0 0;font-size:12px;line-height:1.45;color:var(--text-secondary)}
.ddak-home-v12-section-count{min-width:28px;height:28px;padding:0 8px;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--status-warning-soft);color:var(--status-warning);font-size:12px;font-weight:780;font-style:normal}

.ddak-home-v12-priority-list{display:grid;gap:8px;border-top:0}
.ddak-home-v12-priority-item{padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}
.ddak-home-v12-priority-item.is-first{min-height:96px;border-color:color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 4%,transparent)}
.ddak-home-v12-priority-item.warning.is-first,.ddak-home-v12-priority-item.critical.is-first{border-color:color-mix(in srgb,var(--status-warning) 31%,var(--border-default));background:linear-gradient(100deg,var(--status-warning-soft),var(--surface-primary) 48%)}
.ddak-home-v12-priority-item.good.is-first{border-color:color-mix(in srgb,var(--status-running) 23%,var(--border-default));background:linear-gradient(100deg,var(--status-running-soft),var(--surface-primary) 50%)}
.ddak-home-v12-priority-item.is-first b{font-size:15px}
.ddak-home-v12-priority-item.is-first p{font-size:12.5px}

.ddak-home-v12-key-result-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ddak-home-v12-key-result-list>button{min-width:0;min-height:78px;padding:11px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;align-content:center;gap:4px;text-align:left;box-shadow:0 2px 8px color-mix(in srgb,var(--text-primary) 3%,transparent)}
.ddak-home-v12-key-result-list>button:first-child{background:color-mix(in srgb,var(--brand-soft) 62%,var(--surface-primary));border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default))}
.ddak-home-v12-key-result-list small{font-size:12px;color:var(--text-secondary)}
.ddak-home-v12-key-result-list strong{display:block;margin-top:3px;font-size:17px;line-height:1.3;font-weight:780;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddak-home-v12-key-result-list .ddak-icon{display:none}

.ddak-home-v12-status-overview{min-height:42px;margin-bottom:8px;padding:5px 7px;display:flex;align-items:center;gap:6px;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-secondary);scrollbar-width:none}
.ddak-home-v12-status-overview>span{min-height:30px;padding:0 8px;display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-full);background:var(--surface-primary);white-space:nowrap;font-size:12px;color:var(--text-secondary)}
.ddak-home-v12-status-overview i,.ddak-home-v12-ad-list em i{width:7px;height:7px;border-radius:50%;background:currentColor}
.ddak-home-v12-status-overview .good{color:var(--status-running)}.ddak-home-v12-status-overview .warning{color:var(--status-warning)}.ddak-home-v12-status-overview .info{color:var(--status-scheduled)}.ddak-home-v12-status-overview .muted{color:var(--status-paused)}
.ddak-home-v12-ad-list{border-top:0;display:grid;gap:6px}
.ddak-home-v12-ad-list>button{position:relative;overflow:hidden;padding:10px 10px 10px 13px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}
.ddak-home-v12-ad-list>button:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--status-paused)}
.ddak-home-v12-ad-list>button[data-status-tone="good"]:before{background:var(--status-running)}
.ddak-home-v12-ad-list>button[data-status-tone="warning"]:before{background:var(--status-warning)}
.ddak-home-v12-ad-list>button[data-status-tone="danger"]:before{background:var(--status-error)}
.ddak-home-v12-ad-list>button[data-status-tone="info"]:before{background:var(--status-scheduled)}
.ddak-home-v12-ad-list em{gap:5px}.ddak-home-v12-ad-list em.good{background:var(--status-running-soft);color:var(--status-running)}.ddak-home-v12-ad-list em.warning{background:var(--status-warning-soft);color:var(--status-warning)}.ddak-home-v12-ad-list em.danger{background:var(--status-error-soft);color:var(--status-error)}.ddak-home-v12-ad-list em.info{background:var(--status-scheduled-soft);color:var(--status-scheduled)}.ddak-home-v12-ad-list em.muted{background:var(--status-paused-soft);color:var(--status-paused)}

.ddak-home-v12-operations{margin-top:calc(var(--config-section-spacing) + 4px);padding:16px;border:1px solid color-mix(in srgb,var(--brand-primary) 19%,var(--border-default));border-radius:var(--radius-config);background:linear-gradient(145deg,color-mix(in srgb,var(--brand-soft) 63%,var(--surface-primary)),var(--surface-primary) 62%)}
.ddak-home-v12-operations .ddak-home-v12-section-head{margin-top:0}
.ddak-home-v12-operation-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ddak-home-v12-operation-strip>button{min-height:84px;padding:11px 10px;border-color:color-mix(in srgb,var(--brand-primary) 15%,var(--border-default));align-items:flex-start;text-align:left}
.ddak-home-v12-operation-strip>button>.ddak-icon{width:22px;height:22px}
.ddak-home-v12-operation-strip>button>span{display:grid;gap:2px}.ddak-home-v12-operation-strip>button b{font-size:13.5px}.ddak-home-v12-operation-strip>button small{font-size:12px;color:var(--text-secondary);font-weight:500}
.ddak-home-v12-direct-request{min-height:68px;margin-top:10px;padding:11px 13px;box-shadow:0 6px 16px color-mix(in srgb,var(--brand-primary) 18%,transparent)}
.ddak-home-v12-direct-request b{font-size:14px}.ddak-home-v12-direct-request small{font-size:12px}

.ddak-home-v12-service-summary{width:100%;min-height:66px;padding:11px;border:1px solid var(--border-default);background:var(--surface-primary);display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left}
.ddak-home-v12-service-summary>span:first-child{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-primary)}
.ddak-home-v12-service-summary>span:nth-child(2){display:grid;gap:2px}.ddak-home-v12-service-summary b{font-size:13.5px}.ddak-home-v12-service-summary small{font-size:12px;color:var(--text-secondary)}

/* Ads list is for status scanning; detailed metrics stay in campaign detail. */
.ddak-ui-ads-status{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
.ddak-ui-ads-status button{flex:0 0 auto;min-width:max-content}
.ddak-ui-campaign-card{position:relative;min-height:92px;padding:11px 10px 11px 13px;grid-template-columns:54px minmax(0,1fr) 18px;column-gap:10px;overflow:hidden}
.ddak-ui-campaign-card:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--status-paused)}
.ddak-ui-campaign-card[data-status-kind="running"]:before{background:var(--status-running)}
.ddak-ui-campaign-card[data-status-kind="scheduled"]:before{background:var(--status-scheduled)}
.ddak-ui-campaign-card[data-status-kind="check"]:before{background:var(--status-warning)}
.ddak-ui-campaign-card[data-status-kind="error"]:before{background:var(--status-error)}
.ddak-ui-campaign-thumb{width:52px;min-width:52px;height:52px;align-self:center}
.ddak-ui-campaign-body{gap:3px}.ddak-ui-campaign-provider{font-size:12px;font-weight:760;color:var(--text-secondary)}
.ddak-ui-campaign-head>b{font-size:14px;line-height:1.35}.ddak-ui-campaign-body>small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddak-ui-campaign-metrics{display:none}
.ddak-ui-state-pill.running,.ddak-ui-state-pill.good{background:var(--status-running-soft);color:var(--status-running)}
.ddak-ui-state-pill.scheduled{background:var(--status-scheduled-soft);color:var(--status-scheduled)}
.ddak-ui-state-pill.error{background:var(--status-error-soft);color:var(--status-error)}
.ddak-ui-state-pill.warn{background:var(--status-warning-soft);color:var(--status-warning)}
.ddak-ui-state-pill.off{background:var(--status-paused-soft);color:var(--status-paused)}

/* DdakAI briefing is the dominant first-read area. */
.ddak-ui-ai-brief{min-height:184px;margin-top:8px;padding:20px 126px 19px 18px;background:linear-gradient(145deg,var(--brand-soft),color-mix(in srgb,var(--surface-primary) 72%,var(--brand-soft)));border-color:color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));box-shadow:0 7px 22px color-mix(in srgb,var(--brand-primary) 8%,transparent)}
.ddak-ui-ai-brief>span{display:grid;gap:7px}.ddak-ui-ai-brief b{font-size:13px;letter-spacing:.01em}.ddak-ui-ai-brief strong{font-size:20px;line-height:1.4;font-weight:790;letter-spacing:0}.ddak-ui-ai-brief small{max-width:440px;font-size:13px;line-height:1.58}.ddak-ui-ai-brief .ddak-mascot-stage-ai{width:112px;height:132px;right:7px;bottom:7px}
.ddak-ui-ai-evidence{margin-top:8px}

@media(max-width:370px){
  .ddak-home-v12-key-result-list{grid-template-columns:1fr}
  .ddak-home-v12-key-result-list>button{min-height:64px;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .ddak-home-v12-operation-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddak-home-v12-operations{padding:13px}
  .ddak-home-v12-priority-item{grid-template-columns:32px minmax(0,1fr)}
  .ddak-home-v12-priority-item>button{grid-column:2;justify-self:start}
  .ddak-ui-ai-brief{min-height:172px;padding-right:108px}
  .ddak-ui-ai-brief strong{font-size:18px}
  .ddak-ui-ai-brief .ddak-mascot-stage-ai{width:96px;height:116px}
}


/* ========================================================================== 
   v126.20 · Purple brand + HD Ddaki + centered navigation refinement
   ========================================================================== */
/* Slightly larger typography and icon rhythm across the advertiser app. */
.ddak-page-title{font-size:26px;font-weight:790}
.icon-btn .ddak-icon{width:21px;height:21px}
.btn{font-size:16px}
.ddak-ui-section-head h2,.ddak-home-v12-section-head h2{font-size:19px}
.ddak-ui-section-head>span,.ddak-home-v12-section-head>div>span{font-size:13px}
.ddak-home-v12-greeting{font-size:14px}
.ddak-home-v12-hero h1{font-size:23px}
.ddak-home-v12-hero-copy>p:not(.ddak-home-v12-greeting){font-size:14px}
.ddak-home-v12-hero-meta{font-size:13px}
.ddak-home-v12-hero-actions>button{font-size:13.5px}
.ddak-home-v12-priority-item b{font-size:15px}
.ddak-home-v12-priority-item p,.ddak-home-v12-priority-item small{font-size:13px}
.ddak-home-v12-key-result-list small{font-size:13px}
.ddak-home-v12-key-result-list strong{font-size:18px}
.ddak-home-v12-ad-list>button b{font-size:15px}
.ddak-home-v12-ad-list>button small{font-size:13px}
.ddak-home-v12-status-overview>span{font-size:13px}
.ddak-home-v12-operation-strip>button b{font-size:14.5px}
.ddak-home-v12-operation-strip>button small{font-size:13px}
.ddak-home-v12-operation-strip>button>.ddak-icon{width:24px;height:24px}
.ddak-home-v12-direct-request b{font-size:15px}
.ddak-home-v12-direct-request small{font-size:13px}
.ddak-ui-campaign-provider{font-size:13px}
.ddak-ui-campaign-head>b{font-size:15px}
.ddak-ui-campaign-body>small{font-size:13px}
.ddak-ui-state-pill{font-size:13px}
.ddak-ui-action-list b{font-size:14px}
.ddak-ui-action-list small{font-size:13px}
.ddak-ui-ai-brief b{font-size:14px}
.ddak-ui-ai-brief strong{font-size:21px}
.ddak-ui-ai-brief small{font-size:14px}
.ddak-ui-ai-evidence b{font-size:13px}
.ddak-ui-ai-evidence small,.ddak-ui-ai-evidence em{font-size:13px}
.ddak-ui-ai-question-chips button{font-size:13px}
.ddak-ui-ai-action b{font-size:14px}
.ddak-ui-ai-action small,.ddak-ui-ai-action em{font-size:13px}

/* Home operation health is readable from the outer line before reading copy. */
.ddak-home-v12-hero{
  border-width:2px;
  box-shadow:0 8px 24px color-mix(in srgb,var(--brand-primary) 7%,transparent);
}
.ddak-home-v12-hero[data-home-state="good"]{
  border-color:color-mix(in srgb,var(--status-running) 58%,var(--border-default));
  box-shadow:0 8px 24px color-mix(in srgb,var(--status-running) 10%,transparent);
}
.ddak-home-v12-hero[data-home-state="warning"]{
  border-color:color-mix(in srgb,var(--status-warning) 62%,var(--border-default));
  box-shadow:0 8px 24px color-mix(in srgb,var(--status-warning) 10%,transparent);
}
.ddak-home-v12-hero[data-home-state="danger"]{
  border-color:color-mix(in srgb,var(--status-error) 64%,var(--border-default));
  box-shadow:0 8px 24px color-mix(in srgb,var(--status-error) 11%,transparent);
}
.ddak-home-v12-hero[data-home-state="info"]{
  border-color:color-mix(in srgb,var(--status-scheduled) 56%,var(--border-default));
  box-shadow:0 8px 24px color-mix(in srgb,var(--status-scheduled) 9%,transparent);
}
.ddak-home-v12-hero[data-home-state="muted"]{
  border-color:color-mix(in srgb,var(--status-paused) 42%,var(--border-default));
  box-shadow:0 7px 20px color-mix(in srgb,var(--status-paused) 6%,transparent);
}
.ddak-home-v12-ads[data-ad-state]{padding:13px;border:1.5px solid var(--border-default);border-radius:var(--radius-config);background:var(--surface-primary)}
.ddak-home-v12-ads[data-ad-state="good"]{border-color:color-mix(in srgb,var(--status-running) 40%,var(--border-default))}
.ddak-home-v12-ads[data-ad-state="warning"]{border-color:color-mix(in srgb,var(--status-warning) 48%,var(--border-default))}
.ddak-home-v12-ads[data-ad-state="danger"]{border-color:color-mix(in srgb,var(--status-error) 52%,var(--border-default))}
.ddak-home-v12-ads[data-ad-state="info"]{border-color:color-mix(in srgb,var(--status-scheduled) 45%,var(--border-default))}
.ddak-home-v12-ads[data-ad-state="muted"]{border-color:color-mix(in srgb,var(--status-paused) 34%,var(--border-default))}

/* AI occupies the physical center slot. Label is intentionally removed; the mascot is the label. */
.ddak-ui-bottom-nav .app-nav-button{height:62px;gap:4px}
.ddak-ui-bottom-nav .app-nav-icon{width:32px;height:32px}
.ddak-ui-bottom-nav .app-nav-icon .ddak-icon{width:23px;height:23px}
.ddak-ui-bottom-nav .app-nav-label{font-size:13px}
.ddak-ai-nav-item{justify-content:center;gap:0}
.ddak-ai-nav-item .app-nav-label{display:none}
.ddak-ai-nav-item .app-nav-icon{width:56px;height:56px;margin:-5px 0 -1px;overflow:visible}
.ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:52px;height:52px;border-radius:var(--radius-md);border:2px solid color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));background:var(--brand-soft);box-shadow:0 5px 16px color-mix(in srgb,var(--brand-primary) 16%,transparent)}
.ddak-nav-ddaki-image{transform:scale(1.02);object-position:center center}
.ddak-ai-nav-item.active .ddak-nav-ddaki-face{border-color:var(--brand-primary);box-shadow:0 7px 20px color-mix(in srgb,var(--brand-primary) 26%,transparent);transform:translateY(-1px)}
.ddak-ai-nav-item.active .ddak-nav-ddaki-image{transform:scale(1.06)}

/* New duck character proportions are taller than the legacy robot. */
.ddak-home-v12-hero-character{width:154px;height:198px;right:-2px;bottom:-2px}
.ddak-home-v12-ddaki{width:154px;height:196px}
.ddak-ui-ai-brief .ddak-mascot-stage-ai{width:124px;height:146px}
.ddak-auth-hero .ddak-mascot-stage-auth{width:min(230px,61vw);height:min(230px,61vw);max-width:230px;max-height:230px}

@media(max-width:390px){
  .ddak-home-v12-hero h1{font-size:22px}
  .ddak-home-v12-hero-character{width:142px;height:188px;right:-7px}
  .ddak-home-v12-ddaki{width:142px;height:186px}
  .ddak-ai-nav-item .app-nav-icon{width:52px;height:52px}
  .ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:48px;height:48px;border-radius:var(--radius-md)}
  .ddak-ui-ai-brief .ddak-mascot-stage-ai{width:106px;height:128px}
}

html[data-theme="dark"] .ddak-home-v12-hero[data-home-state="good"]{border-color:color-mix(in srgb,var(--status-running) 66%,var(--border-default))}
html[data-theme="dark"] .ddak-home-v12-hero[data-home-state="warning"]{border-color:color-mix(in srgb,var(--status-warning) 68%,var(--border-default))}
html[data-theme="dark"] .ddak-home-v12-hero[data-home-state="danger"]{border-color:color-mix(in srgb,var(--status-error) 70%,var(--border-default))}


/* ========================================================================== 
   v126.20 · HD Ddaki rendering + optical icon centering + clearer period CTA
   ========================================================================== */
/* Character assets are now high-resolution PNGs sourced from the official duck sheet.
   Keep browser scaling smooth and avoid GPU transforms that can introduce blur. */
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"] .ddak-mascot,
.ddak-nav-ddaki-image{
  image-rendering:auto;
  -webkit-font-smoothing:antialiased;
  backface-visibility:hidden;
}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"] .ddak-mascot{
  transform:none;
  filter:drop-shadow(0 8px 14px color-mix(in srgb,var(--brand-primary) 7%,transparent));
}
.ddak-ui-ai-brief .ddak-mascot-stage-ai .ddak-mascot,
.ddak-auth-hero .ddak-mascot,
.ddak-home-v12-ddaki .ddak-mascot{object-fit:contain;object-position:center bottom}

/* Bottom navigation: true geometric centering in every 20% slot. */
.ddak-ui-bottom-nav{
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:center;
}
.ddak-ui-bottom-nav .app-nav-button{
  width:100%;min-width:0;padding-inline:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;justify-self:stretch;
}
.ddak-ui-bottom-nav .app-nav-icon{
  margin-inline:auto;flex:0 0 auto;display:grid;place-items:center;
}
.ddak-ui-bottom-nav .app-nav-icon>.ddak-icon{display:block;margin:auto;transform:none}
.ddak-ai-nav-item .app-nav-icon{margin-left:auto;margin-right:auto}
.ddak-nav-ddaki-face{margin-inline:auto}
.ddak-nav-ddaki-image,.ddak-ai-nav-item.active .ddak-nav-ddaki-image{transform:none}

/* '전체' menu: center every leading icon inside an equal optical tile. */
.ddak-more-screen .ddak-ui-group-row{
  grid-template-columns:42px minmax(0,1fr) 22px;
  column-gap:10px;
}
.ddak-more-screen .ddak-ui-mi{
  width:40px;height:40px;margin:0;justify-self:center;align-self:center;
  display:grid;place-items:center;padding:0;transform:none;
}
.ddak-more-screen .ddak-ui-mi .ddak-icon{
  display:block;margin:auto;position:relative;left:.5px;transform:none;
}
.ddak-ui-group-row>.ddak-icon:last-child{justify-self:center;margin:auto}

/* Performance graph: replace the ambiguous chart icon with an explicit period CTA. */
.ddak-performance-graph-head{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
.ddak-performance-period-trigger{
  min-width:88px;min-height:48px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));
  border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand-primary);
  display:grid;gap:2px;place-items:center;text-align:center;box-shadow:none;
}
.ddak-performance-period-trigger b{font-size:12.5px;line-height:1.2;font-weight:780}
.ddak-performance-period-trigger small{max-width:96px;font-size:12px;line-height:1.2;color:color-mix(in srgb,var(--brand-primary) 72%,var(--text-secondary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddak-performance-period-trigger:active{background:var(--brand-softer)}
.ddak-period-compare-control{
  margin:12px 0;padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;
}
.ddak-period-compare-control>span{display:grid;gap:3px}
.ddak-period-compare-control b{font-size:13px;font-weight:740}
.ddak-period-compare-control small{font-size:12.5px;line-height:1.42;color:var(--text-secondary)}
.ddak-period-compare-control>button{min-width:58px;min-height:38px;padding:0 10px;border-radius:var(--radius-full);background:var(--surface-primary);border:1px solid var(--border-default);font-size:12px;font-weight:720;color:var(--text-secondary)}
.ddak-period-compare-control>button.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-on-primary)}
@media(max-width:390px){
  .ddak-performance-period-trigger{min-width:80px;padding-inline:8px}
  .ddak-performance-period-trigger small{max-width:80px}
  .ddak-more-screen .ddak-ui-group-row{grid-template-columns:40px minmax(0,1fr) 20px}
}


/* v126.20 final polish · status typography + character raster fidelity */
/* Status words are UI labels, never editorial emphasis: keep every ad/operation state upright. */
.ddak-ui-state-pill,
.ddak-campaign-status,
.funding-state,
.ddak-home-v12-state,
.ddak-home-v12-ad-list>button>em,
.ddak-home-v12-request-list em,
.ddak-account-trailing .ddak-ui-state-pill,
.ddak-security-summary .ddak-ui-state-pill,
.operation-required-badge{font-style:normal;transform:none}

/* Preserve the supplied mascot pixels. CSS filters/transforms can force a lower-resolution GPU layer in WebView. */
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"] .ddak-mascot{
  filter:none;transform:none;image-rendering:auto;
  width:100%;height:100%;max-width:100%;max-height:100%;
}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"] .ddak-mascot-actor{overflow:visible}
.ddak-nav-ddaki-image{filter:none;transform:none;image-rendering:auto}

/* Exact slot centering. No inherited inline padding or baseline shift may pull icons to the left. */
.ddak-ui-bottom-nav .app-nav-button{padding-left:0;padding-right:0}
.ddak-ui-bottom-nav .app-nav-icon,
.ddak-ui-bottom-nav .app-nav-label{margin-left:auto;margin-right:auto;text-align:center}
.ddak-more-screen .ddak-ui-mi{place-self:center}
.ddak-more-screen .ddak-ui-mi .ddak-icon{left:0;right:auto;margin:auto}

/* Advertising state pills keep a clean, commercial UI tone. */
.ddak-ui-campaign-head .ddak-ui-state-pill{letter-spacing:0;font-weight:760}

/* ========================================================================== 
   v126.21 · Home mascot safe-area + messenger-style DdakAI alignment
   ========================================================================== */
/* Home mascot: keep the complete character inside the hero safe area.
   The v126.20 success source contained a neighboring expression fragment;
   v126.21 uses the cleaned full-body asset and avoids negative-edge placement. */
.ddak-home-v12-hero-character{
  right:10px;
  bottom:15px;
  width:142px;
  height:214px;
  place-items:center;
  overflow:visible;
}
.ddak-home-v12-hero-character:before{display:none}
.ddak-home-v12-ddaki{
  width:142px;
  height:214px;
  overflow:visible;
}
.ddak-home-v12-ddaki .ddak-mascot-actor{
  width:100%;
  height:100%;
  overflow:visible;
}
.ddak-home-v12-ddaki .ddak-mascot{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
}
@media(max-width:390px){
  .ddak-home-v12-hero{padding-right:132px}
  .ddak-home-v12-hero-character{right:7px;bottom:14px;width:132px;height:204px}
  .ddak-home-v12-ddaki{width:132px;height:204px}
}
@media(max-width:359px){
  .ddak-home-v12-hero{padding-right:120px}
  .ddak-home-v12-hero-character{right:5px;bottom:13px;width:116px;height:188px}
  .ddak-home-v12-ddaki{width:116px;height:188px}
}

/* DdakAI conversation: assistant = left, advertiser = right, like a familiar messenger. */
.ddak-ui-ai-chat-stream,.ddak-ai-chat-stream{
  align-items:stretch;
}
.ddak-ai-chat-row.assistant{
  width:100%;
  justify-content:flex-start;
  padding-right:34px;
}
.ddak-ai-chat-row.assistant>div{
  max-width:min(82%,620px);
}
.ddak-ai-chat-row.user{
  width:100%;
  justify-content:flex-end;
  padding-left:46px;
}
.ddak-ai-chat-row.user .ddak-ai-chat-bubble{
  max-width:min(78%,560px);
}
/* Structured AI answers previously kept a left margin and visually drifted right.
   Anchor the whole answer card from the left instead. */
.ddak-ai-response,.ddak-ui-ai-response{
  align-self:flex-start;
  width:calc(100% - 34px);
  max-width:720px;
  margin-left:0;
  margin-right:34px;
}
@media(max-width:390px){
  .ddak-ai-chat-row.assistant{padding-right:22px}
  .ddak-ai-chat-row.assistant>div{max-width:86%}
  .ddak-ai-chat-row.user{padding-left:38px}
  .ddak-ai-chat-row.user .ddak-ai-chat-bubble{max-width:84%}
  .ddak-ai-response,.ddak-ui-ai-response{width:calc(100% - 22px);margin-right:22px}
}

/* EASY mode should look and read like owner-friendly language, not ad-platform jargon. */
html[data-experience-mode="easy"] .ddak-performance-mode-row>span>small{line-height:1.52}
html[data-experience-mode="easy"] .naver-clone-select summary span,
html[data-experience-mode="easy"] .naver-clone-metric-menu button{
  letter-spacing:0;
  font-weight:690;
}


/* ==========================================================================
   v126.22 · DdakAI analysis mascot asset cleanup
   The official focus pose previously contained an isolated purple fragment at
   the far-left edge. The PNG is cleaned at source; this stage clip is a final
   containment guard so no decorative residue can escape the briefing slot.
   ========================================================================== */
.ddak-ui-ai-brief .ddak-mascot-stage-ai.ddak-mascot-pose-focus{
  overflow:hidden;
  isolation:isolate;
}
.ddak-ui-ai-brief .ddak-mascot-stage-ai.ddak-mascot-pose-focus .ddak-mascot-actor{
  overflow:hidden;
}

/* ==========================================================================
   v126.25 · Verified email registration
   ========================================================================== */
.ddak-email-verify-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.ddak-email-verify-row input{min-width:0}.ddak-email-verify-row .btn,.ddak-email-code-row .btn{min-height:46px;white-space:nowrap}.ddak-email-code-row{display:none;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:8px}.ddak-email-code-row.show{display:grid}.ddak-email-verify-status{display:flex;align-items:center;gap:6px;min-height:22px;margin-top:6px;color:var(--text-secondary);font-size:12px;line-height:18px}.ddak-email-verify-status.verified{color:var(--semantic-success);font-weight:700}.ddak-email-verify-status.error{color:var(--semantic-danger)}.ddak-email-verify-status .ddak-icon{width:15px;height:15px}.ddak-auth-step-note{margin:8px 0 0;padding:9px 10px;border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--text-secondary);font-size:12px;line-height:18px}
@media(max-width:370px){.ddak-email-verify-row,.ddak-email-code-row{grid-template-columns:1fr}.ddak-email-verify-row .btn,.ddak-email-code-row .btn{width:100%}}


/* ==========================================================================
   v126.27 · Advertiser experience precision layer
   Preserve the existing information architecture while improving hierarchy,
   hit targets, spacing consistency and the DdakAI monthly-budget simulator.
   ========================================================================== */
.ddak-menu-section{
  border:1px solid var(--border-subtle);
  box-shadow:0 1px 2px rgba(23,32,51,.025);
}
.ddak-menu-row{
  min-height:64px;
  padding-block:11px;
  gap:13px;
}
.ddak-menu-row .ddak-menu-icon,
.ddak-menu-row>.ddak-icon:first-child{
  flex:0 0 auto;
}
.ddak-menu-row b{}
.ddak-menu-row small{line-height:1.45}
.ddak-menu-row:focus-visible,
.btn:focus-visible,
.icon-btn:focus-visible{
  outline:0;
  box-shadow:var(--shadow-focus);
}
.ddak-submenu-sheet .modal-head{
  align-items:flex-start;
  gap:16px;
}
.ddak-submenu-sheet .modal-head>div:first-child{min-width:0}
.ddak-submenu-sheet .modal-head h3{}
.ddak-submenu-sheet .modal-head p{max-width:540px;line-height:1.5}
.ddak-submenu-sheet .icon-btn{flex:0 0 auto}
.ddak-budget-planner{
  width:min(100%,660px);
  max-height:min(92dvh,860px);
  overflow:auto;
  overscroll-behavior:contain;
}
.ddak-budget-planner .modal-head{margin-bottom:14px}
.ddak-budget-overview{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);
  gap:10px;
  margin:2px 0 18px;
}
.ddak-budget-overview>div{
  min-width:0;
  padding:15px 16px;
  border:1px solid var(--border-default);
  border-radius:var(--radius-md);
  background:var(--surface-primary);
}
.ddak-budget-overview span,
.ddak-budget-overview strong,
.ddak-budget-overview small{display:block}
.ddak-budget-overview span{
  color:var(--text-secondary);
  font-size:12px;
  font-weight:720;
}
.ddak-budget-overview strong{
  margin-top:5px;
  color:var(--text-primary);
  font-size:20px;
  line-height:1.25;
  font-variant-numeric:tabular-nums;
}
.ddak-budget-overview small{
  margin-top:5px;
  color:var(--text-secondary);
  font-size:12px;
  line-height:1.45;
}
.ddak-budget-overview .recommended{
  border-color:color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));
  background:color-mix(in srgb,var(--brand-soft) 72%,var(--surface-primary));
}
.ddak-budget-overview .recommended span,
.ddak-budget-overview .recommended strong{color:var(--brand-strong)}
.ddak-budget-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin:4px 2px 9px;
}
.ddak-budget-section-head b,
.ddak-budget-section-head small{display:block}
.ddak-budget-section-head b{
  color:var(--text-primary);
  font-size:14px;
}
.ddak-budget-section-head small{
  margin-top:3px;
  color:var(--text-secondary);
  font-size:12px;
  line-height:1.4;
}
.ddak-budget-scenarios{
  display:grid;
  gap:8px;
}
.ddak-budget-scenarios>button{
  width:100%;
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 13px 11px 14px;
  border:1px solid var(--border-default);
  border-radius:var(--radius-md);
  background:var(--surface-primary);
  color:var(--text-primary);
  text-align:left;
  transition:border-color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast);
}
.ddak-budget-scenarios>button:hover{
  border-color:var(--border-strong);
  background:var(--surface-secondary);
}
.ddak-budget-scenarios>button.selected{
  border-color:color-mix(in srgb,var(--brand-primary) 56%,var(--border-default));
  background:color-mix(in srgb,var(--brand-soft) 68%,var(--surface-primary));
  box-shadow:inset 3px 0 0 var(--brand-primary);
}
.ddak-budget-scenarios>button>span{min-width:0}
.ddak-budget-scenarios b,
.ddak-budget-scenarios small{display:block}
.ddak-budget-scenarios b{
  font-size:13px;
  line-height:1.35;
}
.ddak-budget-scenarios small{
  margin-top:3px;
  color:var(--text-secondary);
  font-size:12px;
  line-height:1.4;
}
.ddak-budget-scenarios strong{
  flex:0 0 auto;
  color:var(--text-primary);
  font-size:14px;
  font-variant-numeric:tabular-nums;
}
.ddak-budget-scenarios .recommended:not(.selected) strong{color:var(--brand-strong)}
.ddak-budget-custom{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,1.15fr);
  align-items:end;
  gap:12px;
  margin:12px 0 18px;
  padding:13px 14px;
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-md);
  background:var(--surface-secondary);
}
.ddak-budget-custom label span,
.ddak-budget-custom label small{display:block}
.ddak-budget-custom label span{
  color:var(--text-primary);
  font-size:12px;
  font-weight:760;
}
.ddak-budget-custom label small{
  margin-top:2px;
  color:var(--text-secondary);
  font-size:12px;
}
.ddak-budget-custom>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
}
.ddak-budget-custom input{
  width:100%;
  min-width:0;
  height:44px;
  padding:0 12px;
  border:1px solid var(--border-strong);
  border-radius:var(--radius-sm);
  background:var(--surface-primary);
  color:var(--text-primary);
  font:inherit;
  font-size:13px;
  font-variant-numeric:tabular-nums;
  outline:0;
}
.ddak-budget-custom input:focus{
  border-color:var(--brand-primary);
  box-shadow:var(--shadow-focus);
}
.ddak-budget-forecast{
  padding:15px;
  border:1px solid var(--border-default);
  border-radius:var(--radius-lg);
  background:var(--surface-primary);
}
.ddak-budget-forecast-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.ddak-budget-forecast-head span,
.ddak-budget-forecast-head strong{display:block}
.ddak-budget-forecast-head span{
  color:var(--text-secondary);
  font-size:12px;
  font-weight:700;
}
.ddak-budget-forecast-head strong{
  margin-top:2px;
  color:var(--text-primary);
  font-size:20px;
  font-variant-numeric:tabular-nums;
}
.ddak-budget-confidence{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 9px;
  border-radius:var(--radius-full);
  background:var(--surface-secondary);
  color:var(--text-secondary);
  font-size:12px;
  font-style:normal;
  font-weight:780;
  white-space:nowrap;
}
.ddak-budget-confidence.high{background:var(--semantic-success-soft);color:var(--semantic-success-text)}
.ddak-budget-confidence.medium{background:var(--semantic-warning-soft);color:var(--semantic-warning-text)}
.ddak-budget-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.ddak-budget-metric{
  min-width:0;
  padding:12px 11px;
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-md);
  background:var(--surface-secondary);
}
.ddak-budget-metric span,
.ddak-budget-metric strong,
.ddak-budget-metric small,
.ddak-budget-metric em{display:block}
.ddak-budget-metric span{
  color:var(--text-secondary);
  font-size:12px;
  font-weight:720;
}
.ddak-budget-metric strong{
  margin-top:5px;
  color:var(--text-primary);
  font-size:17px;
  line-height:1.25;
  font-variant-numeric:tabular-nums;
}
.ddak-budget-metric small{
  margin-top:4px;
  min-height:28px;
  color:var(--text-secondary);
  font-size:12px;
  line-height:1.4;
}
.ddak-budget-metric em{
  margin-top:7px;
  color:var(--text-tertiary);
  font-size:12px;
  font-style:normal;
}
.ddak-budget-metric.is-ready{
  background:color-mix(in srgb,var(--brand-soft) 35%,var(--surface-primary));
}
.ddak-budget-metric.is-waiting strong{font-size:13px}
.ddak-budget-basis{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:11px;
  padding:10px 11px;
  border-radius:var(--radius-sm);
  background:var(--surface-secondary);
}
.ddak-budget-basis>.ddak-icon{
  width:17px;
  height:17px;
  flex:0 0 auto;
  margin-top:1px;
  color:var(--brand-primary);
}
.ddak-budget-basis b,
.ddak-budget-basis small{display:block}
.ddak-budget-basis b{font-size:12px}
.ddak-budget-basis small{
  margin-top:2px;
  color:var(--text-secondary);
  font-size:12px;
  line-height:1.45;
}
.ddak-budget-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin-top:12px;
}
.ddak-budget-actions .btn{min-height:48px}
.ddak-budget-loading,
.ddak-budget-error{
  min-height:160px;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:7px;
  margin-top:8px;
  padding:22px;
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);
  background:var(--surface-secondary);
  text-align:center;
}
.ddak-budget-loading b,
.ddak-budget-error b{font-size:13px}
.ddak-budget-loading small,
.ddak-budget-error span{
  color:var(--text-secondary);
  font-size:12px;
  line-height:1.45;
}
.ddak-budget-error .btn{margin-top:5px}

@media(max-width:599px){
  .ddak-budget-planner{width:100%}
  .ddak-budget-overview{grid-template-columns:1fr}
  .ddak-budget-custom{grid-template-columns:1fr}
  .ddak-budget-actions{grid-template-columns:1fr}
  .ddak-budget-actions .btn{width:100%}
}
@media(max-width:359px){
  .ddak-budget-metrics{grid-template-columns:1fr}
  .ddak-budget-metric small{min-height:0}
}


/* v126.28 · Simple Home + DdakAI copy density */
.ddak-home-v12-hero-copy>h1{margin-top:10px}
.ddak-home-v12-hero-copy>.ddak-home-v12-hero-meta{margin-top:10px}
.ddak-home-v12-section-head>div>h2:first-child{margin-top:0}
.ddak-home-v12-priority-item>div{gap:0}
.ddak-home-v12-operation-strip button span{justify-content:center}
.ddak-home-v12-direct-request span{gap:0}
.ddak-ui-ai-brief>span{gap:5px}
.ddak-ui-ai-evidence{min-height:48px}
.ddak-ui-ai-evidence>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.ddak-ui-ai-evidence>div small{margin:0}
.ddak-ui-ai-action>span:nth-child(2){gap:0}
@media (max-width:600px){.ddak-home-v12-hero-copy>h1{max-width:220px}.ddak-ui-ai-brief strong{max-width:220px}}


/* ========================================================================== 
   v126.27.1 · Design-safe rollback / density correction
   Restores the established DdakLab card, spacing and interaction language.
   Only removes avoidable blank height and adds quiet in-card AI ambience.
   ========================================================================== */
/* Home: retain the existing hero/card language, but stop reserving a dashboard-sized empty canvas. */
.ddak-home-v12-hero{
  min-height:252px;
  padding-top:18px;
  padding-bottom:17px;
}
html[data-density="compact"] .ddak-home-v12-hero{min-height:236px}
.ddak-home-v12-operations{padding:14px}
.ddak-home-v12-operation-strip>button{min-height:74px;padding-top:10px;padding-bottom:10px}
.ddak-home-v12-direct-request{min-height:62px}

/* DdakAI: no new dashboard/visualization component. Ambient graphics live inside the existing briefing card. */
.ddak-ui-ai-brief{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 28%,color-mix(in srgb,var(--brand-primary) 10%,transparent) 0 18px,transparent 19px),
    radial-gradient(circle at 86% 28%,transparent 0 34px,color-mix(in srgb,var(--brand-primary) 8%,transparent) 35px 36px,transparent 37px),
    radial-gradient(circle at 72% 74%,color-mix(in srgb,var(--brand-primary) 7%,transparent) 0 4px,transparent 5px),
    linear-gradient(145deg,var(--brand-soft),color-mix(in srgb,var(--surface-primary) 72%,var(--brand-soft)));
}
.ddak-ui-ai-brief:before{
  content:"";
  position:absolute;
  z-index:0;
  right:22px;
  top:20px;
  width:54px;
  height:54px;
  border:1px solid color-mix(in srgb,var(--brand-primary) 11%,transparent);
  border-radius:var(--radius-full);
  box-shadow:-42px 74px 0 -25px color-mix(in srgb,var(--brand-primary) 8%,transparent);
  pointer-events:none;
}
.ddak-ui-ai-brief>span,.ddak-ui-ai-brief .ddak-mascot-stage-ai{z-index:1}

@media(max-width:390px){
  .ddak-home-v12-hero{min-height:246px;padding-top:16px;padding-bottom:16px}
  .ddak-home-v12-operation-strip>button{min-height:70px}
  .ddak-ui-ai-brief{min-height:176px}
}
@media(max-width:359px){
  .ddak-home-v12-hero{min-height:238px}
  .ddak-ui-ai-brief{min-height:168px}
}


/* ==========================================================================
   v126.29 · Ddakki asset integration without layout reconstruction
   Uses the supplied 24-pose character set only inside established mascot slots.
   ========================================================================== */
.ddak-home-v12-ddaki.ddak-mascot-pose-homeGood .ddak-mascot,
.ddak-home-v12-ddaki.ddak-mascot-pose-homeInfo .ddak-mascot,
.ddak-home-v12-ddaki.ddak-mascot-pose-homeWarning .ddak-mascot,
.ddak-home-v12-ddaki.ddak-mascot-pose-homeIdle .ddak-mascot{
  object-fit:contain;
  object-position:center bottom;
  transform:scale(1.08);
  transform-origin:center bottom;
}
.ddak-ui-ai-brief .ddak-mascot-stage-ai.ddak-mascot-pose-aiFocus{
  overflow:visible;
  isolation:isolate;
}
.ddak-ui-ai-brief .ddak-mascot-stage-ai.ddak-mascot-pose-aiFocus .ddak-mascot-actor{
  overflow:visible;
}
.ddak-ui-ai-brief .ddak-mascot-stage-ai.ddak-mascot-pose-aiFocus .ddak-mascot{
  object-fit:contain;
  object-position:center bottom;
  transform:scale(1.06);
  transform-origin:center bottom;
}


/* Official Ddakki emotes: preserve every established mascot slot; normalize only the image fit. */
.ddak-mascot-pose-hello .ddak-mascot,
.ddak-mascot-pose-curious .ddak-mascot,
.ddak-mascot-pose-thinking .ddak-mascot,
.ddak-mascot-pose-focus .ddak-mascot,
.ddak-mascot-pose-success .ddak-mascot,
.ddak-mascot-pose-celebrate .ddak-mascot,
.ddak-mascot-pose-warning .ddak-mascot,
.ddak-mascot-pose-support .ddak-mascot{
  object-fit:contain;
  object-position:center bottom;
}


/* ==========================================================================\n   v126.30 · Ddakki visual-integrity pass\n   Keep established UI slots; remove sticker-slice residue and enforce optical centering.\n   ========================================================================== */
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"]{
  overflow:hidden;
  contain:paint;
}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"]:after{display:none}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"] .ddak-mascot-actor{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  overflow:hidden;
  animation:none;
  transform:none;
  will-change:auto;
}
.ddak-mascot-stage[data-ddaki-renderer="pose-asset"] .ddak-mascot{
  position:relative;
  inset:auto;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  transform:none;
  filter:none;
}
/* Hero character remains in the established right-side slot, but is centered inside it. */
.ddak-home-v12-hero-character{
  place-items:center;
  overflow:hidden;
}
.ddak-home-v12-ddaki{
  overflow:hidden;
  place-self:center;
}
.ddak-home-v12-ddaki .ddak-mascot{object-position:center bottom}
/* DdakAI uses the same slot geometry with no off-canvas residue or scale drift. */
.ddak-ui-ai-brief .ddak-mascot-stage-ai,
.ddak-ui-ai-brief .ddak-mascot-stage-ai.ddak-mascot-pose-aiFocus,
.ddak-ui-ai-brief .ddak-mascot-stage-ai.ddak-mascot-pose-focus{
  overflow:hidden;
}
.ddak-ui-ai-brief .ddak-mascot-stage-ai .ddak-mascot{object-position:center bottom}
/* Compact states and bottom-sheet intros must stay geometrically centered. */
.ddak-sheet-ddaki,
.ddak-state-ddaki,
.ddak-empty-ddaki,
.marketing-store-ddaki,
.ddak-home-v12-empty-ddaki{
  overflow:hidden;
  place-items:center;
}
.ddak-sheet-ddaki .ddak-mascot,
.ddak-state-ddaki .ddak-mascot,
.ddak-empty-ddaki .ddak-mascot,
.marketing-store-ddaki .ddak-mascot,
.ddak-home-v12-empty-ddaki .ddak-mascot{object-position:center center}
/* Navigation avatar keeps the face exactly centered and clipped to its tile. */
.ddak-nav-ddaki-face{
  display:grid;
  place-items:center;
  overflow:hidden;
}
.ddak-nav-ddaki-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:none;
}

/* v126.31 · global operation request launcher + authenticated agent chat */
.ddak-operation-fab{
  position:fixed;z-index:36;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 14px);
  min-width:96px;height:50px;padding:4px 12px 4px 5px;border:1px solid color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));border-radius:var(--radius-full);
  background:color-mix(in srgb,var(--surface-primary) 96%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--text-primary) 13%,transparent);
  display:flex;align-items:center;gap:7px;color:var(--brand-primary);
}
.ddak-operation-fab:active{transform:translateY(1px);box-shadow:0 6px 16px color-mix(in srgb,var(--text-primary) 10%,transparent)}
.ddak-operation-fab-mascot{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--brand-soft);flex:0 0 auto}
.ddak-operation-fab .ddak-operation-fab-ddaki{width:38px;height:38px}
.ddak-operation-fab .ddak-mascot-actor,.ddak-operation-fab .ddak-mascot{width:100%;height:100%;object-fit:contain;object-position:center}
.ddak-operation-fab-label{font-size:12px;font-weight:780;white-space:nowrap}
.ddak-operation-fab.is-ai{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 88px)}
body.input-focus .ddak-operation-fab{display:none}
.screen:not(.ddak-ui-ai){padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 66px)}
.ddak-ui-ai{padding-bottom:calc(170px + env(safe-area-inset-bottom,0px))}

.ddak-agent-chat{width:min(calc(100% - 20px),520px);max-height:min(78dvh,760px);padding:0;display:flex;flex-direction:column;overflow:hidden}
.ddak-agent-chat>.handle{margin-top:8px;flex:0 0 auto}
.ddak-agent-chat-head{min-height:78px;padding:5px 16px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-subtle);flex:0 0 auto}
.ddak-agent-chat-head-copy{min-width:0;display:grid;gap:2px}.ddak-agent-chat-head-copy h3{margin:0;font-size:18px}.ddak-agent-chat-head-copy>div{display:flex;align-items:center;gap:7px;min-width:0}.ddak-agent-chat-head-copy small{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddak-agent-presence{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 7px;border-radius:var(--radius-full);font-size:12px;font-weight:700;white-space:nowrap;background:var(--surface-tertiary);color:var(--text-secondary)}
.ddak-agent-presence i{width:7px;height:7px;border-radius:50%;background:var(--text-tertiary)}.ddak-agent-presence.online{background:var(--semantic-success-soft);color:var(--semantic-success-text)}.ddak-agent-presence.online i{background:var(--semantic-success)}
.ddak-agent-chat-loading{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--text-secondary);font-size:13px}
.ddak-agent-chat-start{min-height:0;overflow:auto;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));display:grid;gap:14px}
.ddak-agent-chat-intro{min-height:112px;padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--brand-soft);display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;overflow:hidden}
.ddak-agent-chat-ddaki{width:82px;height:82px}.ddak-agent-chat-ddaki .ddak-mascot-actor,.ddak-agent-chat-ddaki .ddak-mascot{width:100%;height:100%;object-fit:contain;object-position:center}
.ddak-agent-chat-intro div{min-width:0}.ddak-agent-chat-intro b{display:block;font-size:14px;line-height:1.4}.ddak-agent-chat-intro p{margin:5px 0 0;font-size:12px;line-height:1.5;color:var(--text-secondary)}
.ddak-agent-chat-topics{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.ddak-agent-chat-topics::-webkit-scrollbar{display:none}.ddak-agent-chat-topics button{flex:0 0 auto;max-width:250px;min-height:38px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-primary);font-size:12px;font-weight:650;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddak-agent-chat-start-form{display:grid;gap:9px}.ddak-agent-chat-start-form textarea{min-height:96px;padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);resize:vertical;font:inherit;color:var(--text-primary)}
.ddak-agent-chat-trust{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;padding:10px;border-radius:var(--radius-md);background:var(--surface-secondary);font-size:12px;line-height:1.45;color:var(--text-secondary)}.ddak-agent-chat-trust .ddak-icon{width:18px;height:18px;color:var(--brand-primary)}
.ddak-agent-chat-messages{min-height:240px;flex:1 1 auto;overflow:auto;overscroll-behavior:contain;padding:14px 14px 18px;display:flex;flex-direction:column;gap:10px;background:var(--surface-secondary)}
.ddak-agent-chat-messages .chat-bubble{max-width:min(82%,420px)}
.ddak-agent-chat-composer{position:relative;left:auto;right:auto;bottom:auto;transform:none;width:auto;flex:0 0 auto;margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle);background:var(--surface-primary)}
.ddak-agent-chat-composer textarea{min-height:44px;max-height:112px;resize:none}.ddak-agent-chat-composer button{width:44px;height:44px;align-self:end}
.ddak-agent-chat .ddak-chat-closed{margin:0;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle)}

@media (min-width:600px) and (max-width:1023px){
  .ddak-operation-fab{right:max(calc((100vw - 820px)/2 + 18px),18px)}
}
@media (min-width:1024px){
  .ddak-operation-fab{right:max(calc((100vw - 1240px)/2 + 24px),24px);bottom:24px}
  .ddak-operation-fab.is-ai{bottom:92px}
  .screen:not(.ddak-ui-ai){padding-bottom:72px}
  .ddak-ui-ai{padding-bottom:140px}
}
@media (min-width:1280px){.ddak-operation-fab{right:max(calc((100vw - 1280px)/2 + 24px),24px)}}
@media (max-width:380px){
  .ddak-operation-fab{min-width:88px;height:48px;padding-right:10px}.ddak-operation-fab-mascot{width:38px;height:38px}.ddak-operation-fab-label{font-size:12px}
  .ddak-agent-chat{width:calc(100% - 12px);max-height:82dvh}.ddak-agent-chat-intro{grid-template-columns:72px minmax(0,1fr)}.ddak-agent-chat-ddaki{width:68px;height:68px}
}

/* v126.31 support channel separation without changing established sheet geometry */
.ddak-support-channel-actions{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:8px;margin:0 16px 12px}
.ddak-support-channel-actions .ddak-sheet-primary{margin:0;width:100%}
.ddak-support-live-btn{width:100%;border-color:color-mix(in srgb,var(--brand-primary) 26%,var(--border-default));background:var(--brand-soft);color:var(--brand-primary);font-weight:780}
@media(max-width:359px){.ddak-support-channel-actions{grid-template-columns:1fr}}

/* v126.31 final mobile clearance: reserve a clean lane between DdakAI content and its fixed composer for the global operation FAB. */
@media (max-width:1023px){
  .ddak-ui-ai .ddak-ai-composer-trust{display:none}
  .ddak-ui-ai .ddak-ai-composer{padding-top:7px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}
}


/* v126.31.1 · Home confirmation action alignment refinement
   Keeps the established confirmation-card structure while giving each trailing
   action a deliberate DdakLab compact-pill treatment and stable touch target. */
.ddak-home-v12-priority-item{
  grid-template-columns:38px minmax(0,1fr) auto;
  column-gap:11px;
}
.ddak-home-v12-priority-item>.ddak-home-v12-priority-action{
  min-width:64px;
  width:auto;
  min-height:38px;
  height:38px;
  padding:0 9px 0 11px;
  border:1px solid color-mix(in srgb,var(--brand-primary) 16%,var(--border-default));
  border-radius:var(--radius-full);
  background:color-mix(in srgb,var(--brand-soft) 58%,var(--surface-primary));
  color:var(--brand-primary);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  align-self:center;
  gap:2px;
  font-size:12.5px;
  line-height:1;
  font-weight:760;
  white-space:nowrap;
  box-shadow:none;
}
.ddak-home-v12-priority-item>.ddak-home-v12-priority-action>span{
  display:block;
  line-height:1;
}
.ddak-home-v12-priority-item>.ddak-home-v12-priority-action .ddak-icon{
  width:13px;
  height:13px;
  flex:0 0 13px;
  color:currentColor;
}
.ddak-home-v12-priority-item>.ddak-home-v12-priority-action:active{
  background:color-mix(in srgb,var(--brand-primary) 12%,var(--surface-primary));
  border-color:color-mix(in srgb,var(--brand-primary) 28%,var(--border-default));
  transform:translateY(1px);
}
.ddak-home-v12-priority-item.warning>.ddak-home-v12-priority-action,
.ddak-home-v12-priority-item.critical>.ddak-home-v12-priority-action{
  background:color-mix(in srgb,var(--surface-primary) 78%,var(--brand-soft));
}
@media(max-width:339px){
  .ddak-home-v12-priority-item{grid-template-columns:32px minmax(0,1fr);}
  .ddak-home-v12-priority-item>.ddak-home-v12-priority-action{
    grid-column:2;
    justify-self:start;
    margin-top:7px;
  }
}
@media(min-width:340px) and (max-width:370px){
  .ddak-home-v12-priority-item{grid-template-columns:32px minmax(0,1fr) auto;}
  .ddak-home-v12-priority-item>.ddak-home-v12-priority-action{
    grid-column:auto;
    justify-self:end;
    margin-top:0;
  }
}

/* v126.31.2 · Home AI focus + true fullscreen support messenger
   Preserve DdakLab's established surfaces while removing duplicate operation-request UI from Home. */
.ddak-home-v12-hero-actions{margin-top:18px;display:block}
.ddak-home-v12-hero-actions>.ddak-home-v12-ai-entry{
  width:min(160px,100%);min-height:48px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand-primary) 22%,var(--border-default));
  border-radius:var(--radius-full);background:color-mix(in srgb,var(--brand-soft) 68%,var(--surface-primary));color:var(--brand-primary);
  display:grid;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:8px;font-size:14px;font-weight:780;box-shadow:0 5px 16px color-mix(in srgb,var(--brand-primary) 10%,transparent)
}
.ddak-home-v12-hero-actions>.ddak-home-v12-ai-entry .ddak-icon{width:18px;height:18px}
.ddak-home-v12-hero-actions>.ddak-home-v12-ai-entry span{text-align:left}
.ddak-home-v12-hero-actions>.ddak-home-v12-ai-entry:active{transform:translateY(1px);box-shadow:none}

/* Full-screen 상담원 채팅: native-messenger geometry, not a bottom sheet. */
.ddak-agent-chat-backdrop{
  z-index:calc(var(--z-sheet) + 12);padding:0;align-items:stretch;justify-content:stretch;background:var(--surface-page)
}
.ddak-agent-chat.ddak-agent-chat-fullscreen{
  position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;
  border:0;border-radius:0;box-shadow:none;background:var(--surface-primary);display:flex;flex-direction:column;overflow:hidden
}
.ddak-agent-chat-fullscreen>.handle{display:none}
.ddak-agent-chat-head{
  min-height:calc(64px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0;display:grid;grid-template-columns:42px 40px minmax(0,1fr);align-items:center;gap:9px;
  border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-primary) 96%,transparent);flex:0 0 auto
}
.ddak-agent-chat-back{width:40px;height:40px;background:transparent}
.ddak-agent-chat-avatar,.ddak-agent-message-avatar{
  display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand-primary);flex:0 0 auto
}
.ddak-agent-chat-avatar{width:38px;height:38px}.ddak-agent-chat-avatar .ddak-icon{width:19px;height:19px}
.ddak-agent-chat-head-copy{min-width:0;display:grid;gap:2px}.ddak-agent-chat-head-copy h3{margin:0;font-size:15.5px;font-weight:780;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddak-agent-chat-head-copy>div{display:flex;align-items:center;gap:6px;min-width:0}.ddak-agent-chat-head-copy small{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddak-agent-presence{min-height:20px;padding:0 6px;font-size:12px}.ddak-agent-presence i{width:6px;height:6px}
.ddak-agent-chat-loading{height:100%;min-height:0;flex:1;display:grid;place-items:center;align-content:center;gap:10px;background:var(--surface-secondary)}
.ddak-agent-chat-messages{
  min-height:0;flex:1 1 auto;overflow:auto;overscroll-behavior:contain;padding:18px 14px 22px;display:flex;flex-direction:column;gap:8px;background:var(--surface-secondary);scrollbar-width:none
}
.ddak-agent-chat-messages::-webkit-scrollbar{display:none}
.ddak-agent-chat-day{align-self:center;margin:4px 0 10px;padding:4px 9px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--surface-tertiary) 82%,transparent);color:var(--text-tertiary);font-size:12px;font-weight:650}
.ddak-agent-message-row{width:100%;display:flex;align-items:flex-end;gap:7px}.ddak-agent-message-row.mine{justify-content:flex-end}.ddak-agent-message-row.staff{justify-content:flex-start}
.ddak-agent-message-avatar{width:28px;height:28px;margin-bottom:18px}.ddak-agent-message-avatar .ddak-icon{width:14px;height:14px}
.ddak-agent-message-stack{max-width:min(78%,560px);display:grid;gap:3px}.ddak-agent-message-row.mine .ddak-agent-message-stack{justify-items:end}.ddak-agent-message-row.staff .ddak-agent-message-stack{justify-items:start}
.ddak-agent-message-name{padding-left:2px;font-size:12px;color:var(--text-secondary);font-weight:700}
.ddak-agent-chat-messages .chat-bubble{max-width:none;margin:0;padding:10px 12px;border:0;border-radius:var(--radius-lg);box-shadow:none}
.ddak-agent-chat-messages .chat-bubble p{margin:0;font-size:14px;line-height:1.48;white-space:pre-wrap;word-break:break-word}
.ddak-agent-chat-messages .chat-bubble.mine{background:var(--brand-primary);color:var(--brand-on-primary);border-bottom-right-radius:var(--radius-xs)}
.ddak-agent-chat-messages .chat-bubble.staff{background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-subtle);border-bottom-left-radius:var(--radius-xs)}
.ddak-agent-message-meta{font-size:12px;color:var(--text-tertiary);line-height:1.2}.ddak-agent-read{color:var(--brand-primary);font-weight:700}
.ddak-agent-chat-welcome{padding-top:24px}.ddak-agent-chat-start-info{margin:8px 34px 0;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--brand-soft) 54%,var(--surface-primary));color:var(--text-secondary);font-size:12px;line-height:1.42}
.ddak-agent-chat-start-info .ddak-agent-chat-ddaki{width:42px;height:42px;flex:0 0 auto;overflow:hidden}.ddak-agent-chat-start-info .ddak-mascot-actor,.ddak-agent-chat-start-info .ddak-mascot{width:100%;height:100%;object-fit:contain;object-position:center}
.ddak-agent-chat-topics{flex:0 0 auto;padding:8px 12px 5px;display:flex;gap:7px;overflow-x:auto;background:var(--surface-primary);border-top:1px solid var(--border-subtle);scrollbar-width:none}.ddak-agent-chat-topics::-webkit-scrollbar{display:none}
.ddak-agent-chat-topics button{flex:0 0 auto;max-width:260px;min-height:36px;padding:0 11px;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-primary);font-size:12px;font-weight:700;white-space:nowrap}
.ddak-agent-chat-composer,.ddak-agent-chat-start-form{
  position:relative;left:auto;right:auto;bottom:auto;transform:none;width:100%;margin:0;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle);background:var(--surface-primary);display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:8px;flex:0 0 auto
}
.ddak-agent-chat-composer textarea,.ddak-agent-chat-start-form textarea{min-height:44px;max-height:120px;padding:11px 14px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--surface-secondary);resize:none;font:inherit;line-height:1.4;color:var(--text-primary)}
.ddak-agent-chat-composer button,.ddak-agent-chat-start-form button{width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:var(--brand-primary);color:var(--brand-on-primary);display:grid;place-items:center}.ddak-agent-chat-composer button .ddak-icon,.ddak-agent-chat-start-form button .ddak-icon{width:19px;height:19px}
.ddak-agent-chat .ddak-chat-closed{margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle);background:var(--surface-primary)}
body:has(.ddak-agent-chat-fullscreen) .ddak-operation-fab{display:none}
body:has(.ddak-agent-chat-fullscreen){overflow:hidden}
@media(min-width:760px){
  .ddak-agent-chat.ddak-agent-chat-fullscreen{left:50%;right:auto;width:min(760px,100vw);transform:translateX(-50%);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}
  .ddak-agent-chat-backdrop{background:var(--surface-secondary)}
}
@media(max-width:380px){
  .ddak-home-v12-hero-actions>.ddak-home-v12-ai-entry{width:148px;min-height:46px}
  .ddak-agent-chat-head{grid-template-columns:38px 36px minmax(0,1fr);gap:7px;padding-left:10px;padding-right:10px}
  .ddak-agent-chat-avatar{width:34px;height:34px}.ddak-agent-message-stack{max-width:82%}.ddak-agent-chat-messages{padding-left:10px;padding-right:10px}
}


/* v126.32 — information change request, notification geometry, restrained DdakAI readiness */
.ddak-business-change-sheet{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.ddak-business-change-form{display:grid;gap:14px}.ddak-business-change-guide{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--semantic-info-soft)}.ddak-business-change-guide>.ddak-icon{flex:0 0 auto;width:18px;height:18px;margin-top:2px;color:var(--brand-primary)}.ddak-business-change-guide>div{display:grid;gap:3px}.ddak-business-change-guide b{font-size:14px}.ddak-business-change-guide small{font-size:12px;line-height:1.45;color:var(--text-secondary)}
.ddak-business-change-form .field{display:grid;gap:7px}.ddak-business-change-form .field>span{font-size:13px;font-weight:700;color:var(--text-primary)}.ddak-business-change-form .field>small{font-size:12px;line-height:1.45;color:var(--text-tertiary)}.ddak-business-change-form input:not([type=file]),.ddak-business-change-form select,.ddak-business-change-form textarea{width:100%;min-height:48px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-primary);font:inherit;padding:12px 13px}.ddak-business-change-form textarea{min-height:86px;resize:vertical}.ddak-business-change-upload>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.ddak-business-change-upload>span em{font-style:normal;font-size:12px;font-weight:500;color:var(--text-tertiary)}.ddak-business-change-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ddak-business-change-file-picker{min-height:54px;padding:9px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:10px;align-items:center;border:1px dashed color-mix(in srgb,var(--brand-primary) 42%,var(--border-default));border-radius:var(--radius-md);background:color-mix(in srgb,var(--brand-soft) 42%,var(--surface-primary));cursor:pointer}.ddak-business-change-file-picker>.ddak-icon:first-child{width:18px;height:18px;justify-self:center;color:var(--brand-primary)}.ddak-business-change-file-picker>.ddak-icon:last-child{width:16px;height:16px;color:var(--text-tertiary)}.ddak-business-change-file-picker>span{min-width:0;display:grid;gap:1px}.ddak-business-change-file-picker b{font-size:13px;line-height:1.35;font-weight:700;color:var(--text-primary)}.ddak-business-change-file-picker small{font-size:12px;line-height:1.35;color:var(--text-tertiary)}.ddak-business-change-file-input:focus-visible+.ddak-business-change-file-picker{outline:2px solid color-mix(in srgb,var(--brand-primary) 45%,transparent);outline-offset:2px}
.ddak-business-change-recent{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-subtle)}.ddak-business-change-recent .ddak-ui-section-head{margin-bottom:9px}.ddak-business-change-recent h4{margin:0;font-size:15px}.ddak-business-change-recent .ddak-ui-section-head>span{font-size:12px;color:var(--text-tertiary)}.ddak-business-change-history{display:grid;gap:8px}.ddak-business-change-history article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--border-subtle)}.ddak-business-change-history article:last-child{border-bottom:0}.ddak-business-change-history article>div{min-width:0;display:grid;gap:2px}.ddak-business-change-history b{font-size:13px}.ddak-business-change-history small,.ddak-business-change-history em{font-size:12px;line-height:1.4;color:var(--text-secondary);font-style:normal;overflow-wrap:anywhere}.ddak-business-change-history em{color:var(--text-tertiary)}.ddak-business-change-history time{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.ddak-business-change-status{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:var(--radius-full);background:var(--surface-secondary);font-size:12px;font-weight:700;white-space:nowrap}.ddak-business-change-status.ok{background:var(--semantic-success-soft);color:var(--semantic-success)}.ddak-business-change-status.warn{background:var(--semantic-warning-soft);color:var(--semantic-warning)}.ddak-business-change-status.bad{background:var(--semantic-danger-soft);color:var(--semantic-danger)}.ddak-business-change-status.info{background:var(--semantic-info-soft);color:var(--brand-primary)}.ddak-business-change-empty{display:grid;gap:4px;padding:14px;border-radius:var(--radius-md);background:var(--surface-secondary)}.ddak-business-change-empty b{font-size:13px}.ddak-business-change-empty span{font-size:12px;line-height:1.5;color:var(--text-secondary)}
@media(max-width:380px){.ddak-business-change-history article{grid-template-columns:auto minmax(0,1fr)}.ddak-business-change-history time{grid-column:2}}


/* v126.32.1 · notification leading-icon visual alignment + DdakAI dashboard rollback */
.ddak-notification-row{
  min-height:0;
  padding:12px 10px 12px 12px;
  grid-template-columns:34px minmax(0,1fr) 20px;
  column-gap:10px;
  align-items:start;
}
.ddak-notification-icon{
  width:34px;
  height:34px;
  align-self:start;
  margin:0;
  border-radius:var(--radius-md);
}
.ddak-notification-icon>.ddak-icon{width:17px;height:17px}
.ddak-notification-copy{padding:0;gap:3px}
.ddak-notification-meta{min-height:17px;gap:6px}
.ddak-notification-copy>b{line-height:1.38}
.ddak-notification-copy>small{line-height:1.42}
.ddak-notification-trail{
  min-width:20px;
  grid-template-columns:5px 14px;
  gap:1px;
  align-self:start;
  justify-content:end;
  margin:0;
  padding-top:8px;
}
.ddak-notification-trail>i{width:5px;height:5px}
.ddak-notification-trail>.ddak-icon{width:14px;height:14px}
.ddak-notification-row.is-action-required{padding-top:12px;padding-bottom:12px}
.ddak-notification-row.is-action-required .ddak-notification-trail{margin:0;padding-top:7px}
.ddak-notification-icon-account{background:var(--brand-soft);color:var(--brand-primary)}
@media(max-width:380px){
  .ddak-notification-row{padding-left:10px;padding-right:8px;grid-template-columns:32px minmax(0,1fr) 18px;column-gap:9px}
  .ddak-notification-icon{width:32px;height:32px}
  .ddak-notification-icon>.ddak-icon{width:16px;height:16px}
  .ddak-notification-trail{min-width:18px;grid-template-columns:5px 13px;padding-top:7px}
  .ddak-notification-trail>.ddak-icon{width:13px;height:13px}
}

/* ========================================================================== 
   v126.32.3 · Advertiser Display Settings Reliability Fix
   User-selected text size / contrast must win after every later visual layer.
   Normal values preserve the existing design; only explicit accessibility
   preferences alter typography/contrast. Theme switching remains unchanged.
   ========================================================================== */
html[data-text="normal"]{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html[data-text="large"]{
  -webkit-text-size-adjust:112%;
  text-size-adjust:112%;
  --font-caption:14px;
  --font-support:15px;
  --font-body:17px;
  --font-body-large:18px;
  --font-item-title:18px;
  --font-section-title:22px;
  --font-page-title:28px;
  --font-label:14px;
}
/* Settings and core chrome contain a few intentionally fixed-size labels.
   Scale those too so the preference is immediately visible on every screen. */
html[data-text="large"] .ddak-menu-sheet .settings-row>div:first-child>b{font-size:14.5px}
html[data-text="large"] .ddak-menu-sheet .settings-row>div:first-child>small{font-size:13.5px}
html[data-text="large"] .settings-row .segmented button{font-size:14px}
html[data-text="large"] .ddak-ui-row-main b{font-size:15px}
html[data-text="large"] .ddak-ui-row-main small{font-size:13px}
html[data-text="large"] .ddak-ui-bottom-nav .app-nav-label{font-size:14px}
html[data-text="large"] .ddak-performance-mode-row>span>b{font-size:15px}
html[data-text="large"] .ddak-performance-mode-row>span>small{font-size:13px}

/* High contrast is declared at the final cascade layer so later light/dark
   refinements cannot silently overwrite the user's selection. */
html[data-theme="light"][data-contrast="high"]{
  --text-secondary:#364255;
  --text-tertiary:#465368;
  --border-default:#AAB6C5;
  --border-subtle:#C0CAD5;
  --border-strong:#8796A8;
}
html[data-theme="dark"][data-contrast="high"]{
  --text-secondary:#D8E0E9;
  --text-tertiary:#C1CBD7;
  --border-default:#606C7A;
  --border-subtle:#4B5663;
  --border-strong:#7B8796;
}
html[data-contrast="high"] :where(.segmented,.ddak-ui-group,.ddak-list-row,.ddak-ui-campaign-card,.modal,.ddak-submenu-surface){
  --shadow-focus:0 0 0 3px color-mix(in srgb,var(--brand-primary) 22%,transparent);
}
html[data-contrast="high"] :where(button,input,select,textarea):focus-visible{
  outline:2px solid var(--brand-primary);
  outline-offset:2px;
}


/* ========================================================================== 
   v126.33.5 · DdakAI top-dashboard Ddakki family cluster
   The existing top briefing card remains the only section. Existing official
   Ddakki poses fill its right-side whitespace like a compact family portrait.
   ========================================================================== */
.ddak-ui-ai-brief{
  min-height:116px;
  padding-right:168px;
}
.ddak-ai-brief-family{
  position:absolute;
  top:4px;
  right:4px;
  bottom:3px;
  width:158px;
  overflow:hidden;
  pointer-events:none;
  user-select:none;
  isolation:isolate;
}
.ddak-ai-brief-family:before{
  content:"";
  position:absolute;
  left:9px;
  right:8px;
  bottom:6px;
  height:24px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--brand-primary) 13%,transparent),transparent 72%);
  opacity:.72;
}
.ddak-ai-brief-family-members{position:absolute;inset:0}
.ddak-ai-brief-family-member{
  position:absolute;
  top:auto;
  right:auto;
  bottom:2px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  contain:none;
  transform-origin:center bottom;
}
.ddak-ai-brief-family-member:after{display:none}
.ddak-ai-brief-family-member .ddak-mascot-actor{position:absolute;inset:0;overflow:visible}
.ddak-ai-brief-family-member .ddak-mascot{
  position:relative;
  inset:auto;
  right:auto;
  bottom:auto;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
  border-radius:0;
  mix-blend-mode:normal;
  filter:drop-shadow(0 5px 5px color-mix(in srgb,var(--text-primary) 9%,transparent));
}
.ddak-ai-brief-family-member.back-left{left:2px;width:48px;height:62px;bottom:4px;transform:rotate(-5deg);z-index:1;opacity:.94}
.ddak-ai-brief-family-member.left{left:27px;width:58px;height:76px;bottom:3px;transform:rotate(2deg);z-index:2}
.ddak-ai-brief-family-member.center{left:50%;width:76px;height:98px;bottom:0;transform:translateX(-50%);z-index:4}
.ddak-ai-brief-family-member.right{right:25px;width:58px;height:76px;bottom:3px;transform:rotate(-2deg);z-index:3}
.ddak-ai-brief-family-member.back-right{right:0;width:48px;height:62px;bottom:4px;transform:rotate(5deg);z-index:1;opacity:.94}
html[data-theme="dark"] .ddak-ai-brief-family-member .ddak-mascot{opacity:.98}
@media(max-width:430px){
  .ddak-ui-ai-brief{min-height:112px;padding-right:154px}
  .ddak-ai-brief-family{width:145px;right:2px}
  .ddak-ai-brief-family-member.back-left{width:43px;height:56px}
  .ddak-ai-brief-family-member.left{left:24px;width:53px;height:69px}
  .ddak-ai-brief-family-member.center{width:70px;height:91px}
  .ddak-ai-brief-family-member.right{right:22px;width:53px;height:69px}
  .ddak-ai-brief-family-member.back-right{width:43px;height:56px}
}
@media(max-width:370px){
  .ddak-ui-ai-brief{min-height:108px;padding-right:137px}
  .ddak-ai-brief-family{width:129px;right:1px}
  .ddak-ai-brief-family-member.back-left{left:-1px;width:38px;height:50px}
  .ddak-ai-brief-family-member.left{left:20px;width:47px;height:62px}
  .ddak-ai-brief-family-member.center{width:62px;height:82px}
  .ddak-ai-brief-family-member.right{right:19px;width:47px;height:62px}
  .ddak-ai-brief-family-member.back-right{right:-1px;width:38px;height:50px}
}
@media(min-width:700px){
  .ddak-ui-ai-brief{min-height:124px;padding-right:190px}
  .ddak-ai-brief-family{width:180px;right:7px}
  .ddak-ai-brief-family-member.back-left{width:54px;height:70px}
  .ddak-ai-brief-family-member.left{left:31px;width:66px;height:85px}
  .ddak-ai-brief-family-member.center{width:84px;height:108px}
  .ddak-ai-brief-family-member.right{right:29px;width:66px;height:85px}
  .ddak-ai-brief-family-member.back-right{width:54px;height:70px}
}
@media(prefers-reduced-motion:reduce){.ddak-ai-brief-family-member{animation:none}}

/* v126.33.6 · performance PRO delta alignment */
.ddak-performance-kpi-value{min-width:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.ddak-performance-kpi-value>strong{display:inline-block}
.ddak-performance-kpi-value>em{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.ddak-performance-safe-kpis.is-pro .ddak-performance-kpi-value>em{margin:0}
.ddak-performance-safe-kpis.is-pro .ddak-kpi-delta-arrow{display:inline-block;font-size:.9em;line-height:1;transform:translateY(-.02em)}
@media(max-width:430px){.ddak-performance-safe-kpis.is-pro .ddak-performance-kpi-value{gap:5px}.ddak-performance-safe-kpis.is-pro .ddak-performance-kpi-value>em{font-size:12px}}

/* v126.33.6 · PRO metrics + registration password-confirm precision patch */
.ddak-pro-metrics-section .ddak-ui-section-head>div{min-width:0;display:grid;gap:2px}
.ddak-pro-metrics-section .ddak-ui-section-head>div>small{font-size:12px;line-height:1.35;color:var(--text-tertiary)}
.ddak-pro-metrics-section .ddak-ui-section-head>button{padding-inline:6px}
.ddak-pro-metric-list{background:var(--surface-primary)}
.ddak-ui-performance .ddak-pro-metric-row.ddak-list-row{
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:12px;
  row-gap:0;
  align-items:center;
  min-height:70px;
  padding:11px 12px;
}
.ddak-pro-metric-copy{min-width:0;display:grid;gap:3px}
.ddak-pro-metric-copy>b{font-size:13.5px;line-height:1.3;font-weight:750;color:var(--text-primary)}
.ddak-pro-metric-copy>small{font-size:12px;line-height:1.42;color:var(--text-secondary);overflow-wrap:anywhere}
.ddak-pro-metric-reading{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;white-space:nowrap}
.ddak-pro-metric-reading>strong{font-size:14.5px;line-height:1.25;font-weight:780;font-variant-numeric:tabular-nums;white-space:nowrap}
.ddak-pro-metric-reading>em{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;font-size:12px;line-height:1;font-style:normal;white-space:nowrap}
.ddak-pro-metric-chevron{width:18px;height:18px;display:inline-grid;place-items:center;flex:0 0 18px;color:var(--text-tertiary)}
.ddak-pro-metric-chevron>.ddak-icon{width:15px;height:15px}
.ddak-pro-conditional-metrics .performance-list-row.ddak-list-row{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:0}
.ddak-pro-conditional-metrics .performance-list-row>strong{justify-self:end;white-space:nowrap}

.ddak-register-password-field,.ddak-register-password-confirm-field{position:relative}
.ddak-register-password-confirm-field{margin-top:1px}
.ddak-register-password-confirm-field input.is-error{border-color:var(--semantic-danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--semantic-danger) 10%,transparent)}
.ddak-register-password-confirm-field input.is-valid{border-color:color-mix(in srgb,var(--semantic-success) 55%,var(--border-default))}
.ddak-password-confirm-status{min-height:20px;transition:color .16s ease}
.ddak-password-confirm-status.error{color:var(--semantic-danger);font-weight:700}
.ddak-password-confirm-status.verified{color:var(--semantic-success);font-weight:700}
@media(max-width:430px){
  .ddak-ui-performance .ddak-pro-metric-row.ddak-list-row{column-gap:8px;padding-inline:10px}
  .ddak-pro-metric-copy>small{font-size:12px}
  .ddak-pro-metric-reading{gap:4px}
  .ddak-pro-metric-reading>strong{font-size:14px}
  .ddak-pro-metric-reading>em{padding-inline:6px;font-size:12px}
}
.ddak-ui-performance .ddak-pro-metric-row>.ddak-pro-metric-copy{display:grid;gap:3px}
.ddak-ui-performance .ddak-pro-metric-row>.ddak-pro-metric-reading{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
@media(max-width:430px){.ddak-ui-performance .ddak-pro-metric-row>.ddak-pro-metric-reading{gap:4px}}

/* v126.34 — business switching / optical auth alignment / compact menu bottom space */
.ddak-password-field input{padding-right:70px}
.ddak-password-field>button{
  right:8px;top:50%;transform:translateY(-50%);
  height:36px;min-height:36px;min-width:50px;padding:0 8px;
  display:grid;place-items:center;line-height:1;border-radius:var(--radius-md);
}
.ddak-shell-surface .app-main{padding-bottom:calc(var(--bottom-nav-height) + 10px + env(safe-area-inset-bottom,0px))}
.business-switch-list{display:grid;gap:8px}
.business-switch-list>button{min-height:72px}
.business-switch-list>button.pending-business{opacity:1;background:var(--surface-secondary);cursor:default}
.business-switch-list>button.pending-business>span:first-child b{color:var(--text-primary)}
.business-switch-list>button>span:first-child{min-width:0;display:grid;gap:3px;text-align:left}
.business-switch-list>button>span:first-child em{font-style:normal;font-size:12px;line-height:1.35;color:var(--semantic-danger);white-space:normal}
.business-switch-state{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--text-secondary)}
.business-switch-state small{font-size:12px;font-weight:700}
.business-switch-state .ddak-icon{width:17px;height:17px}
.business-switch-state.approved{color:var(--brand-primary)}
.business-switch-state.pending{color:var(--semantic-warning)}
.business-switch-state.needs,.business-switch-state.rejected{color:var(--semantic-danger)}
.business-add-button{width:100%;min-height:66px;margin-top:10px;padding:11px 12px;border:1px dashed color-mix(in srgb,var(--brand-primary) 42%,var(--border-default));border-radius:var(--radius-md);background:var(--brand-softer);display:grid;grid-template-columns:26px minmax(0,1fr) 20px;align-items:center;gap:10px;text-align:left;color:var(--brand-primary)}
.business-add-button>span{display:grid;gap:2px}.business-add-button b{font-size:14px}.business-add-button small{font-size:12px;line-height:1.4;color:var(--text-secondary)}.business-add-button>.ddak-icon{width:19px;height:19px}
.ddak-business-add-sheet{width:min(100%,560px)}
.ddak-business-add-form{display:grid;gap:12px}
.ddak-business-approval-note{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border-radius:var(--radius-md);background:var(--brand-softer);color:var(--brand-primary)}
.ddak-business-approval-note>span{display:grid;gap:3px}.ddak-business-approval-note b{font-size:13px}.ddak-business-approval-note small{font-size:12px;line-height:1.5;color:var(--text-secondary)}
.ddak-business-license-upload{margin-top:2px}
@media (min-width:1024px){.ddak-shell-surface .app-main{padding-bottom:40px}}

.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}

/* R4 service deliverable inbox */
.service-card-rich{padding:0 0 10px;border-bottom:1px solid var(--border-subtle)}.service-card-rich+.service-card-rich{margin-top:8px}.service-cycle-results{display:grid;gap:8px;padding:0 2px 6px}.service-cycle-result{padding:9px 10px;border-radius:var(--radius-sm);background:var(--surface-secondary);border:1px solid var(--border-default)}.service-cycle-result>small{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:12px}.advertiser-deliverables{display:grid;gap:7px;margin:8px 0 2px}.advertiser-deliverable{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 11px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));background:var(--brand-soft)}.advertiser-deliverable-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-xs);background:var(--surface-primary);color:var(--brand-primary)}.advertiser-deliverable b,.advertiser-deliverable small{display:block}.advertiser-deliverable b{font-size:13px}.advertiser-deliverable small{margin-top:2px;color:var(--text-secondary);font-size:12px;line-height:1.4;overflow-wrap:anywhere}.advertiser-deliverable .text-btn{white-space:nowrap}
@media(max-width:430px){.advertiser-deliverable{grid-template-columns:auto minmax(0,1fr)}.advertiser-deliverable .text-btn{grid-column:2;justify-self:start}}

/* R4 service-deliverable quarantine state */
.text-btn.disabled{opacity:.48;cursor:not-allowed;pointer-events:none;text-decoration:none}

/* v126.33.6 R4.2 · advertiser service deliverables + business UI precision refinement */
.service-delivery-inbox{margin:2px 0 18px;padding:14px;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--brand-soft) 52%,var(--surface-primary));box-shadow:0 4px 16px color-mix(in srgb,var(--text-primary) 4%,transparent)}
.service-delivery-inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.service-delivery-inbox-head>div{min-width:0;display:grid;gap:3px}.service-delivery-kicker{font-size:12px;font-weight:760;color:var(--brand-primary)}.service-delivery-inbox-head h4{margin:0;font-size:17px;line-height:1.35}.service-delivery-inbox-head p{margin:0;max-width:32rem;font-size:12.5px;line-height:1.5;color:var(--text-secondary)}.service-delivery-inbox-head>strong{min-width:34px;height:34px;padding:0 9px;border-radius:var(--radius-full);display:grid;place-items:center;background:var(--brand-primary);color:var(--text-inverse);font-size:13px;font-weight:780}
.service-delivery-list{display:grid;gap:10px}.service-delivery-item{padding:11px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}.service-delivery-source{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;margin-bottom:8px}.service-delivery-source>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--semantic-success-soft);color:var(--semantic-success)}.service-delivery-source>span .ddak-icon{width:15px;height:15px}.service-delivery-source>div{min-width:0;display:grid;gap:1px}.service-delivery-source b{font-size:12.5px;line-height:1.35}.service-delivery-source small{font-size:12px;line-height:1.35;color:var(--text-tertiary)}
.service-delivery-inbox.empty-state{min-height:104px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;background:var(--surface-secondary);border-style:dashed}.service-delivery-empty-icon{width:42px;height:42px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--surface-primary);color:var(--brand-primary)}.service-delivery-inbox.empty-state h4{margin:0 0 3px;font-size:14px}.service-delivery-inbox.empty-state p{margin:0;font-size:12px;line-height:1.45;color:var(--text-secondary)}
.advertiser-deliverables{display:grid;gap:8px;margin:0}.advertiser-deliverable{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--brand-primary) 20%,var(--border-default));background:color-mix(in srgb,var(--brand-soft) 34%,var(--surface-primary))}.advertiser-deliverable-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-primary);color:var(--brand-primary);box-shadow:inset 0 0 0 1px var(--border-subtle)}.advertiser-deliverable-icon .ddak-icon{width:18px;height:18px}.advertiser-deliverable-copy{min-width:0;display:grid;gap:3px}.advertiser-deliverable-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.advertiser-deliverable-meta span{font-size:12px;font-weight:760;color:var(--brand-primary)}.advertiser-deliverable-meta time{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.advertiser-deliverable b{font-size:14px;line-height:1.38}.advertiser-deliverable small{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.48;overflow-wrap:anywhere}.advertiser-deliverable-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.advertiser-deliverable-actions .btn.compact{min-height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-sm);font-size:12px;font-weight:720;text-decoration:none}.advertiser-deliverable-actions .btn.compact .ddak-icon{width:15px;height:15px}.advertiser-deliverable-actions .disabled{opacity:.55;pointer-events:none}
.service-progress-section{margin-top:0}.service-section-heading{min-height:46px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:7px}.service-section-heading>div{display:grid;gap:1px}.service-section-heading span{font-size:12px;font-weight:720;color:var(--brand-primary)}.service-section-heading h4{margin:0;font-size:16px}.service-section-heading>small{font-size:12px;color:var(--text-tertiary)}.service-progress-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:66px;padding:10px 11px;border-bottom:1px solid var(--border-subtle)}.service-progress-card:last-child{border-bottom:0}.service-progress-icon{width:38px;height:38px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--surface-secondary);color:var(--brand-primary)}.service-progress-icon .ddak-icon{width:18px;height:18px}.service-progress-card>div{min-width:0;display:grid;gap:2px}.service-progress-card b{font-size:13.5px;line-height:1.4}.service-progress-card small{font-size:12px;line-height:1.4;color:var(--text-secondary);overflow-wrap:anywhere}.service-progress-pill{min-height:27px;padding:0 9px;border-radius:var(--radius-full);display:inline-flex;align-items:center;background:var(--surface-secondary);color:var(--text-secondary);font-size:12px;font-weight:720;white-space:nowrap}.service-progress-action{grid-column:2/4;justify-self:end;margin-top:-2px}

.ddak-service-deliverable-alert{position:fixed;z-index:37;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 76px);width:min(342px,calc(100vw - 28px));min-height:78px;padding:11px 10px 11px 11px;border:1px solid color-mix(in srgb,var(--brand-primary) 28%,var(--border-default));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-primary) 97%,transparent);box-shadow:0 14px 34px color-mix(in srgb,var(--text-primary) 16%,transparent);display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center}.ddak-service-deliverable-alert-icon{width:38px;height:38px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-primary)}.ddak-service-deliverable-alert-icon .ddak-icon{width:19px;height:19px}.ddak-service-deliverable-alert>div{min-width:0;display:grid;gap:1px}.ddak-service-deliverable-alert small{font-size:12px;font-weight:760;color:var(--brand-primary)}.ddak-service-deliverable-alert b{font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddak-service-deliverable-alert>div>span{font-size:12px;line-height:1.35;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ddak-service-deliverable-alert>button{min-width:52px;height:36px;padding:0 10px;border-radius:var(--radius-full);background:var(--brand-primary);color:var(--text-inverse);font-size:12px;font-weight:760}.ddak-service-deliverable-alert.is-ai{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 150px)}
body.input-focus .ddak-service-deliverable-alert{display:none}

.business-switcher-sheet{width:min(100%,560px)}.business-switch-summary{margin:4px 0 12px;padding:11px 12px;border-radius:var(--radius-md);background:var(--surface-secondary);display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}.business-switch-summary>span{width:34px;height:34px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--surface-primary);color:var(--brand-primary)}.business-switch-summary>span .ddak-icon{width:17px;height:17px}.business-switch-summary>div{min-width:0;display:grid;gap:2px}.business-switch-summary b{font-size:13px;line-height:1.4}.business-switch-summary small{font-size:12px;line-height:1.4;color:var(--text-secondary)}
.business-switch-list{display:grid;gap:8px}.business-switch-list>button.business-switch-card{width:100%;min-height:78px;padding:12px 13px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;color:var(--text-primary)}.business-switch-list>button.business-switch-card.selected{border-color:color-mix(in srgb,var(--brand-primary) 40%,var(--border-default));background:color-mix(in srgb,var(--brand-soft) 44%,var(--surface-primary));box-shadow:inset 3px 0 0 var(--brand-primary)}.business-switch-list>button.pending-business{opacity:1;background:var(--surface-secondary);cursor:default}.business-switch-copy{min-width:0;display:grid;gap:4px}.business-switch-title{display:flex;align-items:center;gap:7px;min-width:0}.business-switch-title b{min-width:0;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-switch-title em{flex:0 0 auto;min-height:22px;padding:0 7px;border:1px solid color-mix(in srgb,var(--brand-identity-primary) 24%,transparent);border-radius:var(--radius-full);display:inline-flex;align-items:center;background:var(--brand-identity-soft);color:var(--brand-identity-primary);font-size:12px;font-weight:720;font-style:normal}.business-switch-copy>small{font-size:12px;line-height:1.45;color:var(--text-secondary);white-space:normal;overflow-wrap:anywhere}.business-switch-review{font-size:12px;line-height:1.4;color:var(--semantic-danger)}.business-switch-state{min-width:76px;display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.business-switch-state small{font-size:12px;font-weight:760;line-height:1.2}.business-switch-state .ddak-icon{width:17px;height:17px;flex:0 0 auto}.business-add-button{min-height:70px;margin-top:12px;padding:12px 13px}.business-add-button>span{gap:3px}.business-add-button b{line-height:1.35}.business-add-button small{line-height:1.45}.business-switch-help{margin:11px 4px 4px;line-height:1.5}

.ddak-business-add-sheet{width:min(100%,540px);padding-left:0;padding-right:0}.ddak-business-add-head{padding-left:18px;padding-right:18px}.ddak-business-add-form{width:min(100%,500px);margin:0 auto;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));display:grid;gap:16px}.ddak-business-approval-note{padding:12px 13px}.ddak-business-form-section{display:grid;gap:11px;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary)}.ddak-business-form-section-head{display:grid;gap:2px;padding:0 2px 2px}.ddak-business-form-section-head b{font-size:14px}.ddak-business-form-section-head small{font-size:12px;line-height:1.4;color:var(--text-tertiary)}.ddak-business-add-form .field{padding:0 2px}.ddak-business-add-form .field label{padding-left:2px}.ddak-business-add-form .field input{min-height:46px;padding:10px 12px}.ddak-business-add-grid{gap:9px}.ddak-business-document-section{gap:12px}.ddak-business-license-upload{display:block;margin:0}.ddak-business-license-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ddak-business-license-picker{min-height:72px;padding:10px 11px;border:1px dashed color-mix(in srgb,var(--brand-primary) 40%,var(--border-default));border-radius:var(--radius-md);background:color-mix(in srgb,var(--brand-soft) 34%,var(--surface-primary));display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;cursor:pointer}.ddak-business-license-input:focus-visible+.ddak-business-license-picker{outline:2px solid color-mix(in srgb,var(--brand-primary) 42%,transparent);outline-offset:2px}.ddak-business-license-picker .license-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface-primary);color:var(--brand-primary)}.ddak-business-license-copy{min-width:0;display:grid;gap:2px}.ddak-business-license-copy b{font-size:13px;line-height:1.35}.ddak-business-license-copy small{font-size:12px;line-height:1.4;color:var(--text-secondary)}.ddak-business-license-cta{min-height:32px;padding:0 10px;border-radius:var(--radius-full);display:inline-flex;align-items:center;background:var(--brand-primary);color:var(--text-inverse);font-size:12px;font-weight:720;white-space:nowrap}.ddak-business-upload-help{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;padding:10px 11px;border-radius:var(--radius-md);background:var(--surface-secondary)}.ddak-business-upload-help>.ddak-icon{width:18px;height:18px;margin-top:1px;color:var(--brand-primary)}.ddak-business-upload-help>span{display:grid;gap:2px}.ddak-business-upload-help b{font-size:12.5px}.ddak-business-upload-help small{font-size:12px;line-height:1.45;color:var(--text-secondary)}.ddak-business-add-actions{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:8px}.ddak-business-add-actions .btn{width:100%;min-height:48px}

.ddak-business-switching-screen{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:var(--surface-page)}.ddak-business-switching-stage{width:min(100%,360px);display:grid;justify-items:center;text-align:center}.ddak-business-switching-ddaki{width:min(236px,62vw);height:min(236px,62vw);display:grid;place-items:center;overflow:visible}.ddak-business-switching-ddaki .ddak-mascot-actor,.ddak-business-switching-ddaki .ddak-mascot{width:100%;height:100%;object-fit:contain;object-position:center}.ddak-business-switching-spinner{width:24px;height:24px;margin-top:-6px;border:2px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear 12}.ddak-business-switching-stage>div{margin-top:13px;display:grid;gap:5px}.ddak-business-switching-stage b{font-size:18px;line-height:1.4}.ddak-business-switching-stage small{font-size:12.5px;line-height:1.5;color:var(--text-secondary)}

@media (min-width:1024px){.ddak-service-deliverable-alert{right:max(calc((100vw - 1240px)/2 + 24px),24px);bottom:86px}.ddak-service-deliverable-alert.is-ai{bottom:154px}}
@media (min-width:1280px){.ddak-service-deliverable-alert{right:max(calc((100vw - 1280px)/2 + 24px),24px)}}
@media (max-width:430px){.service-delivery-inbox{padding:12px}.advertiser-deliverable{grid-template-columns:34px minmax(0,1fr);padding:10px}.advertiser-deliverable-icon{width:34px;height:34px}.service-progress-card{grid-template-columns:36px minmax(0,1fr) auto;padding-inline:8px}.service-progress-pill{padding-inline:7px}.business-switch-list>button.business-switch-card{padding:11px 10px;gap:8px}.business-switch-state{min-width:70px}.ddak-business-add-form{padding-left:14px;padding-right:14px}.ddak-business-add-head{padding-left:14px;padding-right:14px}.ddak-business-form-section{padding:12px}.ddak-business-license-picker{grid-template-columns:38px minmax(0,1fr);padding:10px}.ddak-business-license-cta{grid-column:2;justify-self:start}.ddak-business-add-grid{grid-template-columns:1fr}.ddak-service-deliverable-alert{grid-template-columns:36px minmax(0,1fr) auto;padding:9px;width:calc(100vw - 24px);right:12px}.ddak-service-deliverable-alert-icon{width:36px;height:36px}.ddak-service-deliverable-alert>button{min-width:48px;padding-inline:8px}}


/* R4.5 · service deliverable alert as stacked FAB above global operation request */
.ddak-service-deliverable-fab{
  position:fixed;z-index:37;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 72px);
  min-width:96px;height:50px;padding:4px 12px 4px 5px;border:1px solid color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));border-radius:var(--radius-full);
  background:color-mix(in srgb,var(--surface-primary) 96%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--text-primary) 13%,transparent);
  display:flex;align-items:center;gap:7px;color:var(--brand-primary);isolation:isolate;
}
.ddak-service-deliverable-fab:active{transform:translateY(1px);box-shadow:0 6px 16px color-mix(in srgb,var(--text-primary) 10%,transparent)}
.ddak-service-deliverable-fab-icon{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--brand-soft);flex:0 0 auto}
.ddak-service-deliverable-fab-icon .ddak-icon{width:20px;height:20px}
.ddak-service-deliverable-fab-label{font-size:12px;font-weight:780;white-space:nowrap}
.ddak-service-deliverable-fab-dot{position:absolute;top:4px;right:5px;width:7px;height:7px;border:2px solid var(--surface-primary);border-radius:50%;background:var(--brand-primary);box-sizing:content-box}
.ddak-service-deliverable-fab.is-ai{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 146px)}
body.input-focus .ddak-service-deliverable-fab{display:none}
body:has(.ddak-agent-chat-fullscreen) .ddak-service-deliverable-fab{display:none}
@media (min-width:600px) and (max-width:1023px){
  .ddak-service-deliverable-fab{right:max(calc((100vw - 820px)/2 + 18px),18px)}
}
@media (min-width:1024px){
  .ddak-service-deliverable-fab{right:max(calc((100vw - 1240px)/2 + 24px),24px);bottom:82px}
  .ddak-service-deliverable-fab.is-ai{bottom:150px}
}
@media (min-width:1280px){.ddak-service-deliverable-fab{right:max(calc((100vw - 1280px)/2 + 24px),24px)}}
@media (max-width:380px){
  .ddak-service-deliverable-fab{min-width:88px;height:48px;padding-right:10px}.ddak-service-deliverable-fab-icon{width:38px;height:38px}.ddak-service-deliverable-fab-label{font-size:12px}
}

/* R4.5.1 · EASY performance: replace graph literacy with plain-language trend explanation */
.ddak-easy-trend-section{
  margin-top:12px;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-card);display:grid;gap:13px;
}
.ddak-easy-trend-title{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:start}
.ddak-easy-trend-title>span{width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-primary)}
.ddak-easy-trend-title>span .ddak-icon{width:20px;height:20px}
.ddak-easy-trend-title>div{min-width:0}.ddak-easy-trend-title small{display:block;margin:0 0 3px;font-size:12px;font-weight:760;color:var(--brand-primary)}
.ddak-easy-trend-title h2{margin:0;font-size:17px;line-height:1.42;letter-spacing:0}.ddak-easy-trend-title p{margin:5px 0 0;font-size:13px;line-height:1.55;color:var(--text-secondary)}
.ddak-easy-trend-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ddak-easy-trend-card{min-width:0;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-secondary);display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:start}
.ddak-easy-trend-card.good{background:color-mix(in srgb,var(--semantic-success-soft) 54%,var(--surface-primary));border-color:color-mix(in srgb,var(--semantic-success) 18%,var(--border-default))}
.ddak-easy-trend-card.warning{background:color-mix(in srgb,var(--semantic-warning-soft) 50%,var(--surface-primary));border-color:color-mix(in srgb,var(--semantic-warning) 18%,var(--border-default))}
.ddak-easy-trend-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--surface-primary);color:var(--brand-primary);box-shadow:inset 0 0 0 1px var(--border-subtle)}
.ddak-easy-trend-icon .ddak-icon{width:17px;height:17px}.ddak-easy-trend-card>div{min-width:0}.ddak-easy-trend-card small{display:block;font-size:12px;font-weight:700;color:var(--text-secondary)}
.ddak-easy-trend-card b{display:block;margin-top:4px;font-size:13px;line-height:1.48}.ddak-easy-trend-card p{margin:5px 0 0;font-size:12px;line-height:1.45;color:var(--text-secondary)}
.ddak-easy-trend-spend{min-height:44px;padding:10px 11px;border-radius:var(--radius-md);background:var(--brand-soft);display:flex;align-items:flex-start;gap:8px;color:var(--text-primary);font-size:12.5px;line-height:1.5}
.ddak-easy-trend-spend .ddak-icon{width:17px;height:17px;flex:0 0 17px;margin-top:1px;color:var(--brand-primary)}
.ddak-easy-trend-compare{display:flex;flex-wrap:wrap;gap:6px}.ddak-easy-trend-compare>span{min-height:30px;padding:6px 9px;border-radius:var(--radius-full);background:var(--surface-secondary);font-size:12px;font-weight:680;color:var(--text-secondary)}
.ddak-easy-trend-compare>span.good{background:var(--semantic-success-soft);color:var(--semantic-success-text)}
.ddak-easy-trend-footer{padding-top:11px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:12px}
.ddak-easy-trend-footer>span{min-width:0;display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.45;color:var(--text-tertiary)}.ddak-easy-trend-footer>span .ddak-icon{width:15px;height:15px;flex:0 0 15px;margin-top:1px}
.ddak-easy-trend-footer>button{min-height:36px;padding:0 10px;border:1px solid color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-primary);display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:760;white-space:nowrap}.ddak-easy-trend-footer>button .ddak-icon{width:13px;height:13px}
.ddak-easy-trend-section.loading,.ddak-easy-trend-section.error,.ddak-easy-trend-section.empty{min-height:112px;align-content:center}.ddak-easy-trend-section.error .ddak-easy-trend-title>span{background:var(--semantic-warning-soft);color:var(--semantic-warning-text)}
@media(max-width:720px){.ddak-easy-trend-cards{grid-template-columns:1fr}.ddak-easy-trend-footer{align-items:flex-start;flex-direction:column}.ddak-easy-trend-footer>button{align-self:flex-start}}
@media(max-width:380px){.ddak-easy-trend-section{padding:13px}.ddak-easy-trend-title{grid-template-columns:36px minmax(0,1fr);gap:9px}.ddak-easy-trend-title>span{width:36px;height:36px}.ddak-easy-trend-title h2{font-size:16px}}

/* R4.5.1 · exact peer geometry and scroll clearance for stacked global FABs */
.ddak-operation-fab,.ddak-service-deliverable-fab{width:112px;min-width:112px;max-width:112px}
.ddak-app-shell.has-deliverable-fab .screen:not(.ddak-ui-ai){padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 124px)}
.ddak-app-shell.has-deliverable-fab .ddak-ui-ai{padding-bottom:calc(228px + env(safe-area-inset-bottom,0px))}
@media(min-width:1024px){.ddak-app-shell.has-deliverable-fab .screen:not(.ddak-ui-ai){padding-bottom:130px}.ddak-app-shell.has-deliverable-fab .ddak-ui-ai{padding-bottom:210px}}
@media(max-width:380px){.ddak-operation-fab,.ddak-service-deliverable-fab{width:106px;min-width:106px;max-width:106px}}


/* R4.5.3 · refined deliverable notification FAB — restrained unread semantics, same DdakLab geometry */
.ddak-service-deliverable-fab{
  overflow:visible;
  border-color:color-mix(in srgb,var(--brand-primary) 26%,var(--border-default));
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-primary) 99%,transparent),color-mix(in srgb,var(--brand-soft) 18%,var(--surface-primary)));
  box-shadow:0 9px 26px color-mix(in srgb,var(--text-primary) 12%,transparent),inset 0 1px 0 color-mix(in srgb,var(--text-inverse) 58%,transparent);
  color:var(--text-primary);
  isolation:isolate;
  animation:ddak-deliverable-notice-arrive .34s cubic-bezier(.22,.78,.28,1) 1 both;
}
.ddak-service-deliverable-fab::before{
  content:"";position:absolute;inset:1px;border-radius:var(--radius-full);pointer-events:none;
  background:linear-gradient(105deg,color-mix(in srgb,var(--text-inverse) 28%,transparent),transparent 42%);
  opacity:.42;z-index:-1;
}
.ddak-service-deliverable-fab:hover{
  border-color:color-mix(in srgb,var(--brand-primary) 38%,var(--border-default));
  background:linear-gradient(180deg,var(--surface-primary),color-mix(in srgb,var(--brand-soft) 26%,var(--surface-primary)));
  box-shadow:0 12px 30px color-mix(in srgb,var(--text-primary) 14%,transparent),inset 0 1px 0 color-mix(in srgb,var(--text-inverse) 64%,transparent);
}
.ddak-service-deliverable-fab:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-primary) 46%,transparent);outline-offset:3px}
.ddak-service-deliverable-fab-icon{
  position:relative;overflow:visible;width:40px;height:40px;border-radius:50%;flex:0 0 40px;
  background:color-mix(in srgb,var(--brand-primary) 11%,var(--surface-primary));color:var(--brand-primary);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 15%,var(--border-subtle));
}
.ddak-service-deliverable-fab-icon .ddak-icon{
  width:19px;height:19px;color:currentColor;transform-origin:50% 16%;
  animation:ddak-deliverable-bell-notice .64s cubic-bezier(.2,.75,.25,1) .16s 1 both;
}
.ddak-service-deliverable-fab-label{color:var(--text-primary);font-size:12px;font-weight:780;white-space:nowrap;letter-spacing:0}
.ddak-service-deliverable-fab-dot{
  position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;box-sizing:border-box;
  background:var(--semantic-danger);border:2px solid var(--surface-primary);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--semantic-danger) 12%,transparent);
}
.ddak-service-deliverable-fab-signal{
  position:absolute;left:50%;top:-1px;width:34px;height:2px;transform:translateX(-50%);border-radius:var(--radius-full);
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand-primary) 38%,transparent),transparent);
  pointer-events:none;opacity:.65;
}
@keyframes ddak-deliverable-notice-arrive{0%{opacity:0;transform:translateY(5px) scale(.992)}100%{opacity:1;transform:none}}
@keyframes ddak-deliverable-bell-notice{0%,100%{transform:rotate(0)}24%{transform:rotate(6deg)}48%{transform:rotate(-5deg)}72%{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.ddak-service-deliverable-fab,.ddak-service-deliverable-fab-icon .ddak-icon{animation:none}}



/* DdakAI v126.33 — persistent full-history response + honest in-flight analysis state */
.ddak-ai-thinking{margin-left:0;animation:ddakAiThinkingIn .18s ease-out}
.ddak-ai-thinking .ddak-ai-thinking-card{max-width:min(82%,560px);padding:11px 13px;border:1px solid var(--border-subtle);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--surface-tertiary)}
.ddak-ai-thinking-copy{display:flex;align-items:center;gap:8px;min-height:22px}
.ddak-ai-thinking-copy>b{font-size:14px}
.ddak-ai-thinking-card>p{margin:5px 0 3px;font-size:13px;line-height:1.5;color:var(--text-secondary)}
.ddak-ai-thinking-card>small{display:block;font-size:12px;line-height:1.45;color:var(--text-tertiary)}
.ddak-ai-thinking-dots{display:inline-flex;gap:3px;align-items:center}
.ddak-ai-thinking-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.35;animation:ddakAiDot 1.1s ease-in-out 120}
.ddak-ai-thinking-dots i:nth-child(2){animation-delay:.14s}.ddak-ai-thinking-dots i:nth-child(3){animation-delay:.28s}
.ddak-ai-response.is-history{opacity:1;background:var(--surface-tertiary);border-color:var(--border-subtle)}
.ddak-ai-history-badge{margin-left:auto;padding:4px 8px;border-radius:var(--radius-full);background:var(--surface-primary);border:1px solid var(--border-subtle);font-size:12px;font-style:normal;color:var(--text-secondary)}
.ddak-ai-history-note{margin-top:14px;padding:9px 10px;display:flex;align-items:center;gap:7px;border-radius:var(--radius-md);background:var(--surface-primary);font-size:12px;color:var(--text-secondary)}
.ddak-ai-history-note .ddak-icon{width:14px;height:14px;color:var(--brand-primary)}
@keyframes ddakAiDot{0%,60%,100%{transform:translateY(0);opacity:.3}30%{transform:translateY(-3px);opacity:1}}
@keyframes ddakAiThinkingIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:599px){.ddak-ai-thinking .ddak-ai-thinking-card{max-width:calc(100% - 46px)}.ddak-ai-response.is-history{margin-left:0}}


/* Operations Center v126.33 — advertiser request progress workspace */
.ddak-operation-center,.ddak-operation-detail{background:var(--surface-page)}
.operation-center-head,.operation-detail-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) var(--page-padding) 14px;background:color-mix(in srgb,var(--surface-page) 96%,transparent);border-bottom:1px solid var(--border-subtle)}
.operation-center-head>div:first-child{min-width:0}.operation-center-head h2,.operation-detail-head h2{margin:2px 0;font-size:22px;letter-spacing:0}.operation-center-head p{margin:2px 0 0;font-size:12px;color:var(--text-secondary)}
.operation-detail-head>div{flex:1;min-width:0}.operation-detail-head small{display:block;color:var(--text-secondary);font-size:12px}.operation-detail-head h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.operation-center-summary{margin:16px var(--page-padding) 12px;padding:14px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary)}
.operation-center-summary>div{display:grid;gap:2px}.operation-center-summary small{font-size:12px;color:var(--text-secondary)}.operation-center-summary b{font-size:18px}
.operation-center-list{padding:0 var(--page-padding) calc(110px + env(safe-area-inset-bottom,0px));display:grid;gap:10px}
.operation-center-card{width:100%;text-align:left;padding:15px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:0 5px 18px rgba(24,18,43,.04)}
.operation-center-card-top,.operation-center-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.operation-center-card-top em{font-size:12px;font-style:normal;color:var(--brand-primary);font-weight:700}.operation-center-card-top small,.operation-center-card-foot small{font-size:12px;color:var(--text-tertiary)}
.operation-center-card>b{display:block;margin:8px 0 4px;font-size:15px}.operation-center-card>p{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.48;color:var(--text-secondary)}
.operation-center-progress{height:6px;margin:12px 0 9px;border-radius:var(--radius-full);background:var(--surface-tertiary);overflow:hidden}.operation-center-progress i{display:block;height:100%;border-radius:var(--radius-full);background:var(--brand-primary);transition:width .35s ease}.operation-center-progress.large{height:8px;margin:12px 0}
.operation-center-card-foot strong{font-size:12px}.operation-center-card-foot strong.completed{color:var(--semantic-success)}.operation-center-card-foot strong.waiting{color:var(--semantic-warning)}.operation-center-card-foot strong.working,.operation-center-card-foot strong.reviewing,.operation-center-card-foot strong.assigned{color:var(--brand-primary)}
.operation-center-card-foot small{display:flex;align-items:center;gap:4px}.operation-center-card-foot .ddak-icon{width:12px;height:12px}
.operation-center-empty{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.operation-center-empty .ddak-mascot-stage{margin-bottom:8px}
.operation-detail-body{padding:14px var(--page-padding) calc(110px + env(safe-area-inset-bottom,0px));display:grid;gap:12px}
.operation-live-card,.operation-detail-section{padding:15px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary)}
.operation-live-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.operation-live-title>span{display:grid;gap:4px}.operation-live-title em{font-style:normal;font-size:12px;color:var(--brand-primary);font-weight:700}.operation-live-title b{font-size:17px}.operation-live-title>strong{font-size:20px;color:var(--brand-primary)}
.operation-live-card>p{margin:9px 0 0;font-size:13px;line-height:1.55;color:var(--text-secondary)}
.operation-live-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.operation-live-meta span{display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:var(--radius-full);background:var(--surface-tertiary);font-size:12px;color:var(--text-secondary)}.operation-live-meta .ddak-icon{width:12px;height:12px}
.operation-detail-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:12px}.operation-detail-section-head span{display:grid;gap:2px}.operation-detail-section-head small{font-size:12px;color:var(--text-tertiary)}.operation-detail-section-head h3{margin:0;font-size:16px}.operation-detail-section-head>em{font-style:normal;font-size:12px;color:var(--text-secondary)}
.operation-public-checklist{display:grid;gap:8px}.operation-public-checklist>div{display:flex;gap:9px;align-items:center;padding:9px 10px;border-radius:var(--radius-md);background:var(--surface-tertiary)}.operation-public-checklist i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border-default);font-style:normal}.operation-public-checklist i .ddak-icon{width:13px;height:13px}.operation-public-checklist .done i{background:var(--brand-soft);color:var(--brand-primary);border-color:transparent}.operation-public-checklist>div>span{display:grid;gap:1px}.operation-public-checklist b{font-size:12px}.operation-public-checklist small{font-size:12px;color:var(--text-secondary)}
.operation-artifact-list{display:grid;gap:8px}.operation-artifact{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border-radius:var(--radius-md);background:var(--surface-tertiary)}.operation-artifact-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary)}.operation-artifact-icon .ddak-icon{width:17px;height:17px}.operation-artifact>span:nth-child(2){display:grid;min-width:0;gap:1px}.operation-artifact small{font-size:12px;color:var(--brand-primary);font-weight:700}.operation-artifact b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operation-artifact em{font-style:normal;font-size:12px;color:var(--text-tertiary)}.operation-artifact p{grid-column:1/-1;margin:4px 0 0;font-size:12px;color:var(--text-secondary)}
.operation-result-waiting{display:flex;gap:10px;align-items:center;padding:12px;border-radius:var(--radius-md);background:var(--surface-tertiary);color:var(--text-secondary)}.operation-result-waiting>.ddak-icon{width:22px;height:22px}.operation-result-waiting span{display:grid;gap:2px}.operation-result-waiting b{font-size:12px;color:var(--text-primary)}.operation-result-waiting small{font-size:12px}
.operation-public-timeline{display:grid;gap:0}.operation-public-timeline>div{display:grid;grid-template-columns:14px 1fr;gap:9px;padding-bottom:14px;position:relative}.operation-public-timeline>div:not(:last-child):before{content:"";position:absolute;left:4px;top:10px;bottom:-2px;width:1px;background:var(--border-default)}.operation-public-timeline>div>i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-soft)}.operation-public-timeline>div>span{display:grid;gap:2px}.operation-public-timeline b{font-size:12px}.operation-public-timeline small{font-size:12px;color:var(--text-tertiary)}.operation-public-timeline p{margin:2px 0 0;font-size:12px;line-height:1.48;color:var(--text-secondary)}.operation-public-timeline em{margin-top:4px;font-style:normal;font-size:12px;color:var(--semantic-warning);display:flex;gap:4px;align-items:center}.operation-public-timeline em .ddak-icon{width:12px;height:12px}
.operation-detail-actions{display:grid;grid-template-columns:1fr;gap:8px;padding-top:4px}
@media(max-width:599px){.operation-center-summary{grid-template-columns:1fr 1fr}.operation-center-summary>.btn{grid-column:1/-1}.operation-artifact{grid-template-columns:34px minmax(0,1fr)}.operation-artifact>a{grid-column:1/-1;width:100%}}

.ddak-budget-funding-link,.funding-budget-bridge{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid rgba(111,94,232,.16);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(111,94,232,.07),rgba(111,94,232,.025));margin:14px 0}.ddak-budget-funding-link>div,.funding-budget-bridge>div{min-width:0}.ddak-budget-funding-link b,.funding-budget-bridge b{display:block;font-size:13px;line-height:1.45}.ddak-budget-funding-link small,.funding-budget-bridge small{display:block;margin-top:4px;font-size:12px;color:var(--text-tertiary);line-height:1.5}.ddak-budget-funding-link .btn,.funding-budget-bridge .btn{flex:0 0 auto}@media(max-width:640px){.ddak-budget-funding-link,.funding-budget-bridge{align-items:stretch;flex-direction:column}.ddak-budget-funding-link .btn,.funding-budget-bridge .btn{width:100%}}

/* ==========================================================================
   DdakAI v126.34 · LLM conversation workspace
   Compact first answer, expandable depth, persistent context and native chat UX.
   ========================================================================== */
.ddak-ai-workspace-header{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:58px;margin:2px 0 8px;padding:7px 2px 10px;
  border-bottom:1px solid var(--border-subtle);
}
.ddak-ai-workspace-brand{display:flex;align-items:center;gap:10px;min-width:0}
.ddak-ai-workspace-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand-primary)}
.ddak-ai-workspace-brand>span:last-child{display:grid;gap:1px;min-width:0}
.ddak-ai-workspace-brand b{font-size:16px;line-height:1.35;font-weight:790}
.ddak-ai-workspace-brand small{font-size:12px;line-height:1.4;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddak-ai-new-chat{min-height:40px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);font-size:12px;font-weight:720;color:var(--text-secondary)}
.ddak-ai-new-chat .ddak-icon{width:15px;height:15px}
.ddak-ai-screen.has-chat .ddak-ai-chat-stream{padding-top:6px}
.ddak-ai-chat-stream{max-width:820px;margin:0 auto;gap:16px}
.ddak-ai-chat-row.user{padding-left:72px}
.ddak-ai-chat-row.user .ddak-ai-chat-bubble{padding:10px 13px;border:0;border-radius:var(--radius-lg) var(--radius-sm) var(--radius-lg) var(--radius-lg);background:var(--brand-soft);color:var(--text-primary);box-shadow:none}
.ddak-ai-chat-row.user .ddak-ai-chat-bubble p{font-size:14px;line-height:1.58}
.ddak-ai-chat-row.user>small{font-size:12px;color:var(--text-tertiary)}
.ddak-ai-response,.ddak-ui-ai-response{
  padding:0 0 8px;border:0;background:transparent;box-shadow:none;
}
.ddak-ai-response>header{padding:0 0 8px;border:0;align-items:center}
.ddak-ai-response>header .ddak-ai-chat-avatar{width:30px;height:30px;border-radius:var(--radius-md);background:var(--brand-soft)}
.ddak-ai-response>header>span:nth-child(2){display:grid;gap:0}
.ddak-ai-response>header b{font-size:13px;font-weight:780}
.ddak-ai-response>header small{font-size:12px;color:var(--text-tertiary)}
.ddak-ai-response.is-history{background:transparent;border:0;opacity:1}
.ddak-ai-history-badge{padding:3px 7px;background:var(--surface-secondary);border:0;font-size:12px}
.ddak-ai-answer-core{padding-left:40px;display:grid;gap:8px}
.ddak-ai-answer-core h3{margin:0;font-size:18px;line-height:1.48;font-weight:790;letter-spacing:0;color:var(--text-primary)}
.ddak-ai-answer-core>p{margin:0;max-width:680px;font-size:14px;line-height:1.68;color:var(--text-primary);white-space:pre-wrap}
.ddak-ai-one-action{max-width:680px;margin-top:2px;padding:10px 11px;display:grid;gap:3px;border-left:3px solid var(--brand-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--brand-soft)}
.ddak-ai-one-action small{font-size:12px;line-height:1.35;color:var(--brand-primary);font-weight:750}
.ddak-ai-one-action b{font-size:13px;line-height:1.48;font-weight:770}
.ddak-ai-one-action span{font-size:12px;line-height:1.5;color:var(--text-secondary)}
.ddak-ai-details{margin:11px 0 0 40px;max-width:680px;border-top:1px solid var(--border-subtle)}
.ddak-ai-details>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;color:var(--text-secondary);font-size:13px;font-weight:730;user-select:none}
.ddak-ai-details>summary::-webkit-details-marker{display:none}
.ddak-ai-details>summary .ddak-icon{width:16px;height:16px;transition:transform .18s ease}
.ddak-ai-details[open]>summary .ddak-icon{transform:rotate(90deg)}
.ddak-ai-detail-body{padding:2px 0 10px;display:grid;gap:12px;animation:ddakAiDetailIn .16s ease-out}
.ddak-ai-detail-body .ddak-ai-trust-panel{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ddak-ai-detail-body .ddak-ai-trust-panel>div{padding:9px 10px;border-radius:var(--radius-sm);background:var(--surface-secondary)}
.ddak-ai-detail-body .ddak-ai-trust-panel small{font-size:12px}
.ddak-ai-detail-body .ddak-ai-trust-panel b{font-size:12px;line-height:1.4}
.ddak-ai-detail-body .ddak-ai-grounding-strip{margin:0;padding:10px;border-radius:var(--radius-md);background:var(--surface-secondary)}
.ddak-ai-detail-body .ddak-ai-result-block{margin:0;padding:0;border:0;background:transparent}
.ddak-ai-detail-body .ddak-ai-result-block>b{display:block;margin-bottom:7px;font-size:13px}
.ddak-ai-detail-body .ddak-ai-result-block>div{padding:9px 0;border-top:1px solid var(--border-subtle)}
.ddak-ai-detail-body .ddak-ai-result-block strong{font-size:13px;line-height:1.48}
.ddak-ai-detail-body .ddak-ai-result-block p{margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--text-secondary)}
.ddak-ai-detail-body .ddak-ai-result-block small{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--text-tertiary)}
.ddak-ai-sources{display:grid;gap:6px;padding-top:2px}
.ddak-ai-sources>b{font-size:13px}
.ddak-ai-sources>a{min-height:38px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:9px;border-radius:var(--radius-sm);background:var(--surface-secondary);font-size:12px;line-height:1.45;color:var(--text-secondary);text-decoration:none}
.ddak-ai-sources .ddak-icon{width:14px;height:14px;flex:0 0 auto}
.ddak-ai-followups{margin:10px 0 0 40px;max-width:680px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
.ddak-ai-followups button{flex:0 0 auto;min-height:38px;padding:0 11px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-primary);font-size:12px;font-weight:680;color:var(--text-secondary)}
.ddak-ai-result-cta{margin:9px 0 0 40px;max-width:680px;display:flex;gap:7px}
.ddak-ai-result-cta button{min-height:40px;padding:0 12px;border-radius:var(--radius-md);font-size:12px;font-weight:730}
.ddak-ai-feedback{margin-left:40px;max-width:680px;padding-top:8px;border:0;font-size:12px;color:var(--text-tertiary)}
.ddak-ai-thinking .ddak-ai-thinking-card{max-width:min(78%,520px);padding:10px 12px;border:0;border-radius:var(--radius-sm) var(--radius-lg) var(--radius-lg) var(--radius-lg);background:var(--surface-secondary);box-shadow:none}
.ddak-ai-thinking-copy>b{font-size:13px}
.ddak-ai-thinking-card>p{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--text-secondary)}
.ddak-ai-thinking-card>small{display:none}
.ddak-ai-composer{background:color-mix(in srgb,var(--surface-page) 97%,var(--surface-primary))}
.ddak-ai-composer .ai-input{max-width:820px;margin:0 auto;border-radius:var(--radius-lg);padding-left:13px;border-color:var(--border-default);box-shadow:0 8px 28px color-mix(in srgb,var(--text-primary) 8%,transparent)}
.ddak-ai-composer textarea{font-size:14px;line-height:1.55}
.ddak-ai-composer .ai-input-send.is-stop{background:var(--text-primary);color:var(--surface-primary);box-shadow:none}
.ddak-ai-composer .ai-input-send.is-stop .ddak-icon{width:16px;height:16px}
.ddak-ai-composer-trust{max-width:820px;margin:6px auto 0;font-size:12px;color:var(--text-tertiary)}
@keyframes ddakAiDetailIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:599px){
  .ddak-ai-workspace-header{min-height:54px;margin-top:0}
  .ddak-ai-workspace-brand small{max-width:190px}
  .ddak-ai-new-chat{width:40px;padding:0;justify-content:center}
  .ddak-ai-new-chat span{display:none}
  .ddak-ai-chat-row.user{padding-left:46px}
  .ddak-ai-answer-core,.ddak-ai-details,.ddak-ai-followups,.ddak-ai-result-cta,.ddak-ai-feedback{margin-left:38px}
  .ddak-ai-answer-core{padding-left:0}
  .ddak-ai-answer-core h3{font-size:17px}
  .ddak-ai-answer-core>p{font-size:14px;line-height:1.64}
  .ddak-ai-detail-body .ddak-ai-trust-panel{grid-template-columns:1fr 1fr}
  .ddak-ai-result-cta{display:grid;grid-template-columns:1fr 1fr}
  .ddak-ai-composer-trust{display:none}
}
@media(prefers-reduced-motion:reduce){.ddak-ai-detail-body,.ddak-ai-details>summary .ddak-icon{animation:none;transition:none}}


/* ==========================================================================\n   WEB 1.0 RWD · desktop/tablet precision patch (2026-09-01)\n   Preserve the mobile app UX while using desktop width intentionally.\n   ========================================================================== */
@media (min-width:1024px){
  .ddak-shell-surface .app-main{width:100%;max-width:none;margin:0;}
  .ddak-home-layout,.ddak-performance-layout,.ddak-ads-layout,.ddak-more-layout,.ddak-ai-layout{width:100%;}
  .ddak-ads-layout,.ddak-more-layout{max-width:none;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:28px;align-items:start;}
  .ddak-ads-layout>.section-head,.ddak-more-layout>.section-head,.ddak-ads-layout>.ddak-page-title,.ddak-more-layout>.ddak-page-title{grid-column:1/-1;}
  .ddak-ai-layout{max-width:1040px;margin:0 auto;}
  .ddak-ai-chat-stream,.ddak-ai-composer .ai-input,.ddak-ai-composer-trust{max-width:920px;}
  .ddak-ui-card,.card{scroll-margin-top:84px;}
  .registration-card.ddak-registration-card{max-width:680px;min-height:auto;margin:32px auto;padding:28px 34px 34px;border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 16px 44px color-mix(in srgb,var(--text-primary) 8%,transparent);}
  .ddak-registration-shell{min-height:100vh;align-items:flex-start;padding:24px;}
  .ddak-register-form .register-step.active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:start;}
  .ddak-register-form .register-step.active>.step-copy,.ddak-register-form .register-step.active>.register-actions,.ddak-register-form .register-step.active>.register-next,.ddak-register-form .register-step.active>.ddak-onboarding-note,.ddak-register-form .register-step.active>.license-upload,.ddak-register-form .register-step.active>.trust-note,.ddak-register-form .register-step.active>.ddak-consent-list,.ddak-register-form .register-step.active>.ddak-consent-footer-note,.ddak-register-form .register-step.active>.ddak-legal-links{grid-column:1/-1;}
  .ddak-register-form .register-step.active>.field:only-of-type{grid-column:1/-1;}
  .ddak-register-form .register-step[data-register-step="1"] .ddak-email-verify-field,.ddak-register-form .register-step[data-register-step="1"] .ddak-register-password-field,.ddak-register-form .register-step[data-register-step="1"] .ddak-register-password-confirm-field{grid-column:1/-1;}
  .ddak-register-form .register-step[data-register-step="2"]>.field:nth-of-type(1){grid-column:1/-1;}
  .ddak-auth-shell.ddak-auth-login-shell .ddak-login-card{max-width:480px;min-height:auto;margin:36px auto;padding:28px 32px 34px;border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 16px 44px color-mix(in srgb,var(--text-primary) 8%,transparent);}
  .ddak-auth-login-shell{min-height:100vh;align-items:flex-start;padding:24px;}
  .ddak-business-add-sheet{width:min(720px,calc(100vw - 48px));}
  .ddak-business-add-form{width:100%;max-width:none;}
  .ddak-business-add-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:1440px){
  .app-shell{max-width:1440px;padding-left:240px;}
  .app-bottom-nav{left:max(calc((100vw - 1440px)/2),0px);width:240px;}
  .ddak-ai-composer{left:max(calc((100vw - 1440px)/2 + 240px),240px);width:min(1200px,calc(100vw - max(calc((100vw - 1440px)/2 + 240px),240px)));}
  .ddak-home-layout,.ddak-performance-layout{column-gap:44px;}
}
@media (min-width:600px) and (max-width:1023px){
  .registration-card.ddak-registration-card,.ddak-login-card{max-width:600px;}
  .ddak-registration-shell,.ddak-auth-login-shell{padding:20px;}
}


/* WEB Production 1.1 — PC responsive parity with the mobile product experience. */
@media (min-width:1024px){
  body{min-width:0;overflow-x:hidden}
  .app-shell{max-width:1180px;padding-left:220px}
  .app-bottom-nav{left:max(calc((100vw - 1180px)/2),0px);width:220px}
  .app-main{min-width:0}
  .ddak-home-screen,.ddak-ads-screen,.ddak-performance-screen,.ddak-ai-screen,.ddak-more-screen,
  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{
    width:100%;max-width:900px;margin-inline:auto;padding-inline:clamp(24px,3vw,40px);
  }
  /* Keep the same card flow and information order as mobile instead of turning PC into a different dashboard. */
  .ddak-home-layout,.ddak-performance-layout{display:block;max-width:900px;margin-inline:auto}
  .ddak-home-primary,.ddak-home-secondary,.ddak-performance-toolbar,.ddak-performance-hero,.ddak-performance-detail,
  .ddak-performance-layout>.chart-section,.ddak-performance-layout>.ddak-ai-insight{width:100%;max-width:none;padding-top:0}
  .ddak-home-secondary{padding-top:0}
  .ddak-provider-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddak-ads-layout,.ddak-more-layout,.ddak-ai-layout{width:100%;max-width:900px;margin-inline:auto}
  .ddak-ai-composer{left:max(calc((100vw - 1180px)/2 + 220px),220px);width:min(calc(1180px - 220px),calc(100vw - max(calc((100vw - 1180px)/2 + 220px),220px)));padding-inline:max(32px,calc((100% - 900px)/2))}
  .auth-shell{align-items:flex-start;padding:32px 24px;min-height:100dvh}
  .auth-card{max-width:560px;margin:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-primary);box-shadow:0 12px 40px color-mix(in srgb,var(--text-primary) 8%,transparent)}
  .ddak-registration-card{max-width:760px}
  .ddak-register-form .grid2,.ddak-business-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal table,.ddak-table-wrap,table{max-width:100%}
  .ddak-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (min-width:1024px) and (max-width:1199px){
  .app-shell{max-width:100%;padding-left:208px}.app-bottom-nav{left:0;width:208px}
  .ddak-ai-composer{left:208px;width:calc(100vw - 208px);padding-inline:28px}
}
@media (min-width:600px) and (max-width:1023px){
  .app-shell{max-width:920px}
  .app-bottom-nav,.ddak-ai-composer{width:min(920px,100%)}
  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{width:100%;max-width:820px;margin-inline:auto}
  .ddak-registration-card{max-width:720px;margin-inline:auto}
}

/* ==========================================================================
   WEB Production 1.2 · authoritative responsive workspace (2026-09-01)
   One product, three layouts: mobile / tablet / desktop. This final block is
   intentionally last so legacy experimental desktop rules cannot fight it.
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html,body,#app,.app-shell,.app-main{max-width:100%}
body{overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
.screen,.page,.ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more{min-width:0}
.ddak-ui-card,.card,.panel,.modal,.sheet{min-width:0;max-width:100%}
.ddak-table-wrap,.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}
input,select,textarea,button{max-width:100%}

/* Mobile: preserve the app-like product and make every surface fit the viewport. */
@media (max-width:599px){
  html{--page-padding:16px;--bottom-nav-height:68px}
  body,#app{width:100%;min-width:0;background:var(--surface-page)}
  .app-shell{width:100%;max-width:none;margin:0;padding-left:0;border:0;box-shadow:none}
  .app-main{width:100%;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 18px)}
  .app-header,.ddak-header-surface{width:100%;padding-left:max(var(--page-padding),env(safe-area-inset-left,0px));padding-right:max(var(--page-padding),env(safe-area-inset-right,0px))}
  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more,
  .ddak-home-screen,.ddak-ads-screen,.ddak-performance-screen,.ddak-ai-screen,.ddak-more-screen{
    width:100%;max-width:none;margin:0;padding-left:var(--page-padding);padding-right:var(--page-padding)
  }
  .ddak-home-layout,.ddak-performance-layout,.ddak-ads-layout,.ddak-more-layout,.ddak-ai-layout{display:block;width:100%;max-width:none;margin:0}
  .ddak-ui-card,.card{width:100%}
  .ddak-ui-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .ddak-ui-quick-grid button{min-width:0;padding-inline:4px}
  .ddak-ui-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ddak-provider-list,.ddak-ui-campaign-list,.ddak-business-add-grid,.grid2{grid-template-columns:1fr}
  .app-bottom-nav,.ddak-ui-bottom-nav{
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;top:auto;bottom:0;
    width:100%;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));transform:none;
    padding:5px max(5px,env(safe-area-inset-left,0px)) env(safe-area-inset-bottom,0px) max(5px,env(safe-area-inset-right,0px));
    border:0;border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-page) 98%,transparent);
  }
  .app-bottom-nav::before{content:none}
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-width:0;min-height:56px;height:58px;padding:0 2px;border-radius:0;background:transparent}
  .ddak-ui-bottom-nav .app-nav-icon,.app-nav-icon{width:25px;height:25px;margin:0 auto}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label{display:block;font-size:12px;line-height:1.2;text-align:center;margin:0}
  .ddak-ai-nav-item .app-nav-icon{width:38px;height:38px;margin:0 auto}
  .ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:36px;height:36px;border-radius:var(--radius-sm)}
  .ddak-ai-nav-item .app-nav-label{display:none}
  .ddak-ai-composer{left:0;right:0;transform:none;width:100%;max-width:none;padding-left:var(--page-padding);padding-right:var(--page-padding)}
  .modal-backdrop{padding:0;align-items:flex-end}.modal{width:100%;max-width:none;max-height:92dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}
  .operation-fullscreen-flow,.integration-management-screen,.product-detail-screen,.checkout-screen,.campaign-detail-screen,.product-performance-screen,.store-screen{width:100%;max-width:none;border-radius:0}
  .ddak-register-form .register-step.active{display:block}.ddak-register-form .field{width:100%}
  input,select,textarea{font-size:16px}
}

/* Small phones: prevent text, charts and action grids from collapsing. */
@media (max-width:370px){
  html{--page-padding:14px}
  .ddak-ui-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddak-ui-quick-grid button{height:72px}
  .ddak-ui-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddak-ui-kpi-grid .wide{grid-column:1/-1}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label{font-size:12px}
}

/* Tablet: keep mobile information order, use the added width for comfortable cards. */
@media (min-width:600px) and (max-width:1023px){
  html{--page-padding:26px;--bottom-nav-height:70px}
  body,#app{background:var(--surface-secondary)}
  .app-shell{width:100%;max-width:920px;margin:0 auto;padding-left:0;background:var(--surface-page);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);box-shadow:none}
  .app-main{width:100%;padding-bottom:calc(var(--bottom-nav-height) + 20px)}
  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-ai,.ddak-ui-more,
  .ddak-home-screen,.ddak-ads-screen,.ddak-performance-screen,.ddak-ai-screen,.ddak-more-screen{width:100%;max-width:840px;margin-inline:auto;padding-left:var(--page-padding);padding-right:var(--page-padding)}
  .ddak-home-layout,.ddak-performance-layout,.ddak-ads-layout,.ddak-more-layout,.ddak-ai-layout{display:block;width:100%;max-width:none;margin:0}
  .ddak-ui-home,.ddak-ui-performance{display:block}
  .ddak-provider-list,.ddak-ui-campaign-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddak-business-add-grid,.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-bottom-nav,.ddak-ui-bottom-nav{left:50%;right:auto;top:auto;bottom:0;transform:translateX(-50%);width:min(920px,100%);height:var(--bottom-nav-height);display:grid;grid-template-columns:repeat(5,1fr);padding:5px 10px;border-right:0;border-top:1px solid var(--border-subtle)}
  .app-bottom-nav::before{content:none}
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;min-height:58px;background:transparent}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label{display:block;font-size:12px}
  .ddak-ai-nav-item .app-nav-label{display:none}
  .ddak-ai-nav-item .app-nav-icon{width:42px;height:42px;margin:0 auto}
  .ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:40px;height:40px}
  .ddak-ai-composer{left:50%;right:auto;transform:translateX(-50%);width:min(920px,100%);padding-inline:max(26px,calc((100% - 840px)/2))}
  .registration-card.ddak-registration-card{width:min(720px,calc(100% - 48px));max-width:720px;margin:24px auto}
}

/* Desktop: real desktop workspace, not a stretched phone and not a fragmented dashboard. */
@media (min-width:1024px){
  html{--page-padding:36px;--header-height:68px;--bottom-nav-height:0px}
  body,#app{background:var(--surface-secondary)}
  .app-shell{width:100%;max-width:none;min-height:100vh;margin:0;padding-left:240px;border:0;background:var(--surface-page);box-shadow:none}
  .app-main{width:100%;min-width:0;min-height:100vh;padding-bottom:56px;background:var(--surface-page)}
  .app-bottom-nav,.ddak-ui-bottom-nav{
    position:fixed;z-index:var(--z-navigation);left:0;right:auto;top:0;bottom:0;transform:none;width:240px;height:100vh;
    padding:94px 18px 28px;display:flex;flex-direction:column;gap:6px;border:0;border-right:1px solid var(--border-subtle);
    background:var(--surface-page);;box-shadow:none
  }
  .app-bottom-nav::before{content:"딱랩";position:absolute;left:30px;top:30px;font-size:23px;line-height:1;font-weight:700;letter-spacing:0;color:var(--text-primary)}
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button{
    display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;justify-content:stretch;justify-items:start;gap:12px;
    width:100%;height:52px;min-height:52px;padding:0 14px;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary)
  }
  .ddak-ui-bottom-nav .app-nav-button:hover,.app-nav-button:hover{background:var(--surface-secondary);color:var(--text-primary)}
  .ddak-ui-bottom-nav .app-nav-button.active,.app-nav-button.active{background:var(--brand-soft);color:var(--brand-strong)}
  .ddak-ui-bottom-nav .app-nav-icon,.app-nav-icon,.ddak-ai-nav-item .app-nav-icon{width:24px;height:24px;margin:0;display:grid;place-items:center}
  .ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:24px;height:24px;border:0;border-radius:var(--radius-xs);box-shadow:none;background:transparent}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label,.ddak-ai-nav-item .app-nav-label{display:block;margin:0;font-size:14px;line-height:1.2;font-weight:650;text-align:left;color:inherit}
  .ddak-nav-dot{display:none}
  .app-header,.ddak-header-surface{width:100%;height:68px;min-height:68px;padding-left:clamp(30px,4vw,56px);padding-right:clamp(30px,4vw,56px);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-page) 97%,transparent)}
  .context-business{max-width:min(620px,55vw)}
  .context-business span{font-size:18px}
  .ddak-ui-home,.ddak-ui-performance,.ddak-ui-ads,.ddak-ui-ai,.ddak-ui-more,
  .ddak-home-screen,.ddak-performance-screen,.ddak-ads-screen,.ddak-ai-screen,.ddak-more-screen{
    width:100%;margin-inline:auto;padding:28px clamp(30px,4vw,56px) 64px
  }
  .ddak-ui-home,.ddak-home-screen{max-width:1120px}
  .ddak-ui-performance,.ddak-performance-screen{max-width:1180px}
  .ddak-ui-ads,.ddak-ads-screen{max-width:1180px}
  .ddak-ui-ai,.ddak-ai-screen{max-width:1080px}
  .ddak-ui-more,.ddak-more-screen{max-width:1040px}
  /* Force a predictable reading order. Legacy desktop experiments used nth-of-type grids that could scatter cards. */
  .ddak-ui-home,.ddak-ui-performance{display:block}
  .ddak-home-layout,.ddak-performance-layout,.ddak-ads-layout,.ddak-more-layout,.ddak-ai-layout{display:block;width:100%;max-width:none;margin:0}
  .ddak-home-primary,.ddak-home-secondary,.ddak-performance-toolbar,.ddak-performance-hero,.ddak-performance-detail,.ddak-performance-layout>.chart-section,.ddak-performance-layout>.ddak-ai-insight{width:100%;max-width:none;padding-top:0}
  .ddak-home-secondary{padding-top:0}
  .ddak-ui-section{margin-top:24px}
  .ddak-ui-section-head{min-height:44px;margin-bottom:10px}
  .ddak-ui-section-head h2{font-size:17px}
  .ddak-ui-card,.card{border-radius:var(--radius-lg)}
  .ddak-ui-business-context{min-height:62px;padding:11px 14px}
  .ddak-ui-greeting{margin:18px 0}.ddak-ui-greeting b{font-size:22px}.ddak-ui-greeting span{font-size:14px}
  .ddak-ui-overview-card{padding:20px 20px 18px}.ddak-ui-overview-card h2{font-size:14px}
  .ddak-ui-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ddak-ui-kpi-grid .wide{grid-column:auto;border-top:0;padding-top:0;display:grid}
  .ddak-ui-kpi-grid strong{font-size:19px}
  .ddak-ui-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ddak-ui-quick-grid button{height:92px;padding:12px;border-radius:var(--radius-lg)}.ddak-ui-quick-grid b{font-size:13px}
  .ddak-provider-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}
  .ddak-ui-campaign-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ddak-ui-campaign-list>*{min-width:0}
  .ddak-ui-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ddak-business-add-grid,.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddak-table-wrap,.table-wrap{overflow-x:auto;border-radius:var(--radius-lg)}.ddak-table-wrap table,.table-wrap table{min-width:760px}
  .ddak-ai-chat-stream{width:100%;max-width:940px;margin-inline:auto}.ddak-ai-composer{left:240px;right:0;transform:none;width:auto;padding-inline:max(36px,calc((100vw - 240px - 940px)/2))}.ddak-ai-composer .ai-input,.ddak-ai-composer-trust{max-width:940px}
  .modal-backdrop{align-items:center;padding:28px}.modal{width:min(680px,calc(100vw - 320px));max-width:680px;max-height:calc(100vh - 56px);border-radius:var(--radius-xl)}
  .operation-fullscreen-flow,.integration-management-screen,.product-detail-screen,.checkout-screen,.campaign-detail-screen,.product-performance-screen,.store-screen{width:min(1100px,calc(100vw - 300px));max-width:1100px;min-height:min(780px,calc(100vh - 56px));border-radius:var(--radius-xl)}
  .registration-card.ddak-registration-card{width:min(780px,calc(100vw - 320px));max-width:780px;margin:36px auto;padding:32px 38px 38px;border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:0 18px 50px color-mix(in srgb,var(--text-primary) 9%,transparent)}
  .ddak-register-form .register-step.active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;align-items:start}
  .ddak-register-form .register-step.active>.step-copy,.ddak-register-form .register-step.active>.register-actions,.ddak-register-form .register-step.active>.register-next,.ddak-register-form .register-step.active>.ddak-onboarding-note,.ddak-register-form .register-step.active>.license-upload,.ddak-register-form .register-step.active>.trust-note,.ddak-register-form .register-step.active>.ddak-consent-list,.ddak-register-form .register-step.active>.ddak-consent-footer-note,.ddak-register-form .register-step.active>.ddak-legal-links{grid-column:1/-1}
  .ddak-auth-login-shell{min-height:100vh;padding:36px}.ddak-auth-shell.ddak-auth-login-shell .ddak-login-card,.auth-card{width:min(500px,calc(100vw - 320px));max-width:500px;margin:auto;padding:32px 36px 38px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--surface-primary);box-shadow:0 18px 50px color-mix(in srgb,var(--text-primary) 9%,transparent)}
  .ddak-business-add-sheet{width:min(820px,calc(100vw - 320px));max-height:calc(100dvh - 48px)}
  .ddak-operation-fab,.ddak-service-deliverable-fab{right:32px}
}

/* Wide desktop: keep reading widths human while giving tables/charts more room. */
@media (min-width:1440px){
  .app-shell{padding-left:252px}.app-bottom-nav,.ddak-ui-bottom-nav{width:252px;padding-left:22px;padding-right:22px}.app-bottom-nav::before{left:34px}
  .ddak-ui-home,.ddak-home-screen{max-width:1180px}.ddak-ui-performance,.ddak-performance-screen,.ddak-ui-ads,.ddak-ads-screen{max-width:1240px}.ddak-ui-ai,.ddak-ai-screen{max-width:1120px}
  .ddak-ai-composer{left:252px;padding-inline:max(40px,calc((100vw - 252px - 980px)/2))}.ddak-ai-composer .ai-input,.ddak-ai-composer-trust,.ddak-ai-chat-stream{max-width:980px}
}


/* ========================================================================== */
/* DdakLab Advertiser Platform 2.0 · Desktop Operations OS + DdakAI Workspace */
/* 2026-09-01 · final cascade layer; preserves mobile app language             */
/* ========================================================================== */
.ddak-desktop-page-meta,.ddak-desktop-context,.ddak-desktop-side-brand,.ddak-desktop-nav-caption,.ddak-desktop-nav-footer{display:none}
.ddak-desktop-nav-menu{display:contents}

/* Common product polish */
.ddak-home-platform,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-more{--platform-content-max:1360px}
.ddak-ui-card,.ddak-home-v12-section,.ddak-ui-campaign-card,.ddak-performance-section,.ddak-ui-action-list>button{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}
@media (hover:hover) and (pointer:fine){
  .ddak-ui-campaign-card:hover,.ddak-ui-action-list>button:hover,.ddak-home-v12-ad-list>button:hover,.ddak-home-v12-direct-request:hover{transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--text-primary) 7%,transparent)}
}

/* Home workbench — single-column mobile, business workbench desktop. */
.ddak-home-platform-hero,.ddak-home-platform-main,.ddak-home-platform-rail{min-width:0}
.ddak-home-platform-grid{display:block}
.ddak-home-platform-main,.ddak-home-platform-rail{display:grid;gap:18px}
.ddak-home-platform-rail{margin-top:18px}
.ddak-home-platform .ddak-home-v12-hero{margin-top:0}
.ddak-home-platform .ddak-home-v12-section{margin:0}

/* DdakAI 2.0 base */
.ddak-ai-platform{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr);position:relative}
.ddak-ai-conversation-pane{min-width:0;display:flex;flex-direction:column}
.ddak-ai-history-panel,.ddak-ai-context-panel{display:none}
.ddak-ai-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--surface-page) 96%,transparent);position:sticky;top:0;z-index:4}
.ddak-ai-workspace-brand{display:flex;align-items:center;gap:10px;min-width:0}.ddak-ai-workspace-brand>span:last-child{display:grid;gap:1px;min-width:0}.ddak-ai-workspace-brand b{font-size:16px;line-height:1.25}.ddak-ai-workspace-brand small{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ddak-ai-workspace-mark{width:32px;height:32px;display:grid;place-items:center}
.ddak-ai-workspace-actions{display:flex;align-items:center;gap:7px}.ddak-ai-new-chat,.ddak-ai-mobile-history{min-height:36px;padding:0 11px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-primary);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:750;color:var(--text-primary)}.ddak-ai-new-chat svg,.ddak-ai-mobile-history svg{width:16px;height:16px}
.ddak-ai-chat-stream{width:100%;max-width:760px;margin:0 auto;padding:22px 16px 150px;display:flex;flex-direction:column;gap:18px}
.ddak-ai-welcome{min-height:calc(100dvh - 265px);display:grid;align-content:center;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:12px 0 34px}.ddak-ai-welcome-copy{align-self:center}.ddak-ai-welcome-badge{display:inline-flex;padding:5px 9px;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-primary);font-size:12px;font-weight:780;letter-spacing:.08em}.ddak-ai-welcome h1{max-width:560px;margin:12px 0 9px;font-size:clamp(25px,7vw,34px);line-height:1.18;}.ddak-ai-welcome p{max-width:560px;margin:0;color:var(--text-secondary);font-size:14px;line-height:1.65}.ddak-ai-welcome-visual{width:100px;align-self:center}.ddak-ai-welcome-ddaki{width:96px}.ddak-ai-starter-grid{grid-column:1/-1;display:grid;gap:9px}.ddak-ai-starter-grid>button{width:100%;min-height:68px;padding:13px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left}.ddak-ai-starter-grid>button>span:first-child{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center}.ddak-ai-starter-grid b{display:block;font-size:13px;line-height:1.35}.ddak-ai-starter-grid small{display:block;margin-top:3px;color:var(--text-tertiary);font-size:12px}.ddak-ai-welcome-actions{grid-column:1/-1;display:grid;gap:8px}.ddak-ai-welcome-actions>small{font-weight:750;color:var(--text-tertiary)}
.ddak-ai-chat-row.user{align-self:flex-end;max-width:min(84%,620px);display:grid;justify-items:end;gap:5px}.ddak-ai-chat-row.user .ddak-ai-chat-bubble{padding:11px 15px;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);background:var(--brand-primary);color:var(--text-inverse);box-shadow:none}.ddak-ai-chat-row.user p{margin:0;font-size:14px;line-height:1.55}.ddak-ai-chat-row.user>small{font-size:12px;color:var(--text-tertiary)}
.ddak-ai-response{width:100%;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);overflow:hidden;box-shadow:0 5px 18px color-mix(in srgb,var(--text-primary) 5%,transparent)}.ddak-ai-response>header{min-height:62px;padding:12px 15px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:9px}.ddak-ai-response>header>span:nth-child(2){display:grid;gap:1px;min-width:0}.ddak-ai-response>header b{font-size:13px}.ddak-ai-response>header small{font-size:12px;color:var(--text-tertiary)}.ddak-ai-confidence{margin-left:auto;padding:5px 8px;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-primary);font-size:12px;font-style:normal;font-weight:780}
.ddak-ai-answer-core{padding:18px 16px 14px}.ddak-ai-answer-label{display:inline-flex;margin-bottom:10px;padding:5px 8px;border-radius:var(--radius-xs);background:var(--brand-primary);color:var(--text-inverse);font-size:12px;font-weight:780}.ddak-ai-answer-core h3{margin:0;font-size:20px;line-height:1.38;color:var(--text-primary);overflow-wrap:anywhere}.ddak-ai-answer-core>p{margin:10px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.68;white-space:normal;overflow-wrap:anywhere}.ddak-ai-key-points{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.ddak-ai-key-points li{padding:11px 12px;border-radius:var(--radius-sm);background:var(--surface-secondary);display:grid;gap:3px}.ddak-ai-key-points b{font-size:12px;line-height:1.4}.ddak-ai-key-points span{font-size:12px;line-height:1.5;color:var(--text-secondary)}.ddak-ai-one-action{margin-top:14px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--brand-primary) 25%,var(--border-default));border-radius:var(--radius-md);background:color-mix(in srgb,var(--brand-soft) 55%,var(--surface-primary));display:grid;gap:3px}.ddak-ai-one-action small{font-size:12px;font-weight:780;color:var(--brand-primary)}.ddak-ai-one-action b{font-size:13px;line-height:1.4}.ddak-ai-one-action span{font-size:12px;color:var(--text-secondary);line-height:1.5}
.ddak-ai-inline-actions{padding:0 16px 13px;display:flex;gap:7px;flex-wrap:wrap}.ddak-ai-inline-actions button{min-height:34px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-primary);display:flex;align-items:center;gap:5px;font-size:12px;font-weight:750}.ddak-ai-inline-actions svg{width:14px;height:14px}.ddak-ai-details{border-top:1px solid var(--border-subtle)}.ddak-ai-details>summary{min-height:42px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:750;color:var(--text-secondary);list-style:none}.ddak-ai-details>summary::-webkit-details-marker{display:none}.ddak-ai-details>summary svg{width:15px;height:15px;transition:transform .18s}.ddak-ai-details[open]>summary svg{transform:rotate(90deg)}.ddak-ai-detail-body{padding:0 16px 16px;display:grid;gap:12px}.ddak-ai-trust-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ddak-ai-trust-panel>div{padding:9px 10px;border-radius:var(--radius-sm);background:var(--surface-secondary);display:grid;gap:2px}.ddak-ai-trust-panel small{font-size:12px;color:var(--text-tertiary)}.ddak-ai-trust-panel b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddak-ai-result-block{display:grid;gap:7px}.ddak-ai-result-block>b{font-size:12px}.ddak-ai-result-block>div{padding:10px 11px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.ddak-ai-result-block strong{font-size:12px}.ddak-ai-result-block p,.ddak-ai-result-block small{margin:4px 0 0;font-size:12px;line-height:1.55;color:var(--text-secondary)}
.ddak-ai-followups{padding:12px 16px;border-top:1px solid var(--border-subtle);display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.ddak-ai-followups::-webkit-scrollbar{display:none}.ddak-ai-followups button{flex:0 0 auto;min-height:32px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-primary);font-size:12px;color:var(--text-secondary);font-weight:650}.ddak-ai-result-cta{padding:0 16px 14px;display:flex;gap:7px}.ddak-ai-result-cta button{flex:1;min-height:38px;border-radius:var(--radius-sm);border:1px solid var(--border-default);font-size:12px;font-weight:780}.ddak-ai-result-cta button.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-inverse)}.ddak-ai-feedback{padding:10px 16px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-tertiary)}.ddak-ai-feedback>div{display:flex;gap:5px}.ddak-ai-feedback button{min-height:30px;padding:0 8px;border-radius:var(--radius-xs);background:var(--surface-secondary);font-size:12px}.ddak-ai-response.is-history{box-shadow:none}.ddak-ai-response.is-history .ddak-ai-result-cta,.ddak-ai-response.is-history .ddak-ai-followups{display:none}
.ddak-ai-thinking-card{padding:13px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);box-shadow:none}.ddak-ai-thinking-card p{margin:5px 0 0;font-size:12px;color:var(--text-tertiary)}
.ddak-ai-composer{position:fixed;left:0;right:0;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));width:100%;padding:9px 14px 10px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--surface-page) 97%,transparent) 22%,var(--surface-page) 100%);z-index:8}.ddak-ai-composer .ai-input{width:100%;max-width:760px;margin:auto;min-height:58px;padding:8px 8px 8px 14px;border:1px solid color-mix(in srgb,var(--brand-primary) 34%,var(--border-default));border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:0 8px 28px color-mix(in srgb,var(--text-primary) 10%,transparent);display:flex;align-items:flex-end;gap:7px}.ddak-ai-composer textarea{flex:1;min-height:40px;max-height:140px;padding:9px 0;border:0;background:transparent;resize:none;font-size:14px;line-height:1.5;outline:0}.ddak-ai-composer-tools{max-width:760px;margin:5px auto 0;display:flex;justify-content:space-between;gap:8px;padding:0 6px;color:var(--text-tertiary);font-size:12px}.ddak-ai-composer-tools span{display:flex;align-items:center;gap:4px}.ddak-ai-composer-tools svg{width:12px;height:12px}.ddak-ai-composer .ai-input-send{flex:0 0 42px;width:42px;height:42px;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--text-inverse);display:grid;place-items:center}.ddak-ai-composer .ai-input-clear{align-self:center}
.ddak-ai-history-backdrop{display:none}

@media (max-width:599px){
  .ddak-ai-mobile-history{display:flex}.ddak-ai-workspace-header{top:0}
  .ddak-ai-history-panel{display:flex;position:fixed;z-index:90;left:0;top:0;bottom:0;width:min(88vw,340px);padding:14px;background:var(--surface-primary);border-right:1px solid var(--border-default);box-shadow:18px 0 45px color-mix(in srgb,var(--text-primary) 18%,transparent);flex-direction:column;transform:translateX(-103%);transition:transform .22s ease}.ddak-ai-history-panel.is-open{transform:translateX(0)}.ddak-ai-history-backdrop{position:fixed;z-index:89;inset:0;border:0;background:color-mix(in srgb,var(--text-primary) 38%,transparent);opacity:0;pointer-events:none;display:block;transition:opacity .2s}.ddak-ai-history-backdrop.is-open{opacity:1;pointer-events:auto}
  .ddak-ai-history-head{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:5px 2px 13px}.ddak-ai-history-head>div{display:grid}.ddak-ai-history-head small{font-size:12px;letter-spacing:.1em;color:var(--brand-primary);font-weight:780}.ddak-ai-history-head b{font-size:17px}.ddak-ai-history-head>button{min-height:34px;padding:0 9px;border-radius:var(--radius-sm);background:var(--surface-secondary);display:flex;align-items:center;gap:4px;font-size:12px;font-weight:750}.ddak-ai-history-close{width:34px;padding:0;justify-content:center}
  .ddak-ai-history-list{flex:1;overflow:auto;display:grid;align-content:start;gap:5px}.ddak-ai-history-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;border-radius:var(--radius-sm)}.ddak-ai-history-row.active{background:var(--brand-soft)}.ddak-ai-history-row>button:first-child{min-width:0;padding:9px 8px;text-align:left}.ddak-ai-history-row span{display:grid;gap:2px}.ddak-ai-history-row b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddak-ai-history-row small{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddak-ai-history-delete{width:28px;height:28px;border-radius:var(--radius-xs);display:grid;place-items:center;color:var(--text-tertiary)}.ddak-ai-history-foot{padding:10px 3px 2px;display:flex;gap:5px;color:var(--text-tertiary);font-size:12px}.ddak-ai-history-loading,.ddak-ai-history-empty{padding:16px 10px;display:grid;gap:4px;color:var(--text-tertiary);font-size:12px}.ddak-ai-history-empty b{color:var(--text-secondary)}
  .ddak-ai-context-panel{display:none}.ddak-ai-welcome-visual{display:none}.ddak-ai-welcome{grid-template-columns:1fr;min-height:calc(100dvh - 255px)}.ddak-ai-welcome-copy,.ddak-ai-starter-grid,.ddak-ai-welcome-actions{grid-column:1}.ddak-ai-answer-core h3{font-size:19px}.ddak-ai-workspace-actions .ddak-ai-new-chat span{display:none}.ddak-ai-workspace-actions .ddak-ai-new-chat{width:36px;padding:0;justify-content:center}.ddak-ai-composer-tools span:last-child{display:none}
}

/* Tablet: app-like, but with more breathing room. */
@media (min-width:600px) and (max-width:1023px){
  .ddak-home-platform-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.ddak-home-platform-rail{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ddak-home-platform-rail>.ddak-home-v12-operations{grid-column:1/-1}
  .ddak-ai-mobile-history{display:flex}.ddak-ai-history-panel{display:none}.ddak-ai-context-panel{display:none}.ddak-ai-chat-stream{max-width:760px;padding-left:24px;padding-right:24px}.ddak-ai-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ddak-ai-starter-grid>button:last-child{grid-column:1/-1}.ddak-ai-composer{left:50%;right:auto;transform:translateX(-50%);width:min(920px,100%);padding-inline:24px}.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:760px}
}

/* Desktop advertiser operating system. */
@media (min-width:1024px){
  html{--ddak-sidebar:264px;--ddak-topbar:76px;--page-padding:clamp(28px,3vw,48px)}
  body,#app{background:var(--surface-secondary)}
  .app-shell{padding-left:var(--ddak-sidebar);background:var(--surface-secondary)}
  .app-main{padding-top:var(--ddak-topbar);background:var(--surface-secondary)}
  .app-header,.ddak-header-surface{position:fixed;z-index:40;left:var(--ddak-sidebar);right:0;top:0;width:auto;height:var(--ddak-topbar);min-height:var(--ddak-topbar);padding:0 var(--page-padding);background:color-mix(in srgb,var(--surface-primary) 94%,transparent);border-bottom:1px solid var(--border-subtle)}
  .app-header-left{min-width:0;display:flex;align-items:center}.ddak-page-title,.ddak-home-business-switch{display:none}.ddak-desktop-page-meta{display:grid;gap:2px;min-width:0}.ddak-desktop-page-meta small{font-size:12px;color:var(--text-tertiary);font-weight:700}.ddak-desktop-page-meta strong{font-size:19px;line-height:1.2;}.app-header-actions{display:flex;align-items:center;gap:8px}.ddak-desktop-context{display:flex;align-items:center;gap:8px}.ddak-desktop-business{min-width:210px;max-width:320px;height:48px;padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;text-align:left}.ddak-desktop-business>span{min-width:0;display:grid;gap:1px}.ddak-desktop-business small{font-size:12px;color:var(--text-tertiary)}.ddak-desktop-business b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddak-desktop-search{display:grid}.ddak-mobile-header-action{display:none}
  .app-bottom-nav,.ddak-ui-bottom-nav{width:var(--ddak-sidebar);padding:0 16px 20px;background:var(--surface-primary);border-right:1px solid var(--border-subtle);gap:0}.app-bottom-nav::before{content:none}.ddak-desktop-side-brand{height:86px;padding:22px 10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.ddak-desktop-side-brand .ddak-ui-brand{display:flex;align-items:center;gap:8px}.ddak-desktop-side-brand .ddak-ui-logo{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--brand-primary);color:var(--text-inverse);display:grid;place-items:center;font-weight:790}.ddak-desktop-side-brand .ddak-ui-brand b{font-size:18px}.ddak-desktop-side-brand>span{padding:4px 7px;border-radius:var(--radius-xs);background:var(--surface-secondary);font-size:12px;color:var(--text-tertiary);font-weight:750}.ddak-desktop-nav-caption{display:block;padding:10px 12px 7px;font-size:12px;letter-spacing:.12em;color:var(--text-tertiary);font-weight:780}.ddak-desktop-nav-menu{display:flex;flex-direction:column;gap:4px}.ddak-ui-bottom-nav .app-nav-button,.app-nav-button{height:48px;min-height:48px;padding:0 12px;border-radius:var(--radius-sm);grid-template-columns:24px minmax(0,1fr);gap:11px}.ddak-ui-bottom-nav .app-nav-button.active,.app-nav-button.active{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand-primary)}.ddak-ai-nav-item .ddak-nav-ddaki-face{width:24px;height:24px}.ddak-ai-nav-item .app-nav-label{display:block}.ddak-desktop-nav-footer{margin-top:auto;padding:14px 0 0;border-top:1px solid var(--border-subtle);display:grid;gap:7px}.ddak-desktop-nav-footer>button{min-height:54px;padding:9px 10px;border-radius:var(--radius-sm);background:var(--surface-secondary);display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;text-align:left}.ddak-desktop-nav-footer>button>span{display:grid;gap:1px}.ddak-desktop-nav-footer b{font-size:12px}.ddak-desktop-nav-footer small{font-size:12px;color:var(--text-tertiary)}
  .ddak-ui-home,.ddak-home-screen,.ddak-ui-ads,.ddak-ads-screen,.ddak-ui-performance,.ddak-performance-screen,.ddak-ui-more,.ddak-more-screen{width:100%;max-width:var(--platform-content-max);margin:0 auto;padding:30px var(--page-padding) 70px}
  /* home */
  .ddak-home-platform{--platform-content-max:1480px}.ddak-home-platform-hero{margin-bottom:20px}.ddak-home-platform .ddak-home-v12-hero{min-height:210px;padding:28px 30px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--surface-primary);box-shadow:0 8px 28px color-mix(in srgb,var(--text-primary) 5%,transparent)}.ddak-home-platform .ddak-home-v12-hero-copy h1{max-width:700px;font-size:30px;line-height:1.24;}.ddak-home-platform .ddak-home-v12-hero-character{width:230px}.ddak-home-platform .ddak-home-v12-ddaki{max-height:185px}.ddak-home-platform-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;align-items:start}.ddak-home-platform-main,.ddak-home-platform-rail{display:grid;gap:20px}.ddak-home-platform-rail{margin-top:0;position:sticky;top:calc(var(--ddak-topbar) + 24px)}.ddak-home-platform .ddak-home-v12-section{padding:20px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:none}.ddak-home-platform .ddak-home-v12-section-head{margin-bottom:13px}.ddak-home-platform .ddak-home-v12-section-head h2{font-size:15px}.ddak-home-platform .ddak-home-v12-priority-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ddak-home-platform .ddak-home-v12-priority-item{min-height:82px;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.ddak-home-platform .ddak-home-v12-ad-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ddak-home-platform .ddak-home-v12-ad-list>button{border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.ddak-home-platform .ddak-home-v12-operation-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ddak-home-platform .ddak-home-v12-operation-strip>button{min-height:72px}.ddak-home-platform .ddak-home-v12-direct-request{margin-top:10px}
  /* ads */
  .ddak-ui-ads{--platform-content-max:1480px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px 20px;align-items:start}.ddak-ui-ads>*{min-width:0}.ddak-ui-ads-status{grid-column:1/-1;margin:0}.ddak-ads-health-summary{grid-column:1;min-height:82px;margin:0}.ddak-ui-filter-summary{grid-column:2;min-height:82px;margin:0}.ddak-ui-inline-notice,.ddak-ui-filter-line,.ddak-ui-campaign-list,.ddak-ui-action-list{grid-column:1/-1}.ddak-ui-campaign-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ddak-ui-campaign-card{min-height:96px;padding:15px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}.ddak-ui-action-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ddak-ui-action-list>button{min-height:82px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}
  /* performance */
  .ddak-ui-performance{--platform-content-max:1480px}.ddak-performance-mode-row{padding:18px 20px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}.ddak-performance-safe-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);overflow:hidden}.ddak-performance-safe-kpis>button{min-height:92px;border-right:1px solid var(--border-subtle);border-radius:0}.ddak-performance-safe-kpis>button:last-child{border-right:0}.naver-clone-performance-module,.ddak-easy-trend-section,.ddak-pro-metrics-section,.ddak-pro-conditional-metrics,.ddak-performance-section{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary)}.ddak-pro-metric-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.ddak-pro-metric-row{border-bottom:1px solid var(--border-subtle)}
  /* more */
  .ddak-ui-more{--platform-content-max:1320px}.ddak-ui-more .ddak-menu-list,.ddak-more-screen .ddak-menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ddak-ui-more .ddak-menu-list>*{min-width:0}
  /* AI full-height professional workbench */
  .ddak-ui-ai,.ddak-ai-screen{width:100%;max-width:none;height:calc(100vh - var(--ddak-topbar));margin:0;padding:0;overflow:hidden;background:var(--surface-page)}.ddak-ai-platform{height:100%;grid-template-columns:260px minmax(520px,1fr) 270px}.ddak-ai-history-panel{display:flex;min-width:0;padding:14px 12px;border-right:1px solid var(--border-subtle);background:var(--surface-secondary);flex-direction:column}.ddak-ai-history-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:5px 4px 12px}.ddak-ai-history-head>div{display:grid;gap:1px}.ddak-ai-history-head small{font-size:12px;letter-spacing:.12em;color:var(--brand-primary);font-weight:780}.ddak-ai-history-head b{font-size:15px}.ddak-ai-history-head>button{min-height:34px;padding:0 9px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-primary);display:flex;align-items:center;gap:4px;font-size:12px;font-weight:750}.ddak-ai-history-close{display:none}.ddak-ai-history-list{flex:1;overflow-y:auto;display:grid;align-content:start;gap:4px;padding-right:2px}.ddak-ai-history-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;border-radius:var(--radius-sm)}.ddak-ai-history-row:hover{background:var(--surface-primary)}.ddak-ai-history-row.active{background:var(--brand-soft)}.ddak-ai-history-row>button:first-child{min-width:0;padding:9px 8px;text-align:left}.ddak-ai-history-row span{min-width:0;display:grid;gap:2px}.ddak-ai-history-row b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddak-ai-history-row small{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddak-ai-history-delete{width:26px;height:26px;border-radius:var(--radius-xs);display:grid;place-items:center;color:transparent}.ddak-ai-history-row:hover .ddak-ai-history-delete,.ddak-ai-history-row.active .ddak-ai-history-delete{color:var(--text-tertiary)}.ddak-ai-history-foot{padding:10px 5px 2px;border-top:1px solid var(--border-subtle);display:flex;align-items:flex-start;gap:5px;color:var(--text-tertiary);font-size:12px;line-height:1.45}.ddak-ai-history-loading,.ddak-ai-history-empty{padding:18px 8px;display:grid;gap:5px;color:var(--text-tertiary);font-size:12px}.ddak-ai-history-empty b{color:var(--text-secondary)}
  .ddak-ai-conversation-pane{height:100%;min-height:0;background:var(--surface-page)}.ddak-ai-workspace-header{position:relative;top:auto;flex:0 0 62px;padding:0 22px}.ddak-ai-workspace-actions .ddak-ai-mobile-history{display:none}.ddak-ai-chat-stream{flex:1;min-height:0;max-width:820px;padding:28px 34px 34px;overflow-y:auto;scrollbar-gutter:stable}.ddak-ai-welcome{min-height:100%;padding:34px 0;grid-template-columns:minmax(0,1fr) 132px}.ddak-ai-welcome h1{font-size:34px;max-width:620px}.ddak-ai-welcome p{font-size:14px}.ddak-ai-welcome-visual{width:132px}.ddak-ai-welcome-ddaki{width:126px}.ddak-ai-starter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ddak-ai-starter-grid>button{min-height:104px;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;padding:14px}.ddak-ai-starter-grid>button>svg:last-child{display:none}.ddak-ai-starter-grid>button>span:first-child{grid-row:1}.ddak-ai-starter-grid>button>span:nth-child(2){grid-column:1/-1}.ddak-ai-composer{position:relative;left:auto;right:auto;bottom:auto;transform:none;flex:0 0 auto;width:100%;padding:12px 28px 14px;background:linear-gradient(to bottom,transparent,var(--surface-page) 28%)}.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:820px}.ddak-ai-composer .ai-input{min-height:64px;border-radius:var(--radius-lg)}.ddak-ai-response{border-radius:var(--radius-lg)}.ddak-ai-answer-core{padding:20px 20px 16px}.ddak-ai-answer-core h3{font-size:22px}.ddak-ai-answer-core>p{font-size:14px}.ddak-ai-details>summary{padding-inline:20px}.ddak-ai-detail-body{padding-inline:20px}.ddak-ai-inline-actions,.ddak-ai-followups,.ddak-ai-result-cta,.ddak-ai-feedback{padding-left:20px;padding-right:20px}
  .ddak-ai-context-panel{display:flex;min-width:0;padding:18px 16px;border-left:1px solid var(--border-subtle);background:var(--surface-secondary);flex-direction:column;gap:14px;overflow-y:auto}.ddak-ai-context-head{padding:4px 2px 12px;border-bottom:1px solid var(--border-subtle);display:grid;gap:3px}.ddak-ai-context-head small{font-size:12px;color:var(--brand-primary);font-weight:780}.ddak-ai-context-head b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddak-ai-context-head span{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddak-ai-context-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ddak-ai-context-stats>div{padding:9px 7px;border-radius:var(--radius-sm);background:var(--surface-primary);display:grid;gap:3px;text-align:center}.ddak-ai-context-stats small{font-size:12px;color:var(--text-tertiary)}.ddak-ai-context-stats b{font-size:12px}.ddak-ai-context-actions{display:grid;gap:5px}.ddak-ai-context-actions>button{min-height:42px;padding:0 10px;border-radius:var(--radius-sm);background:var(--surface-primary);display:grid;grid-template-columns:18px minmax(0,1fr) 14px;align-items:center;gap:7px;text-align:left;font-size:12px;font-weight:700}.ddak-ai-context-actions svg{width:15px;height:15px}.ddak-ai-context-note{margin-top:auto;padding:10px;border-radius:var(--radius-sm);background:var(--surface-primary);display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.5;color:var(--text-tertiary)}.ddak-ai-context-note svg{flex:0 0 13px;width:13px;height:13px;margin-top:1px}.ddak-ai-history-backdrop{display:none}
  .ddak-operation-fab.is-ai,.ddak-service-deliverable-fab.is-ai{display:none}
}

@media (min-width:1280px) and (max-width:1439px){
  .ddak-ai-platform{grid-template-columns:236px minmax(520px,1fr)}.ddak-ai-context-panel{display:none}.ddak-home-platform-grid{grid-template-columns:minmax(0,1fr) 340px}
}
@media (min-width:1440px){
  html{--ddak-sidebar:276px}.ddak-ui-campaign-list{grid-template-columns:repeat(3,minmax(0,1fr))}.ddak-home-platform-grid{grid-template-columns:minmax(0,1fr) 390px}.ddak-ai-platform{grid-template-columns:270px minmax(600px,1fr) 286px}.ddak-ai-chat-stream,.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:860px}
}
@media (min-width:1800px){
  .ddak-home-platform,.ddak-ui-ads,.ddak-ui-performance{--platform-content-max:1560px}.ddak-ai-platform{grid-template-columns:290px minmax(680px,1fr) 310px}.ddak-ai-chat-stream,.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:920px}
}

/* DdakLab Platform 2.1 FINAL desktop/mobile workspace correction */
.ddak-home-desktop-subcopy,.ddak-home-desktop-overview,.ddak-home-desktop-ads-entry{display:none}

/* Keep the AI page clear of floating global actions. Its own context/action surfaces remain available. */
.ddak-operation-fab.is-ai,.ddak-service-deliverable-fab.is-ai{display:none}

@media (max-width:599px){
  .ddak-ai-screen{padding-left:0;padding-right:0}
  .ddak-ai-workspace-header{padding-left:16px;padding-right:16px}
  .ddak-ai-chat-stream{padding:18px 16px calc(176px + env(safe-area-inset-bottom,0px));gap:16px}
  .ddak-ai-welcome{min-height:auto;align-content:start;padding:20px 0 28px;gap:14px}
  .ddak-ai-welcome h1{font-size:28px;line-height:1.16;max-width:330px}
  .ddak-ai-welcome p{font-size:13px;line-height:1.6}
  .ddak-ai-starter-grid{gap:8px}
  .ddak-ai-starter-grid>button{min-height:62px;padding:11px 12px;border-radius:var(--radius-md)}
  .ddak-ai-welcome-actions{margin-bottom:8px}
  .ddak-ai-response{border-radius:var(--radius-lg)}
  .ddak-ai-response>header{min-height:54px;padding:10px 12px}
  .ddak-ai-answer-core{padding:15px 13px 12px}
  .ddak-ai-answer-core h3{font-size:19px;line-height:1.36}
  .ddak-ai-answer-core>p{font-size:13px;line-height:1.62}
  .ddak-ai-key-points{margin-top:11px;gap:6px}
  .ddak-ai-key-points li{padding:9px 10px}
  .ddak-ai-one-action{margin-top:11px;padding:10px 11px}
  .ddak-ai-details>summary{min-height:42px;padding:0 13px}
  .ddak-ai-detail-body{padding:0 13px 10px}
  .ddak-ai-inline-actions,.ddak-ai-followups,.ddak-ai-result-cta,.ddak-ai-feedback{padding-left:13px;padding-right:13px}
  .ddak-ai-followups{padding-bottom:2px}
  .ddak-ai-composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px))}
  .ddak-ai-composer .ai-input{min-height:54px;border-radius:var(--radius-lg);padding-left:12px}
  .ddak-ai-composer textarea{font-size:14px}
  .ddak-ai-composer-tools{padding:0 4px;margin-top:4px}
}

@media (min-width:600px) and (max-width:1023px){
  .ddak-ai-chat-stream{padding-bottom:165px}
  .ddak-ai-welcome{min-height:auto;padding-top:30px}
}

@media (min-width:1024px){
  /* Remove legacy centered-app max widths. Desktop is a real full business workspace. */
  .app-shell{width:100%;max-width:none;margin:0;padding-left:var(--ddak-sidebar);box-shadow:none;border:0;background:var(--surface-secondary)}
  .app-main{width:100%;max-width:none;min-width:0;background:var(--surface-secondary)}
  .app-bottom-nav,.ddak-ui-bottom-nav{left:0;transform:none}
  .app-header,.ddak-header-surface{left:var(--ddak-sidebar)}
  .ddak-ui-home,.ddak-home-screen,.ddak-ui-ads,.ddak-ads-screen,.ddak-ui-performance,.ddak-performance-screen,.ddak-ui-more,.ddak-more-screen{
    width:min(100%,var(--platform-content-max));max-width:var(--platform-content-max);margin:0 auto;padding:32px var(--page-padding) 80px
  }
  .ddak-home-platform{--platform-content-max:1500px}
  .ddak-ui-ads,.ddak-ui-performance{--platform-content-max:1500px}
  .ddak-ui-more{--platform-content-max:1380px}

  /* Desktop homepage: operations console, not enlarged mobile. */
  .ddak-home-platform-hero{margin-bottom:22px}
  .ddak-home-platform .ddak-home-v12-hero{min-height:248px;padding:30px 260px 26px 32px;display:block;position:relative;overflow:hidden}
  .ddak-home-platform .ddak-home-v12-hero-copy{max-width:860px}
  .ddak-home-platform .ddak-home-v12-hero-copy h1{max-width:760px;margin-top:12px;font-size:32px;line-height:1.22;letter-spacing:0}
  .ddak-home-desktop-subcopy{display:block;max-width:660px;margin:10px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.62}
  .ddak-home-platform .ddak-home-v12-hero-character{right:26px;bottom:12px;width:224px;height:216px}
  .ddak-home-platform .ddak-home-v12-ddaki{width:214px;max-height:210px}
  .ddak-home-platform .ddak-home-v12-hero-actions{display:flex;align-items:center;gap:8px;margin-top:18px}
  .ddak-home-platform .ddak-home-v12-ai-entry,.ddak-home-desktop-ads-entry{min-width:0;height:44px;padding:0 14px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:760}
  .ddak-home-platform .ddak-home-v12-ai-entry{background:var(--brand-primary);color:var(--text-inverse);border-color:var(--brand-primary)}
  .ddak-home-desktop-ads-entry{border:1px solid var(--border-default);background:var(--surface-primary);color:var(--text-primary)}
  .ddak-home-desktop-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(620px,100%);margin-top:20px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-secondary);overflow:hidden}
  .ddak-home-desktop-overview>button{min-width:0;padding:12px 15px;display:grid;gap:2px;text-align:left;border-right:1px solid var(--border-subtle);background:transparent}
  .ddak-home-desktop-overview>button:last-child{border-right:0}
  .ddak-home-desktop-overview small{font-size:12px;color:var(--text-tertiary)}
  .ddak-home-desktop-overview b{font-size:16px;font-weight:790;font-variant-numeric:tabular-nums}
  .ddak-home-platform-grid{grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:22px}
  .ddak-home-platform-main,.ddak-home-platform-rail{gap:20px}
  .ddak-home-platform-rail{position:sticky;top:calc(var(--ddak-topbar) + 24px)}
  .ddak-home-platform .ddak-home-v12-section{padding:21px 22px;border-radius:var(--radius-lg)}
  .ddak-home-platform .ddak-home-v12-section-head{min-height:38px;margin-bottom:12px}
  .ddak-home-platform .ddak-home-v12-section-head h2{font-size:16px}
  .ddak-home-platform .ddak-home-v12-priority-list{grid-template-columns:1fr;gap:9px}
  .ddak-home-platform .ddak-home-v12-priority-item{width:100%;min-width:0;min-height:76px;padding:13px 14px;grid-template-columns:38px minmax(0,1fr) auto;gap:11px}
  .ddak-home-platform .ddak-home-v12-priority-item>div{min-width:0;width:auto}
  .ddak-home-platform .ddak-home-v12-priority-item b{display:block;max-width:none;font-size:14px;line-height:1.45;white-space:normal;word-break:keep-all;overflow-wrap:break-word}
  .ddak-home-platform .ddak-home-v12-priority-item>.ddak-home-v12-priority-action{min-width:70px;justify-self:end}
  .ddak-home-platform .ddak-home-v12-ad-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ddak-home-platform .ddak-home-v12-ad-list>button{min-width:0;min-height:78px;padding:12px 13px}
  .ddak-home-platform .ddak-home-v12-ad-list>button>span:nth-child(2){min-width:0}
  .ddak-home-platform .ddak-home-v12-ad-list b,.ddak-home-platform .ddak-home-v12-ad-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ddak-home-platform .ddak-home-v12-operation-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ddak-home-platform .ddak-home-v12-operation-strip>button{min-width:0;min-height:74px;padding:10px 7px}
  .ddak-home-platform .ddak-home-v12-request-list>button{grid-template-columns:minmax(0,1fr) auto}
  .ddak-home-platform .ddak-home-v12-request-list b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* Campaign and performance workspaces use the available desktop width. */
  .ddak-ui-ads{grid-template-columns:minmax(0,1fr) minmax(300px,350px)}
  .ddak-ui-campaign-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ddak-ui-action-list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ddak-performance-safe-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ddak-pro-metric-list{grid-template-columns:repeat(2,minmax(0,1fr))}

  /* AI = true LLM workspace with fixed internal panes, no page-level blank gutters. */
  .ddak-ui-ai,.ddak-ai-screen{width:100%;max-width:none;height:calc(100dvh - var(--ddak-topbar));margin:0;padding:0;overflow:hidden}
  .ddak-ai-platform{width:100%;height:100%;grid-template-columns:clamp(230px,18vw,280px) minmax(500px,1fr) clamp(250px,19vw,310px)}
  .ddak-ai-conversation-pane{min-width:0;height:100%;overflow:hidden}
  .ddak-ai-workspace-header{flex:0 0 66px;padding:0 clamp(20px,2vw,30px)}
  .ddak-ai-chat-stream{width:100%;max-width:900px;padding:30px clamp(26px,3vw,44px) 38px}
  .ddak-ai-composer{padding:12px clamp(24px,3vw,44px) 15px}
  .ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:900px}
  .ddak-ai-welcome{min-height:100%;padding:36px 0 32px;grid-template-columns:minmax(0,1fr) 128px;align-content:center}
  .ddak-ai-welcome h1{font-size:35px;line-height:1.15;max-width:620px}
  .ddak-ai-welcome p{max-width:650px}
  .ddak-ai-starter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ddak-ai-response{box-shadow:none;border-color:var(--border-subtle)}
  .ddak-ai-response>header{min-height:58px}
  .ddak-ai-answer-core{padding:18px 20px 15px}
  .ddak-ai-answer-core h3{font-size:21px;line-height:1.42}
  .ddak-ai-answer-core>p{max-width:760px}
  .ddak-ai-history-close{display:none}
}

@media (min-width:1024px) and (max-width:1279px){
  .ddak-home-platform-grid{grid-template-columns:minmax(0,1fr) 320px}
  .ddak-home-platform .ddak-home-v12-ad-list{grid-template-columns:1fr}
  .ddak-ui-campaign-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddak-ui-action-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ddak-ai-platform{grid-template-columns:230px minmax(500px,1fr)}
  .ddak-ai-context-panel{display:none}
}

@media (min-width:1440px){
  html{--ddak-sidebar:276px}
  .ddak-home-platform-grid{grid-template-columns:minmax(0,1fr) 390px}
  .ddak-ai-platform{grid-template-columns:270px minmax(600px,1fr) 290px}
  .ddak-ai-chat-stream,.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:920px}
}

@media (min-width:1800px){
  .ddak-home-platform,.ddak-ui-ads,.ddak-ui-performance{--platform-content-max:1560px}
  .ddak-ai-platform{grid-template-columns:290px minmax(700px,1fr) 315px}
  .ddak-ai-chat-stream,.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:980px}
}

/* DdakLab Platform 2.1 FINAL hero action contrast correction */
@media (min-width:1024px){
  .ddak-home-platform .ddak-home-v12-hero-actions > .ddak-home-v12-ai-entry{
    color:var(--brand-on-primary);
  }
  .ddak-home-platform .ddak-home-v12-hero-actions > .ddak-home-v12-ai-entry svg,
  .ddak-home-platform .ddak-home-v12-hero-actions > .ddak-home-v12-ai-entry .icon{
    color:inherit;
  }
}

/* DdakLab Platform 2.2 FINAL — remove legacy 820px mobile-era home cap on desktop */
@media (min-width:1024px){
  .home-screen.ddak-home-platform{
    width:min(100%,var(--platform-content-max));
    max-width:var(--platform-content-max);
    margin:0 auto;
    padding:32px var(--page-padding) 80px;
  }
}

/* DdakLab Platform 2.2 FINAL — LLM conversation overflow correction */
.ddak-ai-response{margin-right:0;max-width:100%}
.ddak-ai-chat-stream{overflow-x:hidden}
@media (min-width:1024px){
  .ddak-ai-response{width:100%;margin-left:0;margin-right:0}
}

/* DdakLab Platform 2.3 FINAL — semantic design-contract reconciliation */
.ddak-ai-starter-label{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:var(--space-2);color:var(--text-secondary);font-size:12px}
.ddak-ai-starter-label b{color:var(--brand-primary);font-weight:700}
.ddak-ui-ai-brief{min-height:184px}
.ddak-ui-ai-brief strong{font-size:20px;line-height:1.35;font-weight:700}
@media(max-width:599px){.ddak-ui-ai-brief{min-height:auto}}

/* DdakLab Advertiser UX 1.9.0 — precision polish + LLM action alignment */
.ddak-company-footer{width:100%;margin-top:42px;padding:28px 20px calc(96px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle);background:var(--surface-secondary);color:var(--text-tertiary);font-size:12px;line-height:1.65}
.ddak-company-footer-brand{margin-bottom:13px}.ddak-company-footer-brand .ddak-brand-lockup{gap:8px}.ddak-company-footer-brand .ddak-brand-mark{width:30px;height:30px}.ddak-company-footer-brand .ddak-brand-type b{font-size:15px}.ddak-company-footer-brand .ddak-brand-type small{display:none}.ddak-company-footer-info{display:flex;flex-wrap:wrap;gap:5px 10px;max-width:1020px}.ddak-company-footer-info>i{width:1px;height:11px;margin:auto 0;background:var(--border-default)}.ddak-company-footer-info b{color:var(--text-secondary);font-weight:700}.ddak-company-footer-links{display:flex;gap:13px;margin-top:12px}.ddak-company-footer-links a{color:var(--text-secondary);font-weight:700}.ddak-company-footer>small{display:block;margin-top:9px;font-size:12px}
.ddak-agent-fab{display:none}
.ddak-ai-scroll-latest{position:absolute;z-index:12;left:50%;bottom:92px;transform:translate(-50%,12px);opacity:0;pointer-events:none;min-height:38px;padding:0 13px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-primary);box-shadow:0 8px 24px color-mix(in srgb,var(--text-primary) 10%,transparent);color:var(--text-secondary);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:720;transition:opacity .16s ease,transform .16s ease}.ddak-ai-scroll-latest.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.ddak-ai-scroll-latest svg{width:15px;height:15px;transform:rotate(90deg)}
.ddak-ai-live-badge{display:none}.ddak-ai-start-panel{min-width:0}
.ddak-ai-answer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px 0;color:var(--text-tertiary);font-size:12px}.ddak-ai-answer-toolbar>span{font-weight:650}.ddak-ai-answer-toolbar button{min-height:32px;padding:0 10px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-secondary);background:var(--surface-secondary);font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.ddak-ai-answer-toolbar button:hover{background:var(--brand-soft);color:var(--brand-primary)}.ddak-ai-answer-toolbar svg{width:14px;height:14px}
.ddak-ai-full-answer{display:grid;gap:8px;padding:14px 15px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-primary)}.ddak-ai-full-answer>b{font-size:12px}.ddak-ai-full-answer>p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;color:var(--text-secondary)}
.ddak-ai-response.is-history{opacity:1;transform:none;background:var(--surface-primary);border:1px solid var(--border-subtle)}.ddak-ai-response.is-history .ddak-ai-answer-core{display:grid}.ddak-ai-response.is-history .ddak-ai-details{display:block}.ddak-ai-response.is-history .ddak-ai-followups{display:flex}
.ddak-ai-inline-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 18px}.ddak-ai-inline-actions button{min-width:0;min-height:36px;padding:0 11px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-secondary);display:flex;align-items:center;justify-content:center;gap:5px;color:var(--text-secondary);font-size:12px;font-weight:700;line-height:1.15;white-space:nowrap}.ddak-ai-inline-actions button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.ddak-ai-inline-actions button svg{width:14px;height:14px;flex:0 0 14px}
.ddak-ai-followups{padding:12px 18px 14px;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:7px;overflow:visible}.ddak-ai-followups button{flex:0 0 auto;min-height:34px;padding:0 11px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-primary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:12px;font-weight:650;line-height:1;white-space:nowrap}.ddak-ai-followups button:hover{border-color:color-mix(in srgb,var(--brand-primary) 26%,var(--border-default));background:var(--brand-soft);color:var(--brand-primary)}
.ddak-ai-current-action-dock{width:min(100%,900px);max-width:900px;margin:-18px auto 0;flex:0 0 auto;border:1px solid var(--border-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--surface-primary);box-shadow:0 10px 22px color-mix(in srgb,var(--text-primary) 5%,transparent);overflow:hidden}.ddak-ai-current-action-dock+.ddak-ai-chat-row{margin-top:8px}
.ddak-ai-result-cta{padding:14px 18px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:9px;align-items:stretch}.ddak-ai-result-cta button{min-width:0;min-height:44px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-primary);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-primary);font-size:13px;font-weight:760;line-height:1.1;word-break:keep-all;white-space:nowrap;text-align:center}.ddak-ai-result-cta button span{display:block;min-width:0}.ddak-ai-result-cta button svg{width:17px;height:17px;flex:0 0 17px}.ddak-ai-result-cta button.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-inverse)}.ddak-ai-result-cta button:hover{transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--text-primary) 8%,transparent)}
.ddak-ai-feedback{padding:11px 18px 13px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--text-tertiary)}.ddak-ai-feedback>span{white-space:nowrap}.ddak-ai-feedback>div{display:flex;align-items:center;gap:6px}.ddak-ai-feedback button{min-height:32px;padding:0 9px;border-radius:var(--radius-sm);background:var(--surface-secondary);display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:650;line-height:1;white-space:nowrap}.ddak-ai-feedback button svg{width:13px;height:13px}
.ddak-ai-tool-legal{margin-top:0;padding:12px 3px 2px;border-top:1px solid var(--border-default);display:grid;gap:6px;color:var(--text-tertiary);font-size:12px;line-height:1.5}.ddak-ai-tool-legal>span:last-child{display:flex;flex-wrap:wrap;gap:10px}.ddak-ai-tool-legal a{color:var(--text-secondary);font-weight:700}

/* General surface polish without changing behavior */
.ddak-ui-card,.ddak-home-v12-section,.ddak-ui-campaign-card,.ddak-ui-performance-card,.ddak-menu-list>button{border-color:var(--border-subtle)}
.ddak-ui-card:hover,.ddak-ui-campaign-card:hover{border-color:color-mix(in srgb,var(--brand-primary) 22%,var(--border-subtle))}
button,input,select,textarea{font-family:inherit}.app-main{scrollbar-gutter:stable}.ddak-ui-inline-notice,.ddak-ui-filter-summary,.ddak-ads-health-summary{box-shadow:none}

@media(max-width:1023px){
  .ddak-ai-dashboard,.ddak-ai-context-dashboard{display:none}.ddak-ai-start-panel{background:transparent;border:0;box-shadow:none}.ddak-company-footer{margin-top:28px;padding-left:16px;padding-right:16px}.ddak-ai-current-action-dock{width:100%;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.ddak-ai-result-cta{grid-template-columns:1fr 1fr;padding:12px 13px;gap:7px}.ddak-ai-result-cta button{min-height:42px;padding:0 9px;font-size:12px;gap:5px}.ddak-ai-result-cta button svg{width:15px;height:15px;flex-basis:15px}.ddak-ai-followups{padding-left:13px;padding-right:13px}.ddak-ai-answer-toolbar{padding-left:13px;padding-right:13px}.ddak-ai-inline-actions{padding-left:13px;padding-right:13px}.ddak-ai-feedback{padding-left:13px;padding-right:13px}
}
@media(max-width:430px){.ddak-ai-result-cta{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.ddak-ai-result-cta button{font-size:12px}.ddak-ai-result-cta button.primary{padding-inline:8px}.ddak-ai-feedback{align-items:flex-start;flex-direction:column}.ddak-ai-feedback>div{width:100%}.ddak-ai-feedback button{flex:1}}
@media(min-width:1024px){
  html{--ddak-sidebar:304px}.app-shell{padding-left:var(--ddak-sidebar)}.app-header,.ddak-header-surface{left:var(--ddak-sidebar)}.app-bottom-nav,.ddak-ui-bottom-nav{width:var(--ddak-sidebar);padding:0 21px 24px}.ddak-desktop-side-brand{height:104px;padding:24px 12px 16px;justify-content:flex-start}.ddak-desktop-side-brand>span:last-child{display:none}.ddak-desktop-brand-lockup{gap:11px}.ddak-desktop-brand-lockup .ddak-brand-mark{width:43px;height:43px}.ddak-desktop-brand-lockup .ddak-brand-type{gap:2px}.ddak-desktop-brand-lockup .ddak-brand-type b{font-size:21px;line-height:1.15}.ddak-desktop-brand-lockup .ddak-brand-type small{display:block;font-size:12px;color:var(--text-tertiary);font-weight:650}.ddak-desktop-nav-caption{padding:12px 14px 9px;font-size:12px}.ddak-desktop-nav-menu{gap:7px}.ddak-ui-bottom-nav .app-nav-button,.app-nav-button{height:60px;min-height:60px;padding:0 15px;border-radius:var(--radius-md);grid-template-columns:30px minmax(0,1fr);gap:13px}.ddak-ui-bottom-nav .app-nav-icon,.app-nav-icon,.ddak-ai-nav-item .app-nav-icon{width:28px;height:28px}.ddak-ui-bottom-nav .app-nav-label,.app-nav-label,.ddak-ai-nav-item .app-nav-label{font-size:15px;font-weight:720}.ddak-desktop-nav-footer{padding-top:18px}.ddak-desktop-nav-footer>button{min-height:64px;padding:11px 13px;grid-template-columns:29px minmax(0,1fr)}
  .ddak-ui-ads,.ddak-ads-screen{width:min(100%,1240px);max-width:1240px;margin:0 auto;padding-left:34px;padding-right:34px}.ddak-ui-campaign-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ddak-ui-action-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
  .ddak-operation-fab,.ddak-operation-fab.is-ai{display:flex;right:30px;bottom:28px;min-width:142px;height:54px;padding:0 15px;z-index:35}.ddak-agent-fab{position:fixed;z-index:35;right:30px;bottom:92px;min-width:142px;height:54px;padding:0 15px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-primary);box-shadow:0 10px 28px color-mix(in srgb,var(--text-primary) 12%,transparent);display:flex;align-items:center;gap:10px;color:var(--text-primary)}.ddak-agent-fab:hover{border-color:color-mix(in srgb,var(--brand-primary) 30%,var(--border-default));background:var(--brand-soft)}.ddak-agent-fab-icon{position:relative;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-primary)}.ddak-agent-fab-icon svg{width:17px;height:17px}.ddak-agent-fab-icon i{position:absolute;right:1px;bottom:2px;width:7px;height:7px;border-radius:50%;background:var(--semantic-success);border:2px solid var(--surface-primary)}.ddak-agent-fab-label{font-size:12px;font-weight:760;white-space:nowrap}.ddak-service-deliverable-fab{right:30px;bottom:156px}
  .app-main:has(.ddak-ai-screen){height:100dvh;min-height:100dvh;padding-left:0;padding-right:0;padding-bottom:0;overflow:hidden}.ddak-ui-ai,.ddak-ai-screen{height:calc(100dvh - var(--ddak-topbar));min-height:0;overflow:hidden;margin:0;padding:0;max-width:none;width:100%}.ddak-ai-platform{height:100%;min-height:0;width:100%;max-width:100%;grid-template-columns:250px minmax(0,1fr) 270px}.ddak-ai-history-panel,.ddak-ai-context-panel{min-height:0;overflow-y:auto}.ddak-ai-conversation-pane{position:relative;height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.ddak-ai-workspace-header{flex:0 0 68px;min-height:68px}.ddak-ai-live-badge{display:inline-flex;margin-left:8px;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--radius-full);background:var(--semantic-success-soft);color:var(--semantic-success);font-size:12px;font-style:normal;font-weight:760}.ddak-ai-live-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.ddak-ai-chat-stream{flex:1 1 auto;min-height:0;height:auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:28px 38px 38px;max-width:none;width:100%;scroll-behavior:auto}.ddak-ai-chat-stream>*{width:min(100%,900px);margin-left:auto;margin-right:auto}.ddak-ai-chat-row.user{margin-left:auto;margin-right:max(0px,calc((100% - 900px)/2));width:auto;max-width:min(76%,700px)}.ddak-ai-response{width:min(100%,900px);max-width:900px;margin-left:auto;margin-right:auto;flex:0 0 auto}.ddak-ai-composer{position:relative;flex:0 0 auto;left:auto;right:auto;bottom:auto;transform:none;width:100%;padding:12px 36px 16px;background:linear-gradient(to bottom,transparent,var(--surface-page) 18%)}.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{width:min(100%,900px);max-width:900px}.ddak-ai-start-panel{min-height:100%;padding:38px 0 34px;background:transparent;border:0;box-shadow:none}.ddak-ai-dashboard,.ddak-ai-context-dashboard{display:none}.ddak-ai-brief-family{display:none}.app-main:has(.ddak-ai-screen)>.ddak-company-footer{display:none}
}
@media(min-width:1024px) and (max-width:1279px){.ddak-ai-platform{grid-template-columns:230px minmax(0,1fr)}.ddak-ai-context-panel{display:none}}
@media(min-width:1440px){html{--ddak-sidebar:312px}.ddak-ui-ads,.ddak-ads-screen{max-width:1280px}}
@media(min-width:1600px){.ddak-ai-platform{grid-template-columns:280px minmax(0,1fr) 300px}}
/* DdakLab Advertiser UX 1.9.1 — visual QA refinements */
.ddak-ai-workspace-brand>span:nth-child(2){display:grid;gap:2px}.ddak-ai-workspace-brand>span:nth-child(2)>b{line-height:1.18}.ddak-ai-workspace-brand>span:nth-child(2)>small{line-height:1.25}.ddak-ai-welcome-badge{display:inline-flex;width:max-content;max-width:100%;align-items:center}
@media(min-width:1024px){.ddak-ai-history-head>.ddak-ai-history-close{display:none}.ddak-ai-history-head{grid-template-columns:minmax(0,1fr) auto}.ddak-ai-history-head>button[data-action="new-ai-conversation"]{grid-column:2;grid-row:1}.ddak-ai-current-action-dock{margin-top:-18px}.ddak-agent-fab,.ddak-operation-fab,.ddak-service-deliverable-fab{right:22px}}

/* DdakLab Advertiser UX 2.0.0 — visual refinement pass 1: shell, hierarchy, spacing */
@media(min-width:1024px){
  html{--ddak-sidebar:316px;--ddak-topbar:76px}
  .app-shell{background:var(--surface-page)}
  .app-header,.ddak-header-surface{min-height:var(--ddak-topbar);height:var(--ddak-topbar);border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 0 color-mix(in srgb,var(--text-primary) 2%,transparent)}
  .app-bottom-nav,.ddak-ui-bottom-nav{padding:0 24px 24px;border-right:1px solid var(--border-subtle);box-shadow:8px 0 30px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-desktop-side-brand{height:108px;padding:26px 12px 18px;margin-bottom:10px;border-bottom:1px solid var(--border-subtle)}
  .ddak-desktop-brand-lockup .ddak-brand-mark{width:44px;height:44px}.ddak-desktop-brand-lockup .ddak-brand-type b{font-size:22px}.ddak-desktop-brand-lockup .ddak-brand-type small{font-size:12px}
  .ddak-desktop-nav-caption{padding:12px 14px 10px;letter-spacing:.12em;color:var(--text-tertiary)}
  .ddak-desktop-nav-menu{gap:4px;padding-top:5px}
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button{height:62px;min-height:62px;padding:0 16px;border-radius:var(--radius-lg);gap:14px;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,transform .16s ease}
  .ddak-ui-bottom-nav .app-nav-button:hover,.app-nav-button:hover{background:var(--surface-primary);border-color:var(--border-subtle);transform:translateX(2px)}
  .ddak-ui-bottom-nav .app-nav-button.active,.app-nav-button.active{background:linear-gradient(90deg,var(--brand-soft),var(--surface-primary));border-color:color-mix(in srgb,var(--brand-primary) 15%,var(--border-subtle));box-shadow:inset 3px 0 0 var(--brand-primary),0 6px 18px color-mix(in srgb,var(--brand-primary) 7%,transparent)}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label,.ddak-ai-nav-item .app-nav-label{font-size:15px;font-weight:720}
  .ddak-desktop-nav-footer>button{border-radius:var(--radius-lg);background:var(--surface-secondary);border-color:var(--border-subtle)}
  .ddak-desktop-nav-footer>button:hover{background:var(--brand-softer);border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default))}

  .home-screen.ddak-home-platform,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-more{padding-top:32px;padding-bottom:80px}
  .home-screen.ddak-home-platform section,.ddak-ui-ads>section,.ddak-ui-performance>section,.ddak-ui-more>section{scroll-margin-top:calc(var(--ddak-topbar) + 18px)}

  .ddak-home-platform .ddak-home-v12-hero{min-height:236px;padding:30px 280px 28px 32px;border-color:var(--border-subtle);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--surface-primary) 0%,var(--surface-primary) 64%,var(--brand-softer) 100%);box-shadow:0 12px 36px color-mix(in srgb,var(--text-primary) 4%,transparent)}
  .ddak-home-platform .ddak-home-v12-hero-copy h1{font-size:32px;line-height:1.2;letter-spacing:0}.ddak-home-desktop-subcopy{font-size:14px;line-height:1.7;color:var(--text-secondary)}
  .ddak-home-platform .ddak-home-v12-hero-character{right:40px;bottom:12px;width:214px;height:206px}.ddak-home-platform .ddak-home-v12-ddaki{width:202px}
  .ddak-home-desktop-overview{width:min(700px,100%);border-radius:var(--radius-md);background:var(--surface-secondary);border:1px solid var(--border-subtle)}
  .ddak-home-desktop-overview>button{min-height:56px;padding:10px 16px}.ddak-home-desktop-overview b{font-size:17px}.ddak-home-desktop-overview small{font-size:12px}
  .ddak-home-platform-grid{gap:22px}.ddak-home-platform .ddak-home-v12-section{padding:22px;border-radius:var(--radius-xl);border-color:var(--border-subtle);box-shadow:0 8px 24px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-home-platform .ddak-home-v12-section-head{margin-bottom:14px}.ddak-home-platform .ddak-home-v12-section-head h2{font-size:18px}
  .ddak-home-platform .ddak-home-v12-priority-item,.ddak-home-platform .ddak-home-v12-ad-list>button{border-radius:var(--radius-lg);border-color:var(--border-subtle);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
  .ddak-home-platform .ddak-home-v12-priority-item:hover,.ddak-home-platform .ddak-home-v12-ad-list>button:hover{border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));box-shadow:0 8px 22px color-mix(in srgb,var(--text-primary) 4%,transparent);transform:translateY(-1px)}

  .ddak-ui-ads,.ddak-ads-screen{max-width:1260px;padding-top:34px}
  .ddak-ui-ads-status{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-secondary);padding:4px}.ddak-ui-ads-status button{min-height:44px;border-radius:var(--radius-md)}.ddak-ui-ads-status button.active{background:var(--surface-primary);box-shadow:0 4px 14px color-mix(in srgb,var(--text-primary) 4%,transparent)}
  .ddak-ads-health-summary,.ddak-ui-filter-summary{border-radius:var(--radius-xl);border-color:var(--border-subtle);box-shadow:0 7px 20px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ui-campaign-list{gap:14px}.ddak-ui-campaign-card{min-height:104px;padding:16px;border-radius:var(--radius-xl);border-color:var(--border-subtle);box-shadow:0 7px 20px color-mix(in srgb,var(--text-primary) 3%,transparent);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ddak-ui-campaign-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));box-shadow:0 10px 24px color-mix(in srgb,var(--text-primary) 5%,transparent)}
  .ddak-ui-action-list{gap:14px}.ddak-ui-action-list>button{min-height:86px;border-radius:var(--radius-xl);border-color:var(--border-subtle);box-shadow:0 6px 18px color-mix(in srgb,var(--text-primary) 3%,transparent)}

  .ddak-ui-performance{max-width:1320px;padding-top:32px}.ddak-performance-mode-row{padding:20px 22px;border-radius:var(--radius-xl);border-color:var(--border-subtle);box-shadow:0 7px 20px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ui-performance-tabs{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:4px;background:var(--surface-secondary)}.ddak-ui-performance-tabs button{min-height:42px;border-radius:var(--radius-md)}
  .ddak-ui-perf-kpis,.ddak-performance-safe-kpis{border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 7px 20px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-performance-easy-trend,.ddak-performance-graph{border-radius:var(--radius-xl);border-color:var(--border-subtle);box-shadow:0 8px 24px color-mix(in srgb,var(--text-primary) 3%,transparent)}

  .ddak-ui-more,.ddak-more-screen{max-width:1260px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 20px;align-items:start}.ddak-ui-more>.ddak-ui-feature-hero{grid-column:1/-1}.ddak-ui-more>.ddak-ui-version{grid-column:1/-1}.ddak-ui-more>.ddak-ui-group{margin:0}.ddak-ui-feature-hero{border-radius:var(--radius-xl);border-color:var(--border-subtle);box-shadow:0 8px 24px color-mix(in srgb,var(--text-primary) 3%,transparent)}.ddak-ui-group>div{border-radius:var(--radius-xl);border-color:var(--border-subtle);box-shadow:0 8px 22px color-mix(in srgb,var(--text-primary) 3%,transparent);overflow:hidden}.ddak-ui-group-row{min-height:68px;padding:10px 14px}.ddak-ui-group-row:hover{background:var(--brand-softer)}

  .ddak-agent-fab,.ddak-operation-fab,.ddak-service-deliverable-fab{min-width:126px;height:50px;right:18px}.ddak-agent-fab{bottom:84px}.ddak-operation-fab,.ddak-operation-fab.is-ai{bottom:24px}.ddak-service-deliverable-fab{bottom:144px}
}
@media(max-width:1023px){
  .ddak-ui-card,.ddak-home-v12-hero,.ddak-home-v12-section,.ddak-ui-feature-hero,.ddak-ui-group>div{box-shadow:0 4px 14px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-home-v12-hero,.ddak-home-v12-section,.ddak-ui-campaign-card,.ddak-ui-feature-hero,.ddak-ui-group>div{border-color:var(--border-subtle)}
  .ddak-operation-fab,.ddak-service-deliverable-fab{box-shadow:0 8px 20px color-mix(in srgb,var(--text-primary) 9%,transparent)}
}

/* DdakLab Advertiser UX 2.0.1 — visual refinement pass 2: AI viewport + recommendation cards */
@media(min-width:1024px){
  .ddak-ui-bottom-nav .app-nav-button.active,.app-nav-button.active{background:var(--brand-soft);border-color:transparent;box-shadow:inset 3px 0 0 var(--brand-primary),0 5px 16px color-mix(in srgb,var(--brand-primary) 6%,transparent)}
  .ddak-app-shell .screen.ai-screen.ddak-ai-screen.ddak-ui-ai,.ddak-app-shell.has-deliverable-fab .screen.ai-screen.ddak-ai-screen.ddak-ui-ai{padding:0;height:calc(100dvh - var(--ddak-topbar));min-height:0}
  .ddak-app-shell .ddak-ai-screen>.ddak-ai-platform{height:100%;min-height:0}
  .ddak-ai-start-panel.ddak-ui-ai-brief{overflow:visible;min-height:100%;height:auto;padding:38px 0 34px;background:transparent;border:0;box-shadow:none}
  .ddak-ai-start-panel .ddak-ai-starter-grid.ddak-ui-ai-question-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;height:auto;min-height:104px;overflow:visible;margin:0;padding:0}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button{width:100%;min-width:0;min-height:104px;max-width:none;height:auto;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:0 6px 18px color-mix(in srgb,var(--text-primary) 3%,transparent);white-space:normal;overflow:visible;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand-primary) 20%,var(--border-default));box-shadow:0 10px 22px color-mix(in srgb,var(--text-primary) 5%,transparent)}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button>span:nth-child(2){min-width:0}.ddak-ai-start-panel .ddak-ai-starter-grid b{color:var(--text-primary);font-size:13px;white-space:normal}.ddak-ai-start-panel .ddak-ai-starter-grid small{color:var(--text-secondary);font-size:12px;white-space:normal}
  .ddak-ai-chat-stream{padding-bottom:34px}.ddak-ai-composer{border-top:1px solid color-mix(in srgb,var(--border-subtle) 70%,transparent)}
  .ddak-ai-context-panel{background:var(--surface-secondary)}.ddak-ai-context-head{padding-top:20px}.ddak-ai-context-actions>button{border-radius:var(--radius-md);border:1px solid transparent;transition:border-color .16s ease,background .16s ease}.ddak-ai-context-actions>button:hover{background:var(--surface-primary);border-color:var(--border-subtle)}
}
@media(max-width:1023px){
  .ddak-ai-start-panel.ddak-ui-ai-brief{overflow:visible;height:auto;min-height:0}.ddak-ai-start-panel .ddak-ai-starter-grid.ddak-ui-ai-question-chips{height:auto;min-height:0;overflow-x:auto;overflow-y:visible}
}

/* DdakLab Advertiser UX 2.0.2 — visual refinement pass 3: floating action safety + AI focus */
@media(min-width:1024px){
  .ddak-agent-fab.is-ai,.ddak-operation-fab.is-ai,.ddak-service-deliverable-fab.is-ai{display:none}
  .ddak-ai-context-panel{padding-bottom:22px}.ddak-ai-context-note{margin-top:auto}
}
@media(min-width:1280px){
  .home-screen.ddak-home-platform,.ddak-ui-more,.ddak-more-screen{max-width:none;width:auto;margin-left:18px;margin-right:154px}
  .ddak-home-platform .ddak-home-v12-hero-character{right:30px}
  .ddak-ui-more,.ddak-more-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(min-width:1600px){
  .home-screen.ddak-home-platform,.ddak-ui-more,.ddak-more-screen{margin-left:34px;margin-right:164px}
}

/* DdakLab Advertiser UX 2.0.3 — visual refinement pass 4: restore content breadth + compact action rail */
@media(min-width:1280px){
  .home-screen.ddak-home-platform{width:100%;max-width:var(--platform-content-max);margin-left:auto;margin-right:auto}
  .ddak-ui-more,.ddak-more-screen{width:100%;max-width:1260px;margin-left:auto;margin-right:auto}
}
@media(min-width:1024px){
  .ddak-agent-fab,.ddak-operation-fab,.ddak-service-deliverable-fab{min-width:52px;width:52px;height:50px;padding:0 9px;justify-content:flex-start;overflow:hidden;gap:9px;transition:width .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
  .ddak-agent-fab-label,.ddak-operation-fab-label,.ddak-service-deliverable-fab-label{display:block;min-width:70px;opacity:0;white-space:nowrap;transition:opacity .12s ease}
  .ddak-agent-fab:hover,.ddak-agent-fab:focus-visible,.ddak-operation-fab:hover,.ddak-operation-fab:focus-visible,.ddak-service-deliverable-fab:hover,.ddak-service-deliverable-fab:focus-visible{width:132px;background:var(--surface-primary);box-shadow:0 12px 30px color-mix(in srgb,var(--text-primary) 12%,transparent)}
  .ddak-agent-fab:hover .ddak-agent-fab-label,.ddak-agent-fab:focus-visible .ddak-agent-fab-label,.ddak-operation-fab:hover .ddak-operation-fab-label,.ddak-operation-fab:focus-visible .ddak-operation-fab-label,.ddak-service-deliverable-fab:hover .ddak-service-deliverable-fab-label,.ddak-service-deliverable-fab:focus-visible .ddak-service-deliverable-fab-label{opacity:1}
  .ddak-agent-fab{bottom:82px}.ddak-operation-fab,.ddak-operation-fab.is-ai{bottom:24px}.ddak-service-deliverable-fab{bottom:140px}
}

/* DdakLab Advertiser UX 2.0.4 — visual refinement pass 5: unobtrusive floating action dock */
@media(min-width:1024px){
  .ddak-agent-fab,.ddak-operation-fab,.ddak-service-deliverable-fab{width:50px;min-width:50px;height:50px;padding:0;justify-content:center;gap:0;border-radius:var(--radius-full);overflow:visible;background:var(--surface-primary);box-shadow:0 9px 24px color-mix(in srgb,var(--text-primary) 10%,transparent)}
  .ddak-agent-fab:hover,.ddak-agent-fab:focus-visible,.ddak-operation-fab:hover,.ddak-operation-fab:focus-visible,.ddak-service-deliverable-fab:hover,.ddak-service-deliverable-fab:focus-visible{width:50px;background:var(--brand-softer);border-color:color-mix(in srgb,var(--brand-primary) 22%,var(--border-default));box-shadow:0 12px 28px color-mix(in srgb,var(--brand-primary) 13%,transparent)}
  .ddak-agent-fab-label,.ddak-operation-fab-label,.ddak-service-deliverable-fab-label{display:none}
  .ddak-agent-fab-icon,.ddak-service-deliverable-fab-icon,.ddak-operation-fab-mascot{width:34px;height:34px;min-width:34px;margin:0;display:grid;place-items:center;flex:0 0 34px}
  .ddak-agent-fab-icon{background:var(--brand-soft);color:var(--brand-primary)}.ddak-agent-fab-icon svg,.ddak-service-deliverable-fab-icon svg{width:17px;height:17px}.ddak-operation-fab-ddaki{width:34px;height:34px}
  .ddak-agent-fab::after,.ddak-operation-fab::after,.ddak-service-deliverable-fab::after{content:attr(title);position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(4px);padding:7px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-primary);box-shadow:0 8px 22px color-mix(in srgb,var(--text-primary) 9%,transparent);color:var(--text-primary);font-size:12px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}
  .ddak-agent-fab:hover::after,.ddak-agent-fab:focus-visible::after,.ddak-operation-fab:hover::after,.ddak-operation-fab:focus-visible::after,.ddak-service-deliverable-fab:hover::after,.ddak-service-deliverable-fab:focus-visible::after{opacity:1;transform:translateY(-50%) translateX(0)}
  .ddak-service-deliverable-fab{right:18px}.ddak-agent-fab{right:18px}.ddak-operation-fab{right:18px}
  .ddak-ui-version{opacity:.8;padding-top:10px}
}

/* DdakLab Advertiser UX 2.1.0 — 20x visual refinement */
html{--ddak-card-shadow:0 10px 32px color-mix(in srgb,var(--text-primary) 4%,transparent);--ddak-card-shadow-hover:0 14px 36px color-mix(in srgb,var(--text-primary) 6%,transparent)}
@media(min-width:1024px){
  html{--ddak-sidebar:288px;--ddak-topbar:72px}
  .app-shell{background:linear-gradient(180deg,var(--surface-page) 0%,color-mix(in srgb,var(--surface-page) 92%,var(--brand-softer)) 100%)}
  .app-header,.ddak-header-surface{height:var(--ddak-topbar);min-height:var(--ddak-topbar);padding-left:28px;padding-right:28px;background:color-mix(in srgb,var(--surface-primary) 97%,transparent);border-bottom-color:var(--border-subtle)}
  .ddak-desktop-page-meta{gap:1px}.ddak-desktop-page-meta small{font-size:12px;letter-spacing:.01em}.ddak-desktop-page-meta strong{font-size:20px;line-height:1.15}
  .ddak-desktop-business{min-width:220px;height:48px;border-radius:var(--radius-md);background:var(--surface-primary)}
  .ddak-desktop-side-brand{height:108px;padding:24px 15px 16px;border-bottom:1px solid var(--border-subtle)}
  .ddak-desktop-brand-lockup .ddak-brand-mark{width:44px;height:44px;box-shadow:0 8px 20px color-mix(in srgb,var(--brand-primary) 16%,transparent)}
  .ddak-desktop-brand-lockup .ddak-brand-type b{font-size:22px}.ddak-desktop-brand-lockup .ddak-brand-type small{font-size:12px}
  .ddak-desktop-nav-caption{padding:15px 15px 10px;letter-spacing:.14em;color:var(--text-tertiary)}
  .ddak-desktop-nav-menu{gap:5px}
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button{min-height:62px;height:62px;padding:0 16px;grid-template-columns:30px minmax(0,1fr);gap:13px;border-radius:var(--radius-lg);transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
  .ddak-ui-bottom-nav .app-nav-button:hover,.app-nav-button:hover{background:var(--surface-secondary);transform:translateX(1px)}
  .ddak-ui-bottom-nav .app-nav-button.active,.app-nav-button.active{background:linear-gradient(90deg,var(--brand-soft),var(--brand-softer));box-shadow:inset 3px 0 0 var(--brand-primary),0 8px 22px color-mix(in srgb,var(--brand-primary) 7%,transparent)}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label,.ddak-ai-nav-item .app-nav-label{font-size:15px;font-weight:730}
  .ddak-desktop-nav-footer{margin-top:auto;padding-top:18px}.ddak-desktop-nav-footer>button{border-radius:var(--radius-lg);background:var(--surface-secondary);border-color:transparent}.ddak-desktop-nav-footer>button:hover{background:var(--brand-softer);border-color:var(--border-subtle)}

  .home-screen.ddak-home-platform,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-more,.ddak-more-screen{padding-top:28px}
  .ddak-home-platform .ddak-home-v12-hero{min-height:330px;padding:34px 320px 30px 36px;border-color:var(--border-subtle);background:linear-gradient(130deg,var(--surface-primary) 0%,var(--surface-primary) 61%,var(--brand-softer) 100%);box-shadow:var(--ddak-card-shadow);overflow:hidden}
  .ddak-home-platform .ddak-home-v12-hero::after{content:'';position:absolute;width:340px;height:340px;right:-70px;top:-105px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-primary) 8%,transparent),transparent 70%);pointer-events:none}
  .ddak-home-platform .ddak-home-v12-hero-copy{max-width:720px}.ddak-home-platform .ddak-home-v12-hero-copy h1{font-size:36px;line-height:1.18;letter-spacing:0}.ddak-home-desktop-subcopy{max-width:660px;line-height:1.7;color:var(--text-secondary)}
  .ddak-home-platform .ddak-home-v12-hero-character{right:42px;bottom:16px;width:236px;height:226px}.ddak-home-platform .ddak-home-v12-ddaki{width:226px;max-height:222px;filter:drop-shadow(0 18px 28px color-mix(in srgb,var(--brand-primary) 13%,transparent))}
  .ddak-home-platform .ddak-home-v12-hero-actions{margin-top:20px;gap:10px}.ddak-home-platform .ddak-home-v12-ai-entry,.ddak-home-desktop-ads-entry{height:46px;padding:0 16px;border-radius:var(--radius-md)}
  .ddak-home-desktop-overview{margin-top:22px;width:min(680px,100%);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-secondary) 92%,var(--brand-softer));box-shadow:inset 0 1px 0 var(--surface-primary)}
  .ddak-home-desktop-overview>button{padding:14px 17px}.ddak-home-desktop-overview b{font-size:18px}.ddak-home-platform-grid{gap:24px}.ddak-home-platform-main,.ddak-home-platform-rail{gap:22px}
  .ddak-home-platform .ddak-home-v12-section{padding:22px 23px;border-color:var(--border-subtle);box-shadow:var(--ddak-card-shadow)}
  .ddak-home-platform .ddak-home-v12-section-head h2{font-size:17px}.ddak-home-platform .ddak-home-v12-priority-item,.ddak-home-platform .ddak-home-v12-ad-list>button{border-color:var(--border-subtle);background:var(--surface-primary)}
  .ddak-home-platform .ddak-home-v12-priority-item:hover,.ddak-home-platform .ddak-home-v12-ad-list>button:hover{border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));box-shadow:0 9px 22px color-mix(in srgb,var(--text-primary) 4%,transparent)}

  .ddak-ui-ads,.ddak-ads-screen{width:min(calc(100% - 56px),1280px);max-width:1280px;gap:16px 18px}
  .ddak-ui-ads-status{justify-self:start;width:auto;max-width:100%;display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-secondary);box-shadow:none}
  .ddak-ui-ads-status>button{min-width:112px;min-height:42px;padding:0 18px;border-radius:var(--radius-md);background:transparent}.ddak-ui-ads-status>button.active{background:var(--surface-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--text-primary) 5%,transparent);color:var(--brand-primary)}
  .ddak-ads-health-summary,.ddak-ui-filter-summary{min-height:86px;border-radius:var(--radius-xl);border-color:var(--border-subtle);box-shadow:var(--ddak-card-shadow)}
  .ddak-ui-filter-summary{padding:17px 18px}.ddak-ui-filter-line{margin-top:4px;padding-top:6px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.ddak-ui-filter-line b{font-size:16px}
  .ddak-ui-campaign-list{gap:14px}.ddak-ui-campaign-card{min-height:104px;padding:15px 17px;border-radius:var(--radius-xl);border-color:var(--border-subtle);box-shadow:0 8px 24px color-mix(in srgb,var(--text-primary) 3%,transparent);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ddak-ui-campaign-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));box-shadow:var(--ddak-card-shadow-hover)}
  .ddak-ui-campaign-thumb{width:48px;height:48px}.ddak-ui-campaign-body>b,.ddak-ui-campaign-head>b{font-size:15px}.ddak-ui-campaign-body small{line-height:1.5}
  .ddak-ui-action-list{gap:14px}.ddak-ui-action-list>button{min-height:88px;padding:15px 17px;border-radius:var(--radius-xl);border-color:var(--border-subtle);box-shadow:0 7px 20px color-mix(in srgb,var(--text-primary) 3%,transparent)}.ddak-ui-action-list>button:hover{border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));background:var(--brand-softer)}

  .ddak-ui-performance{max-width:1320px}.ddak-performance-mode-row{padding:22px 24px;min-height:118px;border-radius:var(--radius-xl);box-shadow:var(--ddak-card-shadow)}.ddak-performance-mode-row>div:first-child{max-width:620px}.ddak-performance-mode-row h2,.ddak-performance-mode-row b{letter-spacing:0}
  .ddak-ui-performance-tabs{margin-top:14px;min-height:52px;padding:5px;border-radius:var(--radius-lg);background:var(--surface-secondary)}.ddak-ui-performance-tabs button{min-height:42px;border-radius:var(--radius-md);font-weight:700}.ddak-ui-performance-tabs button.active{background:var(--surface-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--text-primary) 5%,transparent)}
  .ddak-performance-safe-kpis,.ddak-ui-perf-kpis{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--ddak-card-shadow)}.ddak-performance-safe-kpis>div,.ddak-ui-perf-kpis>div{padding:17px 15px}.ddak-performance-safe-kpis b,.ddak-ui-perf-kpis b{font-size:18px;font-variant-numeric:tabular-nums}
  .ddak-performance-easy-trend,.ddak-performance-graph{border-radius:var(--radius-xl);box-shadow:var(--ddak-card-shadow)}

  .ddak-ui-more,.ddak-more-screen{max-width:1260px;gap:20px 22px}.ddak-ui-feature-hero{min-height:104px;padding:18px 20px;border-radius:var(--radius-xl);box-shadow:var(--ddak-card-shadow);background:linear-gradient(110deg,var(--surface-primary),var(--brand-softer))}.ddak-ui-business-avatar{width:48px;height:48px;border-radius:var(--radius-md)}
  .ddak-ui-group h2{margin-bottom:9px;font-size:14px;color:var(--text-secondary)}.ddak-ui-group>div{border-radius:var(--radius-xl);box-shadow:var(--ddak-card-shadow)}.ddak-ui-group-row{min-height:70px;padding:11px 15px}.ddak-ui-group-row:hover{background:var(--brand-softer)}.ddak-ui-mi{width:38px;height:38px;border-radius:var(--radius-md);background:var(--brand-soft)}.ddak-ui-row-main b{font-size:14px}.ddak-ui-row-main small{margin-top:2px;line-height:1.45}

  .ddak-ai-platform{grid-template-columns:258px minmax(0,1fr) 278px}.ddak-ai-history-panel,.ddak-ai-context-panel{background:color-mix(in srgb,var(--surface-secondary) 93%,var(--surface-primary))}.ddak-ai-workspace-header{border-bottom-color:var(--border-subtle);background:var(--surface-primary)}
  .ddak-ai-start-panel{padding:42px 0 40px}.ddak-ai-welcome-copy{max-width:720px}.ddak-ai-welcome h1{font-size:38px;line-height:1.13;letter-spacing:0}.ddak-ai-welcome p{font-size:14px;line-height:1.7}.ddak-ai-welcome-visual{width:138px}.ddak-ai-welcome-ddaki{width:126px;filter:drop-shadow(0 14px 20px color-mix(in srgb,var(--brand-primary) 10%,transparent))}
  .ddak-ai-starter-label{margin-top:22px}.ddak-ai-start-panel .ddak-ai-starter-grid.ddak-ui-ai-question-chips{gap:12px}.ddak-ai-start-panel .ddak-ai-starter-grid>button{min-height:112px;padding:15px 16px;border-radius:var(--radius-xl);box-shadow:0 8px 24px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ai-context-actions>button{min-height:52px;border-radius:var(--radius-lg);box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 2%,transparent)}
  .ddak-ai-composer .ai-input{min-height:64px;border-radius:var(--radius-xl);border-color:color-mix(in srgb,var(--brand-primary) 30%,var(--border-default));box-shadow:0 10px 28px color-mix(in srgb,var(--brand-primary) 7%,transparent)}
  .ddak-ai-response{border-radius:var(--radius-xl);box-shadow:0 8px 26px color-mix(in srgb,var(--text-primary) 4%,transparent)}
}
@media(min-width:1600px){html{--ddak-sidebar:296px}.ddak-home-platform .ddak-home-v12-hero{min-height:350px;padding-left:40px}.ddak-home-platform .ddak-home-v12-hero-character{right:54px}.ddak-ui-ads,.ddak-ads-screen{max-width:1320px}.ddak-ui-performance{max-width:1380px}.ddak-ui-more,.ddak-more-screen{max-width:1320px}.ddak-ai-platform{grid-template-columns:270px minmax(0,1fr) 292px}}
@media(max-width:1023px){
  .ddak-ai-chat-stream{padding-bottom:160px}.ddak-ai-start-panel{padding-bottom:30px}.ddak-ai-start-panel .ddak-ai-starter-grid>button{border-radius:var(--radius-lg);box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ai-composer{box-shadow:0 -12px 28px color-mix(in srgb,var(--surface-page) 90%,transparent)}
  .ddak-company-footer{padding-top:24px}.ddak-company-footer-info{gap:4px 8px}
}

/* DdakLab Advertiser UX 2.1.1 — micro precision pass */
@media(min-width:1024px){
  .ddak-ui-state-pill{min-height:28px;padding:0 10px;font-size:12px;font-weight:720}
  .ddak-ui-campaign-card>.ddak-icon:last-child{width:17px;height:17px;color:var(--text-tertiary)}
  .ddak-ui-filter-summary>.ddak-icon{width:18px;height:18px;color:var(--brand-primary)}
  .ddak-ads-health-summary>span:first-child{width:38px;height:38px;border-radius:var(--radius-md)}
  .ddak-ui-action-list>button>span:first-child{width:38px;height:38px;border-radius:var(--radius-md)}
  .ddak-ui-action-list>button>span:nth-child(2){min-width:0;display:grid;gap:2px}.ddak-ui-action-list>button b{font-size:14px}.ddak-ui-action-list>button small{line-height:1.45}
  .ddak-performance-safe-kpis>div:not(:last-child),.ddak-ui-perf-kpis>div:not(:last-child){border-right:1px solid var(--border-subtle)}
  .ddak-performance-safe-kpis small,.ddak-ui-perf-kpis small{color:var(--text-tertiary)}
  .ddak-ui-feature-hero>span h2{font-size:17px;margin-bottom:2px}.ddak-ui-feature-hero>span p{line-height:1.45}.ddak-ui-feature-hero>button{min-width:54px;height:38px;border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--border-subtle)}
  .ddak-ui-group-row>.ddak-icon:last-child{width:17px;height:17px;color:var(--text-tertiary)}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button{min-height:120px;align-content:start;grid-template-columns:38px minmax(0,1fr);gap:11px}.ddak-ai-start-panel .ddak-ai-starter-grid>button>span:first-child{width:38px;height:38px;border-radius:var(--radius-md)}
  .ddak-ai-start-panel .ddak-ai-starter-grid b{line-height:1.45}.ddak-ai-start-panel .ddak-ai-starter-grid small{line-height:1.48;margin-top:3px}
  .ddak-ai-context-stats{gap:8px}.ddak-ai-context-stats>span{min-height:54px;padding:9px 6px;border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--border-subtle)}
  .ddak-ai-history-list button{border-radius:var(--radius-md)}.ddak-ai-history-list button:hover{background:var(--surface-primary)}
  .ddak-company-footer{border-top-color:var(--border-subtle);background:color-mix(in srgb,var(--surface-secondary) 88%,var(--surface-page))}.ddak-company-footer-info{max-width:1080px;line-height:1.7}
}
@media(max-width:1023px){
  .ddak-ai-composer{padding-top:9px}.ddak-ai-composer .ai-input{border-radius:var(--radius-xl);box-shadow:0 8px 22px color-mix(in srgb,var(--brand-primary) 7%,transparent)}
  .ddak-ai-start-panel .ddak-ai-starter-grid{gap:7px}.ddak-ai-start-panel .ddak-ai-starter-grid>button{min-height:64px;padding:11px 12px}.ddak-ai-start-panel .ddak-ai-starter-grid b{line-height:1.4}.ddak-ai-start-panel .ddak-ai-starter-grid small{line-height:1.4}
  .ddak-operation-fab,.ddak-service-deliverable-fab{transform:scale(.96);transform-origin:right center}
  .ddak-company-footer-links{gap:14px}.ddak-company-footer>small{margin-top:10px}
}

/* DdakLab Advertiser UX 2.1.2 — desktop floating-action safe rail */
@media(min-width:1280px){
  .home-screen.ddak-home-platform,.ddak-ui-more,.ddak-more-screen{padding-right:86px}
}
@media(min-width:1600px){
  .home-screen.ddak-home-platform,.ddak-ui-more,.ddak-more-screen{padding-right:92px}
}

/* DdakLab Advertiser UX 2.2.0 — 180+ visual audit precision layer */
/* Mobile/tablet floating actions stay accessible without covering campaign cards. */
@media(max-width:1023px){
  .ddak-operation-fab,.ddak-service-deliverable-fab{
    width:48px;min-width:48px;max-width:48px;height:48px;padding:0;right:12px;
    justify-content:center;gap:0;overflow:visible;border-radius:var(--radius-full);
    background:var(--surface-primary);box-shadow:0 9px 24px color-mix(in srgb,var(--text-primary) 10%,transparent)
  }
  .ddak-operation-fab-label,.ddak-service-deliverable-fab-label{display:none}
  .ddak-operation-fab-mascot,.ddak-service-deliverable-fab-icon{width:34px;height:34px;min-width:34px;margin:0;flex:0 0 34px}
  .ddak-operation-fab .ddak-operation-fab-ddaki{width:34px;height:34px}
  .ddak-service-deliverable-fab-icon .ddak-icon{width:18px;height:18px}
  .ddak-operation-fab{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 14px)}
  .ddak-service-deliverable-fab{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 70px)}
  .ddak-operation-fab.is-ai,.ddak-service-deliverable-fab.is-ai{display:none}
}
/* 1024–1199 desktop: use a focused single-column LLM workbench; conversation history stays available as a drawer. */
@media(min-width:1024px) and (max-width:1199px){
  html{--ddak-sidebar:286px}
  .ddak-ai-platform{grid-template-columns:minmax(0,1fr)}
  .ddak-ai-context-panel{display:none}
  .ddak-ai-history-panel{
    display:flex;position:fixed;z-index:90;left:var(--ddak-sidebar);top:var(--ddak-topbar);bottom:0;
    width:min(320px,42vw);padding:14px;background:var(--surface-primary);border-right:1px solid var(--border-default);
    box-shadow:18px 0 45px color-mix(in srgb,var(--text-primary) 16%,transparent);flex-direction:column;
    transform:translateX(-104%);transition:transform .2s ease
  }
  .ddak-ai-history-panel.is-open{transform:translateX(0)}
  .ddak-ai-history-head{grid-template-columns:minmax(0,1fr) auto auto}
  .ddak-ai-history-close{display:grid;place-items:center}
  .ddak-ai-workspace-actions .ddak-ai-mobile-history{display:flex}
  .ddak-ai-history-backdrop{position:fixed;z-index:89;left:var(--ddak-sidebar);right:0;top:var(--ddak-topbar);bottom:0;display:block;background:color-mix(in srgb,var(--text-primary) 34%,transparent);opacity:0;pointer-events:none;transition:opacity .18s}
  .ddak-ai-history-backdrop.is-open{opacity:1;pointer-events:auto}
  .ddak-ai-chat-stream,.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:780px}
  .ddak-ai-chat-stream{padding-left:28px;padding-right:28px}
  .ddak-ai-workspace-header{padding-left:28px;padding-right:28px}
}
/* 1200–1399 desktop: history + conversation; defer the context rail until there is enough width. */
@media(min-width:1200px) and (max-width:1399px){
  .ddak-ai-platform{grid-template-columns:232px minmax(0,1fr)}
  .ddak-ai-context-panel{display:none}
  .ddak-ai-chat-stream,.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:820px}
}
/* Large desktop should feel like a real operating platform, not a narrow mobile canvas centered on a huge monitor. */
@media(min-width:1800px){
  .home-screen.ddak-home-platform{max-width:1640px}
  .ddak-ui-ads,.ddak-ads-screen{max-width:1560px}
  .ddak-ui-performance,.ddak-performance-screen{max-width:1560px}
  .ddak-ui-more,.ddak-more-screen{max-width:1460px}
  .ddak-home-platform-grid{grid-template-columns:minmax(0,1fr) 420px;gap:24px}
  .ddak-ui-campaign-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .ddak-ui-action-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .ddak-performance-safe-kpis,.ddak-ui-perf-kpis{min-height:104px}
  .ddak-ai-platform{grid-template-columns:286px minmax(0,1fr) 304px}
  .ddak-ai-chat-stream,.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:980px}
}
@media(min-width:2200px){
  .home-screen.ddak-home-platform{max-width:1720px}
  .ddak-ui-ads,.ddak-ads-screen,.ddak-ui-performance,.ddak-performance-screen{max-width:1640px}
  .ddak-ui-more,.ddak-more-screen{max-width:1520px}
  .ddak-ai-chat-stream,.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:1040px}
}
/* Footer/legal information remains understated but readable on large screens. */
@media(min-width:1024px){
  .ddak-company-footer{padding-top:30px;padding-bottom:38px}
  .ddak-company-footer-brand{margin-bottom:12px}
  .ddak-company-footer-info{font-size:12px;line-height:1.75;row-gap:7px;column-gap:12px}
  .ddak-company-footer-links{margin-top:12px;gap:16px}
}

/* DdakLab Advertiser UX 2.2.1 — off-canvas history drawer accessibility cleanup */
@media(max-width:599px){
  .ddak-ai-history-panel{visibility:hidden;pointer-events:none}
  .ddak-ai-history-panel.is-open{visibility:visible;pointer-events:auto}
}
@media(min-width:1024px) and (max-width:1199px){
  .ddak-ai-history-panel{visibility:hidden;pointer-events:none}
  .ddak-ai-history-panel.is-open{visibility:visible;pointer-events:auto}
}

/* DdakLab Advertiser UX 2.3.0 — 900-screen mobile-first precision pass */
/* Shared micro-polish: clearer hierarchy, calmer borders, consistent touch feedback. */
.ddak-ui-card,.ddak-ui-campaign-card,.ddak-home-v12-section,.ddak-ui-feature-hero,.ddak-ui-group>div{border-color:var(--border-subtle)}
.ddak-ui-card button,.ddak-ui-campaign-card,.ddak-home-v12-ad-list>button,.ddak-home-v12-priority-item,.ddak-ui-group-row{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-primary) 58%,transparent);outline-offset:2px}

/* Phone: retain DdakLab's current app structure, refine density and visual rhythm. */
@media(max-width:599px){
  html{--page-padding:16px;--header-height:54px;--bottom-nav-height:72px}
  .app-header,.ddak-ui-topbar{min-height:var(--header-height);height:var(--header-height);background:color-mix(in srgb,var(--surface-page) 97%,transparent);border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 0 color-mix(in srgb,var(--text-primary) 2%,transparent)}
  .ddak-page-title{font-size:19px;font-weight:780;letter-spacing:0}.app-header .icon-btn,.ddak-ui-topbar .icon-btn{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:var(--radius-md)}
  .app-main{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 24px)}

  .app-bottom-nav,.ddak-ui-bottom-nav{height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));padding:5px max(7px,env(safe-area-inset-left,0px)) env(safe-area-inset-bottom,0px) max(7px,env(safe-area-inset-right,0px));background:color-mix(in srgb,var(--surface-primary) 97%,transparent);box-shadow:0 -8px 24px color-mix(in srgb,var(--text-primary) 5%,transparent)}
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button{height:62px;min-height:62px;gap:3px;color:var(--text-tertiary)}
  .ddak-ui-bottom-nav .app-nav-icon,.app-nav-icon{width:27px;height:27px;padding:3px;border-radius:var(--radius-md);transition:background-color .16s ease,color .16s ease,transform .16s ease}
  .ddak-ui-bottom-nav .app-nav-button.active .app-nav-icon,.app-nav-button.active .app-nav-icon{background:var(--brand-soft);color:var(--brand-primary);transform:translateY(-1px)}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label{font-size:12px;font-weight:680;color:inherit}.ddak-ui-bottom-nav .app-nav-button.active,.app-nav-button.active{color:var(--brand-primary)}
  .ddak-ai-nav-item .app-nav-icon{width:40px;height:40px;padding:0;background:transparent}.ddak-ai-nav-item.active .app-nav-icon{background:transparent}.ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:38px;height:38px;border-radius:var(--radius-md);box-shadow:0 5px 14px color-mix(in srgb,var(--brand-primary) 16%,transparent)}

  /* Home */
  .ddak-home-v12{padding-top:14px}.ddak-home-v12-hero{min-height:238px;padding:20px 126px 19px 17px;border-radius:var(--radius-xl);border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-subtle));background:radial-gradient(circle at 90% 67%,color-mix(in srgb,var(--brand-soft) 68%,transparent),transparent 35%),linear-gradient(150deg,var(--surface-primary),var(--brand-softer));box-shadow:0 8px 22px color-mix(in srgb,var(--text-primary) 4%,transparent)}
  .ddak-home-v12-hero[data-home-state="warning"]{border-color:color-mix(in srgb,var(--semantic-warning) 26%,var(--border-subtle))}
  .ddak-home-v12-hero h1{font-size:22px;line-height:1.3}.ddak-home-v12-hero-copy>p:not(.ddak-home-v12-greeting){font-size:13px;line-height:1.55}.ddak-home-v12-hero-actions{margin-top:13px;gap:6px 10px}.ddak-home-v12-hero-actions>button{min-height:42px}
  .ddak-home-v12-hero-character{right:-2px;bottom:0;width:132px;height:172px}.ddak-home-v12-ddaki{width:130px;height:168px}.ddak-home-v12-hero-character:before{width:112px}
  .ddak-home-v12-section{padding:16px;border-radius:var(--radius-xl);box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 3%,transparent)}.ddak-home-v12-section-head{margin-bottom:12px}.ddak-home-v12-section-head h2{font-size:18px}
  .ddak-home-v12-priority-item,.ddak-home-v12-ad-list>button{border-radius:var(--radius-lg);background:var(--surface-primary)}.ddak-home-v12-ad-list>button{min-height:82px;padding:12px}.ddak-home-v12-priority-item{padding:12px}

  /* Ads */
  .ddak-ui-ads,.ddak-ads-screen{padding-top:14px}.ddak-ui-ads-status{margin-bottom:12px;padding:4px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-secondary)}.ddak-ui-ads-status button{min-height:42px;border-radius:var(--radius-md);font-weight:700}.ddak-ui-ads-status button.active{background:var(--surface-primary);color:var(--brand-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--text-primary) 4%,transparent)}
  .ddak-ads-health-summary,.ddak-ui-filter-summary{border-radius:var(--radius-xl);box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 3%,transparent)}.ddak-ui-filter-line{padding-top:4px}.ddak-ui-campaign-list{gap:9px}.ddak-ui-campaign-card{min-height:92px;padding:13px 12px;border-radius:var(--radius-xl);box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 3%,transparent)}.ddak-ui-campaign-thumb{width:44px;height:44px}.ddak-ui-campaign-body small{line-height:1.42}.ddak-ui-state-pill{min-height:28px;padding:0 8px}
  .ddak-ui-action-list{gap:9px}.ddak-ui-action-list>button{min-height:70px;padding:11px 12px;border-radius:var(--radius-xl);box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 3%,transparent)}

  /* Performance */
  .ddak-ui-performance,.ddak-performance-screen{padding-top:14px}.ddak-performance-mode-row{padding:15px 15px;border-radius:var(--radius-xl);box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ui-performance-tabs,.ddak-ui-period-row{padding:4px;border-radius:var(--radius-lg);background:var(--surface-secondary)}.ddak-ui-performance-tabs button,.ddak-ui-period-row button{min-height:40px;border-radius:var(--radius-md);font-weight:680}.ddak-ui-performance-tabs button.active,.ddak-ui-period-row button.active{background:var(--surface-primary);box-shadow:0 4px 10px color-mix(in srgb,var(--text-primary) 4%,transparent)}
  .ddak-performance-safe-kpis,.ddak-ui-perf-kpis{border-radius:var(--radius-xl);box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 3%,transparent)}.ddak-performance-safe-kpis>div,.ddak-ui-perf-kpis>div{padding:13px 12px}.ddak-performance-safe-kpis b,.ddak-ui-perf-kpis b{font-variant-numeric:tabular-nums}
  .ddak-performance-interpretation,.ddak-performance-easy-trend,.naver-clone-performance-module{border-radius:var(--radius-xl)}

  /* DdakAI */
  .ddak-ui-ai,.ddak-ai-screen{padding-top:0}.ddak-ai-workspace-header{display:none}.ddak-ai-platform{min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height) - env(safe-area-inset-bottom,0px))}.ddak-ai-conversation-pane{min-height:0}
  .ddak-ai-chat-stream{padding:22px var(--page-padding) 176px}.ddak-ai-start-panel{padding:20px 0 32px}.ddak-ai-welcome{padding-top:2px}.ddak-ai-welcome-badge{margin-bottom:10px}.ddak-ai-welcome h1{font-size:28px;line-height:1.17;max-width:330px}.ddak-ai-welcome p{font-size:13px;line-height:1.6;max-width:340px}.ddak-ai-welcome-visual{margin-top:10px;width:106px}.ddak-ai-welcome-ddaki{width:102px}
  .ddak-ai-starter-label{margin-top:14px}.ddak-ai-start-panel .ddak-ai-starter-grid{gap:8px}.ddak-ai-start-panel .ddak-ai-starter-grid>button{min-height:68px;padding:11px 12px;border-radius:var(--radius-lg);box-shadow:0 5px 15px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ai-composer{padding:9px var(--page-padding) calc(9px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--surface-page) 97%,transparent) 24%,var(--surface-page) 100%);box-shadow:none}.ddak-ai-composer .ai-input{min-height:60px;padding-left:14px;border-radius:var(--radius-xl);box-shadow:0 8px 24px color-mix(in srgb,var(--brand-primary) 8%,transparent)}.ddak-ai-composer .ai-input-send{width:42px;height:42px;flex-basis:42px}.ddak-ai-composer-tools{margin-top:4px;padding:0 3px;line-height:1.35}
  .ddak-ai-response{border-radius:var(--radius-xl);box-shadow:0 6px 18px color-mix(in srgb,var(--text-primary) 4%,transparent)}.ddak-ai-answer-core{padding-left:14px;padding-right:14px}.ddak-ai-details>summary{min-height:44px}.ddak-ai-current-action-dock{border-radius:0 0 var(--radius-xl) var(--radius-xl)}

  /* More */
  .ddak-ui-more,.ddak-more-screen{padding-top:14px}.ddak-ui-feature-hero{padding:15px;border-radius:var(--radius-xl);background:linear-gradient(120deg,var(--surface-primary),var(--brand-softer));box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 3%,transparent)}.ddak-ui-business-avatar{width:46px;height:46px;border-radius:var(--radius-md)}.ddak-ui-group{margin-top:20px}.ddak-ui-group h2{margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.ddak-ui-group>div{border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 3%,transparent)}.ddak-ui-group-row{min-height:66px;padding:10px 11px}.ddak-ui-mi{width:40px;height:40px;border-radius:var(--radius-md);background:var(--brand-soft)}.ddak-ui-row-main b{font-size:14px}.ddak-ui-row-main small{margin-top:2px;line-height:1.4}

  /* Floating tools */
  .ddak-operation-fab,.ddak-service-deliverable-fab{width:42px;min-width:42px;max-width:42px;height:42px;right:10px;border-color:color-mix(in srgb,var(--brand-primary) 16%,var(--border-subtle));box-shadow:0 7px 18px color-mix(in srgb,var(--text-primary) 10%,transparent);opacity:.94}.ddak-operation-fab-mascot,.ddak-service-deliverable-fab-icon{width:30px;height:30px;min-width:30px;flex-basis:30px}.ddak-operation-fab .ddak-operation-fab-ddaki{width:30px;height:30px}.ddak-operation-fab{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 10px)}.ddak-service-deliverable-fab{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 60px)}

  /* Legal footer */
  .ddak-company-footer{margin-top:30px;padding:22px var(--page-padding) calc(94px + env(safe-area-inset-bottom,0px));background:var(--surface-secondary)}.ddak-company-footer-info{display:grid;grid-template-columns:1fr;gap:4px}.ddak-company-footer-info>i{display:none}.ddak-company-footer-info>span{line-height:1.55}.ddak-company-footer-links{margin-top:12px;gap:14px}
}

@media(max-width:370px){
  html{--page-padding:14px}.ddak-home-v12-hero{padding-right:108px}.ddak-home-v12-hero-character{right:-8px;width:116px}.ddak-home-v12-ddaki{width:114px}.ddak-ai-welcome h1{font-size:26px}.ddak-ui-campaign-card{grid-template-columns:46px minmax(0,1fr) auto}.ddak-ui-state-pill{padding:0 7px}
}

/* Tablet */
@media(min-width:600px) and (max-width:1023px){
  .app-shell{background:var(--surface-page)}.app-header,.ddak-ui-topbar{background:color-mix(in srgb,var(--surface-page) 97%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--text-primary) 2%,transparent)}
  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-more{padding-top:20px}.ddak-home-v12-hero{border-radius:var(--radius-xl);box-shadow:0 7px 22px color-mix(in srgb,var(--text-primary) 4%,transparent)}.ddak-home-v12-section,.ddak-ui-campaign-card,.ddak-ui-feature-hero,.ddak-ui-group>div{border-radius:var(--radius-xl);box-shadow:0 6px 18px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ui-campaign-list{gap:12px}.ddak-ui-performance-tabs,.ddak-ui-period-row{border-radius:var(--radius-lg)}
  .ddak-ai-workspace-header{display:none}.ddak-ai-chat-stream{padding-top:28px;padding-bottom:170px}.ddak-ai-start-panel{padding-top:26px}.ddak-ai-welcome h1{font-size:32px}.ddak-ai-composer{box-shadow:none}
}

/* Desktop precision */
@media(min-width:1024px){
  html{--ddak-sidebar:304px}
  .app-bottom-nav,.ddak-ui-bottom-nav{padding-left:22px;padding-right:22px}.ddak-desktop-side-brand{height:106px;padding-top:25px}.ddak-desktop-nav-menu{gap:7px}.ddak-ui-bottom-nav .app-nav-button,.app-nav-button{height:61px;min-height:61px}.ddak-ui-bottom-nav .app-nav-label,.app-nav-label,.ddak-ai-nav-item .app-nav-label{font-size:15px}.ddak-desktop-nav-caption{padding-left:15px}
  .ddak-home-platform .ddak-home-v12-hero{border-color:var(--border-subtle);box-shadow:0 10px 30px color-mix(in srgb,var(--text-primary) 4%,transparent)}.ddak-home-platform .ddak-home-v12-section{box-shadow:0 7px 20px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ui-ads-status{box-shadow:inset 0 1px 0 var(--surface-primary)}.ddak-ui-campaign-card,.ddak-ui-action-list>button,.ddak-performance-mode-row,.ddak-performance-safe-kpis,.ddak-ui-feature-hero,.ddak-ui-group>div{box-shadow:0 6px 20px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ui-campaign-card:hover,.ddak-ui-action-list>button:hover,.ddak-ui-group-row:hover{box-shadow:0 9px 24px color-mix(in srgb,var(--text-primary) 5%,transparent)}
  .ddak-ai-history-panel,.ddak-ai-context-panel{border-color:var(--border-subtle)}.ddak-ai-history-row{min-height:46px}.ddak-ai-history-row>button:first-child{padding-top:10px;padding-bottom:10px}.ddak-ai-context-actions>button{border-color:var(--border-subtle)}
  .ddak-company-footer{background:color-mix(in srgb,var(--surface-secondary) 92%,var(--surface-page));border-top-color:var(--border-subtle)}
}
@media(min-width:1800px){html{--ddak-sidebar:312px}.ddak-home-platform .ddak-home-v12-hero{min-height:352px}.ddak-home-platform-grid{gap:26px}.ddak-ui-ads,.ddak-ads-screen,.ddak-ui-performance,.ddak-performance-screen{max-width:1600px}.ddak-ui-more,.ddak-more-screen{max-width:1480px}.ddak-ai-platform{grid-template-columns:292px minmax(0,1fr) 310px}}

/* DdakLab Advertiser UX 2.3.1 — mobile floating-tool dock */
@media(max-width:599px){
  .ddak-operation-fab,.ddak-service-deliverable-fab{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 10px)}
  .ddak-operation-fab{right:10px}
  .ddak-service-deliverable-fab{right:60px}
}

/* DdakLab Advertiser UX 2.4.0 — 1,580+ state precision refinement */
/* Principle: calm surfaces, decisive purple actions, dense-but-readable operations information. */
:where(.ddak-ui-card,.ddak-home-v12-section,.ddak-ui-campaign-card,.ddak-ui-feature-hero,.ddak-ui-group>div,.ddak-performance-mode-row,.ddak-performance-safe-kpis){
  border-color:color-mix(in srgb,var(--border-subtle) 90%,var(--surface-primary));
}
:where(.ddak-ui-card,.ddak-home-v12-section,.ddak-ui-campaign-card,.ddak-ui-feature-hero,.ddak-ui-group>div){
  background:color-mix(in srgb,var(--surface-primary) 98%,var(--surface-page));
}
:where(.ddak-home-v12-section-head,.ddak-ui-section-head,.ddak-ui-filter-line){text-wrap:balance}
:where(.ddak-ui-campaign-body,.ddak-ui-row-main,.ddak-home-v12-ad-main,.ddak-home-v12-priority-copy){min-width:0}
:where(.ddak-ui-campaign-body b,.ddak-ui-row-main b,.ddak-home-v12-ad-main b,.ddak-home-v12-priority-copy b){overflow-wrap:anywhere}

/* Phones — app-like density without crowding. */
@media(max-width:599px){
  html{--page-padding:clamp(14px,4.1vw,18px);--header-height:56px;--bottom-nav-height:74px}
  body,#app,.app-shell,.app-main{background:var(--surface-page)}
  .app-header,.ddak-ui-topbar{padding-inline:var(--page-padding);border-bottom-color:color-mix(in srgb,var(--border-subtle) 86%,transparent)}
  .ddak-page-title{font-size:19px;line-height:1.2;font-weight:780}
  .app-main{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 28px)}

  /* Bottom navigation reads as one calm system bar. */
  .app-bottom-nav,.ddak-ui-bottom-nav{padding-top:6px;border-top:1px solid var(--border-subtle);box-shadow:0 -6px 20px color-mix(in srgb,var(--text-primary) 4%,transparent)}
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button{height:63px;min-height:63px;border-radius:var(--radius-md)}
  .ddak-ui-bottom-nav .app-nav-button.active,.app-nav-button.active{background:transparent}
  .ddak-ui-bottom-nav .app-nav-button.active .app-nav-icon,.app-nav-button.active .app-nav-icon{box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary) 10%,transparent)}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label{line-height:1.15}

  /* Home: stronger first hierarchy, tighter following sections. */
  .ddak-home-v12{padding-top:12px}
  .ddak-home-v12-hero{min-height:232px;padding:19px 122px 18px 17px;border-radius:var(--radius-xl);box-shadow:0 7px 20px color-mix(in srgb,var(--text-primary) 4%,transparent)}
  .ddak-home-v12-hero h1{font-size:23px;line-height:1.26;max-width:230px;text-wrap:balance}
  .ddak-home-v12-hero-copy>p:not(.ddak-home-v12-greeting){margin-top:8px;line-height:1.58}
  .ddak-home-v12-hero-actions{margin-top:12px}.ddak-home-v12-hero-actions>button{min-height:41px;border-radius:var(--radius-md)}
  .ddak-home-v12-hero-character{right:-3px;bottom:1px;width:126px;height:164px}.ddak-home-v12-ddaki{width:124px;height:162px}
  .ddak-home-v12-section{padding:15px;border-radius:var(--radius-xl);box-shadow:0 4px 14px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-home-v12-section-head{margin-bottom:10px}.ddak-home-v12-section-head h2{font-size:17px;line-height:1.25}
  .ddak-home-v12-priority-item,.ddak-home-v12-ad-list>button{min-height:76px;padding:11px;border-radius:var(--radius-lg)}
  .ddak-home-v12-ad-list,.ddak-home-v12-priority-list{gap:8px}

  /* Ads: predictable card rhythm and clearer states. */
  .ddak-ui-ads,.ddak-ads-screen{padding-top:12px}
  .ddak-ui-ads-status{margin-bottom:10px}.ddak-ui-ads-status button{min-height:40px}
  .ddak-ads-health-summary,.ddak-ui-filter-summary{padding:14px;border-radius:var(--radius-xl)}
  .ddak-ui-campaign-list{gap:8px}.ddak-ui-campaign-card{min-height:88px;padding:12px 11px;column-gap:10px;border-radius:var(--radius-lg)}
  .ddak-ui-campaign-thumb{width:42px;height:42px;border-radius:var(--radius-md)}
  .ddak-ui-campaign-body b{font-size:14px;line-height:1.32}.ddak-ui-campaign-body small{font-size:12px;line-height:1.45}
  .ddak-ui-state-pill{min-height:27px;padding-inline:8px;font-size:12px}
  .ddak-ui-action-list{gap:8px}.ddak-ui-action-list>button{min-height:66px;padding:10px 11px;border-radius:var(--radius-lg)}

  /* Performance: keep controls compact, metrics easy to scan. */
  .ddak-ui-performance,.ddak-performance-screen{padding-top:12px}
  .ddak-performance-mode-row{padding:14px;border-radius:var(--radius-xl)}
  .ddak-ui-performance-tabs,.ddak-ui-period-row{gap:3px;padding:3px}.ddak-ui-performance-tabs button,.ddak-ui-period-row button{min-height:39px;padding-inline:10px}
  .ddak-performance-safe-kpis,.ddak-ui-perf-kpis{overflow:hidden}.ddak-performance-safe-kpis>div,.ddak-ui-perf-kpis>div{min-height:74px;padding:12px 11px}
  .ddak-performance-safe-kpis small,.ddak-ui-perf-kpis small{line-height:1.3}.ddak-performance-safe-kpis b,.ddak-ui-perf-kpis b{line-height:1.18}
  .ddak-performance-interpretation,.ddak-performance-easy-trend,.naver-clone-performance-module{padding:14px}

  /* AI: conversation first, input never visually competes with recommendations. */
  .ddak-ai-chat-stream{padding:20px var(--page-padding) 184px}
  .ddak-ai-start-panel{padding:18px 0 36px}.ddak-ai-welcome{gap:5px}.ddak-ai-welcome-badge{margin-bottom:8px}
  .ddak-ai-welcome h1{font-size:27px;line-height:1.18;max-width:320px}.ddak-ai-welcome p{max-width:330px;line-height:1.62}
  .ddak-ai-welcome-visual{width:100px;margin-top:8px}.ddak-ai-welcome-ddaki{width:96px}
  .ddak-ai-starter-label{margin-top:12px}.ddak-ai-start-panel .ddak-ai-starter-grid{gap:7px}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button{min-height:66px;padding:10px 11px;border-radius:var(--radius-lg);box-shadow:0 4px 13px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ai-start-panel .ddak-ai-starter-grid b{line-height:1.35}.ddak-ai-start-panel .ddak-ai-starter-grid small{margin-top:2px;line-height:1.4}
  .ddak-ai-response{border-radius:var(--radius-xl);box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 4%,transparent)}
  .ddak-ai-answer-toolbar{padding-top:7px}.ddak-ai-answer-core{padding-left:13px;padding-right:13px}.ddak-ai-details>summary{min-height:43px}
  .ddak-ai-composer{padding:9px var(--page-padding) calc(10px + env(safe-area-inset-bottom,0px))}.ddak-ai-composer .ai-input{min-height:58px;border-radius:var(--radius-xl);box-shadow:0 7px 20px color-mix(in srgb,var(--brand-primary) 7%,transparent)}
  .ddak-ai-composer .ai-input-send{width:40px;height:40px;flex-basis:40px}.ddak-ai-composer-tools{margin-top:5px}

  /* More: grouped settings read like a native settings app. */
  .ddak-ui-more,.ddak-more-screen{padding-top:12px}
  .ddak-ui-feature-hero{padding:14px;border-radius:var(--radius-xl)}.ddak-ui-business-avatar{width:44px;height:44px}
  .ddak-ui-group{margin-top:18px}.ddak-ui-group h2{margin:0 2px 7px;font-size:13px}
  .ddak-ui-group>div{border-radius:var(--radius-xl);box-shadow:0 4px 14px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ui-group-row{min-height:64px;padding:9px 10px}.ddak-ui-mi{width:38px;height:38px}.ddak-ui-row-main b{line-height:1.3}.ddak-ui-row-main small{line-height:1.4}

  /* Floating operations stay close to navigation, never float over reading content. */
  .ddak-operation-fab,.ddak-service-deliverable-fab{width:40px;min-width:40px;max-width:40px;height:40px;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 9px);box-shadow:0 6px 16px color-mix(in srgb,var(--text-primary) 9%,transparent)}
  .ddak-operation-fab{right:9px}.ddak-service-deliverable-fab{right:57px}.ddak-operation-fab-mascot,.ddak-service-deliverable-fab-icon{width:28px;height:28px;min-width:28px;flex-basis:28px}.ddak-operation-fab .ddak-operation-fab-ddaki{width:28px;height:28px}

  .ddak-company-footer{margin-top:26px;padding-top:20px;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.ddak-company-footer-brand{margin-bottom:10px}.ddak-company-footer-info{gap:3px}.ddak-company-footer-links{margin-top:10px}
}

/* Very small phones — stop hero/metadata collision without changing the mobile frame. */
@media(max-width:359px){
  html{--page-padding:13px}.ddak-home-v12-hero{padding-right:98px}.ddak-home-v12-hero-character{right:-9px;width:106px}.ddak-home-v12-ddaki{width:104px}.ddak-home-v12-hero h1{font-size:21px;max-width:205px}
  .ddak-ui-campaign-card{grid-template-columns:43px minmax(0,1fr) auto;column-gap:8px}.ddak-ui-campaign-thumb{width:40px;height:40px}.ddak-ui-state-pill{padding-inline:6px}
  .ddak-ai-welcome h1{font-size:25px}.ddak-ai-welcome p{font-size:12px}.ddak-ai-start-panel .ddak-ai-starter-grid>button{padding:9px 10px}
}

/* Tablet — give 600–1023px a deliberate density instead of scaled phone UI. */
@media(min-width:600px) and (max-width:1023px){
  html{--page-padding:clamp(22px,4vw,34px)}
  .ddak-home-v12,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-more{max-width:900px;margin-inline:auto}
  .ddak-home-v12-hero{min-height:280px;padding:26px 210px 24px 24px}.ddak-home-v12-hero-character{right:18px;width:185px}.ddak-home-v12-ddaki{width:180px}.ddak-home-v12-hero h1{font-size:30px}
  .ddak-home-v12-section{padding:20px}.ddak-ui-campaign-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ddak-ui-action-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .ddak-performance-safe-kpis,.ddak-ui-perf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddak-ui-group>div{border-radius:var(--radius-xl)}
  .ddak-ai-chat-stream{padding-inline:clamp(28px,7vw,64px);padding-bottom:176px}.ddak-ai-start-panel{max-width:720px;margin-inline:auto}.ddak-ai-welcome h1{font-size:34px}.ddak-ai-composer{padding-inline:clamp(28px,7vw,64px)}
}

/* Desktop — sharper operating-workspace hierarchy and less decorative noise. */
@media(min-width:1024px){
  html{--ddak-sidebar:304px}
  .app-header,.ddak-header-surface{border-bottom-color:var(--border-subtle);box-shadow:0 1px 0 color-mix(in srgb,var(--text-primary) 2%,transparent)}
  .ddak-desktop-side-brand{height:108px}.ddak-desktop-brand-lockup .ddak-brand-mark{box-shadow:0 7px 18px color-mix(in srgb,var(--brand-primary) 15%,transparent)}
  .ddak-desktop-nav-menu{gap:6px}.ddak-ui-bottom-nav .app-nav-button,.app-nav-button{height:60px;min-height:60px;border:1px solid transparent}.ddak-ui-bottom-nav .app-nav-button.active,.app-nav-button.active{border-color:color-mix(in srgb,var(--brand-primary) 12%,transparent);box-shadow:0 5px 15px color-mix(in srgb,var(--brand-primary) 5%,transparent)}
  .ddak-desktop-nav-footer>button{border-color:var(--border-subtle);background:color-mix(in srgb,var(--surface-secondary) 78%,var(--surface-primary))}

  .home-screen.ddak-home-platform,.ddak-ui-ads,.ddak-ads-screen,.ddak-ui-performance,.ddak-performance-screen,.ddak-ui-more,.ddak-more-screen{padding-top:30px}
  .ddak-home-platform .ddak-home-v12-hero{min-height:330px;border-radius:var(--radius-xl);background:radial-gradient(circle at 88% 58%,color-mix(in srgb,var(--brand-soft) 72%,transparent),transparent 30%),linear-gradient(145deg,var(--surface-primary),color-mix(in srgb,var(--brand-softer) 56%,var(--surface-primary)));box-shadow:0 10px 30px color-mix(in srgb,var(--text-primary) 4%,transparent)}
  .ddak-home-platform .ddak-home-v12-hero-copy h1{font-size:34px;line-height:1.18;max-width:620px}.ddak-home-platform .ddak-home-desktop-subcopy{max-width:650px;line-height:1.62}.ddak-home-platform .ddak-home-v12-hero-character{right:40px}
  .ddak-home-platform-grid{gap:22px}.ddak-home-platform .ddak-home-v12-section{border-radius:var(--radius-xl);box-shadow:0 6px 18px color-mix(in srgb,var(--text-primary) 3%,transparent)}

  .ddak-ui-ads,.ddak-ads-screen{max-width:1320px}.ddak-ui-ads-status{width:max-content;min-width:240px}.ddak-ads-health-summary,.ddak-ui-filter-summary{border-radius:var(--radius-xl)}
  .ddak-ui-campaign-list{gap:13px}.ddak-ui-campaign-card{min-height:104px;padding:15px 16px;border-radius:var(--radius-xl);box-shadow:0 6px 18px color-mix(in srgb,var(--text-primary) 3%,transparent)}.ddak-ui-campaign-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-subtle));box-shadow:0 10px 24px color-mix(in srgb,var(--text-primary) 5%,transparent)}
  .ddak-ui-action-list{gap:12px}.ddak-ui-action-list>button{border-radius:var(--radius-xl)}

  .ddak-ui-performance,.ddak-performance-screen{max-width:1380px}.ddak-performance-mode-row,.ddak-performance-safe-kpis,.ddak-performance-interpretation,.ddak-performance-easy-trend,.naver-clone-performance-module{border-radius:var(--radius-xl)}
  .ddak-performance-safe-kpis>div,.ddak-ui-perf-kpis>div{min-height:92px}.ddak-performance-safe-kpis b,.ddak-ui-perf-kpis b{font-size:24px;line-height:1.12}

  .ddak-ui-more,.ddak-more-screen{max-width:1320px}.ddak-ui-feature-hero{padding:20px;border-radius:var(--radius-xl)}.ddak-ui-group{margin-top:22px}.ddak-ui-group>div{border-radius:var(--radius-xl)}.ddak-ui-group-row{min-height:70px;padding:11px 13px}.ddak-ui-mi{width:42px;height:42px}

  .ddak-ai-history-panel,.ddak-ai-context-panel{background:color-mix(in srgb,var(--surface-secondary) 90%,var(--surface-primary))}.ddak-ai-history-row{border-radius:var(--radius-md)}.ddak-ai-context-actions>button{border-radius:var(--radius-lg)}
  .ddak-ai-chat-stream{padding-top:30px;padding-bottom:42px}.ddak-ai-start-panel{padding-top:44px}.ddak-ai-welcome h1{font-size:39px;max-width:720px}.ddak-ai-welcome p{max-width:680px}.ddak-ai-start-panel .ddak-ai-starter-grid>button{border-radius:var(--radius-xl);box-shadow:0 6px 18px color-mix(in srgb,var(--text-primary) 3%,transparent)}
  .ddak-ai-composer .ai-input{border-color:color-mix(in srgb,var(--brand-primary) 22%,var(--border-default));box-shadow:0 8px 24px color-mix(in srgb,var(--brand-primary) 6%,transparent)}

  .ddak-company-footer{max-width:1500px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}
}

/* Wide desktops: increase workspace, not whitespace. */
@media(min-width:1800px){
  html{--ddak-sidebar:312px}.home-screen.ddak-home-platform{max-width:1740px}.ddak-home-platform .ddak-home-v12-hero{min-height:350px}.ddak-home-platform-grid{gap:26px}
  .ddak-ui-ads,.ddak-ads-screen{max-width:1580px}.ddak-ui-performance,.ddak-performance-screen{max-width:1540px}.ddak-ui-more,.ddak-more-screen{max-width:1460px}
  .ddak-ai-platform{grid-template-columns:292px minmax(0,1fr) 306px}.ddak-ai-chat-stream,.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:1040px}
}
@media(min-width:2300px){
  .home-screen.ddak-home-platform{max-width:1880px}.ddak-ui-ads,.ddak-ads-screen{max-width:1740px}.ddak-ui-performance,.ddak-performance-screen{max-width:1680px}.ddak-ui-more,.ddak-more-screen{max-width:1540px}.ddak-ai-chat-stream,.ddak-ai-composer .ai-input,.ddak-ai-composer-tools{max-width:1120px}
}

/* DdakLab UX 2.5.0 FINAL — centered DdakAI start, mobile precision, performance period contrast */
.ddak-ui-period-row button.active,
.ddak-ui-period-row button[aria-pressed="true"]{
  background:var(--brand-primary);
  border-color:var(--brand-primary);
  color:var(--brand-on-primary);
  box-shadow:0 5px 14px color-mix(in srgb,var(--brand-primary) 18%,transparent);
}
.ddak-ui-period-row button.active:is(:hover,:focus-visible),
.ddak-ui-period-row button[aria-pressed="true"]:is(:hover,:focus-visible){
  background:var(--brand-primary);
  color:var(--brand-on-primary);
}
.ddak-ai-start-panel{
  justify-items:center;
  text-align:center;
}
.ddak-ai-start-panel .ddak-ai-welcome-copy,
.ddak-ai-start-panel .ddak-ai-welcome-visual,
.ddak-ai-start-panel .ddak-ai-starter-label,
.ddak-ai-start-panel .ddak-ai-starter-grid{
  width:min(100%,720px);
  margin-inline:auto;
}
.ddak-ai-start-panel .ddak-ai-welcome-copy{display:grid;justify-items:center}
.ddak-ai-start-panel .ddak-ai-welcome-copy h1{max-width:620px;text-align:center;text-wrap:balance}
.ddak-ai-start-panel .ddak-ai-welcome-visual{display:grid;place-items:center}
.ddak-ai-start-panel .ddak-ai-starter-label{display:flex;justify-content:center;align-items:center;text-align:center}
.ddak-ai-start-panel .ddak-ai-starter-grid>button{text-align:center}
.ddak-ai-start-panel .ddak-ai-starter-grid>button>span:nth-child(2){justify-items:center;text-align:center}
.ddak-ai-start-panel .ddak-ai-starter-grid>button>span:first-child{margin-inline:auto}

@media(max-width:1023px){
  .ddak-ai-start-panel{align-content:start;gap:14px;padding-top:clamp(18px,5vw,32px);padding-inline:clamp(14px,4vw,24px)}
  .ddak-ai-start-panel .ddak-ai-welcome-visual{order:1}
  .ddak-ai-start-panel .ddak-ai-welcome-copy{order:2}
  .ddak-ai-start-panel .ddak-ai-starter-label{order:3;margin-top:2px}
  .ddak-ai-start-panel .ddak-ai-starter-grid{order:4}
  .ddak-ai-start-panel .ddak-ai-welcome-ddaki{width:clamp(116px,31vw,154px);max-height:154px;margin-inline:auto}
  .ddak-ai-start-panel .ddak-ai-welcome-copy h1{margin:0;font-size:clamp(22px,6.2vw,29px);line-height:1.22;letter-spacing:0}
  .ddak-ai-start-panel .ddak-ai-starter-label b{font-size:13px}
  .ddak-ai-start-panel .ddak-ai-starter-grid{grid-template-columns:1fr;gap:9px;max-width:560px}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button{min-height:62px;padding:10px 13px;grid-template-columns:34px minmax(0,1fr) 18px;gap:9px;border-radius:var(--radius-md);align-items:center}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button>span:first-child{width:34px;height:34px;border-radius:var(--radius-sm);display:grid;place-items:center}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button>span:nth-child(2){display:grid;align-content:center;justify-items:center}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button b{font-size:13px;line-height:1.38;text-align:center;overflow-wrap:anywhere}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button>.ddak-icon{justify-self:end}
  .ddak-ai-composer{padding-top:9px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  .ddak-ai-composer .ai-input{min-height:56px;border-radius:var(--radius-lg)}
  .ddak-ai-composer textarea{min-height:34px;padding-top:9px;padding-bottom:9px}
  .ddak-ai-chat-stream{padding-bottom:24px}
  .ddak-ui-period-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px;background:var(--surface-secondary);border-radius:var(--radius-lg)}
  .ddak-ui-period-row::-webkit-scrollbar{display:none}
  .ddak-ui-period-row button{flex:1 0 auto;min-width:58px;min-height:40px;padding-inline:12px;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);background:transparent}
  .ddak-ui-period-row>span{flex:0 0 100%;padding:4px 5px 0;text-align:center}
}
@media(max-width:480px){
  .ddak-ai-start-panel{gap:12px;padding-top:16px;padding-inline:12px}
  .ddak-ai-start-panel .ddak-ai-welcome-ddaki{width:clamp(108px,30vw,132px);max-height:132px}
  .ddak-ai-start-panel .ddak-ai-welcome-copy h1{max-width:330px;font-size:clamp(21px,6.1vw,25px)}
  .ddak-ai-start-panel .ddak-ai-starter-grid{gap:8px}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button{min-height:58px;padding:9px 11px;grid-template-columns:32px minmax(0,1fr) 16px}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button>span:first-child{width:32px;height:32px}
  .ddak-ai-composer{padding-inline:10px}
  .ddak-ai-composer .ai-input{min-height:54px}
  .ddak-ui-period-row{gap:4px;padding:3px}
  .ddak-ui-period-row button{min-width:54px;min-height:38px;padding-inline:9px;font-size:12px}
}
@media(min-width:1024px){
  .ddak-ai-start-panel{align-content:center;gap:18px;padding-top:34px;padding-bottom:34px}
  .ddak-ai-start-panel .ddak-ai-welcome-visual{order:1}
  .ddak-ai-start-panel .ddak-ai-welcome-copy{order:2}
  .ddak-ai-start-panel .ddak-ai-starter-label{order:3}
  .ddak-ai-start-panel .ddak-ai-starter-grid{order:4;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .ddak-ai-start-panel .ddak-ai-welcome-ddaki{margin-inline:auto}
  .ddak-ai-start-panel .ddak-ai-starter-grid>button{min-height:86px;align-content:center;justify-items:center;text-align:center}
}

/* DdakLab UX 2.5.1 FINAL — one-column centered AI start across tablet/desktop */
.ddak-ai-chat-stream>.ddak-ai-start-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-auto-flow:row;
  grid-auto-rows:max-content;
  justify-items:center;
  align-content:center;
  width:min(100%,900px);
  max-width:900px;
  margin-inline:auto;
}
.ddak-ai-chat-stream>.ddak-ai-start-panel>.ddak-ai-welcome-visual,
.ddak-ai-chat-stream>.ddak-ai-start-panel>.ddak-ai-welcome-copy,
.ddak-ai-chat-stream>.ddak-ai-start-panel>.ddak-ai-starter-label,
.ddak-ai-chat-stream>.ddak-ai-start-panel>.ddak-ai-starter-grid{
  grid-column:1;
  justify-self:center;
}
@media(min-width:1024px){
  .ddak-ai-chat-stream>.ddak-ai-start-panel{gap:18px;padding:30px 24px 36px}
  .ddak-ai-chat-stream>.ddak-ai-start-panel .ddak-ai-welcome-visual{width:100%;display:grid;place-items:center}
  .ddak-ai-chat-stream>.ddak-ai-start-panel .ddak-ai-welcome-copy{width:min(100%,680px)}
  .ddak-ai-chat-stream>.ddak-ai-start-panel .ddak-ai-welcome-copy h1{margin:0 auto;max-width:680px;font-size:clamp(30px,3vw,38px);line-height:1.16;text-align:center}
  .ddak-ai-chat-stream>.ddak-ai-start-panel .ddak-ai-starter-grid{width:min(100%,760px);grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:600px) and (max-width:1023px){
  .ddak-ai-chat-stream>.ddak-ai-start-panel{grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;padding-top:34px}
  .ddak-ai-chat-stream>.ddak-ai-start-panel .ddak-ai-welcome-visual,
  .ddak-ai-chat-stream>.ddak-ai-start-panel .ddak-ai-welcome-copy,
  .ddak-ai-chat-stream>.ddak-ai-start-panel .ddak-ai-starter-label,
  .ddak-ai-chat-stream>.ddak-ai-start-panel .ddak-ai-starter-grid{grid-column:1;width:min(100%,600px);justify-self:center}
  .ddak-ai-chat-stream>.ddak-ai-start-panel .ddak-ai-welcome-copy h1{max-width:560px;font-size:30px;text-align:center}
  .ddak-ai-chat-stream>.ddak-ai-start-panel .ddak-ai-starter-grid{grid-template-columns:1fr;max-width:540px}
}
@media(max-width:599px){
  .ddak-operation-fab,.ddak-service-deliverable-fab{width:36px;min-width:36px;max-width:36px;height:36px;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 8px);opacity:.88}
  .ddak-operation-fab{right:8px}.ddak-service-deliverable-fab{right:50px}
  .ddak-operation-fab-mascot,.ddak-service-deliverable-fab-icon{width:26px;height:26px;min-width:26px;flex-basis:26px}
  .ddak-operation-fab .ddak-operation-fab-ddaki{width:26px;height:26px}
  .home-screen,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-more{padding-bottom:calc(126px + env(safe-area-inset-bottom,0px))}
}
/* DdakLab UX 3.2.0 — chat stability, incoming chat popup, FAB tooltip cleanup, dark contrast */
.ddak-support-incoming-stack{position:fixed;z-index:1500;top:18px;left:calc(var(--ddak-sidebar,0px) + 18px);width:min(420px,calc(100vw - 36px));display:grid;gap:9px;pointer-events:none}
.ddak-support-incoming-popup{pointer-events:auto;width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:11px;align-items:center;padding:12px 13px;border:1px solid color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));border-radius:var(--radius-lg);background:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-floating);text-align:left;animation:ddakSupportPop .18s ease both;transition:opacity .18s ease,transform .18s ease}
.ddak-support-incoming-popup.is-leaving{opacity:0;transform:translateY(-7px)}
.ddak-support-incoming-popup>span{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand-primary)}
.ddak-support-incoming-popup>span .ddak-icon{width:21px;height:21px}.ddak-support-incoming-popup>div{min-width:0;display:grid;gap:2px}.ddak-support-incoming-popup small{font-size:12px;font-weight:780;color:var(--brand-strong)}.ddak-support-incoming-popup b{font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddak-support-incoming-popup p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}.ddak-support-incoming-popup>i{display:grid;place-items:center;color:var(--text-tertiary)}
@keyframes ddakSupportPop{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}

/* Desktop FABs remain large, but never expand into duplicate hover labels/tooltips. */
@media(min-width:1024px){
  .ddak-agent-fab,.ddak-operation-fab,.ddak-operation-fab.is-ai,.ddak-service-deliverable-fab{width:76px;min-width:76px;max-width:76px;height:76px;padding:0;gap:0;justify-content:center;border-radius:var(--radius-full)}
  .ddak-agent-fab:hover,.ddak-agent-fab:focus-visible,.ddak-operation-fab:hover,.ddak-operation-fab:focus-visible,.ddak-service-deliverable-fab:hover,.ddak-service-deliverable-fab:focus-visible{width:76px;min-width:76px;max-width:76px;padding:0;gap:0;transform:translateY(-2px);background:var(--surface-elevated);border-color:color-mix(in srgb,var(--brand-primary) 36%,var(--border-default));box-shadow:var(--shadow-floating)}
  .ddak-agent-fab-label,.ddak-operation-fab-label,.ddak-service-deliverable-fab-label,.ddak-agent-fab:hover .ddak-agent-fab-label,.ddak-operation-fab:hover .ddak-operation-fab-label,.ddak-service-deliverable-fab:hover .ddak-service-deliverable-fab-label,.ddak-agent-fab:focus-visible .ddak-agent-fab-label,.ddak-operation-fab:focus-visible .ddak-operation-fab-label,.ddak-service-deliverable-fab:focus-visible .ddak-service-deliverable-fab-label{display:none;opacity:0;visibility:hidden}
  .ddak-agent-fab::after,.ddak-operation-fab::after,.ddak-service-deliverable-fab::after,.ddak-agent-fab:hover::after,.ddak-operation-fab:hover::after,.ddak-service-deliverable-fab:hover::after,.ddak-agent-fab:focus-visible::after,.ddak-operation-fab:focus-visible::after,.ddak-service-deliverable-fab:focus-visible::after{content:none;display:none;opacity:0}
  .ddak-agent-fab-icon,.ddak-operation-fab-mascot,.ddak-service-deliverable-fab-icon{width:54px;height:54px;min-width:54px;flex-basis:54px}.ddak-operation-fab .ddak-operation-fab-ddaki{width:54px;height:54px}.ddak-agent-fab-icon .ddak-icon,.ddak-service-deliverable-fab-icon .ddak-icon{width:25px;height:25px}
  .ddak-operation-fab,.ddak-operation-fab.is-ai{right:26px;bottom:28px}.ddak-agent-fab{right:26px;bottom:116px}.ddak-service-deliverable-fab{right:26px;bottom:204px}
}
@media(max-width:1023px){.ddak-support-incoming-stack{top:calc(var(--header-height,58px) + 9px);left:12px;width:calc(100vw - 24px)}.ddak-support-incoming-popup{grid-template-columns:38px minmax(0,1fr) 16px;padding:10px 11px}.ddak-support-incoming-popup>span{width:38px;height:38px}}

/* Final dark-mode contrast pass — surfaces, text, controls, overlays, chat and charts. */
html[data-theme="dark"] :is(.app-header,.app-bottom-nav,.ddak-ui-bottom-nav,.modal,.ddak-menu-sheet,.ddak-menu-surface,.ddak-submenu-surface,.ddak-ui-card,.ddak-home-v12-section,.ddak-ui-campaign-card,.ddak-ui-feature-hero,.ddak-ui-group>div,.ddak-performance-mode-row,.ddak-ai-response,.ddak-agent-chat,.ddak-agent-chat-head,.ddak-agent-chat-composer,.chat-composer,.settings-pop,.period-sheet,.ddak-notification-center){background-color:var(--surface-primary);border-color:var(--border-default);color:var(--text-primary)}
html[data-theme="dark"] :is(input,textarea,select,.ai-input,.metric-select,.ddak-product-filter){background:var(--surface-secondary);color:var(--text-primary);border-color:var(--border-strong);caret-color:var(--brand-primary)}
html[data-theme="dark"] :is(input,textarea)::placeholder{color:var(--text-tertiary);opacity:1}
html[data-theme="dark"] :is(p,small,.muted,.helper,.ddak-ui-row-main small,.ddak-ui-campaign-body small,.ddak-agent-message-meta,.ddak-agent-chat-head-copy small){color:var(--text-secondary)}
html[data-theme="dark"] :is(h1,h2,h3,h4,b,strong,label,.ddak-ui-row-main,.ddak-ui-campaign-body){color:var(--text-primary)}
html[data-theme="dark"] :is(.btn,.icon-btn,button){border-color:color-mix(in srgb,var(--border-default) 88%,transparent)}
html[data-theme="dark"] .btn:not(.primary){background:var(--surface-secondary);color:var(--text-primary)}
html[data-theme="dark"] .btn.primary{background:var(--brand-primary);color:var(--text-inverse);border-color:var(--brand-primary)}
html[data-theme="dark"] .chat-bubble.staff{background:var(--surface-tertiary);color:var(--text-primary);border-color:var(--border-default)}
html[data-theme="dark"] .chat-bubble.mine{background:var(--brand-primary);color:var(--text-inverse)}
html[data-theme="dark"] .ddak-agent-message-name{color:var(--text-primary)}
html[data-theme="dark"] .ddak-agent-presence{color:var(--text-secondary)}
html[data-theme="dark"] .ddak-agent-presence.online{color:var(--semantic-success-text)}
html[data-theme="dark"] .ddak-support-incoming-popup{background:var(--surface-elevated);border-color:var(--border-strong);box-shadow:0 18px 48px rgba(0,0,0,.42)}
html[data-theme="dark"] :is(.ddak-ui-state-pill,.badge,.status-pill){filter:saturate(1.05) brightness(1.14)}
html[data-theme="dark"] :is(.ddak-chart-axis,.ddak-chart-label,.naver-chart-label){color:var(--text-secondary);fill:var(--text-secondary)}
html[data-theme="dark"] .modal-backdrop{background:rgba(0,0,0,.72)}

/* DdakLab UX 3.4.0 — DdakAI detail horizontal-flow hardening + pre-approval workspace */
.ddak-ai-details,.ddak-ai-details>summary,.ddak-ai-detail-body,.ddak-ai-full-answer,.ddak-ai-trust-panel,.ddak-ai-result-block,.ddak-ai-result-block>div,.ddak-ai-result-block>div>strong,.ddak-ai-result-block>div>p,.ddak-ai-result-block>div>small,.ddak-ai-grounding-strip,.ddak-ai-sources{min-width:0;max-width:100%;box-sizing:border-box;writing-mode:horizontal-tb;text-orientation:mixed}
.ddak-ai-details{width:100%;margin:0;overflow:visible}
.ddak-ai-details>summary{width:100%;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ddak-ai-detail-body{width:100%;padding:4px 18px 18px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;overflow:visible}
.ddak-ai-detail-body .ddak-ai-grounding-strip{width:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);align-items:start;gap:3px;padding:11px 14px;overflow:visible}
.ddak-ai-detail-body .ddak-ai-grounding-strip>b,.ddak-ai-detail-body .ddak-ai-grounding-strip>span,.ddak-ai-detail-body .ddak-ai-grounding-strip>small{grid-column:1/-1;width:100%;min-width:0;max-width:100%;writing-mode:horizontal-tb;text-orientation:mixed;white-space:normal;word-break:keep-all;overflow-wrap:break-word}
.ddak-ai-result-block{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:2px 4px 0;margin:0}
.ddak-ai-result-block>b{display:block;width:100%;padding:0 14px;margin:0 0 1px;font-size:13px;line-height:1.45;text-align:left;word-break:keep-all;white-space:normal}
.ddak-ai-result-block>div{display:block;width:100%;padding:12px 14px;margin:0;border-radius:var(--radius-md);overflow:visible}
.ddak-ai-result-block>div>strong,.ddak-ai-result-block>div>p,.ddak-ai-result-block>div>small,.ddak-ai-full-answer>p,.ddak-ai-grounding-strip>*{display:block;width:auto;max-width:100%;line-height:1.62;white-space:normal;word-break:keep-all;overflow-wrap:break-word;hyphens:none;text-align:left}
.ddak-ai-result-block>div>strong{padding:0 2px;font-size:13px}
.ddak-ai-result-block>div>p{margin:5px 0 0;padding:0 2px;font-size:13px}
.ddak-ai-result-block>div>small{margin-top:5px;padding:0 2px;font-size:12px}
.ddak-ai-trust-panel{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
.ddak-ai-trust-panel>div{min-width:0}
@media(max-width:599px){.ddak-ai-details{width:100%;margin-left:0;margin-right:0}.ddak-ai-details>summary{padding:12px 14px}.ddak-ai-detail-body{padding:3px 14px 16px;gap:12px}.ddak-ai-result-block{padding-inline:3px}.ddak-ai-result-block>b{padding-inline:12px}.ddak-ai-result-block>div{padding:11px 12px}.ddak-ai-trust-panel{grid-template-columns:minmax(0,1fr)}.ddak-ai-detail-body .ddak-ai-grounding-strip{padding:10px 12px}}

.ddak-home-prep{margin:0 0 16px;padding:18px;border:1px solid color-mix(in srgb,var(--brand-primary) 24%,var(--border-default));border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft) 72%,var(--surface-primary)),var(--surface-primary));box-shadow:var(--shadow-card);display:grid;gap:14px}
.ddak-home-prep-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ddak-home-prep-head>div{min-width:0;display:grid;gap:5px}.ddak-home-prep-head span{font-size:12px;font-weight:780;color:var(--brand-strong)}.ddak-home-prep-head h2{margin:0;font-size:22px;line-height:1.25}.ddak-home-prep-head p{margin:0;max-width:720px;color:var(--text-secondary);font-size:13px;line-height:1.55}.ddak-home-prep-head em{font-style:normal;white-space:nowrap;padding:7px 10px;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-strong);font-size:12px;font-weight:780}
.ddak-home-prep-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ddak-home-prep-steps li{position:relative;min-width:0;display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-tertiary)}.ddak-home-prep-steps li>span{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:var(--radius-full);border:1px solid var(--border-strong)}.ddak-home-prep-steps li>span i{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.ddak-home-prep-steps li b{min-width:0;font-size:12px;white-space:normal;word-break:keep-all}.ddak-home-prep-steps li.done{color:var(--semantic-success-text);border-color:color-mix(in srgb,var(--semantic-success) 32%,var(--border-default));background:color-mix(in srgb,var(--semantic-success-soft) 78%,var(--surface-primary))}.ddak-home-prep-steps li.active{color:var(--brand-strong);border-color:color-mix(in srgb,var(--brand-primary) 38%,var(--border-default));background:var(--brand-soft)}
.ddak-home-prep-actions{display:flex;flex-wrap:wrap;gap:8px}.ddak-home-prep>small{color:var(--text-tertiary);font-size:12px;line-height:1.5}
.ddak-home-prep-products>p{margin:0 0 12px;color:var(--text-secondary);font-size:13px}.ddak-home-prep-product-row{display:grid;gap:8px}.ddak-home-prep-product-row>button{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);text-align:left}.ddak-home-prep-product-row>button>span:nth-child(2){min-width:0;display:grid;gap:2px}.ddak-home-prep-product-row b,.ddak-home-prep-product-row small{white-space:normal;word-break:keep-all;overflow-wrap:break-word}.ddak-home-prep-product-row small{color:var(--text-secondary)}
.ddak-preapproval-screen{width:min(100%,1160px);margin-inline:auto;display:grid;gap:16px}.ddak-preapproval-hero,.ddak-preapproval-products,.ddak-preapproval-guide,.ddak-preapproval-locked{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--surface-primary);box-shadow:var(--shadow-card)}.ddak-preapproval-hero{padding:clamp(20px,4vw,34px);display:grid;gap:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft) 78%,var(--surface-primary)),var(--surface-primary))}.ddak-preapproval-pill{width:max-content;max-width:100%;padding:6px 10px;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-strong);font-size:12px;font-weight:780;white-space:normal;word-break:keep-all}.ddak-preapproval-hero h1,.ddak-preapproval-locked h1{margin:0;max-width:780px;font-size:clamp(24px,3vw,36px);line-height:1.2;word-break:keep-all}.ddak-preapproval-hero p,.ddak-preapproval-locked p{margin:0;max-width:760px;color:var(--text-secondary);line-height:1.65;word-break:keep-all}.ddak-preapproval-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.ddak-preapproval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ddak-preapproval-grid>article{min-width:0;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);display:grid;gap:5px}.ddak-preapproval-grid small{color:var(--text-secondary)}.ddak-preapproval-grid b{font-size:17px;word-break:keep-all}.ddak-preapproval-grid button{width:max-content;max-width:100%;margin-top:5px;color:var(--brand-strong);font-weight:780;background:none;border:0;padding:0}.ddak-preapproval-grid span{font-size:12px;color:var(--text-tertiary)}
.ddak-preapproval-products,.ddak-preapproval-guide{padding:18px}.ddak-preapproval-section-head span{font-size:12px;font-weight:780;color:var(--brand-strong)}.ddak-preapproval-section-head h2,.ddak-preapproval-guide h2{margin:3px 0 14px;font-size:19px}.ddak-preapproval-product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ddak-preapproval-product{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);text-align:left}.ddak-preapproval-product>span:nth-child(2){min-width:0;display:grid;gap:2px}.ddak-preapproval-product b,.ddak-preapproval-product small{white-space:normal;word-break:keep-all;overflow-wrap:break-word}.ddak-preapproval-product small{color:var(--text-secondary)}.ddak-preapproval-guide>div{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.ddak-preapproval-guide>div span{padding:7px 9px;border-radius:var(--radius-full);background:var(--surface-secondary);font-size:12px;font-weight:700}.ddak-preapproval-guide>small{color:var(--text-secondary);line-height:1.55}.ddak-preapproval-locked{min-height:420px;padding:32px;display:grid;place-content:center;justify-items:start;gap:12px}.ddak-preapproval-locked>.ddak-icon{width:42px;height:42px;color:var(--brand-primary)}.ddak-preapproval-empty{grid-column:1/-1;padding:18px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);line-height:1.55}
@media(max-width:760px){.ddak-home-prep{padding:15px;border-radius:var(--radius-lg)}.ddak-home-prep-head{display:grid;gap:10px}.ddak-home-prep-head em{justify-self:start}.ddak-home-prep-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ddak-preapproval-grid{grid-template-columns:1fr}.ddak-preapproval-product-list{grid-template-columns:1fr}.ddak-preapproval-hero{padding:20px 16px}.ddak-preapproval-products,.ddak-preapproval-guide{padding:16px}.ddak-preapproval-locked{min-height:340px;padding:24px 16px}}
@media(max-width:390px){.ddak-home-prep-steps{grid-template-columns:1fr 1fr}.ddak-home-prep-actions>.btn,.ddak-preapproval-actions>.btn{flex:1 1 auto}.ddak-preapproval-product{padding:10px}}

.ddak-budget-preapproval .modal-head p{max-width:620px}
.ddak-budget-preapproval-form{display:grid;gap:14px;padding:2px 0 4px}
.ddak-preapproval-budget-input{height:54px;padding:0 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);display:flex;align-items:center;gap:8px}
.ddak-preapproval-budget-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:20px;font-weight:780;color:var(--text-primary);text-align:right}
.ddak-preapproval-budget-input span{font-size:13px;font-weight:750;color:var(--text-secondary)}
.ddak-preapproval-budget-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.ddak-preapproval-budget-chips button{min-height:38px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--text-secondary);font-size:12px;font-weight:750}
@media(max-width:519px){.ddak-preapproval-budget-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.ddak-preapproval-budget-input input{font-size:18px}}

.operation-attachment-review{margin-top:12px;padding:14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);display:grid;gap:10px}
.operation-attachment-review>div{display:flex;align-items:flex-start;gap:10px}.operation-attachment-review>div>span{width:32px;height:32px;flex:0 0 32px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center}.operation-attachment-review>div>span svg{width:16px;height:16px}.operation-attachment-review>div>div{min-width:0;display:grid;gap:3px}.operation-attachment-review b{font-size:13px}.operation-attachment-review small{font-size:12px;line-height:1.5;color:var(--text-secondary);word-break:keep-all}
.operation-attachment-picker{position:relative;min-height:42px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-primary);display:grid;place-items:center;cursor:pointer;overflow:hidden}.operation-attachment-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.operation-attachment-picker>span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:780;color:var(--brand-strong)}.operation-attachment-picker svg{width:14px;height:14px}.operation-attachment-note{padding:0 2px}

/* DdakLab UX 3.5.0 — account security, dark gradients, mobile FAB/support popup */
.ddak-login-recovery-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ddak-login-recovery-links .btn{width:100%}
.ddak-security-phone-row,.ddak-security-phone-code{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.ddak-security-phone-block{display:grid;gap:8px}.ddak-security-phone-block>a.btn{width:100%;justify-content:center}.ddak-recovery-result{display:grid;gap:8px;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-secondary)}.ddak-recovery-result span{font-size:15px;font-weight:780;letter-spacing:.01em}.ddak-security-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.ddak-security-actions>.btn{flex:1 1 180px}.ddak-personal-info{width:min(calc(100% - 20px),660px);max-height:min(88dvh,900px);overflow:auto}.ddak-security-form{padding:14px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-secondary)}.ddak-security-history-panel{margin-top:18px}.ddak-security-history{display:grid;gap:7px}.ddak-security-history article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-primary)}.ddak-security-history article>span{min-width:0;display:grid;gap:2px}.ddak-security-history small{color:var(--text-secondary);overflow-wrap:anywhere}.ddak-security-history em{font-style:normal;padding:4px 7px;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-strong);font-size:12px;font-weight:750}.ddak-security-history time{color:var(--text-tertiary);font-size:12px;white-space:nowrap}.ddak-security-history-empty{padding:18px;text-align:center;color:var(--text-secondary);background:var(--surface-secondary);border-radius:var(--radius-md)}.ddak-security-dialog{width:min(calc(100% - 20px),560px)}.ddak-break-all{overflow-wrap:anywhere;word-break:normal}
html[data-theme="dark"]{--ux3500-gradient-a:color-mix(in srgb,var(--brand-primary) 24%,var(--surface-elevated));--ux3500-gradient-b:color-mix(in srgb,var(--brand-primary) 9%,var(--surface-primary));--ux3500-gradient-c:color-mix(in srgb,var(--semantic-info) 11%,var(--surface-primary))}
html[data-theme="dark"] :is(.ddak-ui-feature-hero,.ddak-home-v12-hero,.ddak-home-prep,.ddak-preapproval-hero,.ddak-ai-welcome,.ddak-ai-start-panel,.ddak-service-hero,.ddak-budget-overview,.ddak-security-summary){background:linear-gradient(135deg,var(--ux3500-gradient-a) 0%,var(--ux3500-gradient-b) 55%,var(--ux3500-gradient-c) 100%);border-color:color-mix(in srgb,var(--brand-primary) 32%,var(--border-default));box-shadow:0 18px 48px color-mix(in srgb,var(--text-primary) 28%,transparent),inset 0 1px 0 color-mix(in srgb,var(--text-inverse) 4%,transparent)}
html[data-theme="dark"] :is(.ddak-ui-group,.ddak-ui-card,.ddak-ai-result-card,.ddak-performance-card,.ddak-security-form,.ddak-security-history article){background:linear-gradient(160deg,color-mix(in srgb,var(--surface-primary) 92%,var(--brand-primary) 8%),var(--surface-primary));border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-default))}
html[data-theme="dark"] .ddak-agent-fab-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 48%,var(--surface-elevated)),color-mix(in srgb,var(--brand-primary) 24%,var(--surface-elevated)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 32%,transparent)}
@media(max-width:1023px){
  .ddak-agent-fab,.ddak-agent-fab.is-ai,.ddak-operation-fab,.ddak-operation-fab.is-ai,.ddak-service-deliverable-fab,.ddak-service-deliverable-fab.is-ai{display:flex;width:60px;min-width:60px;max-width:60px;height:60px;padding:0;justify-content:center;overflow:visible;border-radius:var(--radius-full);z-index:62}
  .ddak-operation-fab,.ddak-operation-fab.is-ai{right:14px;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 14px)}.ddak-agent-fab,.ddak-agent-fab.is-ai{right:14px;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 82px)}.ddak-service-deliverable-fab,.ddak-service-deliverable-fab.is-ai{right:14px;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 150px)}
  .ddak-agent-fab-icon,.ddak-operation-fab-mascot,.ddak-service-deliverable-fab-icon{width:42px;height:42px;min-width:42px;flex-basis:42px}.ddak-operation-fab .ddak-operation-fab-ddaki{width:42px;height:42px}.ddak-agent-fab-label,.ddak-operation-fab-label,.ddak-service-deliverable-fab-label{display:none}
  .ddak-support-incoming-stack{top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;right:auto;transform:translateX(-50%);width:min(420px,calc(100vw - 24px));z-index:1700}.ddak-support-incoming-popup{min-height:72px;padding:12px;border-radius:var(--radius-lg);box-shadow:0 18px 42px color-mix(in srgb,var(--text-primary) 22%,transparent)}.ddak-support-incoming-popup b{font-size:14px}.ddak-support-incoming-popup p{font-size:12.5px;-webkit-line-clamp:2}
}
@media(max-width:420px){.ddak-agent-fab,.ddak-agent-fab.is-ai,.ddak-operation-fab,.ddak-operation-fab.is-ai,.ddak-service-deliverable-fab,.ddak-service-deliverable-fab.is-ai{width:58px;min-width:58px;max-width:58px;height:58px}.ddak-security-history article{grid-template-columns:minmax(0,1fr) auto}.ddak-security-history time{grid-column:1/-1}.ddak-login-recovery-links{grid-template-columns:1fr}.ddak-security-phone-row,.ddak-security-phone-code{grid-template-columns:1fr}.ddak-security-phone-row .btn,.ddak-security-phone-code .btn{width:100%}}

/* v3501 — advertiser managed-account status + privacy center */
.ddak-managed-account-row{cursor:default}.ddak-managed-account-row:hover{transform:none}.ddak-privacy-center{max-width:980px}.ddak-privacy-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:22px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--surface-secondary)}.ddak-privacy-avatar{width:54px;height:54px;border-radius:var(--radius-lg);display:grid;place-items:center;font-size:22px;font-weight:700;background:var(--brand-soft);color:var(--brand-primary)}.ddak-privacy-hero h2,.ddak-privacy-hero p{margin:2px 0}.ddak-privacy-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.ddak-privacy-overview>div{display:grid;gap:5px;padding:15px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}.ddak-privacy-overview span,.ddak-privacy-overview small{font-size:12px;color:var(--text-secondary)}.ddak-privacy-overview b{overflow-wrap:anywhere}.ddak-privacy-section{margin-top:14px;padding:18px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary)}.ddak-privacy-section .ddak-ui-section-head{align-items:flex-start}.ddak-privacy-section .ddak-ui-section-head h4,.ddak-privacy-section .ddak-ui-section-head p{margin:0}.ddak-privacy-section .ddak-ui-section-head p{margin-top:4px;color:var(--text-secondary);font-size:13px}.ddak-privacy-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ddak-privacy-span{grid-column:1/-1}.ddak-privacy-action-list{display:grid;gap:2px}.ddak-privacy-action-list>button,.ddak-privacy-action-list>a,.ddak-privacy-action-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:14px 4px;border:0;background:transparent;color:inherit;text-align:left;text-decoration:none}.ddak-privacy-action-list>button,.ddak-privacy-action-list>a{cursor:pointer}.ddak-privacy-action-list>span{display:grid}.ddak-privacy-action-list b,.ddak-privacy-action-list small{display:block}.ddak-privacy-action-list small{margin-top:3px;color:var(--text-secondary)}.ddak-privacy-danger{border-color:color-mix(in srgb,var(--semantic-danger) 25%,var(--border-default))}@media(max-width:720px){.ddak-privacy-hero{grid-template-columns:auto 1fr}.ddak-privacy-hero>.ddak-ui-state-pill{grid-column:1/-1;justify-self:start}.ddak-privacy-overview{grid-template-columns:1fr}.ddak-privacy-form-grid{grid-template-columns:1fr}.ddak-privacy-span{grid-column:auto}}


/* DdakLab UX 3.5.1 — unified realtime operation / approval / support popups */
.ddak-brand-home-button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;width:100%;cursor:pointer;text-align:inherit}
.ddak-brand-home-button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 35%,transparent);outline-offset:-3px;border-radius:var(--radius-md)}
.ddak-live-popup-dock{position:fixed;z-index:9996;top:18px;right:20px;width:min(390px,calc(100vw - 32px));display:grid;gap:10px;pointer-events:none}
.ddak-live-popup{pointer-events:auto;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface-primary) 98%,transparent);box-shadow:0 18px 48px color-mix(in srgb,var(--text-primary) 16%,transparent)}
.ddak-live-popup>header{min-height:52px;padding:9px 10px 9px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border-subtle)}
.ddak-live-popup-title{min-width:0;display:flex;align-items:center;gap:8px;color:var(--text-primary)}
.ddak-live-popup-title>svg{width:19px;height:19px;color:var(--brand-primary)}
.ddak-live-popup-title b{font-size:14px;line-height:1.25}.ddak-live-popup-title em{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--brand-primary);color:var(--brand-on-primary);font-size:12px;font-style:normal}
.ddak-live-popup-title-button{border:0;background:transparent;padding:0;cursor:pointer;text-align:left}
.ddak-live-popup-controls{display:flex;align-items:center;gap:4px;flex:0 0 auto}.ddak-live-popup-controls button{width:32px;height:32px;border:0;border-radius:var(--radius-sm);background:var(--surface-secondary);color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer}.ddak-live-popup-controls button:hover{background:var(--brand-soft);color:var(--brand-primary)}
.ddak-live-popup.is-minimized>header{border-bottom:0}.ddak-live-popup.is-minimized .ddak-live-popup-body,.ddak-live-popup.is-minimized .ddak-live-chat-list,.ddak-live-popup.is-minimized .ddak-live-popup-open{display:none}
.ddak-live-popup-body{max-height:360px;overflow:auto;padding:6px}.ddak-live-activity-item{width:100%;border:0;border-radius:var(--radius-md);background:transparent;padding:10px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:9px;align-items:start;text-align:left;color:var(--text-primary);cursor:pointer}.ddak-live-activity-item:hover{background:var(--surface-secondary)}
.ddak-live-activity-item>span{width:34px;height:34px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-primary)}.ddak-live-activity-item>span svg{width:18px;height:18px}.ddak-live-activity-item>svg{width:16px;height:16px;margin-top:8px;color:var(--text-tertiary)}
.ddak-live-activity-item>div{min-width:0;display:grid;gap:4px}.ddak-live-activity-item b{font-size:13px}.ddak-live-activity-item p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.ddak-live-activity-item small{color:var(--text-tertiary);font-size:12px}
.ddak-live-progress{height:5px;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-tertiary)}.ddak-live-progress i{display:block;height:100%;border-radius:var(--radius-full);background:var(--brand-primary);transition:width .25s ease}
.ddak-live-activity-item.approval>span{background:var(--semantic-success-soft);color:var(--semantic-success-text)}
.ddak-live-chat-list{width:100%;max-height:300px;overflow:auto;border:0;background:transparent;padding:8px 8px 4px;display:grid;gap:3px;text-align:left;cursor:pointer}.ddak-live-chat-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:8px;border-radius:var(--radius-md)}.ddak-live-chat-message:hover{background:var(--surface-secondary)}.ddak-live-chat-message>i{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center}.ddak-live-chat-message>i svg{width:15px;height:15px}.ddak-live-chat-message>span{min-width:0;display:grid;gap:2px}.ddak-live-chat-message b{font-size:12px}.ddak-live-chat-message p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.42;white-space:normal;overflow-wrap:anywhere}.ddak-live-chat-message small{font-size:12px;color:var(--text-tertiary)}
.ddak-live-popup-open{width:100%;height:42px;border:0;border-top:1px solid var(--border-subtle);background:var(--surface-secondary);color:var(--brand-primary);font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.ddak-live-popup-open svg{width:15px;height:15px}
@media(max-width:899px){.ddak-live-popup-dock{top:auto;right:12px;bottom:calc(var(--bottom-nav-height,74px) + env(safe-area-inset-bottom,0px) + 12px);width:min(390px,calc(100vw - 24px))}.ddak-live-popup{border-radius:var(--radius-lg)}.ddak-live-popup-body{max-height:260px}.ddak-live-chat-list{max-height:230px}}
@media(min-width:900px){.ddak-live-popup-dock{top:18px;right:22px}.ddak-live-popup{animation:ddakLivePopupIn .2s ease-out both}@keyframes ddakLivePopupIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}}


/* UX3630 advertiser form/modal stability ---------------------------------- */
.ddak-consent-all{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;min-height:62px;padding:11px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);cursor:pointer}
.ddak-consent-all>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ddak-consent-all-check{width:22px;height:22px;border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-primary);color:transparent;display:grid;place-items:center;transition:border-color var(--motion-fast),background var(--motion-fast),color var(--motion-fast)}
.ddak-consent-all-check .ddak-icon{width:14px;height:14px}.ddak-consent-all>span:last-child{min-width:0;display:grid;gap:2px}.ddak-consent-all b{font-size:13px;color:var(--text-primary)}.ddak-consent-all small{font-size:12px;line-height:1.45;color:var(--text-secondary)}
.ddak-consent-all>input:checked+.ddak-consent-all-check{border-color:var(--brand-primary);background:var(--brand-primary);color:var(--text-inverse)}
.ddak-consent-all:has(input:checked){border-color:color-mix(in srgb,var(--brand-primary) 34%,var(--border-default));background:var(--brand-softer)}
.ddak-business-license-picker.is-selected,.license-upload.is-selected{border-color:var(--semantic-success);background:color-mix(in srgb,var(--semantic-success-soft) 52%,var(--surface-primary))}
.ddak-business-license-picker.is-selected .ddak-business-license-cta{background:var(--semantic-success);color:var(--text-inverse)}
/* Long AI output must always keep a horizontal Korean text flow, regardless of content length. */
.ddak-ai-response,.ddak-ai-response *{writing-mode:horizontal-tb;text-orientation:mixed}
.ddak-ai-response>header{min-width:0}.ddak-ai-response>header>span:nth-child(2){min-width:0;max-width:100%}
.ddak-ai-answer-core,.ddak-ai-answer-core>*,.ddak-ai-key-points,.ddak-ai-key-points>li,.ddak-ai-key-points>li>*,.ddak-ai-one-action,.ddak-ai-one-action>*,.ddak-ai-details,.ddak-ai-detail-body,.ddak-ai-detail-body>*,.ddak-ai-full-answer,.ddak-ai-full-answer>*,.ddak-ai-result-block,.ddak-ai-result-block>*{min-width:0;max-width:100%;box-sizing:border-box}
.ddak-ai-answer-core :is(h1,h2,h3,h4,p,li,b,strong,span,small),.ddak-ai-detail-body :is(h1,h2,h3,h4,p,li,b,strong,span,small),.ddak-ai-full-answer :is(p,li,b,strong,span,small),.ddak-ai-result-block :is(p,li,b,strong,span,small){width:auto;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;hyphens:none;line-height:1.62}
.ddak-ai-answer-core>p,.ddak-ai-full-answer>p,.ddak-ai-detail-body>p{white-space:pre-wrap}
@media(max-width:430px){.ddak-ai-response>header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}.ddak-ai-response>header .ddak-ai-confidence{grid-column:2;margin-left:0;justify-self:start;margin-top:2px}.ddak-ai-answer-core h3{font-size:19px;line-height:1.42}}
/* Empty priority state uses neutral dark surfaces rather than a light success wash. */
html[data-theme="dark"] .ddak-home-v12-priority.is-clear{background:var(--surface-primary);border-color:var(--border-default)}
html[data-theme="dark"] .ddak-home-v12-priority.is-clear .ddak-home-v12-priority-item.good{background:var(--surface-secondary);border-color:var(--border-default);color:var(--text-primary)}
html[data-theme="dark"] .ddak-home-v12-priority.is-clear .ddak-home-v12-priority-marker{background:color-mix(in srgb,var(--semantic-success) 18%,var(--surface-tertiary));color:var(--semantic-success)}
html[data-theme="dark"] .ddak-home-v12-priority.is-clear :is(b,strong,h2){color:var(--text-primary)}
html[data-theme="dark"] .ddak-home-v12-priority.is-clear :is(p,small,span:not(.ddak-home-v12-priority-marker)){color:var(--text-secondary)}
/* Re-rendered modal routes keep their own scroll instead of forcing the document to the top. */
.modal-backdrop[data-backdrop="1"]{overscroll-behavior:contain}.modal-backdrop[data-backdrop="1"] [data-modal-panel="1"]{overflow-anchor:none;overscroll-behavior:contain}
.ddak-register-form .register-step.active>.ddak-consent-all{grid-column:1/-1}

/* UX3640 · DdakAI advertiser message bubble horizontal-flow stability -------- */
/*
   Desktop used width:auto on the user row while the child bubble also had a
   percentage max-width. That circular shrink-to-fit calculation could collapse
   short Korean text to a one-character column. Give the row a resolvable width
   and let the bubble use its intrinsic content width until the row limit.
*/
.ddak-ai-chat-row.user{
  inline-size:min(84%,700px);
  width:min(84%,700px);
  max-inline-size:none;
  max-width:none;
  min-inline-size:0;
  min-width:0;
  justify-items:end;
}
.ddak-ai-chat-row.user .ddak-ai-chat-bubble{
  inline-size:max-content;
  width:max-content;
  max-inline-size:100%;
  max-width:100%;
  min-inline-size:0;
  min-width:0;
  box-sizing:border-box;
  writing-mode:horizontal-tb;
  text-orientation:mixed;
}
.ddak-ai-chat-row.user .ddak-ai-chat-bubble p{
  display:block;
  inline-size:auto;
  width:auto;
  max-inline-size:100%;
  max-width:100%;
  margin:0;
  white-space:pre-wrap;
  word-break:keep-all;
  overflow-wrap:break-word;
  hyphens:none;
  writing-mode:horizontal-tb;
  text-orientation:mixed;
}
@media(min-width:900px){
  .ddak-ai-chat-row.user{
    inline-size:min(76%,700px);
    width:min(76%,700px);
  }
}
@media(max-width:430px){
  .ddak-ai-chat-row.user{
    inline-size:min(88%,620px);
    width:min(88%,620px);
  }
}


/* UX3650: mobile DdakAI composer must never be covered by floating actions. */
@media (max-width:719px){
  body .ddak-agent-fab.is-ai,body .ddak-operation-fab.is-ai,body .ddak-service-deliverable-fab.is-ai{display:none;visibility:hidden;pointer-events:none}
}
/* UX3650: operation attachment selections survive modal refresh and remain readable. */
.operation-attachment-selected{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;min-width:0}
.operation-attachment-selected>span{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;max-width:100%;padding:9px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-secondary)}
.operation-attachment-selected b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.operation-attachment-selected small{white-space:nowrap;color:var(--text-secondary)}
.operation-attachment-selected button{width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--text-secondary);display:grid;place-items:center;cursor:pointer}.operation-attachment-selected button:hover{background:var(--surface-hover);color:var(--text-primary)}
.operation-attachment-selected.is-empty{display:block;color:var(--text-tertiary);font-size:12px}

/* UX3650 semantic deliverable hook used by realtime artifact notifications. */
.deliverable{min-width:0;max-width:100%;overflow-wrap:break-word}

/* UX3670 — 딱AI 초보자용 "쉬운 설명 보기" */
.ddak-ai-standard-view{display:contents}
.ddak-ai-answer-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.ddak-ai-answer-toolbar .ddak-ai-easy-toggle{border:1px solid color-mix(in srgb,var(--brand-primary) 18%,var(--border-default));background:color-mix(in srgb,var(--brand-soft) 50%,var(--surface-primary));color:var(--brand-primary)}
.ddak-ai-answer-toolbar .ddak-ai-easy-toggle:hover,.ddak-ai-answer-toolbar .ddak-ai-easy-toggle.is-active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-inverse)}
.ddak-ai-easy-explanation{display:none;padding:18px 16px 17px;gap:14px;border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--brand-soft) 22%,var(--surface-primary));min-width:0;max-width:100%;box-sizing:border-box;writing-mode:horizontal-tb;text-orientation:mixed}
.ddak-ai-response.is-easy-view .ddak-ai-standard-view{display:none}
.ddak-ai-response.is-easy-view .ddak-ai-easy-explanation{display:grid}
.ddak-ai-easy-intro{padding:15px 16px;border:1px solid color-mix(in srgb,var(--brand-primary) 20%,var(--border-default));border-radius:var(--radius-md);background:var(--surface-primary);display:grid;gap:7px;min-width:0}
.ddak-ai-easy-intro>span{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-primary);font-size:12px;font-weight:780;line-height:1.3}
.ddak-ai-easy-intro>span svg{width:14px;height:14px;flex:0 0 14px}
.ddak-ai-easy-intro h3{margin:2px 0 0;font-size:18px;line-height:1.42;color:var(--text-primary);word-break:keep-all;overflow-wrap:anywhere}
.ddak-ai-easy-intro p{margin:0;font-size:15px;line-height:1.72;color:var(--text-primary);font-weight:650;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.ddak-ai-easy-intro small{font-size:12px;line-height:1.55;color:var(--text-tertiary)}
.ddak-ai-easy-section{padding:14px 15px;border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--border-subtle);display:grid;gap:9px;min-width:0}
.ddak-ai-easy-section>b,.ddak-ai-easy-terms>b{font-size:13px;line-height:1.4;color:var(--text-primary)}
.ddak-ai-easy-section ul,.ddak-ai-easy-section ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.ddak-ai-easy-section li{position:relative;padding:10px 11px 10px 36px;border-radius:var(--radius-sm);background:var(--surface-secondary);display:grid;gap:3px;counter-increment:easy-step;min-width:0}
.ddak-ai-easy-section ul{counter-reset:easy-step}.ddak-ai-easy-section ol{counter-reset:easy-step}
.ddak-ai-easy-section li::before{content:counter(easy-step);position:absolute;left:10px;top:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-primary);font-size:12px;font-weight:700}
.ddak-ai-easy-section li strong{font-size:13px;line-height:1.48;word-break:keep-all;overflow-wrap:anywhere}
.ddak-ai-easy-section li span{font-size:13px;line-height:1.62;color:var(--text-secondary);word-break:keep-all;overflow-wrap:anywhere}
.ddak-ai-easy-section.is-action{border-color:color-mix(in srgb,var(--semantic-success) 18%,var(--border-default));background:color-mix(in srgb,var(--semantic-success-soft) 26%,var(--surface-primary))}
.ddak-ai-easy-terms{padding:14px 15px;border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--border-subtle);display:grid;gap:9px;min-width:0}
.ddak-ai-easy-terms>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ddak-ai-easy-terms>div>span{padding:10px 11px;border-radius:var(--radius-sm);background:var(--surface-secondary);display:grid;gap:3px;min-width:0}
.ddak-ai-easy-terms strong{font-size:12px;line-height:1.4;color:var(--brand-primary);word-break:keep-all}
.ddak-ai-easy-terms small{font-size:12px;line-height:1.55;color:var(--text-secondary);word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:599px){.ddak-ai-answer-toolbar{align-items:flex-start;gap:8px}.ddak-ai-answer-toolbar-actions{gap:5px;flex-wrap:wrap}.ddak-ai-answer-toolbar button{min-height:34px;padding-inline:8px}.ddak-ai-easy-explanation{padding:14px 13px 15px;gap:10px}.ddak-ai-easy-intro,.ddak-ai-easy-section,.ddak-ai-easy-terms{padding:12px}.ddak-ai-easy-intro h3{font-size:17px}.ddak-ai-easy-intro p{font-size:14px;line-height:1.68}.ddak-ai-easy-terms>div{grid-template-columns:minmax(0,1fr)}}


/* UX3680 · PC expert-mode sidebar density + subtle mobile bottom-nav scale */
/* Desktop only: stronger navigation presence inspired by professional ad consoles.
   Mobile information architecture is preserved; only the bottom-tab touch/visual size is nudged up. */
@media (min-width:1024px){
  html{--ddak-sidebar:292px}
  .app-shell{padding-left:var(--ddak-sidebar)}
  .app-header,.ddak-header-surface{left:var(--ddak-sidebar)}
  .app-bottom-nav,.ddak-ui-bottom-nav{
    width:var(--ddak-sidebar);
    padding-left:12px;
    padding-right:12px;
    padding-bottom:14px;
  }
  .ddak-desktop-side-brand{
    height:88px;
    padding:16px 10px 12px;
    margin-bottom:5px;
    align-items:center;
  }
  .ddak-desktop-brand-lockup{gap:10px}
  .ddak-desktop-brand-lockup .ddak-brand-mark{width:40px;height:40px}
  .ddak-desktop-brand-lockup .ddak-brand-type b{font-size:21px;line-height:1.1}
  .ddak-desktop-brand-lockup .ddak-brand-type small{font-size:12px;line-height:1.25}
  .ddak-desktop-side-brand>span:last-child,.ddak-desktop-nav-caption{display:none}
  .ddak-desktop-nav-menu{gap:8px}
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button{
    height:58px;
    min-height:58px;
    padding:0 13px;
    grid-template-columns:29px minmax(0,1fr);
    gap:12px;
    border-radius:var(--radius-md);
  }
  .ddak-ui-bottom-nav .app-nav-icon,.app-nav-icon,.ddak-ai-nav-item .app-nav-icon{width:29px;height:29px}
  .ddak-ui-bottom-nav .app-nav-icon>.ddak-icon,.app-nav-icon>.ddak-icon{width:22px;height:22px}
  .ddak-ai-nav-item .ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:29px;height:29px}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label,.ddak-ai-nav-item .app-nav-label{font-size:15.75px;line-height:1.2;font-weight:760;letter-spacing:normal}
  .ddak-desktop-nav-footer{padding-top:10px}
  .ddak-desktop-nav-footer>button{min-height:62px;padding:10px 13px;grid-template-columns:29px minmax(0,1fr);gap:11px;border-radius:var(--radius-md)}
  .ddak-desktop-nav-footer b{font-size:14px;line-height:1.25}
  .ddak-desktop-nav-footer small{font-size:12px;line-height:1.35}
  .ddak-ui-bottom-nav .app-nav-button.active,.app-nav-button.active{background:color-mix(in srgb,var(--brand-soft) 88%,var(--surface-primary));box-shadow:inset 3px 0 0 var(--brand-primary);border-color:color-mix(in srgb,var(--brand-primary) 10%,transparent)}
  .ddak-desktop-nav-footer>button{background:var(--surface-secondary);border:1px solid var(--border-subtle)}
  /* Any overlay/AI rail that keys off the sidebar follows the same authoritative width. */
  .ddak-ai-history-drawer,.ddak-ai-history-backdrop{left:var(--ddak-sidebar)}
}
@media (min-width:1440px){
  html{--ddak-sidebar:300px}
  .app-bottom-nav,.ddak-ui-bottom-nav{padding-left:13px;padding-right:13px}
}
@media (min-width:1800px){html{--ddak-sidebar:304px}}

@media (max-width:599px){
  html{--bottom-nav-height:71px}
  .app-bottom-nav,.ddak-ui-bottom-nav{padding-top:6px}
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button{min-height:58px;height:60px;gap:3.5px}
  .ddak-ui-bottom-nav .app-nav-icon,.app-nav-icon{width:26px;height:26px}
  .ddak-ui-bottom-nav .app-nav-icon>.ddak-icon,.app-nav-icon>.ddak-icon{width:21px;height:21px}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label{font-size:12.4px;line-height:1.2}
  .ddak-ai-nav-item .app-nav-icon{width:39px;height:39px}
  .ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:37px;height:37px}
}
@media (max-width:370px){
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label{font-size:12.2px}
}

/* UX3690 · 관리자 연동 홍보 배너/팝업 */
#ddak-promotion-layer[hidden]{display:none}.ddak-promotion-layer{position:relative;z-index:9997}.ddak-promo-backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.52);}
.ddak-promo-popup{position:relative;width:min(500px,calc(100vw - 32px));max-height:min(88dvh,760px);overflow:auto;border-radius:var(--radius-xl);background:var(--surface);color:var(--text);box-shadow:0 30px 80px rgba(15,23,42,.28);border:1px solid rgba(148,163,184,.18)}
.ddak-promo-media{display:block;width:100%;background:linear-gradient(135deg,rgba(107,70,193,.12),rgba(11,95,255,.08));overflow:hidden}.ddak-promo-popup .ddak-promo-media{aspect-ratio:16/9;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.ddak-promo-media img{display:block;width:100%;height:100%;object-fit:cover}
.ddak-promo-copy{padding:22px 24px 18px}.ddak-promo-copy h2{margin:0;font-size:23px;line-height:1.3;letter-spacing:normal}.ddak-promo-copy p{margin:9px 0 0;color:var(--text-secondary);font-size:15px;line-height:1.6;white-space:pre-wrap}.ddak-promo-cta{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:50px;margin-top:18px;padding:0 18px;border-radius:var(--radius-md);background:var(--brand);color:var(--text-inverse);font-weight:700;text-decoration:none}.ddak-promo-cta svg{width:17px;height:17px}
.ddak-promo-popup>footer{display:flex;border-top:1px solid var(--line,rgba(148,163,184,.22))}.ddak-promo-popup>footer button{flex:1;min-height:48px;border:0;background:transparent;color:var(--text-secondary);font-weight:700}.ddak-promo-popup>footer button+button{border-left:1px solid var(--line,rgba(148,163,184,.22));color:var(--text)}
.ddak-promo-icon-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:rgba(15,23,42,.68);color:var(--text-inverse);cursor:pointer}.ddak-promo-icon-close svg{width:18px;height:18px}.ddak-promo-popup>.ddak-promo-icon-close{position:absolute;z-index:2;top:12px;right:12px}
.ddak-promo-banner{position:fixed;z-index:9998;right:22px;bottom:22px;display:grid;grid-template-columns:70px minmax(0,1fr) auto 34px;align-items:center;gap:12px;width:min(620px,calc(100vw - 44px));min-height:82px;padding:10px 12px;border-radius:var(--radius-lg);background:var(--surface);color:var(--text);border:1px solid var(--line,rgba(148,163,184,.22));box-shadow:0 18px 50px rgba(15,23,42,.16)}.ddak-promotion-layer.is-authenticated .ddak-promo-banner{bottom:22px}.ddak-promo-banner .ddak-promo-media{width:70px;height:62px;border-radius:var(--radius-md)}.ddak-promo-banner-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.ddak-promo-banner-copy b{font-size:15px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddak-promo-banner-copy span{font-size:13px;line-height:1.35;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddak-promo-banner>.ddak-promo-cta{width:auto;min-height:40px;margin:0;padding:0 14px;white-space:nowrap;font-size:13px}.ddak-promo-banner>.ddak-promo-icon-close{width:32px;height:32px;background:transparent;color:var(--text-secondary)}
@media(max-width:720px){.ddak-promo-backdrop{align-items:end;padding:0;background:rgba(15,23,42,.48)}.ddak-promo-popup{width:100%;max-height:90dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:env(safe-area-inset-bottom)}.ddak-promo-popup .ddak-promo-media{aspect-ratio:4/3;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.ddak-promo-copy{padding:18px 20px 16px}.ddak-promo-copy h2{font-size:21px}.ddak-promo-copy p{font-size:14px}.ddak-promo-banner{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;grid-template-columns:54px minmax(0,1fr) 32px;gap:9px;min-height:72px;padding:9px;border-radius:var(--radius-lg)}.ddak-promotion-layer.is-authenticated .ddak-promo-banner{bottom:calc(82px + env(safe-area-inset-bottom))}.ddak-promo-banner .ddak-promo-media{width:54px;height:54px;border-radius:var(--radius-sm)}.ddak-promo-banner>.ddak-promo-cta{grid-column:2/3;width:max-content;max-width:100%;min-height:34px;margin-top:3px;padding:0 10px}.ddak-promo-banner-copy span{display:none}.ddak-promo-banner>.ddak-promo-icon-close{grid-column:3;grid-row:1/3}.ddak-promo-popup>footer button{min-height:52px}}
@media(prefers-reduced-motion:no-preference){.ddak-promo-popup{animation:ddakPromoIn .2s ease-out both}.ddak-promo-banner{animation:ddakPromoBannerIn .24s ease-out both}@keyframes ddakPromoIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes ddakPromoBannerIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}

/* UX3692 · clickable promotion affordance */
.ddak-promo-banner.has-action[data-action="promotion-open"],.ddak-promo-popup.has-action[data-action="promotion-open"]{cursor:pointer}.ddak-promo-banner.has-action[data-action="promotion-open"]:focus-visible,.ddak-promo-popup.has-action[data-action="promotion-open"]:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:3px}.ddak-promo-cta{border:0;cursor:pointer;font:inherit}.ddak-promo-popup footer button,.ddak-promo-icon-close{cursor:pointer}

/* UX3693 · hidden internal event landing pages */
.ddak-event-page{position:fixed;z-index:12000;inset:0;overflow:auto;background:var(--bg);color:var(--text);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ddak-event-page.is-dark{--event-surface:var(--event-dark-surface);--event-text:var(--event-light-page);--event-muted:var(--event-dark-muted);--event-line:rgba(255,255,255,.12);background:var(--event-dark-page);color:var(--event-text)}
.ddak-event-page.is-light{--event-surface:var(--text-inverse);--event-text:var(--text-primary);--event-muted:var(--text-secondary);--event-line:rgba(148,163,184,.22)}
.ddak-event-page.is-brand{--event-surface:var(--text-inverse);--event-text:var(--text-primary);--event-muted:var(--text-secondary);--event-line:rgba(148,163,184,.22);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,var(--text-inverse)) 0,var(--event-light-page) 460px,var(--event-light-page) 100%)}
.ddak-event-topbar{position:sticky;z-index:3;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:0 max(20px,calc((100vw - 1160px)/2));background:color-mix(in srgb,var(--event-surface) 92%,transparent);border-bottom:1px solid var(--event-line,rgba(148,163,184,.22));}
.ddak-event-topbar>button{justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;font-weight:760;cursor:pointer}.ddak-event-topbar>button:hover{background:rgba(127,127,127,.08)}.ddak-event-topbar>button svg{width:18px;height:18px}.ddak-event-topbar>b{grid-column:2;font-size:20px;letter-spacing:normal}
.ddak-event-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:52px;align-items:center;width:min(1160px,calc(100% - 48px));margin:0 auto;padding:66px 0 58px}.ddak-event-hero:not(:has(.ddak-event-hero-media)){grid-template-columns:minmax(0,760px);justify-content:center;text-align:center}.ddak-event-hero-media{order:2;overflow:hidden;border-radius:var(--radius-xl);background:var(--event-surface);box-shadow:0 24px 70px rgba(15,23,42,.13)}.ddak-event-hero-media img{display:block;width:100%;aspect-ratio:1.18/1;object-fit:cover}.ddak-event-hero-copy{min-width:0}.ddak-event-hero-copy>span{display:inline-flex;margin-bottom:16px;padding:7px 11px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) 11%,transparent);color:var(--primary);font-size:13px;font-weight:850}.ddak-event-hero-copy h1{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:normal;white-space:pre-wrap}.ddak-event-hero-copy>p{max-width:680px;margin:22px 0 0;color:var(--event-muted);font-size:18px;line-height:1.75;white-space:pre-wrap}.ddak-event-hero:not(:has(.ddak-event-hero-media)) .ddak-event-hero-copy>p{margin-inline:auto}.ddak-event-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.ddak-event-hero:not(:has(.ddak-event-hero-media)) .ddak-event-hero-actions{justify-content:center}
.ddak-event-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:52px;padding:0 22px;border:0;border-radius:var(--radius-md);font:inherit;font-size:15px;font-weight:830;cursor:pointer}.ddak-event-cta svg{width:17px;height:17px}.ddak-event-cta.primary{background:var(--primary);color:var(--text-inverse);box-shadow:0 12px 26px color-mix(in srgb,var(--primary) 22%,transparent)}.ddak-event-cta.secondary{background:var(--event-surface);color:var(--event-text,inherit);border:1px solid var(--event-line,rgba(148,163,184,.22))}
.ddak-event-body{display:flex;flex-direction:column;gap:20px;width:min(980px,calc(100% - 48px));margin:0 auto;padding:0 0 72px}.ddak-event-section{padding:34px 36px;border:1px solid var(--event-line,rgba(148,163,184,.22));border-radius:var(--radius-xl);background:var(--event-surface);box-shadow:0 10px 34px rgba(15,23,42,.055)}.ddak-event-section>h2,.ddak-event-section>div>h2{margin:0;font-size:27px;line-height:1.3;letter-spacing:normal}.ddak-event-section>p,.ddak-event-section>div>p{margin:11px 0 0;color:var(--event-muted);font-size:16px;line-height:1.75;white-space:pre-wrap}
.ddak-event-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.ddak-event-feature-grid article{display:flex;gap:13px;padding:18px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--primary) 4%,var(--event-surface));border:1px solid var(--event-line,rgba(148,163,184,.15))}.ddak-event-feature-grid article>span{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.ddak-event-feature-grid article>span svg{width:17px;height:17px}.ddak-event-feature-grid h3{margin:2px 0 0;font-size:16px;line-height:1.4}.ddak-event-feature-grid p{margin:6px 0 0;color:var(--event-muted);font-size:14px;line-height:1.65;white-space:pre-wrap}
.ddak-event-faq>div{margin-top:18px}.ddak-event-faq details{border-top:1px solid var(--event-line,rgba(148,163,184,.22))}.ddak-event-faq details:first-child{border-top:0}.ddak-event-faq summary{padding:18px 2px;font-weight:780;cursor:pointer}.ddak-event-faq details p{margin:-4px 0 18px;color:var(--event-muted);line-height:1.7;white-space:pre-wrap}
.ddak-event-image{padding:0;overflow:hidden}.ddak-event-image>img{display:block;width:100%;max-height:620px;object-fit:cover}.ddak-event-image>div{padding:28px 34px 32px}.ddak-event-cta-section{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--event-surface)),var(--event-surface))}.ddak-event-cta-section>.ddak-event-cta{flex:0 0 auto}.ddak-event-notice{display:flex;gap:14px;padding:22px 26px;background:color-mix(in srgb,var(--primary) 4%,var(--event-surface))}.ddak-event-notice>span{color:var(--primary)}.ddak-event-notice>span svg{width:21px;height:21px}.ddak-event-notice h2{font-size:17px}.ddak-event-notice p{font-size:14px}
.ddak-event-footer{display:flex;justify-content:center;align-items:center;gap:10px;min-height:88px;padding:20px;border-top:1px solid var(--event-line,rgba(148,163,184,.22));color:var(--event-muted)}.ddak-event-footer b{color:var(--event-text,inherit)}.ddak-event-footer span{font-size:13px}
@media(max-width:820px){.ddak-event-topbar{min-height:60px;padding:0 14px}.ddak-event-topbar>button span{display:none}.ddak-event-hero{grid-template-columns:1fr;width:min(100% - 32px,680px);gap:26px;padding:34px 0 30px}.ddak-event-hero-media{order:0;border-radius:var(--radius-xl)}.ddak-event-hero-media img{aspect-ratio:4/3}.ddak-event-hero-copy{text-align:left}.ddak-event-hero-copy h1{font-size:clamp(34px,10vw,48px)}.ddak-event-hero-copy>p{font-size:16px;line-height:1.68}.ddak-event-hero-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:24px}.ddak-event-cta{width:100%}.ddak-event-body{width:calc(100% - 24px);gap:12px;padding-bottom:36px}.ddak-event-section{padding:24px 20px;border-radius:var(--radius-xl)}.ddak-event-section>h2,.ddak-event-section>div>h2{font-size:22px}.ddak-event-feature-grid{grid-template-columns:1fr;gap:9px;margin-top:18px}.ddak-event-image{padding:0}.ddak-event-image>div{padding:22px 20px 24px}.ddak-event-cta-section{display:grid;gap:18px}.ddak-event-footer{min-height:72px}}


/* UX3694 · content-rich promotions */
.ddak-promo-popup{width:min(660px,calc(100vw - 36px));max-height:min(90dvh,860px)}
.ddak-promo-popup .ddak-promo-media{aspect-ratio:16/7.5}
.ddak-promo-copy{padding:24px 28px 22px}
.ddak-promo-eyebrow{display:inline-flex;align-items:center;min-height:28px;margin-bottom:11px;padding:0 10px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary);font-size:12px;font-weight:820}
.ddak-promo-copy h2{font-size:27px;line-height:1.26;letter-spacing:normal;word-break:keep-all}
.ddak-promo-copy .ddak-promo-lead{margin:11px 0 0;color:var(--text-primary);font-size:15.5px;line-height:1.72;font-weight:620;white-space:pre-wrap;word-break:keep-all}
.ddak-promo-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:17px 0 0;padding:0;list-style:none}
.ddak-promo-highlights li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;min-height:48px;padding:11px 12px;border-radius:var(--radius-md);background:var(--surface-secondary);border:1px solid var(--border-subtle,rgba(148,163,184,.16))}
.ddak-promo-highlights li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-xs);background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary)}
.ddak-promo-highlights li svg{width:14px;height:14px}.ddak-promo-highlights li b{font-size:13px;line-height:1.5;font-weight:720;word-break:keep-all}
.ddak-promo-copy .ddak-promo-detail{margin:15px 0 0;padding-top:14px;border-top:1px solid var(--border-subtle,rgba(148,163,184,.18));color:var(--text-secondary);font-size:13.5px;line-height:1.72;white-space:pre-wrap;word-break:keep-all}
.ddak-promo-copy .ddak-promo-cta{margin-top:19px;min-height:52px}
@media(max-width:720px){
  .ddak-promo-popup{width:100%;max-height:92dvh}
  .ddak-promo-popup .ddak-promo-media{aspect-ratio:16/9}
  .ddak-promo-copy{padding:19px 20px 17px}
  .ddak-promo-copy h2{font-size:22px;line-height:1.32}
  .ddak-promo-copy .ddak-promo-lead{font-size:14px;line-height:1.65}
  .ddak-promo-highlights{grid-template-columns:1fr;gap:7px;margin-top:14px}
  .ddak-promo-highlights li{min-height:44px;padding:9px 10px}
  .ddak-promo-copy .ddak-promo-detail{font-size:13px;margin-top:13px;padding-top:12px}
}

/* UX3695 · PC left navigation density — tighter expert-console geometry
   Desktop only. Mirrors the compact left-rail rhythm of professional ad consoles:
   narrow rail, near-edge alignment, minimal vertical gaps, large usable targets. */
@media (min-width:1024px){
  html{--ddak-sidebar:252px}
  .app-shell{padding-left:var(--ddak-sidebar)}
  .app-header,.ddak-header-surface{left:var(--ddak-sidebar)}
  .app-bottom-nav,.ddak-ui-bottom-nav{
    width:var(--ddak-sidebar);
    padding:0 8px 10px;
    border-right:1px solid var(--border-subtle);
    box-shadow:none;
    gap:0;
  }
  .ddak-desktop-side-brand{
    height:68px;
    min-height:68px;
    padding:10px 8px 7px;
    margin:0 0 2px;
    border-bottom:0;
    justify-content:flex-start;
    gap:8px;
  }
  .ddak-desktop-brand-lockup{gap:8px}
  .ddak-desktop-brand-lockup .ddak-brand-mark{width:36px;height:36px;box-shadow:none}
  .ddak-desktop-brand-lockup .ddak-brand-type{gap:0}
  .ddak-desktop-brand-lockup .ddak-brand-type b{font-size:19px;line-height:1.08;letter-spacing:normal}
  .ddak-desktop-brand-lockup .ddak-brand-type small{display:none}
  .ddak-desktop-side-brand>span:last-child,.ddak-desktop-nav-caption{display:none}

  .ddak-desktop-nav-menu{
    display:flex;
    flex-direction:column;
    gap:2px;
    padding:0;
    margin:0;
  }
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button{
    width:100%;
    height:51px;
    min-height:51px;
    padding:0 9px;
    margin:0;
    border-radius:var(--radius-xs);
    grid-template-columns:25px minmax(0,1fr);
    gap:9px;
    justify-items:start;
    align-items:center;
    border:1px solid transparent;
    box-shadow:none;
    transform:none;
    text-align:left;
  }
  .ddak-ui-bottom-nav .app-nav-button:hover,.app-nav-button:hover{
    transform:none;
    background:var(--surface-secondary);
    border-color:transparent;
    box-shadow:none;
  }
  .ddak-ui-bottom-nav .app-nav-button.active,.app-nav-button.active{
    background:color-mix(in srgb,var(--brand-soft) 78%,var(--surface-primary));
    border-color:transparent;
    box-shadow:inset 3px 0 0 var(--brand-primary);
  }
  .ddak-ui-bottom-nav .app-nav-icon,.app-nav-icon,.ddak-ai-nav-item .app-nav-icon{
    width:25px;
    height:25px;
    margin:0;
    justify-self:start;
  }
  .ddak-ui-bottom-nav .app-nav-icon>.ddak-icon,.app-nav-icon>.ddak-icon{width:21px;height:21px}
  .ddak-ai-nav-item .ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:25px;height:25px}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label,.ddak-ai-nav-item .app-nav-label{
    width:100%;
    font-size:15.5px;
    line-height:1.18;
    font-weight:720;
    letter-spacing:normal;
    text-align:left;
    justify-self:start;
  }
  .ddak-ai-nav-item{grid-template-columns:25px minmax(0,1fr)}

  .ddak-desktop-nav-footer{
    margin-top:auto;
    padding:7px 0 0;
    border-top:1px solid var(--border-subtle);
    gap:0;
  }
  .ddak-desktop-nav-footer>button{
    width:100%;
    min-height:52px;
    padding:7px 9px;
    grid-template-columns:25px minmax(0,1fr);
    gap:9px;
    border-radius:var(--radius-xs);
    background:var(--surface-secondary);
    border:1px solid transparent;
    box-shadow:none;
    text-align:left;
  }
  .ddak-desktop-nav-footer>button:hover{background:var(--brand-softer);border-color:transparent}
  .ddak-desktop-nav-footer>button>.ddak-icon{width:21px;height:21px;justify-self:start}
  .ddak-desktop-nav-footer>button>span{gap:0;min-width:0}
  .ddak-desktop-nav-footer b{font-size:13.5px;line-height:1.22;font-weight:760}
  .ddak-desktop-nav-footer small{font-size:12px;line-height:1.25;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* Components positioned against the rail must follow the final compact width. */
  .ddak-ai-history-drawer,.ddak-ai-history-backdrop{left:var(--ddak-sidebar)}
}
@media (min-width:1440px){html{--ddak-sidebar:252px}.app-bottom-nav,.ddak-ui-bottom-nav{padding-left:8px;padding-right:8px}}
@media (min-width:1800px){html{--ddak-sidebar:252px}}

/* UX3696 · promoted main navigation + advertiser notice center */
.ddak-desktop-main-extra{display:none}
.ddak-notice-screen{max-width:1040px;margin:0 auto;padding:28px 24px 64px}
.ddak-notice-head{padding:14px 0 24px;border-bottom:1px solid var(--border-subtle)}
.ddak-notice-head>span{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--brand-primary)}
.ddak-notice-head h1{margin:7px 0 6px;font-size:32px;letter-spacing:normal}.ddak-notice-head p{margin:0;color:var(--text-secondary)}
.ddak-notice-tools{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;padding:18px 0}.ddak-notice-tools label{height:46px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-primary)}.ddak-notice-tools label .ddak-icon{width:18px;height:18px;color:var(--text-tertiary)}.ddak-notice-tools input{width:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit}.ddak-notice-tools select{height:46px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-primary);color:var(--text-primary);padding:0 12px}
.ddak-notice-list{display:grid;border-top:1px solid var(--border-subtle)}.ddak-notice-row{width:100%;min-height:92px;display:grid;grid-template-columns:120px minmax(0,1fr) 118px 22px;align-items:center;gap:14px;padding:16px 8px;border-bottom:1px solid var(--border-subtle);text-align:left;background:transparent}.ddak-notice-row:hover{background:var(--surface-secondary)}.ddak-notice-row.is-important{background:color-mix(in srgb,var(--brand-soft) 28%,transparent)}.ddak-notice-row-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.ddak-notice-row-meta em,.ddak-notice-row-meta i,.ddak-notice-row-meta small{font-style:normal;font-size:12px;font-weight:760}.ddak-notice-row-meta em{padding:3px 6px;border-radius:var(--radius-xs);background:var(--surface-secondary)}.ddak-notice-row-meta .important{background:color-mix(in srgb,var(--semantic-danger) 10%,transparent);color:var(--semantic-danger-strong)}.ddak-notice-row-meta i{color:var(--brand-primary)}.ddak-notice-row-copy{display:grid;gap:6px;min-width:0}.ddak-notice-row-copy b{font-size:15px;line-height:1.42}.ddak-notice-row-copy small{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddak-notice-row-side{display:grid;justify-items:end;gap:5px;color:var(--text-tertiary);font-size:12px}.ddak-notice-row-side small{display:flex;align-items:center;gap:4px}.ddak-notice-row-side .ddak-icon{width:14px;height:14px}.ddak-notice-row>.ddak-icon{width:18px;height:18px;color:var(--text-tertiary)}
.ddak-notice-back{display:flex;align-items:center;gap:7px;margin:0 0 18px;padding:8px 0;color:var(--text-secondary);font-weight:700}.ddak-notice-back .ddak-icon{width:18px;height:18px}.ddak-notice-detail{padding:30px 34px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-primary)}.ddak-notice-detail header{padding-bottom:22px;border-bottom:1px solid var(--border-subtle)}.ddak-notice-badges{display:flex;gap:6px;margin-bottom:10px}.ddak-notice-badges span{padding:4px 8px;border-radius:var(--radius-xs);background:var(--surface-secondary);font-size:12px;font-weight:780}.ddak-notice-badges .important{color:var(--semantic-danger-strong)}.ddak-notice-badges .new{color:var(--brand-primary)}.ddak-notice-detail h1{margin:0 0 9px;font-size:28px;line-height:1.35;letter-spacing:normal}.ddak-notice-detail time{font-size:12px;color:var(--text-tertiary)}.ddak-notice-summary{margin:22px 0 0;padding:15px 17px;border-radius:var(--radius-sm);background:var(--surface-secondary);font-weight:650;line-height:1.65}.ddak-notice-body{padding:28px 2px;font-size:15px;line-height:1.85;word-break:keep-all}.ddak-notice-files{margin-top:22px;padding-top:20px;border-top:1px solid var(--border-subtle)}.ddak-notice-files h2{font-size:15px;margin:0 0 10px}.ddak-notice-files a{display:grid;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:56px;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-top:7px}.ddak-notice-files a>span{display:grid;gap:2px}.ddak-notice-files a b{font-size:13px}.ddak-notice-files a small{font-size:12px;color:var(--text-tertiary)}
@media (min-width:1024px){.ddak-desktop-main-extra{display:grid}.ddak-operation-fab,.ddak-agent-fab{display:none}.ddak-desktop-nav-menu .app-nav-button{height:50px;min-height:50px}.ddak-desktop-nav-menu{gap:1px}}
@media (max-width:1023px){.ddak-desktop-main-extra{display:none}.ddak-notice-screen{padding:20px 14px 90px}.ddak-notice-head h1{font-size:27px}.ddak-notice-tools{grid-template-columns:1fr}.ddak-notice-row{grid-template-columns:1fr 20px;gap:8px;padding:15px 4px}.ddak-notice-row-meta,.ddak-notice-row-copy,.ddak-notice-row-side{grid-column:1}.ddak-notice-row-side{display:flex;justify-content:flex-start;gap:10px}.ddak-notice-row>.ddak-icon{grid-column:2;grid-row:1/4}.ddak-notice-detail{padding:24px 18px}.ddak-notice-detail h1{font-size:23px}}


/* UX3697 · larger PC main navigation — preserve compact rail, enlarge menu targets */
@media (min-width:1024px){
  html{--ddak-sidebar:252px}
  .app-bottom-nav,.ddak-ui-bottom-nav{padding-left:8px;padding-right:8px}
  .ddak-desktop-nav-menu{gap:2px}
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button,
  .ddak-desktop-nav-menu .app-nav-button{
    height:58px;
    min-height:58px;
    padding:0 10px;
    grid-template-columns:29px minmax(0,1fr);
    gap:10px;
    border-radius:var(--radius-sm);
  }
  .ddak-ui-bottom-nav .app-nav-icon,.app-nav-icon,.ddak-ai-nav-item .app-nav-icon{
    width:29px;
    height:29px;
  }
  .ddak-ui-bottom-nav .app-nav-icon>.ddak-icon,.app-nav-icon>.ddak-icon{width:24px;height:24px}
  .ddak-ai-nav-item .ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:29px;height:29px}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label,.ddak-ai-nav-item .app-nav-label{
    font-size:17px;
    line-height:1.2;
    font-weight:750;
    letter-spacing:normal;
  }
  .ddak-ai-nav-item{grid-template-columns:29px minmax(0,1fr)}
  .ddak-desktop-nav-footer{padding-top:8px}
  .ddak-desktop-nav-footer>button{
    min-height:58px;
    padding:8px 10px;
    grid-template-columns:29px minmax(0,1fr);
    gap:10px;
    border-radius:var(--radius-sm);
  }
  .ddak-desktop-nav-footer>button>.ddak-icon{width:24px;height:24px}
  .ddak-desktop-nav-footer b{font-size:15px;line-height:1.2;font-weight:780}
  .ddak-desktop-nav-footer small{font-size:12px}
}
@media (min-width:1440px){html{--ddak-sidebar:252px}}
@media (min-width:1800px){html{--ddak-sidebar:252px}}
/* UX3698 · much larger PC main navigation — oversized targets without widening rail */
@media (min-width:1024px){
  html{--ddak-sidebar:252px}
  .app-bottom-nav,.ddak-ui-bottom-nav{padding-left:8px;padding-right:8px}
  .ddak-desktop-nav-menu{gap:2px}
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button,
  .ddak-desktop-nav-menu .app-nav-button{
    height:66px;
    min-height:66px;
    padding:0 10px;
    grid-template-columns:33px minmax(0,1fr);
    gap:11px;
    border-radius:var(--radius-sm);
  }
  .ddak-ui-bottom-nav .app-nav-icon,.app-nav-icon,.ddak-ai-nav-item .app-nav-icon{
    width:33px;
    height:33px;
  }
  .ddak-ui-bottom-nav .app-nav-icon>.ddak-icon,.app-nav-icon>.ddak-icon{width:28px;height:28px}
  .ddak-ai-nav-item .ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:33px;height:33px}
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label,.ddak-ai-nav-item .app-nav-label{
    font-size:19px;
    line-height:1.16;
    font-weight:770;
    letter-spacing:normal;
  }
  .ddak-ai-nav-item{grid-template-columns:33px minmax(0,1fr)}
  .ddak-desktop-nav-footer{padding-top:8px}
  .ddak-desktop-nav-footer>button{
    min-height:66px;
    padding:8px 10px;
    grid-template-columns:33px minmax(0,1fr);
    gap:11px;
    border-radius:var(--radius-sm);
  }
  .ddak-desktop-nav-footer>button>.ddak-icon{width:28px;height:28px}
  .ddak-desktop-nav-footer b{font-size:16.5px;line-height:1.18;font-weight:790}
  .ddak-desktop-nav-footer small{font-size:12px}
}
@media (min-width:1440px){html{--ddak-sidebar:252px}}
@media (min-width:1800px){html{--ddak-sidebar:252px}}


/* UX3700: operating summary, actionable customer handoff and semantic empty states. */
.ddak-business-pulse,.ddak-customer-actions{min-width:0;color:var(--text-primary);background:var(--surface-primary);border:1px solid var(--border-default)}
.ddak-business-pulse .ddak-home-v12-section-head{align-items:flex-start;gap:12px}
.ddak-business-pulse .ddak-home-v12-section-head span{display:block;margin-top:6px;font-size:12px;color:var(--text-secondary)}
.ddak-pulse-status{font-style:normal;font-size:12px;font-weight:600;padding:6px 10px;border-radius:var(--radius-pill,999px);white-space:nowrap;background:var(--surface-secondary);color:var(--text-secondary)}
.ddak-pulse-status.over_budget{background:var(--semantic-danger-soft);color:var(--semantic-danger-strong)}
.ddak-pulse-status.partial,.ddak-pulse-status.fast{background:var(--semantic-warning-soft);color:var(--semantic-warning-text)}
.ddak-pulse-metrics{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;margin:20px 0 16px}
.ddak-pulse-metrics>div{min-width:0;display:grid;gap:6px;align-content:start}
.ddak-pulse-metrics small{font-size:12px;color:var(--text-secondary)}
.ddak-pulse-metrics strong{font-size:clamp(20px,2vw,28px);font-weight:700;letter-spacing:normal;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ddak-pulse-metrics b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ddak-budget-progress{appearance:none;display:block;width:100%;height:8px;border:0;border-radius:var(--radius-pill,999px);overflow:hidden;background:var(--surface-secondary);accent-color:var(--brand-primary)}
.ddak-budget-progress::-webkit-progress-bar{background:var(--surface-secondary)}
.ddak-budget-progress::-webkit-progress-value{background:var(--brand-primary);border-radius:var(--radius-pill,999px)}
.ddak-budget-progress::-moz-progress-bar{background:var(--brand-primary)}
.ddak-business-pulse p{font-size:13px;line-height:1.7;margin:12px 0;color:var(--text-secondary);word-break:keep-all;overflow-wrap:anywhere}
.ddak-pulse-projection{display:block;font-size:12px;line-height:1.6;color:var(--text-secondary)}
.ddak-pulse-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ddak-pulse-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid var(--border-default);border-radius:var(--radius-control,12px);background:var(--surface-primary);color:var(--text-primary);font:inherit;font-size:13px;font-weight:600}
.ddak-pulse-actions button:last-child{color:var(--brand-primary);background:var(--brand-soft);border-color:var(--brand-soft)}
.ddak-pulse-actions svg,.ddak-customer-action svg{width:18px;height:18px;flex:none}
.ddak-customer-actions h2 em{font-size:14px;font-style:normal;color:var(--brand-primary)}
.ddak-customer-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:12px 0;text-align:left;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);font:inherit}
.ddak-customer-action:last-child{border-bottom:0}
.ddak-customer-action span{display:grid;gap:5px;min-width:0}
.ddak-customer-action b{font-size:14px;font-weight:600;word-break:keep-all;overflow-wrap:anywhere}
.ddak-customer-action small{font-size:12px;color:var(--semantic-warning-text)}
.ddak-event-features{display:grid;gap:12px;padding:0;list-style:none}
.ddak-event-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
@media(max-width:540px){.ddak-pulse-metrics{grid-template-columns:1fr 1fr;gap:14px}.ddak-pulse-metrics>div:first-child{grid-column:1/-1}.ddak-pulse-metrics strong{font-size:26px}.ddak-pulse-actions button{flex:1}.ddak-business-pulse .ddak-home-v12-section-head{flex-wrap:wrap}}

/* ========================================================================== 
   UX3910 · Advertiser precision refinement · 2026-09-16
   Mobile navigation correctness + final visual-detail pass.
   ========================================================================== */
html{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
:where(button,a,input,select,textarea,summary):focus-visible{
  outline:3px solid color-mix(in srgb,var(--brand-primary) 24%,transparent);
  outline-offset:2px;
}
:where(.ddak-ui-card,.ddak-home-v12-section,.ddak-ui-campaign-card,.ddak-ui-feature-hero,.ddak-ui-group>div,.ddak-performance-mode-row,.ddak-performance-safe-kpis){
  border-color:color-mix(in srgb,var(--border-default) 88%,transparent);
}
:where(.ddak-ui-group-row,.ddak-ui-status-row,.ddak-ui-feed-row,.ddak-home-v12-ad-list>button,.ddak-home-v12-priority-item,.ddak-ui-campaign-card,.ddak-ui-action-list>button){
  transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast);
}
:where(.ddak-ui-group-row,.ddak-ui-status-row,.ddak-ui-feed-row,.ddak-home-v12-ad-list>button,.ddak-ui-action-list>button):active{
  transform:scale(.995);
}
:where(.ddak-ui-kpi-value,.ddak-performance-kpi-value,.ddak-home-v12-section strong,.ddak-ui-state-pill){
  font-variant-numeric:tabular-nums;
}
.ddak-ui-group-row .ddak-ui-row-main small,
.ddak-ui-status-row small,
.ddak-ui-feed-row small,
.ddak-ui-campaign-body small{
  color:color-mix(in srgb,var(--text-secondary) 94%,var(--text-primary));
}
.ddak-ui-feature-hero,
.ddak-ui-group>div{
  box-shadow:0 5px 18px color-mix(in srgb,var(--text-primary) 3.2%,transparent);
}
.ddak-ui-feature-hero{
  border-color:color-mix(in srgb,var(--brand-primary) 12%,var(--border-default));
}
.app-header,.ddak-ui-topbar{
  box-shadow:0 1px 0 color-mix(in srgb,var(--text-primary) 3%,transparent);
}
html[data-theme="dark"] :where(.ddak-ui-feature-hero,.ddak-ui-group>div,.ddak-ui-card,.ddak-home-v12-section,.ddak-ui-campaign-card){
  box-shadow:0 5px 18px rgba(0,0,0,.16);
}

/* Mobile/tablet bottom navigation must contain only the five primary tabs.
   Desktop-only marketing/operation entries are impossible to surface here. */
@media(max-width:1023px){
  .app-bottom-nav,.ddak-ui-bottom-nav{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .app-bottom-nav .ddak-desktop-main-extra,
  .ddak-ui-bottom-nav .ddak-desktop-main-extra{
    display:none;
    visibility:hidden;
    pointer-events:none;
  }
  .app-bottom-nav .app-nav-button[data-tab="more"],
  .ddak-ui-bottom-nav .app-nav-button[data-tab="more"]{
    display:flex;
    visibility:visible;
    pointer-events:auto;
  }
}

@media(max-width:599px){
  html{--bottom-nav-height:76px}
  .app-main{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 22px)}
  .app-bottom-nav,.ddak-ui-bottom-nav{
    height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));
    padding-top:6px;
    background:color-mix(in srgb,var(--surface-primary) 98%,transparent);
    border-top-color:color-mix(in srgb,var(--border-default) 78%,transparent);
    box-shadow:0 -8px 26px color-mix(in srgb,var(--text-primary) 5%,transparent);
  }
  .ddak-ui-bottom-nav .app-nav-button,.app-nav-button{
    min-height:64px;
    height:64px;
    gap:4px;
    border-radius:var(--radius-lg);
  }
  .ddak-ui-bottom-nav .app-nav-label,.app-nav-label{
    font-size:12.5px;
    line-height:1.18;
    font-weight:690;
    letter-spacing:0;
  }
  .ddak-ui-bottom-nav .app-nav-button:not(.ddak-ai-nav-item) .app-nav-icon,
  .app-nav-button:not(.ddak-ai-nav-item) .app-nav-icon{
    width:30px;
    height:30px;
    padding:4px;
    border-radius:var(--radius-md);
  }
  .ddak-ui-bottom-nav .app-nav-button.active:not(.ddak-ai-nav-item) .app-nav-icon,
  .app-nav-button.active:not(.ddak-ai-nav-item) .app-nav-icon{
    background:var(--brand-soft);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary) 7%,transparent);
  }
  .ddak-nav-dot{width:3px;height:3px;margin-top:-1px}

  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-more{
    padding-left:16px;
    padding-right:16px;
  }
  .ddak-ui-feature-hero{
    padding:15px 14px;
    column-gap:12px;
  }
  .ddak-ui-group{margin-top:19px}
  .ddak-ui-group>h2{margin-left:2px;margin-bottom:8px;letter-spacing:0}
  .ddak-ui-group-row{min-height:66px;padding:10px 12px;column-gap:11px}
  .ddak-ui-mi{width:40px;height:40px}
  .ddak-ui-row-main b{font-size:14px;line-height:1.32}
  .ddak-ui-row-main small{font-size:12px;line-height:1.45}
  .btn{border-radius:var(--radius-md)}
  :where(input,select,textarea){border-color:color-mix(in srgb,var(--border-default) 92%,transparent)}
}

@media(min-width:1024px){
  .ddak-desktop-main-extra{display:grid;visibility:visible;pointer-events:auto}
  .ddak-ui-group-row:hover,
  .ddak-home-v12-ad-list>button:hover,
  .ddak-ui-action-list>button:hover{
    background:color-mix(in srgb,var(--brand-softer) 64%,var(--surface-primary));
  }
  .ddak-ui-group-row:hover .ddak-ui-mi{
    border-color:color-mix(in srgb,var(--brand-primary) 14%,var(--border-default));
  }
}


/* UX3920 — identity/address, compact deletion, desktop navigation precision */
.ddak-profile-grid{align-items:end}.ddak-address-field{display:grid;gap:8px}.ddak-address-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.ddak-address-map-preview{min-height:84px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--surface-secondary),var(--surface-primary));display:flex;align-items:center;gap:10px;padding:12px 14px;color:var(--text-secondary);font-size:12px;line-height:1.45;overflow:hidden;position:relative}.ddak-address-map-preview:before,.ddak-address-map-preview:after{content:"";position:absolute;inset:auto -10% 22px -10%;height:1px;background:var(--border-subtle);transform:rotate(-8deg)}.ddak-address-map-preview:after{transform:rotate(7deg);top:29px;bottom:auto}.ddak-address-map-preview>span{position:relative;z-index:1}.ddak-address-map-preview span:last-child{display:grid;gap:2px}.ddak-address-map-preview small{display:block;color:var(--text-tertiary)}.ddak-map-pin{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand-primary);font-size:12px}.ddak-address-map-preview.is-confirmed{border-color:color-mix(in srgb,var(--brand-primary) 35%,var(--border-subtle));background:color-mix(in srgb,var(--brand-softer) 55%,var(--surface-primary))}.ddak-deletion-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.ddak-deletion-actions .ddak-account-delete-submit{width:auto;min-width:92px;min-height:36px;padding:0 14px;font-size:12px}.field-label-required{color:var(--semantic-danger);font-weight:760}
@media(min-width:1024px){.app-bottom-nav.ddak-ui-bottom-nav{padding-left:23px;padding-right:23px}.ddak-desktop-nav-menu{gap:6px}.ddak-ui-bottom-nav .app-nav-button,.app-nav-button{height:62px;min-height:62px;padding-left:16px;padding-right:16px}.ddak-ui-bottom-nav .app-nav-icon,.app-nav-icon,.ddak-ai-nav-item .app-nav-icon{width:29px;height:29px}.ddak-ui-bottom-nav .app-nav-label,.app-nav-label,.ddak-ai-nav-item .app-nav-label{font-size:15.5px}}
@media(max-width:767px){.ddak-address-row{grid-template-columns:1fr}.ddak-map-check{width:100%}.ddak-deletion-actions{justify-content:stretch}.ddak-deletion-actions .btn{flex:1}}

/* UX3920 — advanced promotion placement, targeting and presentation */
.ddak-promo-banner,.ddak-promo-popup{max-width:min(var(--ddak-promo-width,1120px),calc(100vw - 32px))}
.ddak-promo-banner.is-center,.ddak-promo-banner.is-floating{margin-inline:auto}
.ddak-promo-banner.is-bottom{position:fixed;left:50%;bottom:calc(var(--bottom-nav-height,0px) + 18px);transform:translateX(-50%);z-index:92;width:min(var(--ddak-promo-width,980px),calc(100vw - 32px))}
.ddak-promo-banner.is-floating{position:fixed;right:22px;bottom:28px;z-index:92;width:min(var(--ddak-promo-width,520px),calc(100vw - 32px))}
.ddak-promo-backdrop.no-backdrop{background:transparent;pointer-events:none}.ddak-promo-backdrop.no-backdrop .ddak-promo-popup{pointer-events:auto}
.ddak-promo-backdrop.is-top{align-items:flex-start;padding-top:max(22px,env(safe-area-inset-top))}.ddak-promo-backdrop.is-bottom{align-items:flex-end;padding-bottom:max(22px,env(safe-area-inset-bottom))}.ddak-promo-backdrop.is-floating{align-items:flex-end;justify-content:flex-end;padding:22px}.ddak-promo-backdrop.is-fullscreen{padding:0}.ddak-promo-backdrop.is-fullscreen .ddak-promo-popup{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0}
.ddak-promo-popup.is-none,.ddak-promo-banner.is-none{animation:none}.ddak-promo-popup.is-fade,.ddak-promo-banner.is-fade{animation:ddakPromoFade .24s ease-out}.ddak-promo-popup.is-slide,.ddak-promo-banner.is-slide{animation:ddakPromoSlide .3s cubic-bezier(.2,.8,.2,1)}.ddak-promo-popup.is-scale,.ddak-promo-banner.is-scale{animation:ddakPromoScale .22s ease-out}
@keyframes ddakPromoFade{from{opacity:0}to{opacity:1}}@keyframes ddakPromoSlide{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ddakPromoScale{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(max-width:720px){.ddak-promo-banner.is-floating{left:16px;right:16px;bottom:calc(var(--bottom-nav-height,76px) + 14px);width:auto}.ddak-promo-backdrop.is-floating{justify-content:center;padding:16px}.ddak-promo-popup{max-width:calc(100vw - 24px)}}


/* ========================================================================== 
   UX3930 · Large desktop workspace + interaction precision · 2026-09-18
   Mobile behavior is intentionally unchanged.
   ========================================================================== */

/* Operation attachment: long image/file names must never collapse or push copy vertically. */
.operation-attachment-review,
.operation-attachment-review>div,
.operation-attachment-selected,
.operation-attachment-file,
.operation-attachment-file-copy{min-width:0}
.operation-attachment-selected{display:grid;gap:8px;width:100%;overflow:hidden}
.operation-attachment-selected>.operation-attachment-file{
  width:100%;display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:10px;
  padding:10px 10px 10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-secondary)
}
.operation-attachment-file-copy{display:grid;gap:2px;overflow:hidden}
.operation-attachment-file-copy>b{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.45}
.operation-attachment-file-copy>small{display:block;color:var(--text-tertiary);line-height:1.35}
.operation-attachment-file>button{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--text-secondary)}
.operation-attachment-review>div:first-child>div{min-width:0}
.operation-attachment-review>div:first-child b,
.operation-attachment-review>div:first-child small,
.operation-attachment-note{overflow-wrap:anywhere;word-break:keep-all}

/* Address search is a contained in-app helper, never an external map jump. */
.ddak-address-search-backdrop{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:22px;background:rgba(14,11,28,.48);}
.ddak-address-search-modal{width:min(620px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 44px));display:grid;grid-template-rows:auto auto minmax(360px,1fr) auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-primary) 22%,var(--border-default));border-radius:var(--radius-xl);background:var(--surface-primary);box-shadow:0 28px 80px rgba(18,12,46,.24)}
.ddak-address-search-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid var(--border-subtle)}
.ddak-address-search-modal>header>div{min-width:0}.ddak-address-search-modal h2{margin:4px 0 5px;font-size:22px;line-height:1.25}.ddak-address-search-modal p{margin:0;color:var(--text-secondary);line-height:1.55}
.ddak-address-search-eyebrow{font-size:12px;font-weight:790;letter-spacing:.11em;color:var(--brand-primary)}
.ddak-address-search-guide{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;margin:14px 18px 0;padding:11px 12px;border-radius:var(--radius-md);background:var(--brand-soft)}
.ddak-address-search-guide>span{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-primary);color:var(--brand-primary)}
.ddak-address-search-guide>div{display:grid;gap:2px}.ddak-address-search-guide b{font-size:13px}.ddak-address-search-guide small{font-size:12px;color:var(--text-secondary)}
.ddak-address-postcode-host{min-height:390px;margin:12px 18px;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-primary)}
.ddak-address-search-modal>footer{display:flex;justify-content:flex-end;padding:12px 18px 18px;border-top:1px solid var(--border-subtle)}

/* Performance typography: create deliberate separation between PRO badge and standard metric copy. */
.ddak-performance-mode-copy{display:grid;gap:7px;min-width:0}
.ddak-performance-mode-copy>b{display:block;line-height:1.24}
.ddak-performance-mode-copy>small{display:block;line-height:1.58;max-width:720px}
.ddak-pro-heading{display:flex;align-items:center;gap:15px;min-width:0}
.ddak-pro-heading-badge{flex:0 0 auto}
.ddak-pro-heading-copy{display:grid;gap:5px;min-width:0}
.ddak-pro-heading-copy h2,.ddak-pro-heading-copy small{margin:0;line-height:1.35}
.ddak-pro-heading-copy small{display:block;color:var(--text-secondary)}

/* The arrow is part of the actual select hit target, not decorative dead space. */
.ddak-scope-control.metric-select{position:relative;display:block;padding:0;overflow:hidden}
.ddak-scope-control.metric-select select{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:50px;padding:0 46px 0 14px;cursor:pointer;background:transparent}
.ddak-scope-control.metric-select .ddak-scope-trailing{position:absolute;z-index:2;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}

/* Maintenance lock screen. */
.ddak-maintenance-shell{background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--brand-primary) 13%,transparent),transparent 38%),var(--surface-page)}
.release-gate.is-maintenance{max-width:640px;padding:42px 44px;text-align:center;border-color:color-mix(in srgb,var(--brand-primary) 34%,var(--border-default));box-shadow:0 28px 90px color-mix(in srgb,var(--brand-primary) 13%,transparent)}
.ddak-maintenance-badge{display:inline-flex;align-items:center;min-height:28px;margin:4px 0 12px;padding:0 10px;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--brand-primary);font-size:12px;font-weight:790;letter-spacing:.08em}
.ddak-maintenance-schedule{display:grid;gap:6px;margin:22px 0;padding:17px 18px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary)}
.ddak-maintenance-schedule>span{font-size:12px;color:var(--text-secondary)}.ddak-maintenance-schedule>b{font-size:17px;line-height:1.4}.ddak-maintenance-schedule>small{font-size:13px;font-weight:750;color:var(--brand-primary)}
.ddak-maintenance-lock-note{margin:-6px 0 20px;font-size:12px;line-height:1.6;color:var(--text-tertiary)}

/* Desktop-only: substantially larger typography, surfaces, controls and spacious section rhythm. */
@media (min-width:1024px){
  html{--ddak-sidebar:304px;--page-padding:44px}
  .app-shell{padding-left:304px}
  .app-bottom-nav,.ddak-ui-bottom-nav{left:0;width:304px;padding:26px 22px 26px;border-right:2px solid color-mix(in srgb,var(--brand-primary) 54%,var(--border-default));box-shadow:10px 0 34px color-mix(in srgb,var(--brand-primary) 5%,transparent)}
  .ddak-desktop-side-brand{min-height:74px;margin-bottom:14px;padding:9px 10px}
  .ddak-desktop-nav-caption{margin:4px 8px 10px;font-size:12px;letter-spacing:.16em}
  .ddak-desktop-nav-menu{gap:0}
  .ddak-desktop-nav-menu>.app-nav-button{position:relative;min-height:72px;height:72px;padding:0 14px;grid-template-columns:38px minmax(0,1fr);gap:14px;border-radius:var(--radius-md)}
  .ddak-desktop-nav-menu>.app-nav-button+ .app-nav-button::before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:color-mix(in srgb,var(--border-default) 82%,transparent)}
  .ddak-desktop-nav-menu>.app-nav-button.active::before,.ddak-desktop-nav-menu>.app-nav-button.active+ .app-nav-button::before{opacity:.45}
  .ddak-desktop-nav-menu .app-nav-icon,.ddak-ai-nav-item .app-nav-icon{width:38px;height:38px}
  .ddak-desktop-nav-menu .app-nav-icon>.ddak-icon{width:30px;height:30px}
  .ddak-desktop-nav-menu .app-nav-label,.ddak-ai-nav-item .app-nav-label{font-size:20px;line-height:1.18;font-weight:790;letter-spacing:0}
  .ddak-desktop-nav-footer{padding-top:14px;margin-top:12px;border-top:1px solid color-mix(in srgb,var(--brand-primary) 24%,var(--border-default))}
  .ddak-desktop-nav-footer>button{min-height:76px;padding:10px 12px;grid-template-columns:38px minmax(0,1fr);gap:13px}
  .ddak-desktop-nav-footer b{font-size:18px}.ddak-desktop-nav-footer small{font-size:13px}
  .ddak-ai-composer{left:304px;width:calc(100vw - 304px)}

  .app-header,.ddak-ui-topbar{left:304px;min-height:82px;padding-left:34px;padding-right:34px}
  .ddak-desktop-page-meta small{font-size:13px}.ddak-desktop-page-meta strong{font-size:23px}
  .ddak-desktop-business b{font-size:16px}.ddak-desktop-business small{font-size:12px}

  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-more,.ddak-home-screen,.ddak-ads-screen,.ddak-performance-screen,.ddak-more-screen{max-width:1480px;padding:38px 48px 78px}
  .ddak-ui-ai,.ddak-ai-screen{font-size:17px}
  .screen:not(.ddak-ui-ai)>*+*{margin-top:28px}
  .ddak-ui-home{row-gap:30px;column-gap:36px}
  .ddak-ui-performance{gap:28px 34px}
  .ddak-ui-group{margin-top:32px}.ddak-ui-group>h2{margin-bottom:14px;font-size:22px}
  .ddak-home-v12-section,.ddak-ui-card,.ddak-ui-section,.ddak-performance-section,.ddak-pro-metrics-section,.ddak-pro-conditional-metrics,.naver-clone-performance-module,.ddak-easy-trend-section{padding:24px 26px;border-radius:var(--radius-xl)}

  .ddak-app-shell :is(p,li,label,button,input,select,textarea){font-size:16px}
  .ddak-app-shell :is(small,.field-hint,.modal-help){font-size:14px;line-height:1.6}
  .ddak-app-shell :is(h1){font-size:36px;line-height:1.2}
  .ddak-app-shell :is(h2){font-size:26px;line-height:1.28}
  .ddak-app-shell :is(h3){font-size:21px;line-height:1.34}
  .ddak-app-shell :is(.ddak-ui-row-main b,.ddak-home-v12-section b,.ddak-ui-campaign-body b,.ddak-ui-status-row b){font-size:17px}
  .ddak-app-shell :is(.ddak-ui-row-main small,.ddak-ui-status-row small,.ddak-ui-feed-row small,.ddak-ui-campaign-body small){font-size:14px}
  .ddak-app-shell :is(input,select,textarea){min-height:54px;padding:12px 15px;border-radius:var(--radius-md)}
  .ddak-app-shell textarea{min-height:116px}
  .ddak-app-shell .btn{min-height:52px;padding:0 18px;font-size:16px}
  .ddak-app-shell .btn.small{min-height:42px;font-size:14px}
  .ddak-ui-group-row,.ddak-ui-status-row,.ddak-ui-feed-row{min-height:82px;padding:14px 16px}
  .ddak-ui-mi{width:48px;height:48px}
  .ddak-ui-feature-hero{padding:24px 25px;column-gap:18px}
  .ddak-ui-feature-hero h1,.ddak-ui-feature-hero h2{font-size:30px}
  .ddak-ui-tabs,.ddak-ui-performance-tabs,.ddak-ui-mode-tabs{padding:5px;gap:4px}
  .ddak-ui-tabs button,.ddak-ui-performance-tabs button,.ddak-ui-mode-tabs button{min-height:52px;font-size:15px}
  .ddak-ui-period-row{gap:10px}.ddak-ui-period-row button{min-height:48px;padding-inline:17px;font-size:14px}
  .ddak-performance-mode-row{padding:24px 26px;gap:24px}.ddak-performance-mode-copy>b{font-size:20px}.ddak-performance-mode-copy>small{font-size:15px}
  .ddak-pro-heading{gap:18px}.ddak-pro-heading-badge{min-width:58px;padding:7px 11px;font-size:13px}.ddak-pro-heading-copy h2{font-size:23px}.ddak-pro-heading-copy small{font-size:14px}
  .ddak-performance-safe-kpis>button{min-height:116px;padding:18px}.ddak-performance-kpi-value{font-size:26px}.ddak-performance-kpi-label{font-size:14px}
  .ddak-performance-date-range{min-height:56px;padding:0 16px;font-size:15px}
  .ddak-ui-campaign-list{gap:18px}.ddak-ui-campaign-card{min-height:124px;padding:20px}.ddak-ui-campaign-thumb{width:82px;height:82px}
  .ddak-ui-action-list{gap:16px}.ddak-ui-action-list>button{min-height:104px;padding:16px}

  .modal,.ddak-menu-sheet,.ddak-submenu-sheet{font-size:16px}
  .modal-head h3{font-size:24px}.modal-head p{font-size:15px}
  .operation-fullscreen-flow{max-width:920px}
  .operation-flow-head{min-height:86px;padding:18px 24px}.operation-flow-head h2{font-size:26px}.operation-flow-head small{font-size:14px}
  .ddak-operation-content{padding:30px 34px 42px}.operation-question{padding:28px}.operation-question h3{font-size:25px}.operation-question>p{font-size:15px}
  .operation-types{gap:13px}.operation-types>button{min-height:86px;padding:15px 18px}.operation-types b{font-size:17px}.operation-types small{font-size:14px}
  .operation-footer{min-height:82px;padding:14px 28px}
  .operation-attachment-review{padding:20px}.operation-attachment-review b{font-size:16px}.operation-attachment-review small{font-size:13px}

  .ddak-address-search-modal{width:min(720px,calc(100vw - 360px));grid-template-rows:auto auto minmax(440px,1fr) auto}
  .ddak-address-postcode-host{min-height:460px}
}

@media (min-width:1440px){
  html{--ddak-sidebar:322px}
  .app-shell{padding-left:322px}.app-bottom-nav,.ddak-ui-bottom-nav{width:322px}.app-header,.ddak-ui-topbar{left:322px}.ddak-ai-composer{left:322px;width:calc(100vw - 322px)}
  .ddak-ui-home,.ddak-ui-ads,.ddak-ui-performance,.ddak-ui-more,.ddak-home-screen,.ddak-ads-screen,.ddak-performance-screen,.ddak-more-screen{padding-left:58px;padding-right:58px}
  .ddak-desktop-nav-menu>.app-nav-button{min-height:76px;height:76px}.ddak-desktop-nav-menu .app-nav-label,.ddak-ai-nav-item .app-nav-label{font-size:21px}
}

@media(max-width:1023px){
  .ddak-address-search-backdrop{padding:12px}.ddak-address-search-modal{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);grid-template-rows:auto auto minmax(320px,1fr) auto}.ddak-address-postcode-host{min-height:320px;margin:10px 12px}.ddak-address-search-modal>header{padding:16px 15px 13px}.ddak-address-search-guide{margin:10px 12px 0}.ddak-address-search-modal>footer{padding:10px 12px 12px}
}

/* UX3940 · desktop responsive restoration and scale harmony */
@media (min-width:1024px){
  /* Larger navigation, while keeping the page/app coordinate system in sync. */
  html{--ddak-sidebar:336px;--page-padding:48px}
  .app-shell{padding-left:var(--ddak-sidebar)}
  .app-bottom-nav,.ddak-ui-bottom-nav{
    width:var(--ddak-sidebar);
    padding:28px 24px 28px;
  }
  .app-header,.ddak-ui-topbar,.ddak-header-surface{left:var(--ddak-sidebar)}
  .ddak-desktop-side-brand{min-height:82px;padding:11px 12px;margin-bottom:15px}
  .ddak-desktop-brand-lockup .ddak-brand-mark{width:46px;height:46px}
  .ddak-desktop-brand-lockup .ddak-brand-type b{font-size:23px}
  .ddak-desktop-brand-lockup .ddak-brand-type small{font-size:13px}
  .ddak-desktop-nav-caption{margin:5px 10px 11px;font-size:13px}
  .ddak-desktop-nav-menu>.app-nav-button{
    min-height:80px;
    height:80px;
    padding:0 16px;
    grid-template-columns:42px minmax(0,1fr);
    gap:15px;
  }
  .ddak-desktop-nav-menu .app-nav-icon,.ddak-ai-nav-item .app-nav-icon{width:42px;height:42px}
  .ddak-desktop-nav-menu .app-nav-icon>.ddak-icon{width:32px;height:32px}
  .ddak-ai-nav-item .ddak-nav-ddaki-face,.ddak-ai-nav-item.active .ddak-nav-ddaki-face{width:36px;height:36px}
  .ddak-desktop-nav-menu .app-nav-label,.ddak-ai-nav-item .app-nav-label{
    font-size:23px;
    line-height:1.2;
    font-weight:790;
  }
  .ddak-desktop-nav-menu>.app-nav-button+.app-nav-button::before{left:16px;right:16px}
  .ddak-desktop-nav-footer>button{
    min-height:82px;
    padding:11px 14px;
    grid-template-columns:40px minmax(0,1fr);
    gap:14px;
  }
  .ddak-desktop-nav-footer>button>.ddak-icon{width:29px;height:29px}
  .ddak-desktop-nav-footer b{font-size:20px}
  .ddak-desktop-nav-footer small{font-size:14px;line-height:1.35}

  /* Header controls must scale with their larger labels instead of leaving undersized boxes. */
  .app-header,.ddak-ui-topbar{min-height:92px;padding-left:38px;padding-right:38px}
  .ddak-desktop-page-meta small{font-size:14px}
  .ddak-desktop-page-meta strong{font-size:25px}
  .app-header-actions,.ddak-desktop-context{gap:11px}
  .ddak-desktop-business{
    min-width:270px;
    max-width:390px;
    height:62px;
    padding:0 16px;
    grid-template-columns:minmax(0,1fr) 22px;
    gap:12px;
    border-radius:var(--radius-lg);
  }
  .ddak-desktop-business>span{gap:3px}
  .ddak-desktop-business small{font-size:14px;line-height:1.2}
  .ddak-desktop-business b{font-size:18px;line-height:1.25}
  .ddak-desktop-business>.ddak-icon{width:21px;height:21px}
  .ddak-desktop-search,.ddak-home-notification-button{
    width:54px;
    min-width:54px;
    height:54px;
    border-radius:var(--radius-lg);
  }
  .ddak-desktop-search>.ddak-icon,.ddak-home-notification-button>.ddak-icon{width:23px;height:23px}

  /* Similar top-level desktop controls: enlarge container and hit area together with text. */
  .ddak-app-shell :is(.ddak-scope-control,.ddak-performance-date-range,.ddak-product-filter,.ddak-ui-select-control){
    min-height:56px;
  }
  .ddak-app-shell :is(.ddak-scope-control,.ddak-product-filter) select{min-height:54px}
  .ddak-app-shell .icon-btn{min-width:48px;min-height:48px}

  /* DdakAI composer restoration: exclude it from the large generic form textarea rule. */
  .ddak-app-shell .ddak-ai-screen .ddak-ai-composer,
  .ddak-app-shell .ddak-ui-ai .ddak-ai-composer{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    transform:none;
    width:100%;
    max-width:none;
    flex:0 0 auto;
    padding:12px 34px 16px;
    background:linear-gradient(to bottom,transparent,var(--surface-page) 24%);
    box-shadow:none;
  }
  .ddak-app-shell .ddak-ai-screen .ddak-ai-composer .ai-input,
  .ddak-app-shell .ddak-ui-ai .ddak-ai-composer .ai-input{
    width:min(100%,920px);
    max-width:920px;
    min-height:60px;
    margin:0 auto;
    padding:7px 8px 7px 16px;
    align-items:center;
    border-radius:var(--radius-xl);
  }
  .ddak-app-shell .ddak-ai-screen .ddak-ai-composer textarea,
  .ddak-app-shell .ddak-ui-ai .ddak-ai-composer textarea{
    min-height:38px;
    height:38px;
    max-height:126px;
    padding:8px 0;
    font-size:16px;
    line-height:1.45;
    resize:none;
  }
  .ddak-app-shell .ddak-ai-screen .ddak-ai-composer .ai-input-send,
  .ddak-app-shell .ddak-ui-ai .ddak-ai-composer .ai-input-send{
    width:44px;
    height:44px;
    flex:0 0 44px;
  }
  .ddak-app-shell .ddak-ai-screen .ddak-ai-composer .ai-input-clear,
  .ddak-app-shell .ddak-ui-ai .ddak-ai-composer .ai-input-clear{
    width:38px;
    height:38px;
    min-width:38px;
    min-height:38px;
  }
  .ddak-app-shell .ddak-ai-screen .ddak-ai-composer-tools,
  .ddak-app-shell .ddak-ui-ai .ddak-ai-composer-tools{
    width:min(100%,920px);
    max-width:920px;
    margin:5px auto 0;
    padding:0 5px;
    font-size:13px;
  }
  .ddak-ai-conversation-pane{min-width:0;overflow:hidden}
  .ddak-ai-chat-stream{min-width:0;overflow-x:hidden}
}

@media (min-width:1440px){
  html{--ddak-sidebar:356px}
  .ddak-desktop-nav-menu>.app-nav-button{min-height:84px;height:84px}
  .ddak-desktop-nav-menu .app-nav-label,.ddak-ai-nav-item .app-nav-label{font-size:24px}
  .ddak-desktop-business{min-width:292px;max-width:420px;height:64px}
  .ddak-desktop-business b{font-size:19px}
}

/* Mobile/tablet isolation: desktop typography must never leak into compact layouts. */
@media (max-width:1023px){
  .ddak-ai-composer{left:0;right:0;transform:none;width:100%;max-width:none}
  .ddak-ai-composer .ai-input{min-height:54px;max-width:760px;padding:7px 8px 7px 12px}
  .ddak-ai-composer textarea{min-height:36px;height:36px;max-height:116px;padding:7px 0;font-size:14px;line-height:1.5}
  .ddak-ai-composer .ai-input-send{width:40px;height:40px;flex-basis:40px}
  .ddak-home-business-switch{max-width:min(270px,70vw)}
}

@media (max-width:599px){
  .ddak-ai-composer{padding-left:10px;padding-right:10px}
  .ddak-ai-composer .ai-input{min-height:52px}
  .ddak-ai-composer textarea{min-height:34px;height:34px;font-size:14px}
  .ddak-home-business-switch{max-width:min(230px,64vw)}
}

/* UX3950 · header alignment, larger desktop brand and interactive home character */
.ddak-home-v12-hero-character-link{appearance:none;border:0;padding:0;margin:0;background:transparent;color:inherit;cursor:pointer;pointer-events:auto}
.ddak-home-v12-hero-character-link:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-primary) 35%,transparent);outline-offset:5px;border-radius:var(--radius-lg)}
.ddak-home-v12-hero-character-link:hover .ddak-home-v12-ddaki{transform:translateY(-2px);transition:transform .16s ease}

@media (min-width:1024px){
  html{--ddak-topbar:92px}
  .app-header,.ddak-ui-topbar,.ddak-header-surface{height:var(--ddak-topbar);min-height:var(--ddak-topbar)}
  .app-main{padding-top:var(--ddak-topbar)}
  .ddak-desktop-side-brand{min-height:96px;padding:13px 14px;margin-bottom:16px}
  .ddak-desktop-brand-lockup{gap:13px}
  .ddak-desktop-brand-lockup .ddak-brand-mark{width:56px;height:56px}
  .ddak-desktop-brand-lockup .ddak-brand-type b{font-size:27px;line-height:1.12}
  .ddak-desktop-brand-lockup .ddak-brand-type small{font-size:14px}
  .ddak-desktop-settings{width:54px;min-width:54px;height:54px;border-radius:var(--radius-lg)}
  .ddak-desktop-settings>.ddak-icon{width:23px;height:23px}
  .ddak-ai-workspace-header{min-height:72px;padding-top:10px;padding-bottom:10px;overflow:visible}
  .ddak-ai-conversation-pane{padding-top:0}
}
@media (min-width:1440px){
  .ddak-desktop-side-brand{min-height:100px}
  .ddak-desktop-brand-lockup .ddak-brand-mark{width:60px;height:60px}
  .ddak-desktop-brand-lockup .ddak-brand-type b{font-size:29px}
}
@media (max-width:1023px){
  .ddak-home-v12-hero-character-link{pointer-events:auto}
}


/* UX3960 · readability, spacious rhythm and operations card workspace */
@media (min-width:1024px){
  /* "전체" is intentionally excluded from this typography/spacing expansion. */
  .ddak-app-shell:not(.ddak-tab-more) :is(p,li,label,button,input,select,textarea){font-size:18px;line-height:1.55}
  .ddak-app-shell:not(.ddak-tab-more) :is(small,.field-hint,.modal-help){font-size:15px;line-height:1.65}
  .ddak-app-shell:not(.ddak-tab-more) h1{font-size:40px;line-height:1.2}
  .ddak-app-shell:not(.ddak-tab-more) h2{font-size:29px;line-height:1.3}
  .ddak-app-shell:not(.ddak-tab-more) h3{font-size:23px;line-height:1.36}
  .ddak-app-shell:not(.ddak-tab-more) :is(.ddak-ui-row-main b,.ddak-home-v12-section b,.ddak-ui-campaign-body b,.ddak-ui-status-row b){font-size:19px;line-height:1.42}
  .ddak-app-shell:not(.ddak-tab-more) :is(.ddak-ui-row-main small,.ddak-ui-status-row small,.ddak-ui-feed-row small,.ddak-ui-campaign-body small){font-size:15px;line-height:1.58}
  .ddak-app-shell:not(.ddak-tab-more) :is(input,select,textarea){min-height:58px;padding:13px 16px}
  .ddak-app-shell:not(.ddak-tab-more) .btn{min-height:56px;padding-inline:20px;font-size:17px}
  .ddak-app-shell:not(.ddak-tab-more) .btn.small{min-height:44px;font-size:15px}

  /* Airier top-level sections, except the More/전체 screen. */
  .ddak-app-shell:not(.ddak-tab-more) .screen:not(.ddak-ui-ai)>*+*{margin-top:38px}
  .ddak-tab-home .ddak-home-v12-section{margin-top:40px}
  .ddak-tab-home .ddak-home-v12-section-head{margin-bottom:15px}
  .ddak-tab-ads .ddak-ui-group,.ddak-tab-performance .ddak-ui-group{margin-top:42px}
  .ddak-tab-ads .ddak-ui-group>h2,.ddak-tab-performance .ddak-ui-group>h2{margin-bottom:18px}
  .ddak-tab-performance .ddak-ui-performance{gap:36px 40px}
  .ddak-tab-notices .ddak-notice-screen>*+*{margin-top:34px}

  /* Keep DdakAI composer compact despite the general form scale increase. */
  .ddak-app-shell .ddak-ai-screen .ddak-ai-composer textarea,
  .ddak-app-shell .ddak-ui-ai .ddak-ai-composer textarea{min-height:38px;height:38px;max-height:126px;padding:8px 0;font-size:16px;line-height:1.45}

}


@media (max-width:1023px){
  .ddak-app-shell:not(.ddak-tab-more) :is(p,li,label){font-size:15px;line-height:1.58}
  .ddak-app-shell:not(.ddak-tab-more) :is(small,.field-hint,.modal-help){font-size:13px;line-height:1.6}
}
