/* CuteWorld: quiet surfaces, soft pink accents and restrained motion. */
:root{--bg:#111013;--surface:#19171c;--hover:#242027;--border:#302a33;--line:#29242c;--text:#f1edf2;--muted:#aaa0ad;--dim:#817584;--accent:#e9a7bf;--accent-soft:#34242e;--pink-ink:#321e29;--ease:cubic-bezier(.22,1,.36,1);--ease-ui:cubic-bezier(.2,.75,.25,1)}
body.light{--bg:#f7f2f5;--surface:#fffafd;--hover:#f2e8ee;--border:#e5d9e1;--line:#ece2e8;--text:#372c36;--muted:#81727f;--dim:#9b8997;--accent:#bd5f85;--accent-soft:#f4e0e9;--pink-ink:#fffafd}
body{letter-spacing:-.012em;transition:background-color .4s var(--ease),color .3s var(--ease);-webkit-font-smoothing:antialiased}
button,a,input,select,textarea{transition:background-color .24s var(--ease-ui),border-color .24s var(--ease-ui),color .24s var(--ease-ui),box-shadow .28s var(--ease-ui),transform .28s var(--ease-ui),opacity .2s var(--ease-ui)}
button:active:not(:disabled),.btn:active{transform:scale(.975)}button:disabled{transform:none}
input,select,textarea{border-radius:10px;background:var(--surface)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
::selection{background:#b8668d66;color:var(--text)}:focus-visible{outline-color:var(--accent)!important}
.btn{border-radius:10px;min-height:36px;padding:8px 14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--pink-ink);font-weight:650}.btn.primary:hover{background:color-mix(in srgb,var(--accent) 85%,#fff);border-color:color-mix(in srgb,var(--accent) 85%,#fff);box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.btn:not(.primary):hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--hover)}.btn.small{min-height:30px;border-radius:8px}.icon-btn{border-radius:9px}.icon-btn:hover{background:var(--hover);color:var(--accent)}
h1{font-weight:650;letter-spacing:-.035em}h2,h3{font-weight:600}.hero h1{font-size:32px;letter-spacing:-.045em;line-height:1.18}.eyebrow{letter-spacing:.12em;font-size:10px;color:var(--accent)}.hero p{line-height:1.7}.page-head{margin-bottom:28px}
.sidebar{background:var(--surface);border-color:var(--border)}.brand{padding-top:28px;padding-bottom:26px}.brand strong{font-size:18px;letter-spacing:-.6px;font-weight:650}.brand small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.cw-mark{font-family:var(--font);font-size:14px;font-weight:700;letter-spacing:-1.8px;padding-right:2px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.logo{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:var(--accent-soft);color:var(--accent);border-radius:13px;box-shadow:none}.brand .logo{width:39px;height:39px}.brand .cw-mark{font-size:14px}
.nav-link{border-radius:10px;margin-top:3px;margin-bottom:3px;transition:background-color .28s var(--ease),color .28s var(--ease),transform .28s var(--ease)}.nav-link:hover{transform:translateX(2px)}.nav-link.active{color:var(--accent);background:var(--accent-soft);border-color:transparent}.nav-link.active:before{background:var(--accent);border-radius:3px}.nav-title{font-size:9px;letter-spacing:.13em;color:var(--dim)}.scope{border-radius:12px;border-color:var(--border);background:var(--bg)}.topbar{background:var(--bg);border-color:var(--border)}.search-btn,.group-select,.session{border-radius:10px}.avatar{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.system-pill{border-radius:10px;background:var(--bg);border-color:var(--border)}
.panel,.metric,.metric-card,.stat-card{border-radius:15px;background:var(--surface);border-color:var(--border);box-shadow:none}.panel-head{border-color:var(--line);padding-top:21px;padding-bottom:21px}.panel-body{padding-top:22px;padding-bottom:22px}.icon-box{border-radius:10px;background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 18%,var(--border))}.metrics{gap:16px}.metric:hover,.metric-card:hover{border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.table-wrap{border-radius:13px;border-color:var(--border)}th{color:var(--muted);background:var(--surface)}td{border-color:var(--line)}tbody tr{transition:background-color .22s var(--ease)}tbody tr:hover{background:var(--hover)}.badge{border-radius:6px}.badge.orange{color:var(--accent);background:var(--accent-soft);border-color:transparent}.filters{gap:14px}.tabs{border-color:var(--border)}.tabs button{transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}.tabs button.active{color:var(--accent);border-color:var(--accent)}.segmented{border-radius:9px;background:var(--bg);border-color:var(--border)}.segmented button{border-radius:7px}.segmented button.active{background:var(--accent-soft);color:var(--accent);box-shadow:none}.hint-banner,.notice{border-radius:12px;border-color:var(--border);background:var(--surface)}.chart .line{stroke:var(--accent)}.chart .grid-line{stroke:var(--line)}.chart text{fill:var(--dim)}.legend i{border-radius:3px}.toast{border-radius:12px;border-color:var(--border);background:var(--surface);box-shadow:0 10px 40px #0002}.toast .icon{color:var(--accent)}
.overlay{animation:cw-overlay .22s var(--ease) both;background:#0b080e88;backdrop-filter:blur(5px)}.modal{border-radius:18px;border-color:var(--border);background:var(--surface);box-shadow:0 24px 90px #0004;animation:cw-dialog .36s var(--ease) both}.modal-header{border-color:var(--border)}.login-page{background:var(--bg)}.login-card{background:var(--surface);border-radius:20px;border-color:var(--border);box-shadow:0 18px 60px #0002;padding-top:38px}.login-card>.logo{width:52px;height:52px;margin-left:auto;margin-right:auto}.login-card h1{font-size:23px}.login-foot{letter-spacing:.12em;border-color:var(--border);color:var(--dim)}.password-wrap{border-radius:10px}.empty{color:var(--muted)}.empty>.icon{color:var(--dim)}
.support-mode{background:var(--bg)}.sup-rail{background:var(--surface);border-color:var(--border);width:68px}.sup-workspace{margin-left:68px}.sup-rail a{color:var(--dim);border-radius:12px}.sup-rail .sup-home{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));width:41px;height:41px}.sup-rail a:hover,.sup-rail a.active{color:var(--accent);background:var(--accent-soft);border-color:transparent}.sup-rail a.active:before{background:var(--accent);left:-14px;width:3px;border-radius:4px}.sup-rail a:hover{transform:translateY(-1px)}.sup-topbar{background:var(--bg);border-color:var(--border);height:76px;padding-left:30px;padding-right:30px}.sup-topbar small,.sup-eyebrow,.sup-context-title>small{color:var(--accent);letter-spacing:.12em;font-size:9px}.sup-topbar strong{font-weight:550}.sup-top-actions{color:var(--muted);gap:17px}.sup-agent-name small{color:var(--dim)}.sup-presence{color:var(--muted)}.sup-main{min-height:calc(100vh - 76px)}.sup-padded{padding:34px 32px}.sup-greeting{margin-bottom:28px;gap:14px}.sup-greeting h1{font-size:22px;font-weight:600;letter-spacing:-.6px}.sup-greeting p{color:var(--muted);font-size:12px}.sup-agent-avatar,.sup-avatar{background:var(--accent-soft);color:var(--accent);font-weight:600}.sup-avatar i{border-color:var(--surface);background:#9bcbd9;color:#23353e}.sup-metrics{gap:16px;margin-bottom:24px}.sup-metric{background:var(--surface);border-color:var(--border);border-radius:15px;box-shadow:none;padding:24px 22px;gap:17px}.sup-metric strong{font-size:28px;font-weight:550;letter-spacing:-1px}.sup-metric small{color:var(--muted);font-size:11px}.sup-metric-icon,.sup-metric-icon.orange{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 15%,var(--border));border-radius:11px}.sup-metric-icon.green{color:#a7c6b5;background:#23302a;border-color:#354a3e}.sup-metric-icon.purple{color:#b9add8;background:#2a2736;border-color:#3e384b}.sup-metric-icon.blue{color:#a8bdd7;background:#252d38;border-color:#374655}.sup-panel{background:var(--surface);border-color:var(--border);border-radius:15px;box-shadow:none}.sup-panel-title{padding:22px}.sup-panel-title h2{color:var(--muted);font-size:12px;font-weight:500}.sup-panel-title a{color:var(--accent);font-size:11px}.sup-panel .empty strong{color:var(--muted)}.sup-mini-ticket{padding:14px 22px;border-radius:10px}.sup-mini-ticket:hover{background:var(--hover)}.sup-mini-ticket small{color:var(--muted)}.sup-mini-ticket time{color:var(--dim)}.sup-mini-ticket strong{font-weight:550}.sup-summary-row>span,.sup-agent-row small{color:var(--muted)}.sup-summary-row{padding:15px 22px}.sup-status-dot{background:var(--accent);box-shadow:none}.sup-status-dot.pending{background:#9bbfa9}.sup-status-dot.closed{background:var(--dim)}.sup-connect-banner{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 20%,var(--border));color:var(--accent);border-radius:12px;padding:14px 18px}.sup-connect-banner.error{color:#deb1b7;background:#33232b;border-color:#52333e}.sup-inbox{height:calc(100dvh - 76px)}.sup-ticket-list{background:var(--surface);border-color:var(--border)}.sup-list-head{padding:20px 14px 14px;border-color:var(--border)}.sup-list-title{margin-top:4px}.sup-list-title h1{font-weight:550;font-size:16px}.sup-list-title h1 small{color:var(--dim)}.sup-search{background:var(--bg);border-color:var(--border);border-radius:10px}.sup-search input{background:transparent;border-radius:0;font-size:12px}.sup-filter-tabs{background:var(--bg);border-radius:11px;padding:4px;gap:3px}.sup-filter-tabs button{border-radius:8px;color:var(--muted);font-size:11px}.sup-filter-tabs button.active{background:var(--accent-soft);color:var(--accent);box-shadow:none}.sup-filter-tabs button:hover{color:var(--text)}.sup-ticket-row{padding:17px 13px;border-bottom-color:var(--line);gap:12px}.sup-ticket-row:hover{background:var(--hover)}.sup-ticket-row.selected{background:var(--accent-soft);border-left-color:var(--accent);border-bottom-color:var(--border)}.sup-ticket-row.urgent{border-left-color:#b4899a}.sup-ticket-text>strong{font-size:12px;font-weight:550}.sup-ticket-text>span{color:var(--muted);margin:6px 0}.sup-ticket-text strong small,.sup-ticket-meta time{color:var(--dim)}.sup-ticket-text>.sup-category{color:var(--muted);background:var(--hover);border-radius:5px;padding:3px 5px}.sup-ticket-meta>small{color:var(--accent)}.sup-unread{color:var(--pink-ink);background:var(--accent);font-weight:650;box-shadow:none}.sup-list-footer{border-color:var(--border);color:var(--dim)}.sup-conversation{background:var(--bg)}.sup-conversation-head{height:73px;padding:12px 20px;border-color:var(--border);background:var(--bg)}.sup-conversation-head strong{font-weight:600}.sup-conversation-head select{border-radius:9px;background:var(--surface);border-color:var(--border)}.sup-conversation-head small{color:var(--muted)}.sup-messages{padding:24px;gap:14px}.sup-day{color:var(--dim);background:var(--surface);padding:5px 13px}.sup-message{background:var(--surface);border-color:var(--border);border-radius:16px 16px 16px 5px;padding:13px 15px;max-width:86%}.sup-message.out{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:16px 16px 5px 16px}.sup-message.note{background:#2a2731;border-color:#403747;border-radius:12px}.sup-message-author{color:var(--muted);font-size:10px;margin-bottom:7px}.sup-message-text{line-height:1.65}.sup-message footer{color:var(--dim)}.sup-file,.sup-retry{color:var(--accent)}.delivery-failed,.delivery-uncertain{color:#e3afb9}.delivery-sent{color:#a2b8a9}.sup-composer{background:var(--surface);border-color:var(--border);padding:14px 20px}.sup-composer.is-note{background:#25222b}.sup-compose-tools{gap:8px}.sup-compose-tools .active{color:var(--accent);background:var(--accent-soft)}.sup-compose-tools select{color:var(--muted)}.sup-compose-input{gap:12px}.sup-compose-input textarea{background:var(--bg);border-color:var(--border);border-radius:12px;padding:14px;line-height:1.65;min-height:83px}.sup-composer>small{color:var(--dim);line-height:1.5}.sup-context{background:var(--surface);border-color:var(--border)}.sup-context-title{border-color:var(--border);padding:21px 18px}.sup-context-title h2{font-weight:550}.sup-context-card{background:var(--surface);border-color:var(--border);border-radius:13px;margin:14px;padding:17px;gap:12px}.sup-context-card>small,.sup-context-card label{color:var(--muted)}.sup-context-card select{background:var(--bg);border-color:var(--border);border-radius:9px;padding:10px}.sup-context-card strong{font-weight:550}.sup-context-card .btn{border-radius:8px}.sup-template-grid{gap:18px}.sup-template{padding:24px}.sup-template h2{font-size:15px;line-height:1.6;font-weight:550}.sup-template p{color:var(--muted);line-height:1.8;font-size:12px}.sup-settings-form{border-radius:15px;padding:28px;gap:22px}.sup-settings-form label{color:var(--muted)}.sup-attachment-bar{color:var(--accent)}
.support-mode.light .sup-workspace{--bg:#f7f2f5;background:var(--bg);color:var(--text)}.support-mode.light .sup-panel,.support-mode.light .sup-metric,.support-mode.light .sup-ticket-list,.support-mode.light .sup-context,.support-mode.light .sup-context-card{background:var(--surface);border-color:var(--border)}.support-mode.light .sup-conversation{background:var(--bg)}.support-mode.light .sup-message{background:var(--surface);color:var(--text);border-color:var(--border)}.support-mode.light .sup-message.out,.support-mode.light .sup-ticket-row.selected{background:var(--accent-soft)}.support-mode.light .sup-message.note{background:#ece7f2;border-color:#d7cddd}.support-mode.light .sup-composer{background:var(--surface)}.support-mode.light .sup-compose-input textarea,.support-mode.light .sup-search,.support-mode.light .sup-context-card select{background:var(--bg);color:var(--text)}.support-mode.light .sup-topbar{border-color:var(--border)}.support-mode.light .sup-filter-tabs{background:var(--bg)}.support-mode.light .sup-filter-tabs button.active{background:var(--accent-soft);color:var(--accent)}.support-mode.light .sup-ticket-text>span{color:var(--muted)}.support-mode.light .sup-metric-icon.green{background:#e7eee9;border-color:#d4e1d9;color:#608770}.support-mode.light .sup-metric-icon.blue{background:#e8edf3;border-color:#d5dfe9;color:#6e87a5}.support-mode.light .sup-metric-icon.purple{background:#ece6f1;border-color:#ded4e8;color:#8c72a5}
.sup-template-grid{display:grid;grid-template-columns:1fr;gap:10px}.sup-template{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr) auto;align-items:center;column-gap:30px;row-gap:6px;padding:20px 24px;min-height:100px;border-radius:13px}.sup-template h2{grid-column:1;grid-row:1;font-size:13px;margin:0}.sup-template>.badge{grid-column:1;grid-row:2;justify-self:start}.sup-template>p{grid-column:2;grid-row:1 / span 2;margin:0;font-size:12px;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.sup-template>div{grid-column:3;grid-row:1 / span 2;gap:7px}.sup-template:hover{border-color:color-mix(in srgb,var(--accent) 23%,var(--border))}.sup-template .btn{font-size:10px}
@media(max-width:1100px){.sup-template{grid-template-columns:170px minmax(0,1fr);gap:10px 24px}.sup-template>div{grid-column:1;grid-row:3}.sup-template>p{grid-column:2;grid-row:1 / span 3}}@media(max-width:600px){.sup-template{grid-template-columns:1fr;gap:10px;padding:20px}.sup-template h2{grid-column:1;grid-row:1}.sup-template>.badge{grid-row:2}.sup-template>p{grid-column:1;grid-row:3}.sup-template>div{grid-column:1;grid-row:4}}
@keyframes cw-overlay{from{opacity:0}to{opacity:1}}@keyframes cw-dialog{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:800px){.sup-padded{padding:24px 20px}.hero h1{font-size:27px}.sup-context{display:none}.sup-topbar{padding:0 18px}.sup-metric{padding:20px 16px}.sup-greeting h1{font-size:20px}}@media(max-width:480px){.sup-rail{width:50px}.sup-workspace{margin-left:50px}.sup-rail .sup-home{width:35px;height:35px}.sup-rail a.active:before{left:-8px}.sup-topbar{height:66px;padding:0 12px}.sup-main{min-height:calc(100vh - 66px)}.sup-inbox{height:calc(100dvh - 66px)}.sup-padded{padding:22px 14px}.sup-conversation-head{padding:10px;height:68px;gap:7px}.sup-composer{padding:12px}.sup-messages{padding:16px}.sup-metric{gap:10px;padding:18px 13px}.sup-metric strong{font-size:24px}.sup-greeting h1{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
body[data-role="support"] [data-sup="new-template"],body[data-role="support"] [data-sup="edit-template"],body[data-role="support"] [data-sup="delete-template"]{display:none}
/* Shared admin/support sign-in: consistent insets and compact vertical rhythm. */
.login-page{min-height:100vh;min-height:100dvh;padding:32px 20px;display:grid;place-items:center;background:var(--bg)}
.login-card{width:min(400px,100%);margin:0;padding:32px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 16px 48px #00000016;box-sizing:border-box}
.login-card>.logo{width:48px;height:48px;margin:0 auto 22px;border-radius:13px}
.login-card>.logo .cw-mark{font-size:18px;letter-spacing:-1.5px}
.login-card h1{font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.035em;text-align:center;margin:0;overflow-wrap:break-word}
.login-card>p{margin:8px 0 28px;font-size:13px;line-height:1.5;text-align:center;color:var(--muted)}
.login-card form{display:grid;gap:18px;text-align:left;width:100%;min-width:0}
.login-card label{display:grid;gap:8px;min-width:0;font-size:12px;line-height:1.4;color:var(--muted)}
.login-card input{width:100%;min-width:0;height:44px;padding:0 13px;box-sizing:border-box;font-size:14px;border-radius:9px;background:var(--bg)}
.login-card .password-wrap{width:100%;position:relative}
.login-card .password-wrap input{padding-right:44px}
.login-card .password-wrap .icon-btn{width:36px;height:36px;right:4px;top:4px;display:grid;place-items:center}
.login-card form>.btn{width:100%;min-height:44px;margin:4px 0 0;border-radius:9px;font-size:13px;font-weight:600}
.login-card .inline-error:empty{display:none}
.login-card .inline-error:not(:empty){font-size:12px;line-height:1.5;margin:0}
.login-card .login-foot{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--border);font-size:9px;line-height:1.5;letter-spacing:.16em;text-align:center}
@media(max-width:440px){.login-page{padding:20px 16px}.login-card{padding:28px 24px;border-radius:16px}.login-card h1{font-size:20px}}