@font-face{font-family:Pretendard;src:url('./fonts/PretendardVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--pws-red:#a72b2a;--pws-red-main:#a72b2a;--pws-red-deep:#a72b2a;--pws-menu:#211816;--pws-menu-mid:#211816;--pws-page:#f3f1ef;--pws-surface:#fffdfc;--pws-text:#342824;--pws-muted:#746661;--pws-line:#ded8d5;--pws-radius:10px;--pws-font:Pretendard,'Malgun Gothic',sans-serif}
html body,html body input,html body select,html body textarea,html body button{font-family:var(--pws-font)!important;font-weight:500}
html body #flowstack-layout,html body #flowstack-layout *{font-family:var(--pws-font)!important;font-weight:500!important}
html body h1,html body h2,html body h3,html body strong,html body b,html body #flowstack-layout h1,html body #flowstack-layout h2,html body #flowstack-layout h3,html body #flowstack-layout strong,html body #flowstack-layout b,html body #flowstack-layout [aria-current=page]{font-weight:700!important}
html body #flowstack-layout{background:var(--pws-page);color:var(--pws-text)}
html body #flowstack-main{background:var(--pws-page)!important;min-height:100vh}
html body #flowstack-top{box-sizing:border-box;min-height:92px;padding:18px 28px!important;background:var(--pws-surface)!important;border-bottom:1px solid var(--pws-line)!important;display:flex;align-items:center;gap:16px}
.pws-page-title small{display:block;color:var(--pws-muted);font-size:11px;letter-spacing:.7px;margin-bottom:6px}
html body #flowstack-top h1{font-size:25px!important;line-height:1.25;margin:0!important;color:var(--pws-text)!important;background:none;padding:0;white-space:normal}
.pws-account{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.pws-account>span{margin-right:8px;color:var(--pws-muted)}
html body #flowstack-top .pws-account a{padding:8px 11px;background:var(--pws-page);border:1px solid var(--pws-line);border-radius:6px;color:var(--pws-text)}
html body #flowstack-nav{background:var(--pws-menu)!important;padding-top:24px}
html body #flowstack-nav nav a[aria-current]{background:var(--pws-red)!important;color:white}
html body #flowstack-nav nav a{padding:12px 14px;margin:1px 0;font-size:14px}.fs-nav-title{font-weight:700!important}.fs-nav-bottom strong{font-weight:700!important}
html body #suite,html body #pilot{box-sizing:border-box;padding:24px 28px!important;margin:0!important;max-width:none!important;font-size:14px!important;line-height:1.6;color:var(--pws-text)!important}
html body .suite-heading{min-height:44px;margin:0 0 14px;gap:12px}.suite-heading p{font-size:13px!important;letter-spacing:0!important;color:var(--pws-muted)!important}
html body .suite-context{padding:12px 16px;border-radius:6px;border:1px solid var(--pws-line);border-left:3px solid var(--pws-red);background:var(--pws-surface)!important;color:var(--pws-muted)}
html body #suite button,html body #suite select,html body #pilot input,html body #pilot select,html body #pilot button{min-height:40px;border:1px solid var(--pws-line)!important;border-radius:6px!important;background:var(--pws-surface);color:var(--pws-text);padding:8px 12px!important;font-size:14px!important}
html body #suite button:hover{border-color:var(--pws-red)!important;color:var(--pws-red)}
html body #pilot button{background:var(--pws-red)!important;color:white!important}
html body #pilot form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px!important;border:1px solid var(--pws-line);border-radius:var(--pws-radius);background:var(--pws-surface)!important;gap:18px!important;margin:18px 0}
#pilot form label{min-width:0}#pilot form input,#pilot form select{width:100%;box-sizing:border-box}#pilot form button{align-self:end}
html body #pilot>p:nth-of-type(1){display:none}#pilot #commands{flex-wrap:wrap}#pilot .pws-section-title{font-size:17px;margin:0 0 10px;color:var(--pws-text)}
html body .suite-kpis{gap:16px;margin:20px 0}.suite-kpi{box-shadow:0 2px 8px #00000004}.suite-kpi strong{font-size:34px!important;font-variant-numeric:tabular-nums}
html body .suite-table-wrap{margin-top:16px;border-radius:var(--pws-radius);background:var(--pws-surface)!important}
html body .suite-table th,html body #pilot th{padding:14px 16px;font-size:12px;background:var(--pws-page)!important;color:var(--pws-muted)!important;font-weight:700!important;white-space:nowrap}
html body .suite-table td,html body #pilot td{padding:12px 16px;border-color:var(--pws-line)!important;vertical-align:middle;color:var(--pws-text)}
html body .suite-table tbody tr:hover{background:var(--pws-page)}.suite-table td:nth-child(3){font-variant-numeric:tabular-nums}.suite-table td .suite-actions{margin:0;display:flex;gap:3px}
.suite-selector{padding:16px;background:var(--pws-surface);border:1px solid var(--pws-line);border-radius:var(--pws-radius)}
html body .suite-empty{background:var(--pws-surface);border:1px dashed var(--pws-line);border-radius:var(--pws-radius);color:var(--pws-muted)}
html body #suite-detail>h2{font-size:18px;margin:22px 0 8px;color:var(--pws-text)}
html body #flowstack-main #a5-g5 .g5-a5-nav{display:flex;flex-wrap:wrap;padding:14px 24px;gap:8px;background:var(--pws-page);font-size:12px}
html body #flowstack-main #a5-g5 .g5-a5-notice{background:var(--pws-page);color:var(--pws-muted);font-size:12px;padding:6px 24px}
html body #flowstack-main #a5-g5 .a52-titlebox{display:none!important}
html body #flowstack-main #a5-g5 .a52-toolbar{grid-template-columns:minmax(0,1fr)!important;padding:16px!important;border:1px solid var(--pws-line)!important;border-top:3px solid var(--pws-red)!important;border-radius:var(--pws-radius)!important;background:var(--pws-surface)!important;box-shadow:none!important}
html body #flowstack-main #a5-g5 .a52-controlbox{grid-template-columns:minmax(150px,1fr) minmax(200px,2fr)!important}
html body #flowstack-main #a5-g5 .a52-controlbox label{background:var(--pws-surface)!important;color:var(--pws-muted)!important}
html body #flowstack-main #a5-g5 .a52-controlbox select{background:var(--pws-page)!important;color:var(--pws-text)!important;border-color:var(--pws-line)!important}
html body #flowstack-main #a5-g5 .a52-actionbox button{background:var(--pws-red)!important;border-color:var(--pws-red)!important;color:white!important;border-radius:6px!important;min-height:38px;font-weight:700!important}
html body #flowstack-main #a5-g5 .a52-panel,html body #flowstack-main #a5-g5 .a52-wall-card{border-radius:var(--pws-radius)!important;border:1px solid var(--pws-line)!important;background:var(--pws-surface)!important;overflow:hidden;box-shadow:none!important}
html body #flowstack-main #a5-g5 .a52-panel>header,html body #flowstack-main #a5-g5 .a52-wall-card>header{background:var(--pws-menu)!important;border:0!important;color:white!important;padding:11px 14px!important;min-height:42px!important}
html body #flowstack-main #a5-g5 header strong{font-size:14px!important;color:white!important}
html body #flowstack-main #a5-g5 .a52-kpis strong,html body #flowstack-main #a5-g5 .a52-progress-rows strong{color:var(--pws-red)!important;font-weight:700!important}
html body #flowstack-main #a5-g5 .a52-current-sku-highlight{border-color:var(--pws-line)!important;background:var(--pws-surface)!important;box-shadow:none!important}
html body #flowstack-login-title{font-family:var(--pws-font)!important;font-weight:700!important;color:var(--pws-red)!important;background:var(--pws-surface)!important}
html body #flowstack-login-footer{font-family:var(--pws-font)!important;font-weight:500!important;color:var(--pws-muted)!important}
html body:has(#flowstack-login-title){background:var(--pws-page)!important}
html body form[name=flogin] .btn_submit{background:var(--pws-red)!important;border-color:var(--pws-red)!important}
:focus-visible{outline:2px solid var(--pws-red);outline-offset:3px}
/* Operations hierarchy: title, section, action, then data. */
html body #flowstack-top{box-shadow:0 3px 16px #34282408;border-top:4px solid var(--pws-red);min-height:104px}
html body #flowstack-top h1{font-size:28px!important;color:var(--pws-red)!important;letter-spacing:-.8px}
html body #flowstack-top .pws-page-title{border-left:4px solid var(--pws-red);padding-left:16px}
html body .pws-page-title small{letter-spacing:1.4px;font-size:10px;color:var(--pws-muted)}
html body #flowstack-layout .pws-section-title,html body #suite-detail>h2{font-size:20px!important;font-weight:700!important;letter-spacing:-.4px;border-left:3px solid var(--pws-red);padding-left:12px;margin-top:28px}
html body #suite .suite-heading p{font-size:15px!important;color:var(--pws-text)!important}
html body #suite .suite-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
html body #suite .suite-actions a,html body #pilot #export,html body #pilot #viewer{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;box-sizing:border-box;border:1px solid var(--pws-line);border-radius:7px;background:var(--pws-surface);color:var(--pws-text);text-decoration:none!important;font-size:12px;box-shadow:0 2px 3px #34282409;white-space:nowrap}
html body #suite .suite-actions a:first-child,html body #suite #suite-refresh{background:var(--pws-red);color:white;border-color:var(--pws-red)!important;box-shadow:0 3px 8px #34282418}
html body #suite .suite-actions a:hover,html body #flowstack-top a:hover{filter:brightness(.94);transform:translateY(-1px)}
html body #suite button:disabled,html body #pilot button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.suite-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.pws-chart{padding:24px;border:1px solid var(--pws-line);border-radius:12px;background:var(--pws-surface);box-shadow:0 4px 16px #34282406}
html body #flowstack-layout .pws-chart h2{font-size:18px;font-weight:700!important;margin:0 0 6px;color:var(--pws-text)}
.pws-chart-caption{font-size:12px;color:var(--pws-muted);margin:0 0 22px}
.pws-bar-row{display:grid;grid-template-columns:90px 1fr 44px;align-items:center;gap:12px;margin:13px 0;font-size:12px}
.pws-bar-row>strong{text-align:right;font-variant-numeric:tabular-nums}.pws-bar-track{height:12px;border-radius:4px;background:var(--pws-page);overflow:hidden}.pws-bar-track>span{display:block;height:100%;background:var(--pws-red);border-radius:4px}
.pws-bar-track>span[data-state=COMPLETED]{background:#27785b}.pws-bar-track>span[data-state=RUNNING]{background:#3276b1}.pws-bar-track>span[data-state=PAUSED]{background:#a87828}
.pws-status{display:inline-block;border-radius:20px;padding:5px 11px;background:var(--pws-page);color:var(--pws-text);font-size:12px;white-space:nowrap}
.pws-status[data-state=COMPLETED]{background:#e6f4ed;color:#236144}.pws-status[data-state=RUNNING]{background:#e6f0fc;color:#235888}.pws-status[data-state=BLOCKED]{background:#fce9e7;color:#9d2c26}
.suite-raw summary{cursor:pointer;color:var(--pws-muted);font-size:12px;padding:6px 0}.suite-raw pre{max-width:600px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--pws-page);padding:12px;border:1px solid var(--pws-line);border-radius:6px;font-size:12px;line-height:1.7}
.suite-audit-content p{margin:0;line-height:1.7;overflow-wrap:anywhere}.suite-audit-content{min-width:220px}html body .suite-table td{font-size:13px}html body .suite-kpi{border-radius:12px;box-shadow:0 4px 18px #34282406}
@media(max-width:1000px){.suite-charts{grid-template-columns:1fr}.pws-bar-row{grid-template-columns:80px 1fr 40px}}
html body #flowstack-main #a5-g5 .g5-a5-nav a{color:var(--pws-text);padding:8px 12px;border:1px solid var(--pws-line);border-radius:6px;background:var(--pws-surface);text-decoration:none}
html body #flowstack-layout th,html body #flowstack-layout .fs-nav-title{font-weight:700!important}
@media(max-width:1100px){html body #flowstack-top{padding:16px 20px!important;flex-wrap:wrap}html body #suite,html body #pilot{padding:20px!important}html body #pilot form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html body #flowstack-top h1{font-size:22px!important}html body #pilot form{grid-template-columns:1fr}html body #flowstack-main #a5-g5 .a52-controlbox{grid-template-columns:1fr!important}.suite-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}