/* Figma 2026-10-02: shared rules; business controls retain their existing IDs. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root {
  color-scheme: light;
  --dd-green:#007a3e; --dd-muted:#52626d; --dd-blue:#1d4ea1;
  --dd-orange:#8b5000; --dd-red:#b22828;
  --ws-green:var(--dd-green); --ws-muted:var(--dd-muted);
  --ws-blue:var(--dd-blue); --ws-orange:var(--dd-orange);
}
body.dd-figma-page, body.dd-figma-app {
  --bg:#fff; --bg-2:#f6f8fa; --bg-3:#eef1f3; --surface:#fff;
  --surface-2:#f6f8fa; --main-bg:#fff; --ink:#17242b; --text:#17242b;
  --text-2:#52626d; --text-3:#52626d; --muted:#52626d;
  --text-secondary:#52626d; --text-tertiary:#52626d;
  --accent:#007a3e; --accent-ink:#fff; --accent-soft:#eaf7ef;
  --accent-bg:#eaf7ef; --brand:#007a3e; --brand-bg:#eaf7ef;
  --ok:#007a3e; --info:#1d4ea1; --bad:#b22828; --danger:#b22828;
  --border:#e4e9ec; --line:#e4e9ec; --login-brand-gradient:#007a3e;
  margin:0; padding:0; background:#fff; color:#17242b;
  font-family:'Noto Sans KR',Pretendard,system-ui,sans-serif;
  font-size:16px; line-height:1.5; color-scheme:light;
}
:is(.dd-figma-page,.dd-figma-app) *, :is(.dd-figma-page,.dd-figma-app) *::before,
:is(.dd-figma-page,.dd-figma-app) *::after {box-sizing:border-box}
:is(.dd-figma-page,.dd-figma-app) :is(p,small,label,td,th,input,textarea,select,button) {
  font-family:inherit; font-size:16px; line-height:1.5;
}
:is(.dd-figma-page,.dd-figma-app) :is(button,.btn,.btn-line,.btn-sm) {
  min-height:44px; min-width:44px; height:auto; white-space:normal;
  padding:8px 16px; border-radius:8px;
}
:is(.dd-figma-page,.dd-figma-app) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select) {
  min-height:48px; max-width:100%; border:1px solid #52626d;
  border-radius:8px; color:#17242b; background:#fff; padding:8px 12px;
}
:is(.dd-figma-page,.dd-figma-app) :is(input[type=checkbox],input[type=radio]) {
  min-height:0; width:20px; height:20px; padding:0; flex-shrink:0; accent-color:#007a3e;
}
:is(.dd-figma-page,.dd-figma-app) ::placeholder {color:#52626d; opacity:1}
:is(.dd-figma-page,.dd-figma-app) :focus-visible {
  outline:3px solid #1d4ea1!important; outline-offset:3px!important;
}
.dd-figma-page button.btn:not(.line), .dd-figma-page button.primary {
  background:#007a3e; border:1px solid #007a3e; color:#fff;
}
.dd-figma-page button.btn:not(.line):hover {background:#006f3a}
.dd-figma-app .btn-primary {background:#007a3e; border-color:#007a3e; color:#fff}
.dd-figma-app .btn-primary:hover {background:#006f3a}
:is(.dd-figma-page,.dd-figma-app) :is(.muted,.meta,.sub,small) {color:#52626d}
:is(.dd-figma-page,.dd-figma-app) :is(.badge,.pill,.ws-status) {
  font-size:16px; line-height:1.5; white-space:normal; height:auto;
}
.dd-figma-app .modal-content {max-height:calc(100dvh - 32px); overflow-y:auto}
#workspace :is(.ws-heading-sub,.ws-kpi>span,.ws-kpi p,.ws-kpi small,.ws-priority-row strong,
 .ws-priority-row small,.ws-priority-row b,.ws-quick b,.ws-quick small,.ws-nav-label,
 .ws-account-card strong,.ws-account-card span,.ws-product-summary,.ws-product-summary small,
 .ws-note,.ws-toolbar p,.ws-row-main small,.ws-row-end strong) {
  font-size:16px; line-height:1.5;
}
#workspace .ws-unresolved {font-size:16px!important}
#workspace .ws-global-search {min-height:48px; height:auto; border-color:#52626d}
#workspace .ws-global-search input {min-height:0; border:0; padding:0; border-radius:0}
#workspace .ws-global-search:focus-within {outline:3px solid #1d4ea1; outline-offset:3px}
#workspace .ws-heading {gap:16px; flex-wrap:wrap; margin-bottom:24px}
#workspace .ws-kpis {gap:16px; margin-bottom:24px}
#workspace .ws-kpi {min-height:146px; height:auto; padding:16px}
#workspace .ws-home-grid {gap:24px; margin-bottom:24px; grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}
#workspace .ws-priority-row {height:auto; min-height:88px; padding-block:16px; gap:8px; grid-template-columns:32px minmax(0,1fr) auto}
#workspace .ws-priority-row small {white-space:normal; overflow:visible; text-overflow:clip}
#workspace .ws-quick>button {height:auto; min-height:88px; padding:16px 0; gap:16px}
#workspace .ws-panel-heading {padding:16px 24px; gap:16px; flex-wrap:wrap}
#workspace .ws-text-link {min-height:44px; padding:8px; font-size:16px}
#workspace .ws-tabs {gap:8px; flex-wrap:wrap}
#workspace .ws-tabs button {min-height:44px; padding:8px 16px}
#workspace .ws-sidebar nav {gap:8px}
#workspace .ws-sidebar nav button {padding:8px 16px}
.dd-figma-page .agree {display:flex; align-items:flex-start; min-height:44px; gap:16px; padding-block:8px}
.dd-figma-page .agree input {margin-top:2px}
.dd-figma-page header.top {margin-inline:0; padding-inline:16px}
.dd-figma-page.adm-body {min-width:0; --adm-accent:#007a3e}
.adm-body .adm-header-top {height:auto; min-height:64px; padding-block:16px; flex-wrap:wrap; gap:16px}
.adm-body :is(.adm-header-left,.adm-header-right) {flex-wrap:wrap; min-width:0}
.adm-body .adm-search-bar {max-width:100%}
.adm-body .adm-header-tabs {height:auto; min-height:48px; flex-wrap:wrap}
.adm-body .adm-kpi-row {flex-wrap:wrap}
.adm-body .adm-kpi-card {flex:1 1 240px; min-width:0}
.adm-body .adm-tasks-body {flex-wrap:wrap}
.dd-figma-app .auto-reply-draft-actions {flex-wrap:wrap}
.dd-figma-page:has(#f-agree) .page {max-width:720px}
.dd-figma-page:has(#f-agree) .bar-inner {max-width:688px; flex-wrap:wrap}
.dd-figma-page:has(#f-agree) .page {padding-bottom:160px}
@media(max-width:1100px) {#workspace .ws-home-grid {grid-template-columns:1fr}}
@media(max-width:760px) {
  .adm-body .adm-header-top {height:auto; min-height:64px; padding:16px; flex-wrap:wrap; gap:16px}
  .adm-body :is(.adm-header-left,.adm-header-right,.adm-orders-header,.adm-orders-actions,.adm-footer-links) {flex-wrap:wrap; gap:16px; min-width:0}
  .adm-body .adm-search-bar {width:100%; height:auto; min-height:48px}
  .adm-body .adm-header-tabs {height:auto; padding:8px 16px; gap:8px; flex-wrap:wrap}
  .adm-body .adm-tab {min-height:44px}
  .adm-body .adm-workspace {padding:24px 16px 64px}
  .adm-body .adm-kpi-row {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
  .adm-body .adm-kpi-card {padding:16px; min-width:0}
  .adm-body .adm-kpi-card-body {flex-wrap:wrap; gap:8px}
  .adm-body .adm-tasks-body {flex-direction:column}
  .adm-body .adm-master-list {width:100%; border-right:0}
  .adm-body :is(.adm-detail-row,.adm-order-row) {flex-wrap:wrap; gap:16px}
  .adm-body .adm-footer {padding-inline:16px}
  #workspace .ws-global-head {padding:0 16px; gap:8px}
  #workspace .ws-account {max-width:calc(100% - 80px); overflow-wrap:anywhere}
  #ws-content {padding:24px 16px calc(112px + env(safe-area-inset-bottom))}
  #workspace .ws-heading h1 {font-size:28px; line-height:1.5}
  #workspace .ws-heading>.ws-button {width:100%}
  #workspace .ws-priority-row {grid-template-columns:24px minmax(0,1fr); margin:0 16px; width:calc(100% - 32px)}
  #workspace .ws-priority-row b {grid-column:2; justify-self:start}
  #workspace .ws-quick>button {width:calc(100% - 32px); margin:0 16px}
  #workspace .ws-panel-heading {padding:16px}
  #workspace .ws-mobile-nav {gap:0; padding:8px 0 calc(8px + env(safe-area-inset-bottom))}
  #workspace .ws-mobile-nav button {min-width:0; font-size:16px; padding:8px 0; display:flex; flex-direction:column; align-items:center; gap:8px; white-space:normal}
  #workspace .ws-mobile-nav .ws-mobile-icon {font-size:20px; line-height:1}
  #workspace .ws-order-row {grid-template-columns:minmax(0,1fr); gap:8px}
  #workspace .ws-order-row>.ws-row-end {grid-column:1; grid-row:auto; align-items:flex-start; flex-wrap:wrap}
  #workspace .ws-order-row>.ws-row-main,#workspace .ws-product-summary {grid-column:1; grid-row:auto}
  .dd-figma-page :is(.page,.wrap) {padding:24px 16px 96px; width:100%; min-width:0}
  .dd-figma-page .card {padding:16px; border-radius:8px}
  .dd-figma-page :is(.row,.topbar,.actions,.addr-label) {flex-wrap:wrap; gap:8px}
  .dd-figma-page :is(.grid,.two) {grid-template-columns:minmax(0,1fr)}
  .dd-figma-page :is(table,.table-wrap) {max-width:100%; overflow:auto}
  .dd-figma-page p {overflow-wrap:anywhere}
  .dd-figma-app .modal-content {max-width:calc(100vw - 16px)}
  .dd-figma-app .modal-header {flex-wrap:wrap; gap:8px}
}
@media(prefers-reduced-motion:reduce) {
  :is(.dd-figma-page,.dd-figma-app) * {transition:none!important; animation:none!important}
}