:root{--navy:#081d35;--blue:#174d7a;--yellow:#f2cc45;--ink:#121921;--muted:#69737d;--line:#dfe4e7;--soft:#f4f6f7;--green:#167558;--red:#c92e3a;font:16px/1.5 Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip{position:fixed;left:-999px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#111;color:#fff;border-radius:6px;padding:.75rem 1.1rem;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.eyebrow{margin:0 0 .45rem;font-size:.72rem;font-weight:800;letter-spacing:.13em;color:var(--blue)}.primary{border:0;border-radius:4px;background:var(--navy);color:#fff;padding:.78rem 1.1rem;font-weight:800}.wide{width:100%}.consumer{--accent:#111827;min-height:100vh}.consumer-head{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4vw}.tenant-logo{display:flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none}.tenant-logo i,.tenant-overview header i,.knowledge header i{display:grid;place-items:center;width:36px;height:36px;border-radius:3px;background:var(--accent);color:#fff;font-style:normal;font-weight:900}.tenant-logo strong{letter-spacing:.05em}.consumer-head nav{margin-left:auto;display:flex;align-items:center;gap:2rem}.consumer-head nav a,.consumer-head nav button{border:0;background:none;color:#424b53;text-decoration:none;font-size:.85rem}.consumer>main{min-height:680px;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.78fr);gap:clamp(3rem,7vw,8rem);padding:clamp(3rem,7vw,6rem) max(4vw,calc((100vw - 1280px)/2)) 4rem;background:linear-gradient(90deg,#f7f8f9 0 58%,#fff 58%)}.intro{padding-top:1.4rem}.intro h1{font-size:clamp(2.4rem,4vw,4.8rem);line-height:1.1;letter-spacing:-.06em;max-width:720px;margin:.5rem 0 1.2rem}.intro>p:not(.eyebrow){max-width:570px;color:var(--muted);font-size:1.05rem}.product-line{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);padding:1rem;margin:2.5rem 0 2rem;max-width:620px}.product-line>i{width:54px;height:54px;display:grid;place-items:center;background:var(--accent);color:#fff;font-style:normal;font-size:1.35rem;font-weight:900}.product-line div{flex:1}.product-line small,.product-line strong,.product-line span{display:block}.product-line small,.product-line span{font-size:.72rem;color:var(--muted)}.product-line strong{margin:.15rem 0}.product-line button{border:0;background:none;color:var(--blue);font-weight:700}.promise{max-width:620px;border-top:1px solid #bfc6ca;padding-top:1.3rem}.promise>strong{font-size:.9rem}.promise ol{list-style:none;padding:0}.promise li{display:flex;align-items:center;gap:.8rem;margin:.75rem 0;color:#4d5860;font-size:.86rem}.promise li b{width:24px;height:24px;border:1px solid #aab2b8;border-radius:50%;display:grid;place-items:center;font-size:.65rem;color:#59636b}.form-card{background:#fff;border:1px solid #cfd5d9;box-shadow:0 18px 55px #0b1d2c10;align-self:start}.form-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:1.2rem 1.5rem}.form-title span{font-size:1.1rem;font-weight:900}.form-title small{color:var(--green)}.form-card form{padding:1rem 1.5rem 1.5rem}.form-card label,.actions label{display:block;margin:.9rem 0;font-size:.8rem;font-weight:800}.form-card input,.form-card select,.form-card textarea,.actions select,.actions textarea{display:block;width:100%;margin-top:.4rem;border:1px solid #cfd5d9;border-radius:3px;padding:.75rem;background:#fff}.form-card textarea,.actions textarea{min-height:110px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.upload{border:1px dashed #aeb7bd;padding:.9rem;display:flex;align-items:center;gap:.8rem;color:#56616a}.upload>span{font-size:1.3rem}.upload strong,.upload small{display:block}.upload small{color:var(--muted);font-size:.7rem}.upload input{display:none}.agree{font-weight:400!important;color:var(--muted);font-size:.72rem!important;display:flex!important;align-items:center;gap:.5rem}.agree input{display:inline;width:auto;margin:0}.quick{max-width:1280px;margin:auto;padding:3rem 2rem;display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:1rem}.quick h2{margin:.2rem 0}.quick>button{border:1px solid var(--line);background:#fff;padding:1.2rem;text-align:left;display:flex;justify-content:space-between;align-items:end}.quick>button b{color:#a1a8ad;font-size:.7rem}.quick>button span{font-weight:800}.consumer>footer{border-top:1px solid var(--line);padding:1.4rem 4vw;display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.success{text-align:center;padding:4.7rem 2rem}.success>i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e8f3ee;color:var(--green);font-style:normal;font-size:1.4rem}.success h2{font-size:2rem;margin:.5rem}.success>p:not(.eyebrow){color:var(--muted)}.success>div{display:flex;align-items:center;justify-content:center;margin:2.5rem 0}.success>div span{font-size:.7rem}.success>div em{width:30px;height:1px;background:var(--line);margin:.2rem}.demo{position:fixed;z-index:50;right:14px;bottom:14px;background:#111;color:#fff;padding:.45rem;display:flex;gap:.3rem;align-items:center;box-shadow:0 10px 30px #0003}.demo span{font-size:.62rem;color:#999;padding:.3rem}.demo a{color:#ddd;background:#292929;padding:.45rem .55rem;text-decoration:none;font-size:.67rem}.kopler{display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none}.kopler>span{position:relative;width:29px;height:29px}.kopler i,.kopler b{position:absolute;border-radius:50%}.kopler i{width:24px;height:24px;background:#fff}.kopler b{width:12px;height:12px;right:0;bottom:0;background:var(--yellow);border:2px solid var(--navy)}.kopler strong{letter-spacing:.12em}.os{min-height:100vh;background:var(--soft);display:grid;grid-template-columns:240px 1fr}.side{position:sticky;top:0;height:100vh;background:var(--navy);color:#fff;padding:1.5rem 1rem;display:flex;flex-direction:column}.side>.kopler{padding:.2rem .6rem 1.6rem}.org{border-top:1px solid #ffffff25;padding:1.2rem .6rem}.org small,.org strong{display:block}.org small{font-size:.62rem;letter-spacing:.12em;color:#88a4bc}.org strong{margin-top:.3rem}.side nav{display:grid;gap:.2rem}.side nav button{display:flex;align-items:center;gap:.7rem;color:#c6d4df;background:none;border:0;padding:.75rem;border-radius:3px;text-align:left}.side nav button>i{width:7px;height:7px;border:1px solid currentColor}.side nav button>span{flex:1}.side nav button>b{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#172536;font-size:.65rem}.side nav button.active{background:#ffffff16;color:#fff}.user{margin-top:auto;border-top:1px solid #ffffff25;padding:1.1rem .4rem 0;display:flex;gap:.7rem;align-items:center}.user>i,.top-avatar,.members article>i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dfe7ee;color:#17334b;font-style:normal;font-size:.7rem;font-weight:900}.user strong,.user small{display:block}.user small{color:#88a4bc;font-size:.7rem}.os>main{padding:0 2.2rem 4rem;min-width:0}.top{display:flex;align-items:center;padding:1.8rem 0 1.4rem}.top>div:first-child{flex:1}.top h1{margin:0;font-size:1.65rem}.top>div:first-child>p:last-child{margin:.3rem 0 0;color:var(--muted);font-size:.8rem}.top>div:last-child{display:flex;gap:.6rem;align-items:center}.top .search{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line)}.metrics article{padding:1.2rem;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics small,.metrics strong,.metrics span{display:block}.metrics small{color:var(--muted);font-size:.7rem}.metrics strong{font-size:1.65rem;margin:.2rem 0}.metrics span{color:var(--muted);font-size:.68rem}.work-card{background:#fff;border:1px solid var(--line);margin-top:1.2rem}.work-head{padding:1.1rem 1.2rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}.work-head h2{margin:0;font-size:1.05rem}.work-head p{margin:.25rem 0 0;color:var(--muted);font-size:.73rem}.tenant-tabs{display:flex;gap:.3rem}.tenant-tabs button{border:1px solid var(--line);background:#fff;padding:.45rem .65rem;font-size:.7rem;display:flex;align-items:center;gap:.4rem}.tenant-tabs button.active{border-color:var(--navy);background:#f4f7f9}.tenant-tabs button i{width:18px;height:18px;color:#fff;display:grid;place-items:center;font-style:normal;font-size:.55rem}.case-table{overflow:auto}.tr{min-width:840px;width:100%;display:grid;grid-template-columns:140px 2fr 1.25fr .75fr .6fr 24px;gap:1rem;align-items:center}.tr.th{padding:.65rem 1rem;background:#f8f9fa;color:#7b858c;font-size:.68rem;text-align:left}.button{}.case-table button.tr{border:0;border-top:1px solid #edf0f2;background:#fff;padding:.9rem 1rem;text-align:left}.case-table button.tr:hover{background:#fafcfd}.tr strong,.tr small{display:block}.tr strong{font-size:.8rem}.tr small{color:var(--muted);font-size:.68rem;margin-top:.2rem}.status{display:inline-flex;border-radius:99px;padding:.3rem .55rem;font-size:.65rem;font-weight:900;background:#edf0f2;color:#53606a}.status.kopler{background:#e5f3ed;color:#176c51}.status.escalated{background:#e7eff7;color:#195987}.status.critical{background:#feecef;color:#ba2834}.status.resolved{background:#e8f4ec;color:#20704f}.tenant-overview{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tenant-overview>article{background:#fff;border:1px solid var(--line);padding:1.4rem}.tenant-overview header,.knowledge header{display:flex;align-items:center;gap:.8rem}.tenant-overview header h2{margin:.2rem 0}.tenant-overview header small{color:var(--muted);font-size:.65rem}.tenant-overview article>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:1.2rem 0}.tenant-overview article>div span{padding:1rem;border-right:1px solid var(--line)}.tenant-overview article>div span:last-child{border:0}.tenant-overview span small,.tenant-overview span strong{display:block}.tenant-overview span small{font-size:.68rem;color:var(--muted)}.tenant-overview span strong{font-size:1.3rem}.tenant-overview a{color:var(--blue);font-size:.78rem}.knowledge{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.knowledge>article{background:#fff;border:1px solid var(--line);padding:1.3rem}.knowledge header{border-bottom:1px solid var(--line);padding-bottom:1rem}.knowledge header div{flex:1}.knowledge h2,.knowledge p{margin:0}.knowledge p{color:var(--muted);font-size:.72rem}.knowledge button{border:1px solid var(--line);background:#fff;padding:.45rem .7rem;font-size:.7rem}.knowledge article>div{display:flex;align-items:center;padding:.85rem 0;border-bottom:1px solid #edf0f2}.knowledge article>div strong{flex:1;font-size:.8rem}.knowledge article>div span{color:var(--muted);font-size:.7rem;margin-right:1rem}.history-list article{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #edf0f2}.history-list article>i{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-right:1rem}.history-list article>div{flex:1}.history-list strong{font-size:.8rem}.history-list p{margin:.2rem 0 0;color:var(--muted);font-size:.68rem}.history-list article>span{color:var(--muted);font-size:.7rem}.back{margin-top:1.5rem;border:0;background:none;color:var(--muted)}.detail-title{display:flex;align-items:end;margin:1.2rem 0 1rem}.detail-title>div{flex:1}.detail-title h1{font-size:1.75rem;margin:.55rem 0 .2rem}.detail-title p{margin:0;color:var(--muted);font-size:.76rem}.detail-title>span{border:1px solid var(--line);background:#fff;padding:.7rem 1rem}.detail-title>span small,.detail-title>span strong{display:block}.detail-title>span small{color:var(--muted);font-size:.65rem}.detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:1rem}.conversation,.case-panel>section{background:#fff;border:1px solid var(--line);padding:1.2rem}.conversation>header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.8rem}.conversation>header h2{font-size:1rem;margin:0}.conversation>header span{font-size:.7rem;color:var(--muted)}.customer-box{background:#f7f8f9;margin:1rem 0;padding:1.1rem}.customer-box strong,.customer-box small{display:block}.customer-box small{color:var(--muted);font-size:.7rem}.customer-box p{line-height:1.7}.reply-box{border-top:1px solid var(--line);padding-top:1rem}.reply-box label{font-size:.78rem;font-weight:800}.reply-box textarea{width:100%;min-height:110px;border:1px solid #cfd5d9;margin:.4rem 0 .7rem;padding:.8rem;resize:vertical}.reply-box button{float:right}.case-panel{display:grid;gap:.8rem}.case-panel h3{font-size:.88rem}.case-panel section>p:not(.eyebrow){font-size:.78rem;line-height:1.6;color:#52606a}.case-panel ul{list-style:none;padding:0;font-size:.75rem;color:#276c53}.case-panel li{margin:.5rem 0}.flow{display:flex;align-items:center;font-size:.6rem}.flow>*{white-space:nowrap}.flow i{flex:1;height:1px;background:var(--line);margin:.2rem}.flow b{color:var(--green)}.flow strong{color:var(--blue)}.actions button:not(.primary){width:100%;display:flex;align-items:center;gap:.65rem;background:#fff;border:1px solid var(--line);padding:.7rem;margin:.45rem 0;text-align:left}.actions button:not(.primary):hover{border-color:#607689}.actions button i{width:24px;height:24px;border-radius:50%;background:#edf1f4;display:grid;place-items:center;font-style:normal}.actions button span{display:block}.actions button strong,.actions button small{display:block}.actions button small{color:var(--muted);font-size:.65rem}.company-kpis{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line)}.company-kpis>div{padding:1.1rem;border-right:1px solid var(--line)}.company-kpis small,.company-kpis strong{display:block}.company-kpis small{font-size:.68rem;color:var(--muted)}.company-kpis strong{font-size:1.5rem;margin-top:.25rem}.saved-work{margin-top:1rem;border-left:3px solid var(--green);background:#eaf4ef;padding:.9rem 1rem;color:#285947;font-size:.8rem}.saved-work b{font-size:1.1rem}.product-doc,.members{display:grid;gap:.8rem}.product-doc article,.members article{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);padding:1.1rem}.product-doc article>i{width:52px;height:52px;background:#111;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.product-doc article>div,.members article>div{flex:1}.product-doc h2{margin:.2rem 0}.product-doc p,.members small{font-size:.72rem;color:var(--muted)}.product-doc article>span,.members article>span{font-size:.68rem;background:#e8f4ed;color:#176c50;border-radius:99px;padding:.3rem .55rem}.product-doc .review{background:#fff4d9;color:#856300}.members strong,.members small{display:block}
@media(max-width:1050px){.consumer>main{grid-template-columns:minmax(0,1fr) 420px;gap:2rem;padding:3rem 2rem;background:linear-gradient(90deg,#f7f8f9 0 52%,#fff 52%)}.intro h1{font-size:2.5rem}.metrics,.company-kpis{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:1fr}.tenant-overview,.knowledge{grid-template-columns:1fr}}
@media(max-width:760px){.consumer-head{padding:0 1rem}.consumer-head nav{display:none}.consumer>main{grid-template-columns:1fr;padding:2.5rem 1rem 6rem;background:#f7f8f9}.intro{padding:0}.intro h1{font-size:2.35rem}.form-card form{padding:1rem}.two{grid-template-columns:1fr}.quick{grid-template-columns:1fr;padding:2rem 1rem}.consumer>footer{display:none}.demo{left:8px;right:8px;overflow:auto}.demo>span{display:none}.os{grid-template-columns:68px 1fr}.side{padding:1rem .5rem}.side .kopler strong,.org,.side nav span,.side nav b,.user div{display:none}.side nav button{justify-content:center}.side>.kopler{padding-left:.6rem}.os>main{padding:0 1rem 4rem}.metrics,.company-kpis{grid-template-columns:1fr 1fr}.work-head{display:block}.tenant-tabs{margin-top:1rem;overflow:auto}.tr{grid-template-columns:120px 2fr 1fr 25px;min-width:630px}.tr>*:nth-child(4),.tr>*:nth-child(5){display:none}.detail-title{display:block}.detail-title>span{display:inline-block;margin-top:.8rem}}
@media(max-width:460px){.metrics,.company-kpis{grid-template-columns:1fr}.tenant-overview article>div{grid-template-columns:1fr}.tenant-overview article>div span{border-right:0;border-bottom:1px solid var(--line)}.success>div{display:none}}
.quick>div>p{margin:.25rem 0;color:var(--muted);font-size:.72rem}.knowledge article>div a{border:1px solid var(--line);color:var(--blue);padding:.4rem .6rem;text-decoration:none;font-size:.68rem}.settings-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1rem}.settings-tenants,.setting-card{background:#fff;border:1px solid var(--line);padding:1.2rem}.settings-tenants{align-self:start}.settings-tenants h2{font-size:1rem;margin:.2rem 0 1rem}.settings-tenants>button{width:100%;display:flex;align-items:center;gap:.7rem;border:1px solid transparent;background:#fff;padding:.75rem;text-align:left}.settings-tenants>button.active{border-color:var(--navy);background:#f4f7f9}.settings-tenants>button i{width:34px;height:34px;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.settings-tenants>button span{flex:1}.settings-tenants strong,.settings-tenants small{display:block}.settings-tenants small{color:var(--muted);font-size:.66rem}.settings-content{display:grid;gap:1rem}.setting-card>header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1rem}.setting-card header h2{font-size:1.05rem;margin:.1rem 0}.setting-card header p:not(.eyebrow){margin:.2rem 0;color:var(--muted);font-size:.7rem}.setting-card header a{color:var(--blue);font-size:.72rem}.outline{border:1px solid var(--line);background:#fff;padding:.55rem .75rem}.brand-preview{display:flex;align-items:center;gap:.8rem;background:var(--preview2);border-left:5px solid var(--preview);padding:1rem;margin-bottom:1rem}.brand-preview>i{width:42px;height:42px;background:var(--preview);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.brand-preview>div{flex:1}.brand-preview strong,.brand-preview span{display:block}.brand-preview span{color:var(--muted);font-size:.7rem}.brand-preview>em{width:70px;height:8px;background:var(--preview);font-style:normal}.setting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.setting-card label{display:block;font-size:.75rem;font-weight:800;margin:.8rem 0}.setting-card input{width:100%;display:block;margin-top:.35rem;border:1px solid #cfd5d9;padding:.7rem}.setting-card input[type=color]{padding:.2rem;height:42px}.product-setting-list{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.product-setting-list>button{display:flex;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;padding:.85rem}.product-setting-list>button.active{border-color:var(--navy);background:#f7f9fa}.product-setting-list>button div{flex:1}.product-setting-list strong,.product-setting-list small{display:block}.product-setting-list small{font-size:.68rem;color:var(--muted)}.product-setting-list>button>span{font-size:.68rem;color:var(--blue)}.inline-add{border-top:1px solid var(--line);margin-top:1rem;padding-top:.4rem}.hidden{display:none}.faq-setting>label{max-width:760px}

.kopler-wordmark{display:block;width:152px;overflow:hidden}.kopler-wordmark img{display:block;width:152px;height:auto}.faq-item{background:#fff}.faq-item+.faq-item{border-top:1px solid var(--line)}.faq-item>button{width:100%;display:grid;grid-template-columns:34px 1fr 24px;gap:.8rem;align-items:center;border:0;background:transparent;padding:1rem 1.15rem;text-align:left;color:inherit}.faq-item>button:hover{background:#ffffff75}.faq-item>button b{color:var(--accent);font-size:.68rem}.faq-item>button span{font-weight:800}.faq-item>button em{font-style:normal;color:var(--accent);font-size:1.05rem;text-align:center}.faq-answer{margin:0;padding:.9rem 1.15rem 1.05rem 4rem;border-top:1px solid #e8ecee;background:#ffffffe6;color:#4e5962;font-size:.78rem;line-height:1.65}.faq-answer.hidden{display:none}.resolution-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line)}.resolution-summary article{padding:1.2rem;border-right:1px solid var(--line)}.resolution-summary article:last-child{border:0}.resolution-summary small,.resolution-summary strong{display:block}.resolution-summary small{color:var(--muted);font-size:.7rem}.resolution-summary strong{font-size:1.45rem;margin-top:.25rem}.resolution-table{overflow:auto}.resolution-row{min-width:900px;width:100%;display:grid;grid-template-columns:2fr 1fr 1.4fr 1.6fr .8fr;gap:1rem;align-items:center;text-align:left}.resolution-row.head{padding:.7rem 1rem;background:#f8f9fa;color:#758089;font-size:.68rem}.resolution-table button.resolution-row{border:0;border-top:1px solid #edf0f2;background:#fff;padding:1rem}.resolution-table button.resolution-row:hover{background:#fafcfd}.resolution-row span{min-width:0;font-size:.75rem}.resolution-row span b,.resolution-row span small{display:block}.resolution-row span small{margin-top:.2rem;color:var(--muted);font-size:.65rem}.actions button[disabled]{opacity:.48;cursor:not-allowed}.actions button[disabled]:hover{border-color:var(--line)}

@media(max-width:760px){.side>.kopler-wordmark{width:42px;padding-left:0}.kopler-wordmark img{width:145px;max-width:none}.resolution-summary{grid-template-columns:1fr}.resolution-summary article{border-right:0;border-bottom:1px solid var(--line)}}

.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);background:#f3f5f6}.login-brand{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:clamp(3rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center}.login-brand:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-210px;bottom:-220px;background:linear-gradient(135deg,#12c3c6,#1359d8);opacity:.82}.login-brand>div:first-child{position:absolute;top:2.4rem;left:clamp(3rem,8vw,8rem)}.login-brand .kopler-wordmark{width:185px}.login-brand .kopler-wordmark img{width:185px}.login-brand .eyebrow{color:#8faabe}.login-brand h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.055em;max-width:650px;margin:.3rem 0 1rem}.login-brand>p:not(.eyebrow){color:#b7c7d3;max-width:520px}.login-points{display:grid;grid-template-columns:34px 1fr;gap:.8rem 1rem;margin-top:3rem;max-width:520px}.login-points>span{color:var(--yellow);font-size:.7rem;font-weight:900}.login-points p{margin:0}.login-points b,.login-points small{display:block}.login-points small{color:#8faabe;margin-top:.15rem}.login-panel{display:grid;place-items:center;padding:2rem;background:#fff}.login-panel form{width:min(440px,100%)}.login-panel h2{font-size:2rem;margin:.35rem 0}.login-panel form>p:not(.eyebrow){color:var(--muted);margin-bottom:2rem}.login-panel label{display:block;font-size:.78rem;font-weight:800;margin:1rem 0}.login-panel input{display:block;width:100%;margin-top:.4rem;border:1px solid #cbd2d7;padding:.85rem;background:#fff}.login-options{display:flex;align-items:center;justify-content:space-between;margin:1rem 0 1.5rem}.login-options label{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:500}.login-options label input{width:auto;margin:0}.login-options button{border:0;background:none;color:var(--blue);font-size:.75rem}.demo-hint{display:block;text-align:center;color:var(--muted);margin-top:1rem}.login-company .login-brand{background:#18211e}.login-company .login-brand:after{background:linear-gradient(135deg,#8ba192,#315c4d)}.logout{margin-left:auto;border:0;background:none;color:#8faabe;font-size:1rem}.team-card{background:#fff;border:1px solid var(--line)}.member-add{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr auto;gap:.75rem;align-items:end;padding:1rem 1.2rem;background:#f7f9fa;border-bottom:1px solid var(--line)}.member-add label,.member-row label{font-size:.68rem;font-weight:800}.member-add input,.member-add select,.member-row input,.member-row select{display:block;width:100%;margin-top:.3rem;border:1px solid #cfd5d9;background:#fff;padding:.62rem}.team-list{padding:0 1.2rem}.member-row{display:grid;grid-template-columns:44px 1fr 1.35fr 1fr 1fr 130px;gap:.8rem;align-items:end;padding:1rem 0;border-bottom:1px solid #edf0f2}.member-row>i{align-self:center;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dfe7ee;color:#17334b;font-style:normal;font-weight:900}.member-actions{display:flex;align-items:center;gap:.45rem}.member-actions button{white-space:nowrap}.text-button.danger{color:#a32631}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand{min-height:440px;padding:7rem 2rem 3rem}.login-brand>div:first-child{left:2rem}.member-add{grid-template-columns:1fr 1fr}.member-row{grid-template-columns:44px 1fr 1fr}.member-actions{grid-column:2/-1}}@media(max-width:600px){.login-brand{min-height:390px}.login-brand h1{font-size:2.6rem}.login-points{display:none}.login-panel{padding:2rem 1rem}.member-add,.member-row{grid-template-columns:1fr}.member-row>i,.member-actions{grid-column:auto}.team-list{padding:0 1rem}}
.export-button{display:inline-flex;align-items:center;gap:.45rem;color:var(--blue);font-weight:800;white-space:nowrap}
.brand-copy-settings{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .8rem;padding:1rem;background:#f7f9fa;border:1px solid var(--line);margin-bottom:.5rem}.brand-copy-settings label:last-child{grid-column:1/-1}.brand-copy-settings small,.setting-grid label small{display:block;margin-top:.3rem;color:var(--muted);font-weight:500;font-size:.65rem}@media(max-width:600px){.brand-copy-settings{grid-template-columns:1fr}.brand-copy-settings label:last-child{grid-column:auto}}

.consumer{background:var(--surface);color:var(--brand-text)}.consumer-head{height:78px;background:var(--header)}.tenant-logo img{display:block;max-width:170px;max-height:42px;object-fit:contain}.consumer>main{position:relative;isolation:isolate;background:var(--surface)}.consumer>main:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,var(--hero-overlay)),rgba(255,255,255,var(--hero-overlay))),var(--hero-image);background-size:cover;background-position:var(--hero-position);background-repeat:no-repeat}.consumer>main>*{position:relative;z-index:1}.intro{padding-top:1.4rem}.intro h1{color:var(--heading-color)}.intro>p:not(.eyebrow){color:var(--body-color)}.consumer .eyebrow{color:var(--accent)}.consumer .primary{background:var(--button-color);border-radius:var(--brand-radius)}.product-line{border-radius:var(--brand-radius);background:var(--product-color)}.product-line strong,.frequent>div strong{color:var(--brand-text)}.form-card{border-radius:var(--brand-radius);overflow:hidden}.form-title{background:var(--form-color);color:#fff;border:0}.form-title small{color:#fff;opacity:.82}.form-card input,.form-card select,.form-card textarea{border-radius:var(--brand-radius)}.route-note{text-align:center;color:var(--muted);font-size:.68rem;margin:.75rem 0 0}.frequent{border-top:0;padding:0;background:#fff;border-radius:var(--brand-radius);overflow:hidden;box-shadow:0 10px 30px #0b1d2c0b}.frequent>div{background:var(--secondary);padding:1rem 1.1rem}.frequent>div small,.frequent>div strong,.frequent>div span{display:block}.frequent>div small{font-size:.64rem;color:var(--muted);letter-spacing:.08em}.frequent>div strong{font-size:1rem;margin:.15rem 0}.frequent>div span{font-size:.7rem;color:var(--muted)}.frequent>button{width:100%;display:grid;grid-template-columns:34px 1fr 24px;gap:.5rem;align-items:center;border:0;border-top:1px solid var(--line);background:#fff;padding:.9rem 1rem;text-align:left;color:var(--brand-text)}.frequent>button:hover{background:var(--surface)}.frequent>button b{color:var(--accent);font-size:.65rem}.frequent>button span{font-weight:750;font-size:.8rem}.frequent>button em{font-style:normal;color:var(--accent)}

.brand-image{display:block;object-fit:contain}.brand-preview{color:var(--preview-text)}.brand-preview>.brand-image{width:120px;height:44px;object-position:left center}.settings-tenants .brand-image{width:34px;height:34px;object-fit:contain}.logo-upload-row,.background-upload-row{display:grid;grid-template-columns:168px minmax(0,1fr);gap:1.25rem;align-items:center;border:1px dashed #b9c2c8;background:#fafbfb;padding:1rem;margin:1rem 0;overflow:hidden}.brand-upload-copy{min-width:0}.logo-upload-preview{width:100%;height:104px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);padding:.7rem}.logo-upload-preview i{width:52px;height:52px;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.logo-upload-preview img{max-width:100%;max-height:76px}.background-upload-preview{width:100%;height:104px;display:grid;place-items:center;background:#e8ecef center/cover no-repeat;border:1px solid var(--line);color:#fff;text-shadow:0 1px 5px #000;font-size:.72rem}.logo-upload-row strong,.background-upload-row strong{display:block}.logo-upload-row p,.background-upload-row p{margin:.25rem 0 .75rem;color:var(--muted);font-size:.7rem;white-space:normal;overflow-wrap:anywhere}.brand-upload-controls{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.logo-picker{display:inline-flex!important;align-items:center;margin:0!important;cursor:pointer;white-space:nowrap}.logo-picker input{display:none}.text-button{border:1px solid #e8c5c8;background:#fff;color:#b4323c;font-size:.72rem;margin:0;padding:.55rem .75rem;white-space:nowrap}.text-button:hover{background:#fff5f5}.setting-card select{width:100%;display:block;margin-top:.35rem;border:1px solid #cfd5d9;padding:.7rem;background:#fff}.setting-card input[type=range]{padding:0}.setting-card label small{display:block;color:var(--muted);font-weight:400;font-size:.65rem;margin-top:.2rem}

@media(max-width:760px){.consumer-head{height:70px}.tenant-logo img{max-width:135px;max-height:34px}.intro{padding-top:0}.frequent{margin-bottom:1rem}.settings-shell{grid-template-columns:1fr}.logo-upload-row,.background-upload-row{grid-template-columns:1fr}.setting-grid,.product-setting-list{grid-template-columns:1fr}}
.logo-picker{position:relative;overflow:hidden}.logo-picker input{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}

.qr-metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line)}.qr-metrics article{padding:1.2rem;border-right:1px solid var(--line)}.qr-metrics article:last-child{border:0}.qr-metrics small,.qr-metrics strong{display:block}.qr-metrics small{color:var(--muted);font-size:.7rem}.qr-metrics strong{font-size:1.6rem;margin-top:.2rem}.qr-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.8rem;align-items:end;padding:1rem 1.2rem;background:#f7f9fa;border-bottom:1px solid var(--line)}.qr-form label{font-size:.72rem;font-weight:800}.qr-form input,.qr-form select{display:block;width:100%;margin-top:.3rem;border:1px solid #cfd5d9;background:#fff;padding:.65rem}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.2rem}.qr-card{display:grid;grid-template-columns:92px 1fr auto;gap:1rem;align-items:center;border:1px solid var(--line);padding:1rem;background:#fff}.qr-code{width:92px;height:92px;border:8px solid #fff;box-shadow:0 0 0 1px var(--line)}.qr-code svg{display:block;width:100%;height:100%}.qr-info h3{margin:.2rem 0;font-size:.95rem}.qr-info>p{margin:0;color:var(--muted);font-size:.68rem}.qr-type{font-size:.62rem;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.qr-info>div{display:flex;gap:1rem;margin-top:.7rem;color:var(--muted);font-size:.67rem}.qr-info b{color:var(--ink)}.qr-actions{display:grid;justify-items:end;gap:.5rem}.qr-actions a,.qr-actions button{border:0;background:none;color:var(--blue);font-size:.7rem;text-decoration:none}.qr-actions button{padding:0}.qr-actions .status{margin-bottom:.4rem}@media(max-width:900px){.qr-metrics{grid-template-columns:1fr 1fr}.qr-form{grid-template-columns:1fr 1fr}.qr-grid{grid-template-columns:1fr}}@media(max-width:600px){.qr-card{grid-template-columns:72px 1fr}.qr-code{width:72px;height:72px}.qr-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end}}
@media(max-width:900px){.settings-shell{grid-template-columns:1fr}.settings-tenants>button{display:inline-flex;width:auto}.product-setting-list{grid-template-columns:1fr}}
.qr-form.hidden{display:none}
.upload{cursor:pointer}.upload em{display:block;margin-top:.25rem;color:var(--blue);font-size:.7rem;font-style:normal;font-weight:800;overflow-wrap:anywhere}.conversation-files{margin:1rem 0;padding:1rem;border:1px solid var(--line);background:#f8fafb}.conversation-files>b{display:block;margin-bottom:.65rem;font-size:.78rem}.conversation-files>div{display:grid;gap:.45rem}.conversation-files a{display:grid;grid-template-columns:28px 1fr auto;gap:.6rem;align-items:center;padding:.65rem;background:#fff;border:1px solid var(--line);color:inherit;text-decoration:none}.conversation-files a:hover{border-color:var(--blue)}.conversation-files a>span{display:grid;place-items:center;width:28px;height:28px;background:var(--navy);color:#fff}.conversation-files a strong{font-size:.76rem;overflow-wrap:anywhere}.conversation-files a small{color:var(--muted);font-size:.65rem}.reply-file{display:block;margin:.7rem 0;font-size:.75rem;font-weight:800}.reply-file input{display:block;margin-top:.35rem}.actions button.danger{margin-top:1rem;border-color:#efb7bc;color:var(--red);background:#fff8f8}
.upload-status{display:block;margin-top:.65rem;color:var(--blue);font-weight:800;min-height:1.2em}