:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#152340;background:#f5f7fb;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}
:root{--blue:#192b4d;--border:#e2e7f0;--muted:#738098;--white:#fff;--bg:#f4f7fb;--surface:#fff;--teal:#04aa94;--shadow:0 12px 38px rgba(20,38,71,.08)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #73adfa;outline-offset:2px}
.primary{border:0;background:#1b335e;color:white;border-radius:12px;padding:13px 17px;font-weight:700;display:flex;justify-content:center;gap:10px;align-items:center;transition:background .15s}
.primary:hover{background:#294c83}.link-btn{background:none;border:0;color:#24519a;font-weight:650;padding:5px}.link-btn:hover{text-decoration:underline}
.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;color:#445371;font-weight:650;font-size:12px}
input,select,textarea{min-width:0;background:#fff;border:1px solid #dbe3ee;color:#182943;padding:11px 12px;border-radius:10px;line-height:1.4;width:100%;font-size:13px}
textarea{resize:vertical;min-height:65px}.fine-print{font-size:11px;line-height:1.55;color:var(--muted);margin:0}.mini-caption{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#6c80a4}
.form-alert{font-size:12px;color:#b2353b;min-height:18px;margin:6px 0}.online-dot{display:inline-block;width:9px;height:9px;background:#15b981;border-radius:50%;box-shadow:0 0 0 4px #e0faf1;flex:none}
.widget-page{background:#fff}.support-widget{width:100%;max-width:650px;margin:0 auto;min-height:100dvh;background:#fff;display:flex;flex-direction:column}.w-header{background:#162a4e;color:#fff;padding:22px 24px;display:flex;align-items:center;gap:12px}.w-header .brand-symbol{display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0d6bd5,#00d0aa);font-size:23px;width:42px;height:42px}
.w-header div:nth-child(2){flex:1;font-size:16px;font-weight:800}.w-header small{display:block;color:#c8d8ed;font-size:11px;font-weight:500;margin-top:3px}.w-pane{flex:1;min-height:0;padding:20px 22px}.welcome h1{font-size:29px;margin:8px 0 4px;letter-spacing:-.8px}.welcome p{color:#66758d;font-size:13px;line-height:1.65;margin:0 0 15px}
.action-row{display:flex;gap:8px;margin:14px 0 20px}.mode{border:1px solid #e0e8f1;background:#fff;border-radius:12px;color:#42536d;flex:1;padding:13px;font-size:13px;font-weight:750}.mode.active{border-color:#294f8f;background:#f0f5fd;color:#1b3c6f}
.bot-block{background:#f5f8fd;border:1px solid #e7edf5;border-radius:14px;padding:14px;margin-bottom:18px}.bot-block p{color:#5d6d84;font-size:12px;margin:8px 0}.faq-buttons{display:flex;flex-wrap:wrap;gap:7px}.faq-btn{border-radius:30px;border:1px solid #cfdaeb;background:#fff;color:#375079;font-size:11px;padding:7px 9px}.bot-reply{color:#334b71;margin-top:10px;line-height:1.5;padding:10px;background:#e7f2ff;border-radius:9px;font-size:12px}
.honeypot{position:absolute;left:-99999px;opacity:0}.widget-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-top:1px solid var(--border);font-size:11px;color:#8b97aa}
.ticket-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.w-pane h2{font-size:17px;line-height:1.3;margin:15px 0 6px}.ticket-code{color:#8b96a6;font-size:11px;margin-bottom:12px}.pill{font-size:11px;font-weight:800;background:#e5f7ed;color:#25744e;border-radius:30px;padding:5px 9px}.messages{display:flex;flex-direction:column;gap:11px;min-height:150px;max-height:calc(100dvh - 420px);overflow-y:auto;overscroll-behavior:contain;padding:8px 4px;margin-bottom:13px}
.message{border-radius:13px;padding:11px 13px;max-width:88%;box-shadow:0 1px 4px rgba(0,0,0,.03)}.message.customer{align-self:flex-end;background:#e9f2ff}.message.agent{align-self:flex-start;background:#f0f5f7}.message.bot,.message.system{align-self:flex-start;background:#f2f2fb}.message header{font-size:10px;font-weight:800;color:#6c7f94;display:flex;gap:8px;align-items:center;margin-bottom:4px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5;margin:0}.reply-box{display:flex;align-items:stretch;gap:8px}.reply-box textarea{flex:1;min-height:54px}.reply-box button{white-space:nowrap}.saved-list{display:grid;gap:8px}.saved-ticket{border:1px solid var(--border);padding:12px;border-radius:10px;background:white;text-align:left;display:grid;gap:4px}.saved-ticket strong{font-size:13px}.saved-ticket small{color:var(--muted)}
.admin-page{background:#f3f6fb;min-height:100vh}.login-screen{display:grid;place-items:center;min-height:100dvh;padding:30px;background:radial-gradient(circle at 15% 15%,#dfebfa,transparent 43%),#f2f5fa}
.login-card{background:#fff;width:min(440px,100%);padding:39px;border:1px solid #e3eaf5;border-radius:23px;box-shadow:0 18px 66px #16284c18}
.login-mark{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(135deg,#2d4771,#1897c8);color:#fff;border-radius:12px;font-size:24px;font-weight:800}
.login-card .mini-caption{display:block;margin-top:25px}.login-card h1{font-size:27px;margin:8px 0 7px;letter-spacing:-1px}.login-card h1 span{color:#2c86c5}.login-card>p:not(.mini-caption){color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:22px}
.login-card .form-grid{gap:16px}.admin-shell{display:flex;min-height:100dvh}.sidebar{width:250px;min-width:250px;background:#152747;color:white;display:flex;flex-direction:column;padding:24px 15px}
.side-brand{display:flex;align-items:center;gap:10px;margin:3px 6px 43px;font-size:14px;letter-spacing:.4px;font-weight:750}.login-mark.small{font-size:21px;width:36px;height:36px;border-radius:9px}.side-brand strong{color:#75cbf4}.side-brand small{display:block;font-size:10px;color:#9db2d1;margin-top:3px;font-weight:400}
.side-label{font-size:10px;letter-spacing:1.6px;color:#809abf;padding:0 15px 12px}.side-link{background:transparent;border:0;border-radius:9px;color:#b5c5de;text-align:left;width:100%;font-size:13px;font-weight:600;padding:12px 15px;display:flex;gap:12px;align-items:center;margin-bottom:3px}.side-link.selected,.side-link:hover{background:#263c5e;color:white}.sidebar-bottom{margin-top:auto;border-top:1px solid #344663;padding-top:14px}.agent-pill{display:flex;align-items:center;gap:9px;color:#d4e1f5;font-size:11px;overflow:hidden;word-break:break-word;padding:10px}.avatar{border-radius:50%;background:#345f92;display:grid;place-items:center;flex:none;width:34px;height:34px}
.admin-main{width:100%;min-width:0;padding:30px clamp(17px,3vw,48px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px;gap:12px}.topbar small{color:#93a0b3;font-size:10px;font-weight:800;letter-spacing:1.6px}.topbar h1{font-size:27px;letter-spacing:-.8px;margin:5px 0}.topbar-tag{font-size:11px;color:#597189;background:white;border:1px solid var(--border);padding:10px 14px;border-radius:30px;display:flex;align-items:center;gap:10px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.stat-card{background:white;border:1px solid #e6ebf4;border-radius:15px;padding:17px 20px;box-shadow:0 2px 13px #16355908}.stat-card .stat-label{font-size:11px;color:#8491a3;margin-bottom:8px;font-weight:650}.stat-card strong{font-size:27px;letter-spacing:-.7px}.stat-card small{display:block;margin-top:8px;color:#8492a4;font-size:10px}
.inbox-layout{display:grid;grid-template-columns:minmax(285px,380px) minmax(380px,1fr);background:white;border:1px solid #e1e8f2;border-radius:17px;overflow:hidden;min-height:610px}
.inbox-list{border-right:1px solid #e2e9f2}.inbox-filters{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.small-label{color:#6e7e95;font-size:10px;font-weight:750;display:grid;gap:5px}.small-label.full{grid-column:1/-1}.inbox-filters select,.inbox-filters input{font-size:11px;padding:9px}.list-header{padding:12px 17px;border-block:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:8px}.list-header span{font-weight:800;color:#6c7b95;letter-spacing:1px;font-size:9px}
.ticket-list{max-height:700px;overflow-y:auto}.ticket-row{width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:16px;text-align:left;display:grid;gap:6px}.ticket-row:hover,.ticket-row.selected{background:#f1f6fe}.ticket-row-top,.ticket-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.ticket-row strong{font-size:12px}.ticket-row h3{font-size:13px;margin:0;color:#243955;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ticket-row small{font-size:10px;color:#8794a6}.co-chip{background:#e8f2f5;color:#3d6085;padding:4px 6px;border-radius:5px;font-size:9px;font-weight:750}.status-label{font-size:10px;font-weight:700;color:#1f9278}
.inbox-detail{min-width:0;display:flex;flex-direction:column}.empty-state{margin:auto;text-align:center;max-width:290px;padding:28px}.empty-icon{margin:auto;width:65px;height:65px;border-radius:20px;background:#eef4fd;color:#8098b8;display:grid;place-items:center;font-size:30px}.empty-state h2{font-size:16px}.empty-state p{font-size:12px;line-height:1.6;color:var(--muted)}
.detail-head{padding:24px;border-bottom:1px solid #edf0f5}.detail-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-head h2{font-size:18px;margin:7px 0}.detail-head small{font-size:11px;color:#8591a5}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:10px;color:#667995}.detail-meta span{padding:5px 8px;background:#f2f6fc;border-radius:6px}.detail-controls{display:flex;gap:10px;padding:14px 22px;flex-wrap:wrap;background:#f9fbfe;border-bottom:1px solid #e9edf4}
.detail-controls label{color:#62728a;font-size:10px;display:grid;gap:4px}.detail-controls select{min-width:155px;font-size:11px;padding:7px}.detail-messages{padding:18px 22px;display:flex;flex-direction:column;gap:12px;max-height:390px;min-height:180px;overflow-y:auto}
.detail-compose{padding:16px 22px;display:flex;gap:10px;align-items:stretch;border-top:1px solid #e7edf5;margin-top:auto}.detail-compose textarea{flex:1}.detail-compose button{flex:none}
.metrics-table{background:white;padding:25px;border:1px solid var(--border);border-radius:14px}.metrics-table h2{font-size:17px}.metric-line{padding:12px;display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid var(--border);font-size:13px}
@media(max-width:1080px){.sidebar{width:190px;min-width:190px}.admin-main{padding:25px 16px}.inbox-layout{grid-template-columns:300px minmax(270px,1fr)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:710px){.admin-shell{display:block}.sidebar{width:100%;height:auto;padding:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.side-brand{margin:0}.side-label,.sidebar .side-link span,.sidebar-bottom .agent-pill,.sidebar .side-link:not(.selected){display:none}.sidebar .side-link{margin:0;white-space:nowrap}.sidebar-bottom{margin:0;padding:0;border:0}.topbar-tag{display:none}.admin-main{padding:20px 12px}.stats-grid{gap:8px}.stat-card{padding:12px}.stat-card strong{font-size:20px}.inbox-layout{display:block}.inbox-list{border-right:0;max-height:350px;overflow:auto}.inbox-detail{min-height:420px;border-top:2px solid #e7edf5}.detail-head{padding:16px}.detail-messages{max-height:330px}.w-pane{padding:17px 14px}.w-header{padding:18px}.messages{max-height:calc(100dvh - 360px)}}

.inbox-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:start}
.settings-grid .metrics-table{padding:24px;min-width:0}
.settings-grid .metrics-table h2{margin-top:0}
.settings-grid .metrics-table p:not(.fine-print){font-size:12px;color:#72819b;line-height:1.5}
.settings-grid .scope-editor{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.settings-grid .scope-editor .primary{grid-column:1/-1}
.settings-grid .editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:17px}
.settings-grid .scope-chip{display:flex;justify-content:space-between;align-items:center;gap:9px;border:1px solid #dde5f0;border-radius:9px;padding:9px 10px;color:#264367;font-size:12px;background:#f7faff}
.settings-grid .scope-chip span{overflow-wrap:anywhere}
.settings-grid .scope-chip button{flex:none}
.settings-grid .saved-list{max-height:250px;overflow:auto}
@media(max-width:710px){.settings-grid .metrics-table{padding:17px}.settings-grid .scope-editor{grid-template-columns:1fr}.inbox-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Brand skins: the ticket system remains LIEN NEO's backend; visual identity stays with each product. */
.widget-page[data-company="soinora"]{--brand:#0f7772;--brand-soft:#e9f6f3;--brand-ink:#0f2d4d;--brand-line:#dce9e6;--brand-muted:#617477;--brand-bg:#f7faf9;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--brand-bg);color:var(--brand-ink)}
.widget-page[data-company="soinora"] .support-widget{background:var(--brand-bg)}
.widget-page[data-company="soinora"] .w-header{background:#fff;color:#0f2d4d;border-bottom:1px solid #dfe9e7}
.widget-page[data-company="soinora"] .w-header .brand-symbol{background:#e3f4f0;color:#087c77}
.widget-page[data-company="soinora"] .w-header small{color:#718183}
.widget-page[data-company="soinora"] .welcome p,.widget-page[data-company="soinora"] .fine-print{color:#6f8281}
.widget-page[data-company="soinora"] .mini-caption{color:#0d827c}
.widget-page[data-company="soinora"] .primary{background:#0f7772;border-radius:11px}
.widget-page[data-company="soinora"] .primary:hover{background:#0b605c}
.widget-page[data-company="soinora"] .mode.active{border-color:#5fb7b3;background:#edf8f5;color:#0a635e}
.widget-page[data-company="soinora"] .bot-block{background:#eaf7f3;border-color:#d3e9e3}
.widget-page[data-company="soinora"] input,.widget-page[data-company="soinora"] select,.widget-page[data-company="soinora"] textarea{border-color:#d3e2df;border-radius:11px}
.widget-page[data-company="soinora"] .w-header select{background:#eaf7f3!important;color:#0f7772!important;border-color:#c7dfda!important}
.widget-page[data-company="soinora"] .message.customer{background:#e2f5ef}
.widget-page[data-company="soinora"] .message.agent{background:#fff}
.widget-page[data-company="soinora"] .link-btn{color:#147771}
.widget-page[data-company="soinora"] .widget-footer{background:#fff;border-color:#e2ebe9}

.widget-page[data-company="beeforwork"]{--brand:#f1bf10;--brand-soft:#fff8dc;--brand-ink:#242424;--brand-line:#e8e6df;--brand-bg:#fafaf8;font-family:Inter,Arial,system-ui,sans-serif;background:var(--brand-bg);color:var(--brand-ink)}
.widget-page[data-company="beeforwork"] .support-widget{background:var(--brand-bg)}
.widget-page[data-company="beeforwork"] .w-header{background:#fff;color:#242424;border-bottom:3px solid #f6d34b}
.widget-page[data-company="beeforwork"] .w-header .brand-symbol{background:#ffde58;color:#2a2a2a}
.widget-page[data-company="beeforwork"] .w-header small{color:#777}
.widget-page[data-company="beeforwork"] .mini-caption{color:#ad8200}
.widget-page[data-company="beeforwork"] .primary{background:#242424;color:#fff}
.widget-page[data-company="beeforwork"] .primary:hover{background:#444}
.widget-page[data-company="beeforwork"] .mode.active{border-color:#efc027;background:#fff5d0;color:#37322b}
.widget-page[data-company="beeforwork"] .bot-block{background:#fff8e4;border-color:#f4e5b5}
.widget-page[data-company="beeforwork"] .message.customer{background:#fff0bf}
.widget-page[data-company="beeforwork"] .message.agent{background:#f1f1ed}
.widget-page[data-company="beeforwork"] input,.widget-page[data-company="beeforwork"] select,.widget-page[data-company="beeforwork"] textarea{border-color:#e3dfd2}
.widget-page[data-company="beeforwork"] .w-header select{background:#fdf6d8!important;color:#54431a!important;border-color:#e7d182!important}
.widget-page[data-company="beeforwork"] .link-btn{color:#775c07}
.widget-page[data-company="beeforwork"] .widget-footer{background:#fff;border-color:#efefea}

.widget-page[data-company="lienneo"]{--brand:#3e82ff;--brand-soft:#122744;--brand-ink:#e8f0ff;--brand-bg:#08172b;--brand-line:#29415e;background:var(--brand-bg);color:var(--brand-ink);font-family:Montserrat,Inter,system-ui,sans-serif}
.widget-page[data-company="lienneo"] .support-widget{background:var(--brand-bg);color:var(--brand-ink)}
.widget-page[data-company="lienneo"] .w-header{background:#0e2341;border-bottom:1px solid #264464}
.widget-page[data-company="lienneo"] .w-header .brand-symbol{background:linear-gradient(135deg,#3469c9,#00b7df)}
.widget-page[data-company="lienneo"] .welcome p,.widget-page[data-company="lienneo"] .fine-print{color:#a6b6d0}
.widget-page[data-company="lienneo"] .mini-caption{color:#7db1ff}
.widget-page[data-company="lienneo"] .primary{background:#397bfa;color:#fff}
.widget-page[data-company="lienneo"] .mode{background:#112746;border-color:#2d496b;color:#adc9e5}
.widget-page[data-company="lienneo"] .mode.active{background:#1b3d70;border-color:#4d92f3;color:#fff}
.widget-page[data-company="lienneo"] .bot-block{background:#102744;border-color:#284463}
.widget-page[data-company="lienneo"] .bot-block p{color:#b1c4df}
.widget-page[data-company="lienneo"] .faq-btn{background:#193657;border-color:#31506e;color:#d6e4f9}
.widget-page[data-company="lienneo"] .bot-reply{background:#24456b;color:#fff}
.widget-page[data-company="lienneo"] label{color:#d1dff1}
.widget-page[data-company="lienneo"] input,.widget-page[data-company="lienneo"] select,.widget-page[data-company="lienneo"] textarea{background:#102642;color:#fff;border-color:#2b4564}
.widget-page[data-company="lienneo"] input::placeholder,.widget-page[data-company="lienneo"] textarea::placeholder{color:#91aac8}
.widget-page[data-company="lienneo"] .message.customer{background:#234b88}
.widget-page[data-company="lienneo"] .message.agent,.widget-page[data-company="lienneo"] .message.bot{background:#1d3658}
.widget-page[data-company="lienneo"] .message header{color:#a9c5e8}
.widget-page[data-company="lienneo"] .message p{color:#fff}
.widget-page[data-company="lienneo"] .widget-footer{background:#10233c;border-color:#28415b;color:#b9cce5}
.widget-page[data-company="lienneo"] .link-btn{color:#82b4fc}
.widget-page[data-company="lienneo"] .saved-ticket{background:#112844;border-color:#2b4c70;color:#fff}
.widget-page[data-company="lienneo"] .saved-ticket small{color:#acc9e5}
.widget-page[data-company="lienneo"] .ticket-code{color:#a6c1de}

/* Optional per-product custom theme, editable from the central LIEN NEO backoffice. */
.widget-page[data-theme="custom"]{background:var(--skin-background,#f6f8fc);color:var(--skin-ink,#243657)}
.widget-page[data-theme="custom"] .support-widget{background:var(--skin-background,#f6f8fc);color:var(--skin-ink,#243657)}
.widget-page[data-theme="custom"] .w-header{background:var(--skin-primary,#1a3876);color:var(--skin-surface,#fff);border:0}
.widget-page[data-theme="custom"] .w-header .brand-symbol{background:var(--skin-accent,#dce9ff);color:var(--skin-primary,#1a3876)}
.widget-page[data-theme="custom"] .w-header small{color:var(--skin-surface,#fff);opacity:.84}
.widget-page[data-theme="custom"] .primary{background:var(--skin-primary,#1a3876);color:var(--skin-surface,#fff)}
.widget-page[data-theme="custom"] .primary:hover{filter:brightness(.9)}
.widget-page[data-theme="custom"] .mini-caption{color:var(--skin-primary,#1a3876)}
.widget-page[data-theme="custom"] .mode.active{background:var(--skin-accent,#edf3ff);border-color:var(--skin-primary,#1a3876);color:var(--skin-ink,#243657)}
.widget-page[data-theme="custom"] .bot-block{background:var(--skin-surface,#fff);border-color:var(--skin-accent,#dce9ff)}
.widget-page[data-theme="custom"] .bot-block p{color:var(--skin-ink,#243657)}
.widget-page[data-theme="custom"] .faq-btn{background:var(--skin-background,#fff);border-color:var(--skin-accent,#dce9ff);color:var(--skin-ink,#243657)}
.widget-page[data-theme="custom"] .bot-reply{background:var(--skin-accent,#edf3ff);color:var(--skin-ink,#243657)}
.widget-page[data-theme="custom"] label{color:var(--skin-ink,#243657)}
.widget-page[data-theme="custom"] .message.customer{background:var(--skin-accent,#edf3ff);color:var(--skin-ink,#243657)}
.widget-page[data-theme="custom"] .message.agent{background:var(--skin-surface,#fff);color:var(--skin-ink,#243657)}
.widget-page[data-theme="custom"] .widget-footer{background:var(--skin-surface,#fff);border-color:var(--skin-accent,#dce9ff)}
.widget-page[data-theme="custom"] .link-btn{color:var(--skin-primary,#1a3876)}
.widget-page[data-theme="custom"] .saved-ticket{background:var(--skin-surface,#fff);color:var(--skin-ink,#243657)}
.widget-page[data-theme="custom"] .w-header select{background:var(--skin-primary,#1a3876)!important;color:var(--skin-surface,#fff)!important}

/* Verified user identity in the embedded chat: no repeated personal fields. */
.widget-page .w-identity{padding:12px 14px;border:1px solid rgba(10,116,105,.2);border-radius:12px;background:#e8f5f1;color:#183c3a;font-size:12px;line-height:1.6;overflow-wrap:anywhere;margin-bottom:12px}
.widget-page[data-company="beeforwork"] .w-identity{background:#fff6d9;border-color:#f3dfa3;color:#353122}
.widget-page .form-grid [hidden],.widget-page .w-pane [hidden]{display:none!important}