/* Existing SCM identity: navy #0f172a, blue #1e40af, slate #475569,
   pale #f8fafc, white #fff. Keep established Korean fonts and tabular numbers. */
.legacy-navigation {display:none!important}
.purpose-navigation {display:grid;align-content:start;gap:8px;min-width:0;flex:1}
.purpose-group {min-width:0}
.purpose-parent {display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:46px;padding:10px 12px;border:1px solid #334155;border-radius:6px;color:#e2e8f0;background:transparent;text-align:left;font-size:14px;font-weight:700;cursor:pointer}
.purpose-parent.active {background:#1e293b;color:#fff;border-color:#64748b}
.purpose-parent svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.purpose-parent[aria-expanded=true] svg {transform:rotate(180deg)}
.purpose-links {padding:6px 0 8px}
.purpose-links[hidden] {display:none!important}
.purpose-links p {margin:4px 10px 8px;color:#cbd5e1;font-size:12px;line-height:1.6}
.purpose-links button {display:block;width:100%;min-height:44px;padding:9px 12px;border:0;border-left:3px solid transparent;border-radius:4px;background:transparent;color:#cbd5e1;text-align:left;font-size:13px;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}
.purpose-links button:hover {background:#1e293b;color:#fff}
.purpose-links button.active {background:#1e40af;border-left-color:#93c5fd;color:#fff;font-weight:700}
.purpose-navigation button:focus-visible {outline:2px solid #93c5fd;outline-offset:2px}
.purpose-context {margin:0 0 20px;padding:14px 18px;border:1px solid #cbd5e1;border-left:4px solid #1e40af;border-radius:6px;background:#fff;color:#0f172a}
.purpose-context strong {font-size:14px;line-height:1.6}
.purpose-context p {margin:4px 0 0;color:#475569;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.purpose-context small {display:block;margin-top:6px;color:#475569;font-size:12px;line-height:1.6}
.purpose-context[data-area=settings] {border-left-color:#92400e}
.purpose-context[data-area=system] {border-left-color:#475569}
.purpose-actions {margin:16px 0}
.purpose-policy {max-width:850px}
.purpose-policy .warehouse-policy {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:0;background:transparent;border:0}
.purpose-policy .warehouse-policy>span,.purpose-policy .warehouse-policy>button {grid-column:1/-1}
.purpose-policy .warehouse-policy label {display:grid;grid-template-columns:1fr;gap:6px;font-size:14px}
.purpose-policy .warehouse-policy input {width:100%;min-height:44px;font-size:16px}
#policy-view .warehouse-policy input {width:100%;max-width:none}
.purpose-policy .warehouse-policy button {min-height:44px;background:#1e40af;color:#fff;border-radius:6px}
@media(max-width:760px){.purpose-navigation{width:100%}.purpose-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.purpose-links p{grid-column:1/-1}.purpose-context{padding:12px;margin-bottom:16px}.purpose-policy .warehouse-policy{grid-template-columns:1fr}}
@media(max-width:700px){#warehouse-overview .warehouse-head{display:none}#warehouse-overview .warehouse-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%;gap:12px;padding:14px}#warehouse-overview .warehouse-row>*{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}#warehouse-overview .warehouse-row>*:first-child{grid-column:1/-1}#warehouse-overview .warehouse-row>*::before{content:attr(data-label);display:block;font:400 12px/1.6 sans-serif;color:#475569;margin-bottom:3px}}