@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#141414;font-synthesis:none;background:#f3f3f5;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #07f}:root{--border:#dedde2;--muted:#76767a;--card:#fff;--pink:#c93f72;--violet:#8776c8;--teal:#2d7d78}.app-shell{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;height:100vh;padding:34px 24px 22px;display:flex;position:sticky;top:0}.brand,.mobile-brand{object-fit:contain;width:124px;height:42px}.sidebar nav{gap:5px;margin-top:30px;display:grid}.nav-item{text-align:left;color:#414044;background:0 0;border:0;border-radius:12px;min-height:44px;padding:0 18px;font-weight:500}.nav-item.active{color:#141414;background:#f1f0f3;position:relative}.nav-item.active:before{content:"";background:var(--pink);border-radius:5px;width:4px;height:20px;position:absolute;top:12px;left:2px}.nav-item:disabled{opacity:.65;cursor:default}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:flex-end;align-items:center;gap:18px;height:82px;padding:0 32px;display:flex}.mobile-brand{display:none}.data-state{color:#4f4e52;font-size:14px}.data-state i{background:#237a4b;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.avatar,.user-avatar{color:#fff;background:#141414;border-radius:50%;place-items:center;font-weight:600;display:grid}.avatar{width:42px;height:42px}.profile-name{color:var(--muted);font-size:13px}.logout{border:1px solid var(--border);background:#fff;border-radius:9px;min-height:40px;padding:0 12px}main{padding:30px 32px 70px}.page{max-width:1320px;margin:0 auto}.page-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(28px,3vw,38px)}h2,h3,p{margin-top:0}.page-heading p,.panel-title p,.section-actions p{color:var(--muted);margin-bottom:0;font-size:14px}.filters{align-items:flex-end;gap:12px;display:flex}.filter{border:0;margin:0;padding:0}.filter legend{color:var(--muted);margin:0 0 5px 4px;font-size:12px}.segments,.admin-tabs{border:1px solid var(--border);background:#fff;border-radius:12px;padding:4px;display:flex}.segments button,.admin-tabs button{color:#4f4e52;white-space:nowrap;background:0 0;border:0;border-radius:9px;min-height:42px;padding:0 16px;font-weight:500}.segments button.selected,.admin-tabs button.selected{color:#fff;background:#141414}.kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;transition:opacity .2s;display:grid}.kpis.muted{opacity:.55}.kpi-card,.panel,.admin-card,.role-card{background:var(--card);border:1px solid var(--border);border-radius:16px}.kpi-card{flex-direction:column;min-height:136px;padding:20px;display:flex}.kpi-card>span{color:var(--muted);font-size:13px}.kpi-card strong{font-variant-numeric:tabular-nums;white-space:nowrap;margin:12px 0 8px;font-size:clamp(22px,2vw,29px)}.kpi-card small{font-size:12px}.positive{color:#237a4b}.analytics-grid{grid-template-columns:1.08fr .92fr;gap:12px;margin-top:12px;display:grid}.panel{min-height:360px;padding:22px}.panel-title{justify-content:space-between;gap:16px;display:flex}.panel-title h2{margin-bottom:6px;font-size:18px}.legend{color:#4f4e52;white-space:nowrap;font-size:12px}.dot{border-radius:50%;width:8px;height:8px;margin:0 6px 0 12px;display:inline-block}.pink{background:var(--pink)}.violet{background:var(--violet)}.chart{background:repeating-linear-gradient(#0000 0 58px,#ecebf0 59px 60px);height:245px;margin-top:20px}.chart svg{width:100%;height:215px;display:block;overflow:visible}.chart polyline{fill:none;stroke-width:.7px;vector-effect:non-scaling-stroke}.chart .current{stroke:var(--pink)}.chart .comparison{stroke:var(--violet);stroke-dasharray:2 2}.chart-labels{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.channel-table{margin-top:18px}.channel-head,.channel-row{border-bottom:1px solid #ecebf0;grid-template-columns:minmax(140px,1.4fr) .55fr .5fr .9fr 1fr;align-items:center;column-gap:8px;min-height:54px;font-size:13px;display:grid}.channel-head{min-height:34px;color:var(--muted);font-size:11px}.channel-row strong{font-size:12px}.channel-row.channel-child{color:var(--muted);background:#faf9fc}.channel-row.channel-child strong{padding-left:16px}.share{justify-content:flex-end;align-items:center;gap:6px;display:flex;position:relative}.share:before{content:"";background:#e7e7eb;border-radius:9px;height:6px;position:absolute;left:0;right:32px}.share i{background:var(--teal);border-radius:9px;max-width:calc(100% - 32px);height:6px;position:absolute;left:0}.footnote{color:var(--muted);margin:18px 0 0;font-size:11px}.loading,.error-banner{border-radius:12px;margin-bottom:12px;padding:14px 16px}.loading{color:var(--muted);background:#fff}.error-banner{color:#9e351e;background:#fff3f0;border:1px solid #edc7bd}.error-banner button{color:inherit;background:0 0;border:0;text-decoration:underline}.admin-tabs{margin-left:auto}.section-actions{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-actions h2{margin-bottom:4px}.primary,.secondary{border-radius:10px;min-height:44px;padding:0 16px;font-weight:600}.primary{color:#fff;background:#141414;border:0}.secondary{border:1px solid var(--border);color:#141414;background:#fff}.admin-list{gap:10px;display:grid}.admin-card{grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.user-avatar{color:#813153;background:#ece3e8;width:46px;height:46px}.admin-main{gap:5px;display:grid}.admin-main>span{color:var(--muted);font-size:13px}.chips{flex-wrap:wrap;gap:5px;display:flex}.chips i{background:#f0eff2;border-radius:20px;padding:4px 8px;font-size:11px;font-style:normal}.status{color:var(--muted);font-size:12px}.status.enabled{color:#237a4b}.roles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.role-card{flex-direction:column;gap:20px;padding:20px;display:flex}.role-card h3{margin-bottom:7px}.role-card p{color:var(--muted);font-size:13px;line-height:1.5}.eyebrow{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.permission-list{flex-wrap:wrap;gap:6px;display:flex}.permission-list code{background:#f3f3f5;border-radius:6px;padding:5px 7px;font-size:11px}.role-actions{gap:8px;margin-top:auto;display:flex}.role-actions .secondary{flex:1}.drawer-backdrop{z-index:10;background:#14141459;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;flex-direction:column;gap:18px;width:min(460px,100%);height:100%;padding:28px;display:flex;overflow-y:auto;box-shadow:-8px 0 30px #0000001f}.drawer-title{justify-content:space-between;gap:16px;display:flex}.drawer-title p{color:var(--muted);font-size:13px}.close{background:0 0;border:0;width:44px;height:44px;font-size:28px}.drawer>label{gap:7px;font-size:13px;font-weight:500;display:grid}.drawer input[type=text],.drawer input[type=email],.drawer input:not([type]),.drawer textarea{border:1px solid #c5c4cc;border-radius:9px;min-height:44px;padding:10px 12px}.drawer textarea{resize:vertical;min-height:80px}.drawer fieldset{border:1px solid var(--border);border-radius:10px;padding:13px}.drawer legend{color:var(--muted);padding:0 5px;font-size:12px}.check{align-items:center;gap:9px;min-height:36px;font-size:13px;grid-template-columns:none!important;font-weight:400!important;display:flex!important}.check input{accent-color:#141414;width:17px;height:17px}.check span{color:var(--muted);margin-left:auto;font-size:11px}.permission-options{display:grid}.form-error{color:#ca462a}.mobile-nav{display:none}.install-prompt{z-index:20;border:1px solid var(--border);background:#fff;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;width:min(430px,100vw - 32px);padding:18px 20px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 45px #14141429}.install-prompt strong{margin-bottom:5px;display:block}.install-prompt p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.install-prompt .primary{grid-area:1/2/span 2}.install-close{width:32px;height:32px;color:var(--muted);background:0 0;border:0;font-size:22px;position:absolute;top:2px;right:4px}.auth-screen{background:#f3f3f5;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:18px;gap:18px;width:min(420px,100%);padding:32px;display:grid;box-shadow:0 14px 45px #14141414}.login-card>img{object-fit:contain;width:130px;height:44px}.login-card h1{margin:0;font-size:30px}.login-card>p{color:var(--muted);margin:0}.login-card label{gap:8px;font-size:13px;font-weight:600;display:grid}.login-card input{border:1px solid #c5c4cc;border-radius:10px;height:48px;padding:0 12px}.scope-options{background:#f7f7f8;border-radius:8px;gap:18px;padding-left:28px;display:flex}.scope-options.structured{grid-template-columns:1fr 1fr;gap:10px 24px;margin:4px 0 12px 28px;padding:12px 16px;display:grid}.scope-options.structured b{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.permission-option{border-bottom:1px solid #ecebf0}.customer-toolbar{border:1px solid var(--border);background:#fff;border-radius:16px;grid-template-columns:minmax(220px,1.5fr) minmax(140px,.7fr) minmax(145px,.7fr) minmax(105px,.45fr) auto auto auto;align-items:end;gap:10px;padding:16px;display:grid}.customer-toolbar label{color:var(--muted);gap:6px;font-size:12px;display:grid}.customer-toolbar input,.customer-toolbar select,.drawer select{color:#141414;background:#fff;border:1px solid #c5c4cc;border-radius:9px;min-height:44px;padding:0 12px}.link-button,.back-link{color:#5a3550;background:0 0;border:0;min-height:44px;text-decoration:underline}.scope-note{color:var(--muted);margin:10px 4px 18px;font-size:12px}.customer-table{border:1px solid var(--border);background:#fff;border-radius:16px;overflow:hidden}.customer-row{text-align:left;color:#141414;background:#fff;border:0;border-bottom:1px solid #ecebf0;grid-template-columns:1.2fr 1.2fr .5fr .8fr 32px;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 18px;text-decoration:none;display:grid}.customer-row:not(.customer-head):hover,.customer-row:not(.customer-head):focus-visible{background:#faf9fb}.customer-head{min-height:44px;color:var(--muted);font-size:11px;font-weight:500}.customer-row>span{font-size:13px}.customer-contact{gap:3px;display:grid}.customer-contact span:last-child{color:var(--muted);font-size:12px}.pagination{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.pagination span{color:var(--muted);margin-right:auto;font-size:13px}.empty-state,.contact-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:16px;padding:36px}.empty-state p{color:var(--muted)}.contact-card{text-align:left;max-width:720px}.contact-card dl{grid-template-columns:1fr 1fr;gap:22px;margin:24px 0 0;display:grid}.contact-card dl div{border-top:1px solid #ecebf0;padding-top:13px}.contact-card dt{color:var(--muted);font-size:12px}.contact-card dd{margin:6px 0 0;font-weight:600}.customer-breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.customer-breadcrumb .back-link{margin:0;padding:0 4px}.success-banner{color:#1b6b3a;background:#eef8f1;border:1px solid #bcdcc8;border-radius:12px;margin-bottom:14px;padding:14px 16px}.customer-skeleton{gap:10px;display:grid}.customer-skeleton i{background:linear-gradient(90deg,#ececf0 25%,#f7f7f9 50%,#ececf0 75%) 0 0/200% 100%;border-radius:14px;height:68px;animation:1.4s infinite customer-pulse;display:block}@keyframes customer-pulse{to{background-position:-200% 0}}.conflict-modal{border:1px solid var(--border);background:#fff;border-radius:14px;gap:10px;padding:20px;display:grid;position:absolute;inset:20% 24px auto;box-shadow:0 14px 45px #1414142e}.drawer{position:relative}.drawer-footer{border-top:1px solid var(--border);background:#fff;justify-content:flex-end;gap:10px;margin-top:auto;padding:14px 0 0;display:flex;position:sticky;bottom:-28px}.form-error:focus{outline:3px solid #07f}.field-error{color:#b23a25;font-size:12px}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}@media (width<=1100px){.kpis{grid-template-columns:repeat(3,1fr)}.analytics-grid{grid-template-columns:1fr}.roles-grid{grid-template-columns:repeat(2,1fr)}.customer-toolbar{grid-template-columns:1fr 1fr 1fr}}@media (width<=767px){.app-shell{display:block}.sidebar{display:none}.topbar{justify-content:flex-end;height:66px;padding:0 20px}.mobile-brand{width:108px;margin-right:auto;display:block}.data-state{font-size:12px}.avatar{width:38px;height:38px}main{padding:18px 16px 88px}.page-heading{flex-direction:column;align-items:stretch;gap:16px}.filters{grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid;overflow:hidden}.segments button{white-space:normal;padding:0 10px;font-size:12px}.kpis{grid-template-columns:repeat(2,1fr)}.kpi-card:nth-child(3){grid-column:1/-1}.panel{padding:18px}.channel-head{display:none}.channel-row{grid-template-columns:1fr 1fr;gap:7px;padding:14px 0}.channel-row strong{grid-column:1/-1}.channel-row span{font-size:12px}.share{justify-content:flex-end}.mobile-nav{border-top:1px solid var(--border);z-index:5;background:#fff;grid-template-columns:1fr 1fr;height:64px;padding:7px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{background:0 0;border:0;border-radius:9px}.mobile-nav button.active{color:#fff;background:#141414}.admin-tabs{margin:0}.admin-card{grid-template-columns:auto 1fr auto}.admin-card .status{display:none}.admin-card .secondary{grid-column:2/-1}.roles-grid{grid-template-columns:1fr}.install-prompt{grid-template-columns:1fr;bottom:80px;right:16px}.install-prompt .primary{grid-area:auto/1;width:100%}}@media (width<=479px){.filters,.kpis{grid-template-columns:1fr}.kpi-card:nth-child(3){grid-column:auto}.legend{display:none}.panel-title{display:block}}@media (width<=767px){.profile-name{display:none}.mobile-nav{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;width:100vw;max-width:100vw;overflow:hidden}.mobile-nav button{white-space:nowrap;min-width:0;padding-inline:2px;font-size:11px;line-height:1.1}.customer-toolbar{grid-template-columns:1fr 1fr}.customer-toolbar label:first-child{grid-column:1/-1}.customer-head{display:none}.customer-row{grid-template-columns:1fr auto;gap:6px;min-height:116px}.customer-row strong,.customer-row>span:nth-child(2),.customer-row>span:nth-child(3),.customer-row .chips{grid-column:1}.customer-row>span:last-child{grid-area:1/2/5}.contact-card{padding:22px}.contact-card dl{grid-template-columns:1fr}.scope-options.structured{grid-template-columns:1fr;margin-left:0}.drawer{padding:22px}.pagination{flex-wrap:wrap}}.app-shell{grid-template-columns:244px minmax(0,1fr)}.workspace,main,.page,.customer-toolbar>*{min-width:0}.topbar{height:70px;padding:0 32px;position:relative}.brand{width:140px;height:40px}.profile-control{position:relative}.profile-button{color:#141414;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:3px;display:flex}.profile-button:hover,.profile-button[aria-expanded=true]{background:#f3f2f4}.profile-popover{z-index:9;border:1px solid var(--border);background:#fff;border-radius:14px;gap:10px;width:min(300px,100vw - 32px);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 40px #14141429}.profile-details{gap:3px;padding:6px 7px;display:grid}.profile-details span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.profile-popover .logout{text-align:center;width:100%}.profile-error{color:#9e351e;background:#fff3f0;border-radius:8px;padding:9px;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.customer-toolbar{grid-template-columns:minmax(180px,1.5fr) minmax(120px,.7fr) minmax(125px,.7fr) minmax(95px,.45fr) auto auto auto}.customer-toolbar label,.customer-toolbar input,.customer-toolbar select,.customer-toolbar button{min-width:0;max-width:100%}.customer-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,.5fr) minmax(0,.8fr) 32px}.customer-row>*{overflow-wrap:anywhere;min-width:0}.customer-contact,.chips{min-width:0}.not-found-state{border:1px solid var(--border);text-align:center;background:#fff;border-radius:16px;padding:36px}.not-found-state p{color:var(--muted);max-width:560px;margin:0 auto 22px}.drawer-backdrop{z-index:30}.drawer{gap:0;width:min(520px,100%);height:100dvh;max-height:100dvh;padding:0;position:relative;overflow:hidden}.drawer.wide{width:min(640px,100%)}.drawer-title{border-bottom:1px solid #ecebf0;flex:none;align-items:flex-start;padding:24px 28px 16px}.drawer-title h2{margin-bottom:6px}.drawer-title p{margin-bottom:0}.drawer-body{flex:auto;align-content:start;gap:18px;min-height:0;padding:20px 28px 28px;display:grid;overflow-y:auto}.drawer-body>label{gap:7px;font-size:13px;font-weight:500;display:grid}.drawer input[type=text],.drawer input[type=email],.drawer input[type=password],.drawer input:not([type]),.drawer textarea,.drawer select{width:100%}.drawer-footer{min-height:76px;padding:15px 28px calc(15px + env(safe-area-inset-bottom));z-index:2;background:#fff;flex:none;margin:0;position:relative;bottom:auto}.drawer-footer .primary,.drawer-footer .secondary{min-width:120px}.modal-layer{z-index:50;background:#1414146b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:#fff;border-radius:16px;width:min(440px,100%);padding:24px;box-shadow:0 18px 55px #14141438}.modal-card h3{margin-bottom:8px}.modal-card p{color:var(--muted);line-height:1.5}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.danger{color:#fff;background:#a7352e;border:0;border-radius:10px;min-height:44px;padding:0 16px;font-weight:600}@media (width<=1300px) and (width>=768px){.customer-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px) and (width<=1023px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar,.topbar,main{padding-left:20px;padding-right:20px}}@media (width<=767px){.topbar{height:64px;padding:0 16px}main{padding-left:16px;padding-right:16px}.profile-button{padding:3px}.profile-name{display:none}.mobile-brand{width:108px;height:34px}.drawer{width:100%;max-width:none}.drawer-title{padding:18px 18px 12px}.drawer-body{padding:16px 18px 22px}.drawer-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.drawer-footer .primary,.drawer-footer .secondary{flex:1;min-width:0}.customer-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-toolbar label:first-child{grid-column:1/-1}.customer-row{grid-template-columns:minmax(0,1fr) 28px}.modal-actions{grid-template-columns:1fr;display:grid}.modal-actions>*{width:100%}}@media (width<=359px){main{padding-left:12px;padding-right:12px}.customer-toolbar{grid-template-columns:minmax(0,1fr)}.customer-toolbar label:first-child{grid-column:auto}.section-actions{flex-direction:column;align-items:stretch;gap:10px}.pagination{justify-content:stretch}.pagination span{width:100%;margin:0}.pagination button{flex:1;min-width:0;padding:0 8px}.mobile-nav{padding-left:4px;padding-right:4px}.mobile-nav button{font-size:10px}}.customer-summary{grid-template-columns:minmax(220px,320px);gap:12px;margin-bottom:16px;display:grid}.summary-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:112px;padding:20px;display:flex}.summary-card>span{color:var(--muted);font-size:13px}.summary-card>strong{font-variant-numeric:tabular-nums;font-size:30px}.summary-error{justify-content:center;gap:8px}.summary-skeleton{background:linear-gradient(90deg,#ececf0 25%,#f7f7f9 50%,#ececf0 75%) 0 0/200% 100%;border:0;animation:1.4s infinite customer-pulse}.customer-toolbar.has-identities{grid-template-columns:minmax(180px,1.5fr) minmax(120px,.65fr) minmax(150px,.8fr) minmax(125px,.65fr) minmax(95px,.45fr) auto auto auto}.customer-table.with-identities .customer-row{grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(0,.42fr) minmax(0,.65fr) minmax(0,1.1fr) 28px}.identity-chips{min-width:0;color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;display:flex}.identity-chips i,.manual-badge{color:#7d2c4d;background:#f9e8ef;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal}.identity-chips b{color:var(--muted);font-size:11px}.customer-profile-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.customer-profile-grid.with-identities{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}.customer-profile-grid .contact-card{max-width:none;height:100%}.identity-card{border:1px solid var(--border);background:#fff;border-radius:16px;min-width:0;padding:24px}.identity-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.identity-card-heading h2{margin-bottom:5px}.identity-card-heading p{color:var(--muted);margin-bottom:0;font-size:13px}.identity-empty{text-align:center;color:var(--muted);padding:28px 10px}.identity-list{display:grid}.identity-row{border-top:1px solid #ecebf0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 0;display:grid}.identity-row>div:nth-child(2){gap:4px;min-width:0;display:grid}.identity-row span,.identity-row code{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.identity-row code{color:#39383c}.identity-actions{align-items:center;gap:6px;display:flex}.identity-actions .secondary,.identity-actions .link-button{min-height:40px;padding:0 10px}.drawer-title .manual-badge{margin-right:4px;display:inline-block}@media (width<=1300px) and (width>=768px){.customer-toolbar.has-identities{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-profile-grid.with-identities{grid-template-columns:1fr}}@media (width<=767px){.customer-summary{grid-template-columns:1fr}.summary-card{min-height:96px}.customer-toolbar.has-identities{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-toolbar.has-identities label:first-child{grid-column:1/-1}.customer-table.with-identities .customer-row{grid-template-columns:minmax(0,1fr) 28px}.customer-table.with-identities .customer-row>span:nth-last-child(2){grid-column:1}.customer-table.with-identities .customer-row>span:last-child{grid-area:1/2/6}.customer-profile-grid.with-identities{grid-template-columns:1fr}.identity-card{padding:20px}.identity-card-heading{flex-direction:column}.identity-card-heading .secondary{width:100%}.identity-row{grid-template-columns:1fr}.identity-actions{justify-content:flex-start}.manual-badge{width:max-content}}@media (width<=359px){.customer-toolbar.has-identities{grid-template-columns:minmax(0,1fr)}.customer-toolbar.has-identities label:first-child{grid-column:auto}.identity-card{padding:16px}.identity-actions{grid-template-columns:1fr 1fr;display:grid}.identity-actions>*{width:100%}}.complaints-page{max-width:none}.ticket-meta-skeleton{background:linear-gradient(90deg,#ececf0 25%,#f7f7f9 50%,#ececf0 75%) 0 0/200% 100%;border-radius:8px;height:8px;margin-bottom:12px;animation:1.4s infinite customer-pulse}.ticket-workspace{grid-template-columns:minmax(360px,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.ticket-queue,.ticket-detail-pane{border:1px solid var(--border);background:#fff;border-radius:16px;min-width:0}.ticket-queue{padding:18px}.ticket-queue>h2{margin-bottom:14px;font-size:19px}.ticket-detail-pane{min-height:590px;padding:20px}.ticket-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.ticket-toolbar label{min-width:0;color:var(--muted);gap:5px;font-size:11px;display:grid}.ticket-toolbar input,.ticket-toolbar select{background:#fff;border:1px solid #c5c4cc;border-radius:9px;width:100%;min-width:0;height:44px;padding:0 11px}.ticket-toolbar button{min-width:0}.ticket-list{display:grid}.ticket-row{color:#141414;border-top:1px solid #ecebf0;grid-template-columns:minmax(0,1fr) 110px 18px;align-items:center;gap:10px;min-height:112px;padding:14px 10px 14px 16px;text-decoration:none;display:grid;position:relative}.ticket-row:first-child{border-top:0}.ticket-row:hover,.ticket-row:focus-visible{background:#faf9fb}.ticket-row.selected{background:#fff8fb}.ticket-row.selected:before{content:"";background:#ef2c62;border-radius:0 4px 4px 0;width:5px;position:absolute;top:0;bottom:0;left:-18px}.ticket-row>div:first-child{gap:6px;min-width:0;display:grid}.ticket-row strong{font-size:13px}.ticket-row b{overflow-wrap:anywhere}.ticket-row span{color:var(--muted);font-size:12px}.ticket-row-meta{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.ticket-row-meta i,.ticket-tags i{background:#f1f0f3;border-radius:999px;padding:4px 7px;font-size:10px;font-style:normal}.ticket-row-meta i:nth-last-child(2),.ticket-tags i:first-child{color:#7d2c4d;background:#f9e8ef}.ticket-empty,.ticket-placeholder{text-align:center;min-height:240px;color:var(--muted);place-content:center;gap:10px;display:grid}.ticket-empty h3,.ticket-placeholder h2{color:#141414}.ticket-empty button{justify-self:center}.ticket-skeleton,.ticket-detail-skeleton{gap:10px;display:grid}.ticket-skeleton i,.ticket-detail-skeleton i{background:linear-gradient(90deg,#ececf0 25%,#f7f7f9 50%,#ececf0 75%) 0 0/200% 100%;border-radius:13px;height:96px;animation:1.4s infinite customer-pulse;display:block}.ticket-detail-skeleton i:first-child{height:100px}.ticket-detail-skeleton i:not(:first-child){height:180px}.ticket-detail{gap:18px;display:grid}.ticket-detail>header{border-bottom:1px solid #ecebf0;gap:8px;padding-bottom:16px;display:grid}.ticket-detail>header>span{color:var(--muted);font-size:12px}.ticket-detail>header h2{font-size:25px}.ticket-tags{flex-wrap:wrap;gap:6px;display:flex}.ticket-detail-grid{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:12px;display:grid}.ticket-core-card{border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:20px;display:flex}.ticket-core-card>span,.ticket-core-card>p{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.ticket-core-card dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.ticket-core-card dl div{border-top:1px solid #ecebf0;padding-top:10px}.ticket-core-card dt{color:var(--muted);font-size:11px}.ticket-core-card dd{margin:4px 0 0;font-size:13px;font-weight:600}.ticket-description{white-space:pre-wrap;grid-column:1/-1;line-height:1.55;color:#141414!important}.ticket-mobile-back{justify-self:start;display:none}.ticket-form textarea{min-height:150px}.ticket-form label{gap:7px;font-size:13px;font-weight:500;display:grid}@media (width<=1100px){.ticket-detail-grid{grid-template-columns:1fr}.ticket-core-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1023px){.ticket-workspace{display:block}.ticket-detail-pane,.ticket-workspace.has-selection .ticket-queue{display:none}.ticket-workspace.has-selection .ticket-detail-pane{min-height:0;display:block}.ticket-mobile-back{display:inline-flex}.ticket-detail-grid{grid-template-columns:1fr}.ticket-queue{padding:16px}}@media (width<=767px){.ticket-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-detail-pane{padding:16px}.ticket-detail>header h2{font-size:22px}.ticket-core-card{padding:16px}.ticket-row{grid-template-columns:minmax(0,1fr) 88px 14px}.ticket-row.selected:before{left:-16px}}@media (width<=479px){.ticket-toolbar{grid-template-columns:minmax(0,1fr)}.ticket-toolbar .ticket-search{grid-column:auto}.ticket-core-card dl{grid-template-columns:1fr}.ticket-row{grid-template-columns:minmax(0,1fr) 18px}.ticket-row-meta{grid-column:1;justify-content:flex-start}.ticket-row>span:last-child{grid-area:1/2/3}.ticket-detail-pane,.ticket-queue{border-radius:12px}}@media (width<=359px){.ticket-queue,.ticket-detail-pane{padding:12px}.ticket-row{padding-left:12px}.ticket-row.selected:before{left:-12px}.ticket-detail>header h2{font-size:20px}.ticket-core-card{padding:13px}.ticket-toolbar .secondary{padding:0 8px}}.notice-banner{color:#765d19;background:#fff9e8;border:1px solid #e8d9b3;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13px}.ticket-segments{border:1px solid var(--border);background:#fff;border-radius:12px;gap:4px;width:max-content;max-width:100%;margin:0 0 14px;padding:4px;display:flex;overflow-x:auto}.ticket-segments button{white-space:nowrap;color:#4f4e52;background:0 0;border:0;border-radius:9px;min-height:42px;padding:0 15px;font-weight:600}.ticket-segments button.active{color:#fff;background:#141414}.ticket-workspace{grid-template-columns:minmax(390px,460px) minmax(0,1fr)}.ticket-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-toolbar .ticket-search{grid-column:1/-1}.ticket-row{grid-template-columns:minmax(0,1fr) minmax(116px,145px) 18px}.ticket-row.urgent{box-shadow:inset 4px 0 #c94435}.ticket-row-meta i{text-overflow:ellipsis;max-width:100%;overflow:hidden}.ticket-row-meta .sla-overdue{color:#9d2e23;background:#fce7e4}.ticket-row-meta .sla-approaching{color:#73591b;background:#fff1cf}.ticket-detail>header{position:relative}.ticket-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ticket-actions button{min-height:40px}.urgent-badge{color:#9d2e23!important;background:#fce7e4!important}.ticket-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-detail-grid .ticket-core-card:last-child{grid-column:1/-1}.ticket-resolution{background:#eef8f1;border-radius:10px;padding:12px;color:#1b6b3a!important}.ticket-lifecycle-section{border:1px solid var(--border);border-radius:14px;min-width:0;padding:18px}.section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-heading h3{margin:0}.empty-inline{color:var(--muted);margin:18px 0 0;font-size:13px}.observer-list,.ticket-history{margin:14px 0 0;padding:0;list-style:none;display:grid}.observer-list li{border-top:1px solid #ecebf0;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.observer-list li>div{gap:4px;min-width:0;display:grid}.observer-list li span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.danger-text{color:#9d2e23}.history-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.history-controls label{color:var(--muted);gap:4px;font-size:11px;display:grid}.history-controls select{background:#fff;border:1px solid #c5c4cc;border-radius:9px;min-width:150px;height:40px;padding:0 10px}.ticket-history li{border-top:1px solid #ecebf0;grid-template-columns:138px minmax(0,1fr);gap:4px 12px;padding:13px 0;display:grid;position:relative}.ticket-history li>span{color:var(--muted);grid-row:1/4;font-size:11px}.ticket-history small{color:var(--muted)}.ticket-history p{white-space:pre-wrap;background:#f7f7f8;border-radius:8px;grid-column:2;margin:4px 0 0;padding:9px;font-size:13px}.drawer input[type=datetime-local]{border:1px solid #c5c4cc;border-radius:9px;min-height:44px;padding:0 12px}.drawer .danger{min-width:120px}@media (width<=1200px){.ticket-workspace{grid-template-columns:minmax(340px,400px) minmax(0,1fr)}.ticket-detail-grid{grid-template-columns:1fr}.ticket-detail-grid .ticket-core-card:last-child{grid-column:auto}}@media (width<=1023px){.ticket-workspace{display:block}.ticket-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-detail-grid .ticket-core-card:last-child{grid-column:1/-1}}@media (width<=767px){.ticket-segments{width:100%}.ticket-segments button{flex:1;padding:0 10px}.ticket-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-row{grid-template-columns:minmax(0,1fr) minmax(92px,120px) 14px}.ticket-detail-grid{grid-template-columns:1fr}.ticket-detail-grid .ticket-core-card:last-child{grid-column:auto}.ticket-actions{grid-template-columns:1fr 1fr;display:grid}.ticket-actions button{width:100%;padding:0 10px}.section-heading{flex-direction:column;align-items:stretch}.section-heading button{width:100%}.history-controls{grid-template-columns:1fr;display:grid}.history-controls select,.history-controls button{width:100%}.ticket-history li{grid-template-columns:1fr}.ticket-history li>span{grid-row:auto}.ticket-history p{grid-column:1}}@media (width<=479px){.ticket-toolbar{grid-template-columns:minmax(0,1fr)}.ticket-toolbar .ticket-search{grid-column:auto}.ticket-row{grid-template-columns:minmax(0,1fr) 18px}.ticket-row-meta{grid-column:1}.ticket-actions{grid-template-columns:1fr}.ticket-segments button{padding:0 7px;font-size:11px}.observer-list li{flex-direction:column;align-items:flex-start}.observer-list li button{text-align:left;width:100%}}@media (width<=359px){.ticket-segments{grid-template-columns:1fr 1fr;width:100%;display:grid;overflow:visible}.ticket-actions button,.ticket-toolbar button{min-width:0}.ticket-lifecycle-section{padding:14px}}.ticket-communication-section{gap:16px;min-width:0;max-width:100%;display:grid}.communication-tabs{border:1px solid var(--border);background:#f7f7f8;border-radius:12px;gap:4px;width:100%;max-width:100%;padding:4px;display:flex}.communication-tabs button{white-space:normal;background:0 0;border:0;border-radius:9px;flex:1 1 0;min-width:0;min-height:42px;padding:0 12px;font-weight:600}.communication-tabs button.active{color:#fff;background:#141414}.communication-panel,.direct-attachments{border:1px solid var(--border);border-radius:14px;min-width:0;max-width:100%;padding:18px}.ticket-communication-section .section-heading{flex-wrap:wrap}.ticket-communication-section .section-heading>div{flex:220px;min-width:0}.ticket-communication-section .section-heading>button{flex:0 auto;max-width:100%}.manual-banner,.internal-banner{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.45}.internal-banner{color:#7d2c4d}.communication-list{margin:15px 0 0;padding:0;list-style:none;display:grid}.communication-list>li{border-top:1px solid #ecebf0;gap:8px;min-width:0;padding:16px 0;display:grid}.communication-list>li header{justify-content:space-between;gap:12px;display:flex}.communication-list>li header strong{color:#7d2c4d;background:#f9e8ef;border-radius:999px;padding:4px 8px;font-size:12px}.communication-list>li header time,.communication-list>li small{color:var(--muted);font-size:11px}.communication-list>li p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.55}.communication-list .internal-comment{border-left:4px solid #ef2c62;padding-left:14px}.communication-skeleton{gap:9px;margin-top:14px;display:grid}.communication-skeleton i{background:linear-gradient(90deg,#ececf0 25%,#f7f7f9 50%,#ececf0 75%) 0 0/200% 100%;border-radius:11px;height:78px;animation:1.4s infinite customer-pulse}.ticket-empty.compact{min-height:130px}.attachment-list,.attachment-links,.pending-files{margin:12px 0 0;padding:0;list-style:none;display:grid}.attachment-list li{border-top:1px solid #ecebf0;align-items:center;gap:10px;min-width:0;padding:10px 0;display:flex}.attachment-download,.attachment-links button{color:#5a3550;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;min-width:0;min-height:44px;text-decoration:underline}.attachment-download{flex:1}.attachment-download small,.attachment-links small{color:var(--muted);white-space:nowrap}.attachment-links li{margin-top:4px}.pending-files{gap:7px}.pending-files li{overflow-wrap:anywhere;background:#f7f7f8;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;font-size:12px;display:flex}.pending-files li>div{align-items:center;gap:8px;min-width:0;display:flex}.pending-files li>div:first-child{gap:3px;display:grid}.pending-files strong{overflow-wrap:anywhere}.pending-files span{color:var(--muted)}.pending-files .upload-ready{background:#eef8f1;border-color:#bcdcc8}.pending-files .upload-error{background:#fff3f0;border-color:#edc7bd}.pending-files .link-button{min-height:40px;padding:0 5px}.form-error .link-button{color:inherit;margin-top:6px;display:block}.external-thread-section{position:relative}.external-thread-list{margin:14px 0 0;padding:0;list-style:none;display:grid}.external-thread-list>li{border-top:1px solid #ecebf0;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0;padding:15px 0;display:grid}.external-thread-main{gap:4px;min-width:0;display:grid}.external-thread-main>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.external-thread-main span,.external-thread-main small{color:var(--muted);font-size:12px}.external-thread-main code{overflow-wrap:anywhere;font-size:12px}.primary-source-badge,.manual-badge{background:#f9e8ef;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-weight:600;display:inline-flex;color:#7d2c4d!important;font-size:11px!important}.manual-badge{background:#f1f1f3;color:#4f4e55!important}.external-thread-menu{position:relative}.icon-action{min-width:44px;padding:0 10px}.external-thread-menu [role=menu]{z-index:8;border:1px solid var(--border);background:#fff;border-radius:11px;min-width:210px;padding:6px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 12px 34px #14141429}.external-thread-menu [role=menu] button{text-align:left;background:#fff;border:0;border-radius:8px;min-height:44px;padding:0 12px}.external-thread-menu [role=menu] button:hover,.external-thread-menu [role=menu] button:focus-visible{background:#f7f7f8}.ticket-primary-source{color:#7d2c4d;overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}@media (width<=479px){.external-thread-list>li{grid-template-columns:minmax(0,1fr) 44px}.external-thread-menu [role=menu]{min-width:0;position:fixed;inset:auto 16px 16px}.external-thread-main>div{align-items:flex-start}.external-thread-section .section-heading>button{width:100%}}.file-field{gap:7px;font-size:13px;font-weight:500;display:grid}.file-picker{align-items:center;gap:10px;min-width:0;display:flex}.file-picker .secondary{flex:none;min-height:44px}.file-picker>span{min-width:0;color:var(--muted);overflow-wrap:anywhere;font-size:12px}.visually-hidden-file{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=1200px){.communication-tabs button{padding-inline:8px;font-size:12px}.ticket-communication-section .section-heading{flex-direction:column;align-items:stretch}.ticket-communication-section .section-heading>div{flex-basis:auto}.ticket-communication-section .section-heading>button{width:100%}}@media (width<=767px){html,body,#root{max-width:100%;overflow-x:clip}.communication-tabs{width:100%}.communication-tabs button{flex:1;min-width:0;padding-inline:5px;font-size:11px}.communication-panel,.direct-attachments{padding:14px}.communication-list>li header,.attachment-list li{flex-direction:column;align-items:flex-start}.attachment-list li>*{width:100%}.pending-files li{flex-direction:column;align-items:flex-start}}.email-admin{gap:16px;min-width:0;display:grid}.mailbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mailbox-card{border:1px solid var(--border);background:#fff;border-radius:14px;gap:14px;min-width:0;padding:18px;display:grid}.mailbox-card header,.mailbox-card footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mailbox-card h3,.mailbox-card p{margin:0}.mailbox-card dl{gap:7px;margin:0;display:grid}.mailbox-card dl div{justify-content:space-between;gap:12px;display:flex}.mailbox-card dt{color:var(--muted)}.mailbox-card dd{text-align:right;margin:0}.mailbox-card footer{justify-content:flex-start}.mailbox-warning{color:#9b3525;overflow-wrap:anywhere;background:#fff3f0;border-radius:8px;padding:9px}.mailbox-form{gap:18px;display:grid}.mailbox-form fieldset{border:1px solid var(--border);border-radius:12px;margin:0;padding:14px}.mailbox-form legend{padding:0 7px;font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.email-timeline{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.email-message{border:1px solid var(--border);background:#fff;border-radius:12px;gap:8px;min-width:0;padding:14px;display:grid}.email-message.incoming{border-left:4px solid #ef2c62}.email-message.outgoing{border-left:4px solid #181818}.email-message header,.email-message .email-meta{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.email-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.email-meta{color:var(--muted);font-size:12px}.email-attachment-list{flex-wrap:wrap;gap:7px;margin:6px 0 0;padding:0;list-style:none;display:flex}.email-attachment-list button{min-height:40px}.email-composer .recipient-row{grid-template-columns:1fr auto;gap:8px;display:grid}.email-composer-preview{border:1px solid var(--border);white-space:pre-wrap;background:#f8f8f9;border-radius:10px;padding:12px}.email-badge{color:#7d2c4d;background:#f9e8ef;border-radius:999px;align-items:center;padding:3px 7px;font-size:11px;font-style:normal;display:inline-flex}.email-delivery-error{color:#9b3525}.notification-button{position:relative}.notification-count{color:#fff;background:#ef2c62;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:10px;display:grid;position:absolute;top:-5px;right:-5px}.allegro-channel-state{color:#4e356f;background:#f7f2ff;border:1px solid #d6c6ef;border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 13px;display:flex}.allegro-channel-state span{font-size:12px}.allegro-message{border-left:4px solid #6c43a3}.allegro-message header strong{color:#4e356f;background:#eee5fa}.allegro-composer{gap:15px;display:grid}.allegro-card .eyebrow{color:#6c43a3}.notification-control{position:relative}.notification-button{border:1px solid var(--border);background:#fff;border-radius:12px;width:44px;height:44px;font-size:23px}.notification-popover{z-index:9;border:1px solid var(--border);background:#fff;border-radius:14px;width:min(380px,100vw - 32px);max-height:min(560px,100vh - 100px);padding:14px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 14px 40px #14141429}.notification-popover header{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-popover ul{gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.notification-popover li button{text-align:left;background:#fff3f7;border:0;border-radius:9px;gap:3px;width:100%;padding:10px;display:grid}.notification-popover li button.read{background:#f6f6f7}.notification-popover li span,.notification-popover li time,.notification-popover .muted{color:var(--muted);font-size:12px}@media (width<=900px){.mailbox-grid{grid-template-columns:1fr}}@media (width<=767px){.form-grid{grid-template-columns:1fr}.mailbox-card dl div{flex-direction:column;align-items:flex-start;gap:3px}.mailbox-card dd{text-align:left}.email-message header,.email-message .email-meta{flex-direction:column}}
