/* Shared UI palette: web approximations of supplied Incheon CMYK values.
   Blue 100/80/0/5 -> #0030f2; Yellow 0/35/100/0 -> #ffa600. */
:root{--kopler-blue:#1748ae;--kopler-yellow:#ffcd00;--blue:var(--kopler-blue);--yellow:var(--kopler-yellow);--line:#e5e9ef;--ink:#1c2736;--muted:#7b8796;--soft:#f6f8fb}
body{font-family:'Pretendard','Noto Sans KR','Malgun Gothic',system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}.os{--workspace-accent:var(--kopler-blue);background:#f6f8fb}.os .os-masthead{background:#fff;border-color:var(--line)}.os .side{background:#fff;border-right:1px solid var(--line);color:#536174}.os .side .org small{color:#a0a9b6}.os .side .org strong{color:#29374c}.os .side nav button{color:#738094;font-size:12px;border-radius:7px;transition:background .15s,color .15s}.os .side nav button:hover{background:#f6f8fc;color:#344d77}.os .side nav button.active{background:#edf1ff;color:var(--kopler-blue);font-weight:650;box-shadow:inset 2px 0 var(--kopler-blue)}.os .side .user{border-color:var(--line);color:#647187}.os .side .user strong{color:#39495f}.os .side .home-link{color:#8a97a9}.os .primary{background:var(--kopler-blue);color:#fff;border-color:var(--kopler-blue);border-radius:7px;box-shadow:none;font-weight:600}.os .primary:hover{background:#0028ce}.os .outline{border-radius:7px;border-color:#dce3ec;background:#fff;color:#52647b}.os .outline:hover{background:#f8faff;border-color:#cbd6e7}.os button:focus-visible,.os a:focus-visible{outline:2px solid #96afff;outline-offset:3px}.os .status.escalated{background:#fff4d5;color:#956300}.os .status.new{background:#eef2ff;color:var(--kopler-blue)}.os .status.resolved{background:#edf4ef;color:#557561}.os .slate-inbox .case-table button.tr.selected{background:#f0f3ff}.os .top h1{font-weight:650;letter-spacing:-.04em}.os .top p:not(.eyebrow){color:#8d99a9}.os .work-card,.os .setting-card{border-color:var(--line);border-radius:10px;box-shadow:0 3px 14px #192c4d03}.os .top-avatar{background:#edf1ff;color:#4e64a1}.os .thread-message.review-message{border-radius:8px;background:#fafbfd;border-color:#e8ecf1}.os .thread-message.review-message>header{font-size:11px}.os .reply-box{background:#f5f7ff;border-color:#e1e7ff}.os .reply-box label{color:#5167a0}.os .reply-box textarea{background:#fff}.os .settings-content{min-width:0}.os-company .settings-shell{grid-template-columns:1fr}.os-company .setting-card{max-width:1100px}.os .setting-card input:not([type=color]):not([type=range]),.os .setting-card select{min-height:40px;padding:10px 12px;border:1px solid #dfe5ee;border-radius:6px;font-size:12px}.os .setting-card input:focus,.os .setting-card select:focus{outline:2px solid #c2cfff;outline-offset:1px}.os .settings-tenants{background:#fff;border-color:var(--line);border-radius:9px}.os .settings-tenants button.active{background:#edf1ff;color:var(--kopler-blue)}.os .brand-preview{border-radius:8px}.os .brand-copy-settings{border:1px solid #e7ecf3;background:#f8fafd;border-radius:8px}
#gb-panel.work-card{padding:0!important;background:transparent;border:0;box-shadow:none}#gb-panel *{box-sizing:border-box}.gb-toolbar{margin:0 0 20px;gap:20px;align-items:center}.gb-toolbar p{font-size:12px;color:#8b97a7;line-height:1.7;margin:0}.gb-toolbar .primary{min-height:38px;padding:10px 17px;font-size:12px;border:0;white-space:nowrap}.gb-grid{gap:20px}.gb-card{border:1px solid #e3e8ef;border-radius:11px;padding:24px;background:#fff;box-shadow:0 2px 10px #1b2b4502}.gb-card>header{align-items:start;gap:14px;margin-bottom:8px}.gb-card>header>div{min-width:0}.gb-kicker{display:block;font-size:10px;font-weight:500;letter-spacing:.02em;color:#98a3b2;margin-bottom:8px}.gb-card header strong{display:block;font-size:17px;font-weight:650;line-height:1.45;letter-spacing:-.025em;color:#253249;overflow-wrap:anywhere}.gb-card>p{margin:6px 0 22px;font-size:12px;line-height:1.7;color:#91a0b1}.gb-status{display:inline-flex!important;align-items:center;flex:none;padding:5px 9px;font-size:10px!important;font-weight:550;line-height:1.4;border-radius:5px;white-space:nowrap}.gb-status.draft{background:#fff4d5;color:#946800}.gb-status.live{background:#eef2ff;color:var(--kopler-blue)}.gb-status.closed{background:#f0f2f5;color:#8a95a3}.gb-card dl{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px 15px;padding:19px 0;margin:0;border-top:1px solid #f0f2f6;border-bottom:1px solid #f0f2f6}.gb-card dt{font-size:11px;font-weight:500;color:#97a2b1;line-height:1.7}.gb-card dd{font-size:12px;font-weight:450;color:#506079;line-height:1.7;overflow-wrap:anywhere}.gb-actions{gap:8px;margin:18px 0 0;display:flex;flex-wrap:wrap;align-items:center}.gb-actions button,.gb-actions a{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:35px;padding:0 12px;border:1px solid #e0e6ee;border-radius:6px;background:#fff;color:#687b95;font-size:11px;font-weight:550;line-height:1;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.gb-actions button:hover,.gb-actions a:hover{border-color:#c8d4e8;background:#f7f9fd}.gb-actions button[data-gb-edit],.gb-actions .primary{border-color:#dbe3ff;background:#eff3ff;color:var(--kopler-blue)}.gb-actions button[data-gb-edit]:hover{background:#e5ecff}.gb-actions .primary{color:#fff;background:var(--kopler-blue);border-color:var(--kopler-blue)}#gb-panel>.form-help{font-size:11px;line-height:1.8;color:#9aa5b5;margin:20px 2px}#gb-panel>details{margin-top:20px;padding:17px 18px;border:1px solid #e6ebf2;border-radius:8px;background:#fafbfd;font-size:11px;color:#8593a6}#gb-panel>details summary{cursor:pointer;font-size:11px;font-weight:550}#gb-panel>details p{font-size:11px;color:#8a99ab;margin:12px 0 0}#gb-panel>details a{color:#637aa5;text-decoration:none}#gb-editor:empty{display:none}#gb-editor #gb-form{display:block;border:1px solid #e2e8f1;border-radius:11px;background:#fff;padding:26px;margin:0 0 24px}#gb-form h2{font-size:16px;color:#2b3e58;letter-spacing:-.02em;margin:0 0 24px}#gb-form .gb-grid{gap:0 20px}#gb-form label{display:block;margin:0 0 20px;color:#728199;font-size:11px;font-weight:550;line-height:1.5}#gb-form input:not([type=checkbox]),#gb-form select,#gb-form textarea{display:block;width:100%;margin:8px 0 0;border:1px solid #dfe6ef;border-radius:6px;min-height:41px;padding:10px 12px;background:#fff;color:#425772;font:inherit;font-weight:450;font-size:12px;box-shadow:none}#gb-form textarea{min-height:85px;resize:vertical;line-height:1.75}#gb-form input:focus,#gb-form select:focus,#gb-form textarea:focus{outline:2px solid #c7d3ff;outline-offset:1px;border-color:#9bafea}#gb-form .gb-check{display:flex;gap:10px;margin:18px 0;align-items:center;font-size:12px}#gb-form input[type=checkbox]{margin:0;width:15px;height:15px;accent-color:var(--kopler-blue)}#gb-error{font-size:11px}.gb-application{border-color:#ebeff5}.gb-application summary{padding:5px 0}.gb-application dl{border-radius:7px;background:#f8fafd}#pilot-list header h2{font-size:17px;letter-spacing:-.02em}#pilot-list header p{font-size:12px;color:#8593a5}#pilot-list header a{color:var(--kopler-blue);text-decoration:none}
@media(max-width:1000px){.gb-grid{grid-template-columns:1fr}.gb-card{padding:22px}}@media(max-width:600px){#gb-panel.work-card{margin:16px!important}.gb-toolbar{gap:14px}.gb-card{padding:20px}.gb-card dl{grid-template-columns:78px minmax(0,1fr)}#gb-editor #gb-form{padding:20px}.gb-actions button,.gb-actions a{font-size:10px;padding:0 10px}.gb-toolbar p{font-size:11px}.gb-status{font-size:9px!important}}
.os-company{background:var(--company-surface,#f6f8fb)}.os-company .os-masthead{background:var(--company-header,#fff);color:var(--company-header-text,#263443)}.gb-card dt{color:#788697}.gb-card>p{color:#7c8c9f}.gb-toolbar p{color:#7d8da2}.gb-kicker{color:#8492a3}
.support-context-note{padding:13px 16px;border:1px solid #e1e8f7;background:#f5f8ff;color:#74839a;font-size:12px;line-height:1.8;border-radius:7px;margin-top:20px}.consumer .gb-card{margin-top:22px}.consumer .gb-card details{font-size:12px;margin-top:14px}.consumer .gb-card p{white-space:pre-wrap}.consumer .faq-answer{white-space:pre-wrap;line-height:1.85}

/* KOPLER PL — rectilinear brand layer. Functionality and tenant variables stay intact. */
:root{--kopler-blue:#1748ae;--kopler-yellow:#ffcd00;--kopler-black:#000;--kopler-white:#fff}
body{font-family:Poppins,'Pretendard','Noto Sans KR','Malgun Gothic',system-ui,sans-serif}
.kopler-wordmark,.brand-logo-crop{overflow:visible!important;width:146px!important;height:40px!important}
.kopler-wordmark img,.brand-logo-crop img{position:static!important;width:100%!important;height:100%!important;object-fit:contain;object-position:left center;max-width:none!important}
.operated-by .brand-logo-crop{width:102px!important;height:28px!important}
.operated-by .brand-logo-crop img{position:static!important;width:100%!important;height:100%!important}
.os,.login-page,.consumer{--workspace-accent:var(--kopler-blue)}
.os .os-masthead{border-bottom:2px solid var(--kopler-black);background:var(--kopler-white)}
.os .side{border-right:2px solid var(--kopler-black)}
.os .side nav button,.os .primary,.os .outline,.os .work-card,.os .setting-card,.os .settings-tenants,.os .brand-preview,.gb-card,.gb-actions button,.gb-actions a,#gb-editor #gb-form,.support-context-note,.login-panel input,.login-panel button,.consumer .primary,.consumer .form-card,.consumer .frequent,.consumer input,.consumer select,.consumer textarea{border-radius:0!important;box-shadow:none!important}
.os .side nav button.active{background:var(--kopler-yellow);color:var(--kopler-black);box-shadow:inset 5px 0 var(--kopler-blue)}
.os .primary,.gb-actions .primary{background:var(--kopler-blue);border-color:var(--kopler-blue);color:var(--kopler-white)}
.os .primary:hover,.gb-actions .primary:hover{background:var(--kopler-black);border-color:var(--kopler-black)}
.os .outline,.gb-actions button,.gb-actions a{border:1px solid var(--kopler-black);color:var(--kopler-black)}
.os .status.new,.gb-status.live{background:var(--kopler-blue);color:var(--kopler-white)}
.os .status.escalated,.gb-status.draft{background:var(--kopler-yellow);color:var(--kopler-black)}
.os .top h1,.os .page-intro h2,.login-brand h1,.consumer .intro h1{font-family:Poppins,'Pretendard',sans-serif;font-weight:800;letter-spacing:-.055em}
.os .work-card,.os .setting-card,.os .settings-tenants,.gb-card{border:1px solid var(--kopler-black)}
.os .work-head,.os .setting-card>header{border-bottom-color:var(--kopler-black)}
.os .reply-box{background:#fff8e6;border:2px solid var(--kopler-yellow)}
.os input:focus,.os textarea:focus,.os select:focus{outline:3px solid var(--kopler-yellow)!important;outline-offset:0!important}
.login-brand{background:var(--kopler-blue);color:var(--kopler-white)}
.login-brand:after{border-radius:0;background:var(--kopler-yellow);opacity:1;transform:rotate(45deg);right:-290px;bottom:-290px}
.login-brand .eyebrow,.login-brand>p:not(.eyebrow),.login-points small{color:#fff}
.login-panel{border-left:2px solid var(--kopler-black)}
.consumer-head{border-bottom:2px solid var(--kopler-black)}
.consumer .primary{background:var(--button-color);border:2px solid var(--brand-text)}
.consumer .form-card,.consumer .frequent{border:2px solid var(--brand-text)}
.consumer .form-title{border-bottom:2px solid var(--brand-text)}
.consumer .product-line{border-radius:0;border:2px solid var(--brand-text)}
.brand-preview{border-left:8px solid var(--preview)}
.brand-preview>i,.settings-tenants>button i{border-radius:0}
@media(max-width:760px){.kopler-wordmark{width:42px!important;overflow:hidden!important}.kopler-wordmark img{width:146px!important;max-width:none!important}}
.auth-page{background:#fff;padding:0 40px}
.auth-header{border-bottom:2px solid var(--kopler-black)}
.auth-shell{border:2px solid var(--kopler-black);border-radius:0;box-shadow:14px 14px 0 var(--kopler-yellow);overflow:hidden}
.auth-story{background:var(--kopler-blue);color:#fff}
.auth-story .eyebrow,.auth-story>div>p:not(.eyebrow),.auth-flow small,.auth-story-foot,.auth-story-foot small{color:#fff}
.auth-flow>div>span{border-radius:0;border:2px solid var(--kopler-yellow);color:var(--kopler-yellow)}
.auth-flow>i{background:var(--kopler-yellow)}
.auth-story-foot{border-top:2px solid var(--kopler-yellow)}
.auth-dot{border-radius:0;background:var(--kopler-yellow)}
.auth-form-panel{border-left:2px solid var(--kopler-black)}
.auth-form>input,.auth-password,.auth-page .language-control{border:1px solid var(--kopler-black);border-radius:0}
.auth-password input{border-radius:0}
.auth-submit{background:var(--kopler-blue)!important;border-radius:0!important}
.auth-submit:hover{background:var(--kopler-black)!important}
@media(max-width:650px){.auth-page{padding:0 18px}.auth-form-panel{border-left:0;border-top:2px solid var(--kopler-black)}.auth-shell{box-shadow:8px 8px 0 var(--kopler-yellow)}}

.pilot-attachments{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 4px;padding-top:12px;border-top:1px solid #d9dde3}.pilot-attachments>strong{width:100%;font-size:12px}.pilot-attachments>a{font-size:11px;text-decoration:none}
.seller-paid-check{display:flex!important;align-items:center;gap:10px;grid-column:1/-1;background:#fff7df;padding:14px;border-radius:8px;font-weight:600}.seller-paid-check input{width:18px!important;height:18px;min-height:18px}.seller-manual-note{grid-column:1/-1;color:#778396;font-size:12px;line-height:1.6;margin:0}.seller-order-detail .seller-linked{overflow-wrap:anywhere}
/* Unified campaign workspace */
.hub-toolbar{display:flex;align-items:center;gap:24px;padding:20px 22px;background:white;border:1px solid #e1e6ee;border-radius:12px}.hub-toolbar>label{min-width:220px;font-size:12px;color:#68778a;display:grid;gap:7px}.hub-toolbar select{width:100%;height:42px;padding:0 12px;border:1px solid #dce3ed;border-radius:7px;background:#fff;font-size:14px;color:#213148}.hub-context{flex:1;display:grid;gap:7px;min-width:0}.hub-context b{font-size:14px}.hub-context small{font-size:12px;color:#79869a;line-height:1.6}.hub-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px}.hub-metrics article{border:1px solid #e2e7ef;border-radius:10px;background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.hub-metrics span{font-size:12px;color:#768398}.hub-metrics b{font-size:24px;letter-spacing:-.5px}.hub-metrics small{font-size:12px;color:#9aa5b5;font-weight:400;margin-left:5px}.hub-metrics .attention{background:#fffbef;border-color:#f6e4b8}.hub-tabs{display:flex;gap:26px;border-bottom:1px solid #dce3ed;margin-bottom:20px;overflow:auto}.hub-tabs button{border:0;background:none;padding:12px 3px 16px;font-size:14px;color:#778497;white-space:nowrap;border-bottom:3px solid transparent;font-weight:600}.hub-tabs button.active{color:#0030f2;border-bottom-color:#0030f2}#hub-content{padding:22px;border-radius:12px;min-width:0}.hub-empty{padding:45px 22px;text-align:center;color:#8390a1;line-height:1.7}.hub-empty h2{font-size:17px;color:#34445a}.hub-preview-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hub-preview-tools>a{text-decoration:none;font-size:12px}.hub-segment{display:flex;background:#f1f4f8;padding:4px;border-radius:8px}.hub-segment button{padding:7px 13px;border:0;background:transparent;color:#7a879a;border-radius:5px;font-size:12px}.hub-segment button.active{background:white;color:#22364f;box-shadow:0 1px 5px #273b5610}.hub-preview-note{font-size:12px;color:#8b97a8;margin:18px 0}.hub-preview-stage{background:#eef2f7;padding:22px;border:1px solid #e2e7ee;border-radius:12px;display:flex;justify-content:center}.hub-preview-stage iframe{border:1px solid #dfe5ed;border-radius:12px;display:block;background:#fff;height:780px;width:100%;max-width:100%;box-shadow:0 5px 20px #3448610d}.hub-preview-stage.mobile iframe{width:390px}.hub-cases{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.6fr);gap:24px}.hub-case-list{display:flex;flex-direction:column;gap:8px}.hub-case-list>button{display:grid;gap:8px;text-align:left;padding:16px;background:#fff;border:1px solid #e1e6ee;border-radius:8px}.hub-case-list>button.active{border-color:#b8c9ff;background:#f3f6ff}.hub-case-list>button>span{font-size:11px;color:#0030f2}.hub-case-list strong{font-size:13px;line-height:1.5}.hub-case-list small{font-size:11px;color:#8b97a9}.hub-conversation-head{border-bottom:1px solid #e5eaf0;padding:4px 0 20px}.hub-conversation-head h2{font-size:19px;line-height:1.5;margin:12px 0 8px}.hub-conversation-head small{color:#8a97a9}.hub-messages{display:grid;gap:14px;padding:24px 0}.hub-messages article{border:1px solid #e3e8ef;background:#f7f9fc;padding:16px;border-radius:10px;max-width:92%;overflow-wrap:anywhere}.hub-messages article.support{background:#f0f4ff;border-color:#e1e8ff;margin-left:8%}.hub-messages strong{font-size:12px;color:#526785}.hub-messages p{font-size:14px;white-space:pre-wrap;line-height:1.7;margin:10px 0}.hub-messages small{color:#97a2b3;font-size:10px}.hub-review{display:grid;gap:14px;padding:20px;border:1px solid #e3e8ef;border-radius:10px;margin-top:16px}.hub-review h3{font-size:14px;margin:0}.hub-review p{font-size:13px;line-height:1.7;margin:0}.hub-review label{display:grid;gap:8px;font-size:12px}.hub-review textarea,.hub-review select{border:1px solid #dce3ed;border-radius:6px;padding:10px;min-width:0}.hub-review button{justify-self:end}#hub-content .work-card{box-shadow:none}#hub-content .gb-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:950px){.hub-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-cases{grid-template-columns:1fr}.hub-case-list{max-height:320px;overflow:auto}.hub-toolbar{flex-wrap:wrap;gap:14px}.hub-context{min-width:160px}}@media(max-width:600px){.hub-toolbar{padding:16px}.hub-toolbar>label{width:100%;min-width:0}.hub-context{flex-basis:65%}.hub-metrics article{padding:14px;display:grid;gap:5px}.hub-tabs{gap:20px}.hub-preview-stage{padding:8px}.hub-preview-stage iframe{height:680px}#hub-content{padding:14px}.hub-preview-tools{gap:8px}}
.campaign-customer-nav{display:flex;align-items:center;gap:22px;padding:12px 5%;background:#fff;border-bottom:1px solid #e2e8ef;font-size:13px}.campaign-customer-nav>span{flex:1;font-weight:600;color:#41516a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-customer-nav a{color:#78869a;text-decoration:none;white-space:nowrap;padding:7px 0}.campaign-customer-nav a.active{color:var(--accent,#0030f2);font-weight:700;border-bottom:2px solid currentColor}
.hub-operator{margin-top:24px;border:1px solid #dce5f5;background:#f7f9ff;padding:22px}.hub-operator h3{font-size:14px;margin:0 0 18px}.hub-operator form,.hub-review form{display:grid;gap:14px}.hub-operator label{display:grid;gap:8px;font-size:12px;color:#657892}.hub-operator textarea,.hub-operator select{padding:12px;border:1px solid #d9e2ef;background:white;width:100%;min-width:0;border-radius:4px}.hub-operator textarea{min-height:130px;resize:vertical}.hub-reply-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.hub-operator [role=alert],.hub-review [role=alert]{color:#ad3a3a;font-size:12px}.hub-review article{border-bottom:1px solid #e0e7ef;padding-bottom:14px}.hub-review article small{color:#96a2b3;font-size:11px}
.storage-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:22px 0}.storage-counts article{display:grid;gap:10px;border:1px solid #e0e6ef;background:#fafbfd;padding:18px}.storage-counts span{font-size:12px;color:#758398}.storage-counts strong{font-size:25px;color:#263c57}.storage-counts code{font-size:9px;color:#a0aabc;overflow-wrap:anywhere}.storage-check{border-top:1px solid #e0e7ef;padding-top:18px}.storage-check p{font-size:12px;line-height:1.8;color:#7d8ca1}.storage-check b{color:#364e6c}.storage-check [role=alert]{color:#a64747}