/* DdakLab R76 enterprise UI foundation */
:root{
  --ddak76-blue:#6b46c1;--ddak76-blue-700:#54359e;--ddak76-blue-800:#41297a;--ddak76-navy:#1c152f;
  --ddak76-ink:#1d1433;--ddak76-text:#3f3458;--ddak76-muted:#71668a;--ddak76-canvas:#f6f5fa;
  --ddak76-surface:#FFFFFF;--ddak76-soft:#f4f0fc;--ddak76-line:#e2dded;--ddak76-line-strong:#ccc5de;
  --ddak76-positive:#087A4D;--ddak76-warning:#8D5700;--ddak76-danger:#B62934;--ddak76-info:#54359e;
  --ddak76-radius-xs:4px;--ddak76-radius-sm:7px;--ddak76-radius-md:10px;--ddak76-radius-lg:14px;
  --ddak76-shadow:0 8px 24px rgba(37,23,69,.07);--ddak76-shadow-strong:0 18px 52px rgba(37,23,69,.15);
  --ddak76-font:"Pretendard Variable",Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-ddak-surface]{background:var(--ddak76-canvas);color:var(--ddak76-ink);font-family:var(--ddak76-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color-scheme:light}
html[data-ddak-surface] body{margin:0;min-width:0;overflow-x:hidden;background:var(--ddak76-canvas);color:var(--ddak76-ink);font-family:var(--ddak76-font);font-size:14px;line-height:1.55;letter-spacing:-.012em}
html[data-ddak-surface] *,html[data-ddak-surface] *::before,html[data-ddak-surface] *::after{box-sizing:border-box}
html[data-ddak-surface] button,html[data-ddak-surface] input,html[data-ddak-surface] select,html[data-ddak-surface] textarea{font:inherit}
html[data-ddak-surface] button,html[data-ddak-surface] a,html[data-ddak-surface] [role="button"]{-webkit-tap-highlight-color:transparent}
html[data-ddak-surface] :focus-visible{outline:3px solid rgba(109,72,194,.27)!important;outline-offset:2px!important}
html[data-ddak-surface] h1,html[data-ddak-surface] h2,html[data-ddak-surface] h3,html[data-ddak-surface] h4{margin-top:0;color:var(--ddak76-ink);letter-spacing:-.034em;text-wrap:balance}
html[data-ddak-surface] p{color:var(--ddak76-text)}
html[data-ddak-surface] a{color:var(--ddak76-blue-700);text-underline-offset:3px}
html[data-ddak-surface] img{max-width:100%;height:auto}
html[data-ddak-surface] hr{border:0;border-top:1px solid var(--ddak76-line)}
html[data-ddak-surface] .card,html[data-ddak-surface] .panel,html[data-ddak-surface] .surface,
html[data-ddak-surface] [class$="-card"],html[data-ddak-surface] [class*=" card"]{border:1px solid var(--ddak76-line);border-radius:var(--ddak76-radius-md);background:var(--ddak76-surface);box-shadow:0 1px 2px rgba(39,24,74,.025)}
html[data-ddak-surface] .card:hover,html[data-ddak-surface] [class$="-card"]:hover{border-color:var(--ddak76-line-strong)}
html[data-ddak-surface] button,html[data-ddak-surface] .btn,html[data-ddak-surface] [role="button"]{min-height:42px;border-radius:var(--ddak76-radius-sm);font-weight:750;letter-spacing:-.015em;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}
html[data-ddak-surface] button:not(:disabled):active,html[data-ddak-surface] .btn:not(:disabled):active{transform:translateY(1px)}
html[data-ddak-surface] button:disabled,html[data-ddak-surface] .btn:disabled{cursor:not-allowed;opacity:.52}
html[data-ddak-surface] .primary,html[data-ddak-surface] .btn-primary,html[data-ddak-surface] [data-variant="primary"]{border-color:var(--ddak76-blue)!important;background:var(--ddak76-blue)!important;color:#fff!important;box-shadow:none!important}
html[data-ddak-surface] .primary:hover,html[data-ddak-surface] .btn-primary:hover,html[data-ddak-surface] [data-variant="primary"]:hover{border-color:var(--ddak76-blue-700)!important;background:var(--ddak76-blue-700)!important}
html[data-ddak-surface] .secondary,html[data-ddak-surface] .btn-secondary,html[data-ddak-surface] [data-variant="secondary"]{border:1px solid var(--ddak76-line-strong)!important;background:#fff!important;color:var(--ddak76-ink)!important;box-shadow:none!important}
html[data-ddak-surface] input,html[data-ddak-surface] select,html[data-ddak-surface] textarea{min-height:44px;border:1px solid var(--ddak76-line-strong);border-radius:var(--ddak76-radius-sm);background:#fff;color:var(--ddak76-ink);box-shadow:none}
html[data-ddak-surface] textarea{line-height:1.6;resize:vertical}
html[data-ddak-surface] input:hover,html[data-ddak-surface] select:hover,html[data-ddak-surface] textarea:hover{border-color:#b7aecd}
html[data-ddak-surface] input:focus,html[data-ddak-surface] select:focus,html[data-ddak-surface] textarea:focus{border-color:var(--ddak76-blue);box-shadow:0 0 0 3px rgba(109,72,194,.1);outline:0}
html[data-ddak-surface] input::placeholder,html[data-ddak-surface] textarea::placeholder{color:#837a99;opacity:1}
html[data-ddak-surface] table{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
html[data-ddak-surface] th{background:#f9f7fc;color:#5d5277;font-size:12px;font-weight:800;letter-spacing:.005em;text-align:left}
html[data-ddak-surface] th,html[data-ddak-surface] td{border-color:var(--ddak76-line)!important}
html[data-ddak-surface] tbody tr:hover{background:#faf8fd}
html[data-ddak-surface] .badge,html[data-ddak-surface] .chip,html[data-ddak-surface] .tag,html[data-ddak-surface] [class*="badge"],html[data-ddak-surface] [class*="chip"]{border-radius:999px;font-weight:750}
html[data-ddak-surface] [data-status="active"],html[data-ddak-surface] [data-status="running"],html[data-ddak-surface] [data-status="ready"],html[data-ddak-surface] [data-status="monitoring"],html[data-ddak-surface] [data-status="analyzing"],html[data-ddak-surface] [data-status="planning"],html[data-ddak-surface] [data-status="creating"]{border-color:#d6ccee!important;background:#f3f0fa!important;color:#4c308e!important}
html[data-ddak-surface] [data-status="success"],html[data-ddak-surface] [data-status="completed"],html[data-ddak-surface] [data-status="applied"]{border-color:#B7DECD!important;background:#EAF7F1!important;color:#077246!important}
html[data-ddak-surface] [data-status="pending"],html[data-ddak-surface] [data-status="verifying"],html[data-ddak-surface] [data-status="warning"],html[data-ddak-surface] [data-status="waiting_approval"],html[data-ddak-surface] [data-status="waiting_operator"]{border-color:#E8CC96!important;background:#FFF6E7!important;color:#815000!important}
html[data-ddak-surface] [data-status="failed"],html[data-ddak-surface] [data-status="error"],html[data-ddak-surface] [data-status="blocked"],html[data-ddak-surface] [data-status="cancelled"]{border-color:#EDB8BD!important;background:#FFF0F1!important;color:#A5242D!important}
html[data-ddak-surface] .sidebar,html[data-ddak-surface] aside[class*="side"],html[data-ddak-surface] nav[class*="side"]{background:var(--ddak76-navy);color:#e5dff4}
html[data-ddak-surface] .sidebar a,html[data-ddak-surface] aside[class*="side"] a,html[data-ddak-surface] nav[class*="side"] a{color:#d2c9e8}
html[data-ddak-surface] .sidebar [aria-current="page"],html[data-ddak-surface] .sidebar .active,html[data-ddak-surface] aside[class*="side"] [aria-current="page"],html[data-ddak-surface] aside[class*="side"] .active{background:rgba(255,255,255,.105);color:#fff}
html[data-ddak-surface] .hero,html[data-ddak-surface] [class*="hero-card"],html[data-ddak-surface] [class*="welcome-card"]{border:1px solid #d7cdee!important;background:#f8f5fd!important;color:var(--ddak76-ink)!important;box-shadow:none!important}
html[data-ddak-surface] .hero h1,html[data-ddak-surface] .hero h2,html[data-ddak-surface] [class*="hero-card"] h1,html[data-ddak-surface] [class*="hero-card"] h2,html[data-ddak-surface] [class*="welcome-card"] h1,html[data-ddak-surface] [class*="welcome-card"] h2{color:var(--ddak76-ink)!important}
html[data-ddak-surface] .hero p,html[data-ddak-surface] [class*="hero-card"] p,html[data-ddak-surface] [class*="welcome-card"] p{color:#5a4e77!important}
html[data-ddak-surface] img[src*="ddaki"],html[data-ddak-surface] img[src*="mascot"]{object-fit:contain}
html[data-ddak-surface] [class*="hero"] img[src*="ddaki"],html[data-ddak-surface] [class*="welcome"] img[src*="ddaki"]{max-height:132px!important;width:auto!important}
html[data-ddak-surface] .modal,html[data-ddak-surface] [role="dialog"],html[data-ddak-surface] dialog{border:1px solid var(--ddak76-line);border-radius:var(--ddak76-radius-lg);background:#fff;box-shadow:var(--ddak76-shadow-strong)}
html[data-ddak-surface] .table-wrap,html[data-ddak-surface] .table-container,html[data-ddak-surface] [class*="table-wrap"]{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
html[data-ddak-surface] .table-wrap table,html[data-ddak-surface] [class*="table-wrap"] table{min-width:680px}
html[data-ddak-surface] [role="tablist"],html[data-ddak-surface] [class*="tabs"]{max-width:100%}
html[data-ddak-surface] [role="tab"]{min-height:42px;white-space:nowrap}
html[data-ddak-surface] [role="tab"][aria-selected="true"]{color:var(--ddak76-blue-700);border-color:var(--ddak76-blue)}
html[data-ddak-surface] .ddak-r76-approval{position:sticky;bottom:12px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:14px 16px;border:1px solid #d2c7ec;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 16px 38px rgba(47,29,88,.13);backdrop-filter:blur(14px)}
html[data-ddak-surface] .ddak-r76-money{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}
html[data-ddak-surface] .ddak-r76-muted{color:var(--ddak76-muted)}
html[data-ddak-surface] .ddak-r76-scroll{overflow-x:auto;overscroll-behavior-inline:contain}
html[data-ddak-surface] .ddak-r76-autonomy-bar{display:flex;align-items:center;gap:9px;min-height:40px;padding:9px 12px;border:1px solid #d6cbee;border-radius:9px;background:#faf9fd;color:#3f335c;font-size:12px;font-weight:700}
html[data-ddak-surface] .ddak-r76-autonomy-dot{width:8px;height:8px;border-radius:50%;background:var(--ddak76-blue);box-shadow:0 0 0 4px rgba(109,72,194,.1)}
html[data-ddak-surface] .ddak-r76-autonomy-bar strong{color:#4c308e}
html[data-ddak-surface] [data-ddak-r76-internal="true"]{display:none!important}
@media(max-width:1024px){
  html[data-ddak-surface] [class*="grid-4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-ddak-surface] [class*="grid-3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:768px){
  html[data-ddak-surface] body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  html[data-ddak-surface] [class*="grid-4"],html[data-ddak-surface] [class*="grid-3"],html[data-ddak-surface] [class*="grid-2"]{grid-template-columns:minmax(0,1fr)!important}
  html[data-ddak-surface] button,html[data-ddak-surface] .btn,html[data-ddak-surface] [role="button"]{min-height:46px}
  html[data-ddak-surface] input,html[data-ddak-surface] select,html[data-ddak-surface] textarea{min-height:48px;font-size:16px}
  html[data-ddak-surface] .card,html[data-ddak-surface] .panel,html[data-ddak-surface] [class$="-card"]{border-radius:9px}
  html[data-ddak-surface] [role="tablist"],html[data-ddak-surface] [class*="tabs"]{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html[data-ddak-surface] [role="tablist"]::-webkit-scrollbar,html[data-ddak-surface] [class*="tabs"]::-webkit-scrollbar{display:none}
  html[data-ddak-surface] .modal,html[data-ddak-surface] [role="dialog"],html[data-ddak-surface] dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:12px!important}
  html[data-ddak-surface] .ddak-r76-approval{bottom:calc(82px + env(safe-area-inset-bottom,0px));align-items:stretch;flex-direction:column;padding:12px}
  html[data-ddak-surface] .ddak-r76-approval button,html[data-ddak-surface] .ddak-r76-approval .btn{width:100%}
  html[data-ddak-surface] [class*="toolbar"],html[data-ddak-surface] [class*="filter-row"],html[data-ddak-surface] [class*="actions"]{max-width:100%;flex-wrap:wrap}
  html[data-ddak-surface] [class*="toolbar"]>* ,html[data-ddak-surface] [class*="filter-row"]>*{min-width:0;max-width:100%}
}
@media(max-width:420px){
  html[data-ddak-surface] body{font-size:13px}
  html[data-ddak-surface] h1{font-size:clamp(26px,8vw,34px)}
  html[data-ddak-surface] h2{font-size:clamp(21px,6.6vw,28px)}
  html[data-ddak-surface] .table-wrap table,html[data-ddak-surface] [class*="table-wrap"] table{min-width:620px}
}
@media(prefers-reduced-motion:reduce){html[data-ddak-surface] *,html[data-ddak-surface] *::before,html[data-ddak-surface] *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* R76 overflow and long-label protection */
:where(.card,.panel,.metric-card,.r76-card,.r76-change,.r76-role,.r76-platform-card,.r76-trust-grid>*,.r76-news-grid>*,.app-main,.content,.workspace-main){min-width:0}
:where(h1,h2,h3,h4,p,li,td,th,a,button,label,strong,small,[data-account-name],[data-campaign-name]){overflow-wrap:anywhere}
:where(.table-wrap,.data-table-wrap,[data-table-scroll]){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
