:root{--ink:#20364a;--muted:#667787;--line:#dce5ec;--soft:#f4f7fa;--paper:#fff;--side:#f2f5f7;--coral:#557fae;--mint:#4b967d;--blue:#668cc1;--amber:#c99035;--shadow:0 15px 45px rgba(31,55,75,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:"DM Sans",sans-serif;background:#f7f8f6;color:var(--ink)}button,input,select{font:inherit}.admin-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;background:var(--side);border-right:1px solid #dce2dc;padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:2px 10px 21px;color:inherit;text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--ink);position:relative;box-shadow:0 4px 12px rgba(24,33,29,.16)}.brand-mark i:first-child{position:absolute;width:20px;height:9px;border:3px solid white;border-top:0;transform:rotate(-37deg);top:8px;left:5px;border-radius:0 0 8px 8px}.brand-mark i:last-child{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--coral);right:5px;bottom:5px}.brand strong,.brand small{display:block}.brand strong{font:800 16px "Manrope"}.brand small{font-size:9px;color:#8b938e;text-transform:uppercase;letter-spacing:.55px;margin-top:2px}.back-inbox{color:#59635d;text-decoration:none;font-size:11px;margin:0 10px 26px}.back-inbox:hover{color:var(--coral)}.admin-sidebar>p{text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:700;color:#929a95;margin:0 10px 8px}.admin-sidebar nav{display:grid;gap:3px}.admin-nav{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:7px;width:100%;padding:10px;border:0;border-radius:9px;background:transparent;color:#56615a;text-align:left;cursor:pointer;font-size:11px}.admin-nav:hover{background:#fff}.admin-nav.active{color:white;background:var(--ink);box-shadow:0 6px 15px rgba(24,33,29,.14)}.admin-nav span{font-size:15px}.admin-nav b{font-size:9px;border-radius:8px;padding:2px 6px;background:rgba(24,33,29,.08)}.admin-nav.active b{background:#f69a89;color:var(--ink)}.admin-user{margin-top:auto;border-top:1px solid #d9dfd9;padding:15px 8px 0;display:flex;gap:9px;align-items:center}.admin-user>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#354039;color:white;font-size:10px;font-weight:700}.admin-user strong,.admin-user small{display:block}.admin-user strong{font-size:10px}.admin-user small{color:#8a938d;font-size:8px;margin-top:2px}.admin-main{min-width:0}.admin-topbar{height:120px;background:#fff;border-bottom:1px solid var(--line);padding:23px 34px;display:flex;justify-content:space-between;align-items:center}.crumb{font-size:9px;color:#969d98}.admin-topbar h1{font:800 21px "Manrope";letter-spacing:-.45px;margin:8px 0 4px}.admin-topbar p{margin:0;color:var(--muted);font-size:10px}.prototype-pill{font-size:9px;color:#806522;background:#f8edc9;border:1px solid #edd99c;padding:6px 9px;border-radius:14px}.admin-content{padding:28px 34px 50px;max-width:1280px;margin:0 auto}.admin-view{display:none}.admin-view.active{display:block}.view-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.view-actions h2{font:700 15px "Manrope";margin:0}.view-actions p{margin:5px 0 0;color:var(--muted);font-size:9px}.search-box{width:310px;height:37px;background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#8a938d}.search-box input{border:0;outline:0;width:100%;font-size:10px}.primary,.secondary{border:0;border-radius:9px;height:37px;padding:0 14px;font-size:10px;font-weight:700;cursor:pointer}.primary{background:var(--ink);color:#fff;box-shadow:0 5px 13px rgba(24,33,29,.12)}.primary:hover{background:#2d3933;transform:translateY(-1px)}.secondary{background:#eef1ee;color:#536059}.notice{display:flex;gap:11px;background:#edf7f3;border:1px solid #d2ece1;border-radius:10px;padding:13px 15px;margin-bottom:16px}.notice>span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#cde8dc;color:#24765b;font:700 11px serif}.notice strong{display:block;font-size:10px}.notice p{font-size:9px;line-height:1.5;color:#5f7168;margin:3px 0 0}.table-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 5px 17px rgba(26,38,31,.035)}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f2f4f1;text-transform:uppercase;letter-spacing:.65px;font-size:8px;color:#8d9690;padding:12px 14px}td{padding:14px;border-top:1px solid var(--line);font-size:10px;vertical-align:middle}td strong,td small{display:block}td small{color:#929a95;font-size:8px;margin-top:3px}.email-cell{display:flex;gap:8px;align-items:center}.email-cell>span{width:30px;height:30px;border-radius:9px;background:#ffe0d9;color:#a54635;display:grid;place-items:center;font-weight:700}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:10px;font-size:8px;font-weight:700}.badge.verified{background:#dff3eb;color:#26765b}.badge.pending{background:#fff0cc;color:#85621e}.badge.active{background:#e3f1eb;color:#297159}.badge.invited{background:#edf0ed;color:#6a746e}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.row-menu{border:0;background:transparent;cursor:pointer;color:#737c76}.forward-code{font-family:ui-monospace,monospace;color:#66716a;font-size:8px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:22px}.stats-row>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px}.stats-row span,.stats-row small{display:block}.stats-row span{font-size:9px;color:#78817b}.stats-row strong{display:block;font:800 24px "Manrope";margin:8px 0 3px}.stats-row strong.green{color:var(--mint)}.stats-row small{font-size:8px;color:#989f9b}.person-cell{display:flex;gap:9px;align-items:center}.person-avatar{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#e6ece8;font-size:9px;font-weight:700}.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.group-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.group-card header{display:flex;justify-content:space-between}.group-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:14px}.group-card:nth-child(1) .group-icon{background:#ffe1da;color:#ac4b3a}.group-card:nth-child(2) .group-icon{background:#dff1e9;color:#2e7d62}.group-card:nth-child(3) .group-icon{background:#e1ebfa;color:#3c70bc}.group-card h3{font:700 12px "Manrope";margin:13px 0 4px}.group-card p{font-size:9px;color:#858e88;line-height:1.5;margin:0}.group-meta{margin-top:16px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:8px;color:#737c76}.rule-help{background:#fff5e2;border:1px solid #f1dfb5;padding:12px 14px;border-radius:10px;display:flex;gap:9px;margin-bottom:15px}.rule-help p{margin:0;font-size:9px;line-height:1.55;color:#6b6048}.rule-card{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px;margin-bottom:9px}.rule-order{width:28px;height:28px;display:grid;place-items:center;background:#f0f2ef;border-radius:8px;font-weight:700;font-size:10px}.rule-card h3{font:700 10px "Manrope";margin:0 0 5px}.rule-flow{font-size:8px;color:#747e77}.rule-flow b{color:#3a4740;background:#edf1ee;padding:3px 5px;border-radius:4px}.rule-meta{font-size:8px;color:#969d98;margin-top:7px}.switch{position:relative;width:34px;height:20px;border:0;border-radius:12px;background:#ccd3ce;cursor:pointer}.switch::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.18s}.switch.on{background:var(--mint)}.switch.on::after{left:17px}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.permission-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.role-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:800}.role-icon.admin{background:#ffe0d8;color:#a34533}.role-icon.manager{background:#deeee8;color:#26765b}.role-icon.agent{background:#e2ebf8;color:#3d6cad}.permission-grid h3{font:700 12px "Manrope";margin:14px 0 6px}.permission-grid p{font-size:9px;color:#7d8780;line-height:1.5}.permission-grid ul{list-style:none;padding:12px 0 0;margin:12px 0 0;border-top:1px solid var(--line)}.permission-grid li{font-size:8.5px;margin:8px 0;color:#53605a}.permission-grid li::before{content:"✓";color:var(--mint);font-weight:700;margin-right:7px}.audit-card{margin-top:16px;background:var(--ink);color:white;border-radius:13px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.audit-card>div{display:flex;gap:11px;align-items:center}.audit-card>div>span{width:29px;height:29px;border-radius:9px;background:#38433d;display:grid;place-items:center;color:#78d1af}.audit-card p{font-size:9px;color:#bbc3be;margin:0}.audit-card strong{display:block;color:#fff;font-size:10px;margin-bottom:3px}.audit-card button{border:1px solid #4b5750;background:transparent;color:#fff;border-radius:8px;padding:8px 10px;font-size:8px}
dialog{width:min(520px,calc(100% - 30px));border:0;border-radius:15px;padding:0;box-shadow:0 25px 80px rgba(21,31,25,.25)}dialog::backdrop{background:rgba(22,30,25,.38);backdrop-filter:blur(2px)}dialog form{padding:20px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.dialog-head small{color:var(--coral);font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.dialog-head h2{font:700 17px "Manrope";margin:4px 0}.dialog-head button{border:0;background:var(--soft);width:29px;height:29px;border-radius:8px;cursor:pointer}dialog label{display:block;font-size:9px;color:#69736d;margin:12px 0}dialog input,dialog select{width:100%;height:38px;border:1px solid var(--line);border-radius:8px;padding:0 10px;margin-top:6px;outline:0;font-size:10px;background:#fff}dialog input:focus,dialog select:focus{border-color:#9eaaa2}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.forward-preview{background:#f2f5f2;border-radius:9px;padding:12px;margin-top:14px}.forward-preview small,.forward-preview code,.forward-preview p{display:block}.forward-preview small{font-size:8px;color:#88918b}.forward-preview code{font-size:9px;margin:7px 0}.forward-preview p{font-size:8px;color:#8a938d;margin:0}.condition-box{border:1px solid var(--line);border-radius:9px;padding:11px;margin-top:10px}.condition-box>strong{display:block;font-size:9px;margin-bottom:4px;color:#b34b39}.condition-box.action>strong{color:#2e7b60}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:17px}.admin-toast{position:fixed;right:24px;bottom:22px;background:var(--ink);color:#fff;padding:12px 15px;border-radius:11px;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.25s}.admin-toast.show{transform:none;opacity:1}.admin-toast>span{width:24px;height:24px;border-radius:50%;background:var(--mint);display:grid;place-items:center}.admin-toast strong,.admin-toast small{display:block}.admin-toast strong{font-size:9px}.admin-toast small{font-size:8px;color:#bdc5c0;margin-top:2px}
@media(max-width:900px){.admin-shell{grid-template-columns:74px 1fr}.admin-sidebar{padding:18px 10px}.brand>span:last-child,.back-inbox,.admin-sidebar>p,.admin-nav:not(.active){font-size:0}.brand{padding-left:9px}.admin-nav{grid-template-columns:1fr;justify-items:center}.admin-nav.active{font-size:0}.admin-nav span{font-size:17px}.admin-nav b{display:none}.admin-user div{display:none}.admin-content{padding:22px}.permission-grid,.group-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr 1fr}}@media(max-width:650px){.admin-shell{display:block}.admin-sidebar{position:static;height:auto;flex-direction:row;align-items:center}.admin-sidebar nav{display:flex;overflow:auto}.brand{padding:0}.admin-user,.back-inbox,.admin-sidebar>p{display:none}.admin-topbar{padding:18px;height:auto}.prototype-pill{display:none}.admin-content{padding:16px}.view-actions{align-items:stretch;flex-direction:column}.search-box{width:100%}.table-card{overflow:auto}table{min-width:760px}.stats-row,.two-col{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}}

/* Clearer typography for Windows displays. */
body,button,input,select{font-family:"Segoe UI",Arial,sans-serif;text-rendering:optimizeLegibility}.brand strong,.admin-topbar h1,.view-actions h2,.group-card h3,.rule-card h3,.permission-grid h3,.dialog-head h2{font-family:"Segoe UI",Arial,sans-serif}.admin-nav{font-size:13px}.back-inbox{font-size:12px}.admin-topbar h1{font-size:24px}.admin-topbar p{font-size:12px}.crumb{font-size:11px}.prototype-pill{font-size:11px}.view-actions h2{font-size:18px}.view-actions p{font-size:12px}.search-box input,.primary,.secondary{font-size:12px}.notice strong{font-size:12px}.notice p{font-size:11px}th{font-size:10px}td{font-size:12px}td small{font-size:10px}.badge{font-size:10px}.forward-code{font-size:10px}.stats-row span{font-size:11px}.stats-row small{font-size:10px}.group-card h3{font-size:14px}.group-card p{font-size:11px}.group-meta{font-size:10px}.rule-help p{font-size:11px}.rule-card h3{font-size:13px}.rule-flow,.rule-meta{font-size:10.5px}.permission-grid h3{font-size:14px}.permission-grid p,.permission-grid li{font-size:11px}.audit-card p{font-size:11px}.audit-card strong{font-size:12px}dialog label,dialog input,dialog select{font-size:12px}.dialog-head small{font-size:10px}.dialog-head h2{font-size:20px}

/* Freshdesk-style compact global rail and Helpdesk settings. */
@media(min-width:901px){.admin-shell{grid-template-columns:66px minmax(0,1fr)}.admin-sidebar{padding:18px 8px}.brand{padding:0 8px 20px;justify-content:center}.brand>span:last-child,.back-inbox,.admin-sidebar>p,.admin-user div{display:none}.admin-sidebar nav{gap:5px}.admin-nav{display:grid;grid-template-columns:1fr;justify-items:center;padding:11px 7px;font-size:0;position:relative}.admin-nav span{font-size:18px}.admin-nav b{display:none}.admin-user{justify-content:center;padding:15px 0 0}.admin-main{min-width:0}}
.helpdesk-settings{max-width:1120px;margin:0 auto}.settings-sheet{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;overflow:hidden}.settings-sheet h2{font-size:22px;font-weight:500;margin:0;padding:24px 30px 18px}.settings-row{display:grid;grid-template-columns:180px minmax(0,640px);gap:22px;align-items:start;padding:14px 30px}.settings-row>label,.settings-row>span{font-size:13px;font-weight:600;padding-top:10px}.settings-row input,.settings-row select{width:min(450px,100%);height:36px;border:1px solid #cad7e1;border-radius:8px;background:#fff;padding:0 10px;font-size:14px;color:#17364d}.settings-row small{display:block;color:#637687;font-size:12px;line-height:1.5;margin-top:6px}.inline-value{display:flex;align-items:center;gap:12px;min-height:36px}.inline-value>span{font-size:13px;color:#617687}.inline-value select{width:auto;min-width:170px}.portal-sheet{padding-bottom:8px}.font-preview{width:min(640px,100%);min-height:88px;background:#f5f7f8;display:grid;place-items:center;text-align:center;font:14px "Segoe UI",Arial,sans-serif;color:#17364d;padding:16px}.font-preview span{color:#617687}.settings-actions{display:flex;justify-content:flex-end;gap:10px;padding:4px 0 30px}.settings-actions button{min-width:80px}.settings-row .switch{margin-top:7px}@media(max-width:760px){.settings-row{grid-template-columns:1fr;gap:4px;padding:12px 18px}.settings-row>label,.settings-row>span{padding-top:0}.settings-sheet h2{padding:20px 18px 12px}.inline-value{align-items:flex-start;flex-direction:column}.settings-actions{padding-right:4px}}

.notification-intro{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-bottom:16px}.notification-intro h2{font-size:19px;margin:0 0 7px}.notification-intro p{font-size:12px;line-height:1.55;color:#667987;margin:0;max-width:820px}.notification-tabs{margin-bottom:0;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#fff;padding:0 15px}.notification-list{background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;overflow:hidden}.notification-list[hidden]{display:none}.notification-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.notification-list article:last-child{border-bottom:0}.notification-list strong,.notification-list span{display:block}.notification-list strong{font-size:13px}.notification-list span{font-size:11px;color:#718491;margin-top:4px}.notification-list .secondary{height:32px}.template-mail-icon{width:34px;height:34px;border-radius:9px;background:#eaf1f6;display:grid!important;place-items:center;color:#355f83;margin:0!important}@media(max-width:700px){.notification-list article{grid-template-columns:36px 1fr}.notification-list article>.secondary{grid-column:2;width:max-content}}

/* Freshdesk-style Admin center: global rail + categorized settings cards. */
.global-admin-nav{display:grid;gap:5px}.admin-global,.global-admin-nav .admin-nav{width:100%;height:42px;border:0;border-radius:9px;background:transparent;color:#526778;display:grid;grid-template-columns:1fr;place-items:center;text-decoration:none;cursor:pointer}.admin-global span,.global-admin-nav .admin-nav span{font-size:18px}.admin-global i,.global-admin-nav .admin-nav i{display:none}.admin-global:hover,.global-admin-nav .admin-nav:hover{background:#fff}.global-admin-nav .admin-nav.active{background:#dce6ed;color:#17364d;box-shadow:none}.admin-topbar{height:82px;padding:0 28px;position:sticky;top:0;z-index:20}.admin-topbar h1{font-size:18px;margin:5px 0 0}.admin-topbar p{display:none}.crumb{font-size:12px}.crumb button{border:0;background:transparent;padding:0;color:#1262bd;font-weight:600;cursor:pointer}.crumb b:empty{display:none}.admin-top-actions{display:flex;align-items:center;gap:10px}.admin-search{width:280px;height:38px;border:1px solid #cfdbe4;border-radius:8px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 10px;color:#718491}.admin-search input{width:100%;border:0;outline:0;background:transparent;font-size:13px}.admin-content{padding:24px 30px 60px;max-width:1440px}.admin-jump{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:22px}.admin-jump button{min-height:74px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#405668;font-size:12px;font-weight:700;cursor:pointer}.admin-jump button:hover{border-color:#9bb2c4;background:#f7fafc}.admin-category{scroll-margin-top:100px;margin:0 0 28px}.category-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.category-head h2{font-size:17px;margin:0}.category-head>span{font-size:11px;color:#708290}.category-head b{color:#2c765e}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.settings-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.setting-card{min-width:0;min-height:76px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px;text-align:left;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;cursor:pointer;color:#20364a}.setting-card:hover{border-color:#a7bac8;box-shadow:0 5px 15px rgba(32,54,74,.06);transform:translateY(-1px)}.setting-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:17px;font-style:normal}.setting-icon.blue{background:#e5eff7;color:#356d99}.setting-icon.green{background:#e1f2eb;color:#337c64}.setting-icon.amber{background:#fff0d6;color:#9a6c20}.setting-icon.violet{background:#eee9fa;color:#6b55a3}.setting-icon.slate{background:#e8edf0;color:#4e6575}.setting-card strong,.setting-card small,.setting-card p{display:block}.setting-card strong{font-size:13px}.setting-card small{font-size:10px;color:#7a8a96;margin-top:4px}.setting-card p{font-size:11px;line-height:1.45;color:#6f808c;margin:6px 0 0}.setting-card.detailed{min-height:104px;align-items:start}.setting-card strong em{font-style:normal;font-size:9px;color:#277157;background:#e1f1eb;border-radius:8px;padding:3px 6px;margin-left:5px;white-space:nowrap}.setting-card strong i{font-style:normal;font-size:9px;color:#2b69a0;background:#e4eff8;border-radius:8px;padding:3px 6px;margin-left:5px}.admin-category[hidden],.setting-card[hidden]{display:none}
@media(max-width:1100px){.admin-jump{grid-template-columns:repeat(4,1fr)}.settings-grid,.settings-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-search{width:220px}}@media(max-width:700px){.admin-top-actions .prototype-pill{display:none}.admin-search{width:180px}.admin-jump{grid-template-columns:repeat(2,1fr)}.settings-grid,.settings-grid.compact{grid-template-columns:1fr}.admin-content{padding:18px}.admin-topbar{padding:0 16px}}

.action-buttons{display:flex;gap:9px}.setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start}.setup-main{min-width:0}.subview-back{border:0;background:transparent;color:#54718a;padding:0;margin:0 0 18px;font-size:12px;cursor:pointer}.subview-back:hover{text-decoration:underline}.setup-heading{margin-bottom:22px}.setup-heading small{font-size:10px;letter-spacing:1px;color:#6f8496;font-weight:700}.setup-heading h2{font-size:25px;margin:6px 0 7px}.setup-heading p{font-size:13px;color:var(--muted);margin:0}.direction-select{display:block;width:260px;font-size:12px;color:#526779;margin-bottom:16px}.direction-select select{width:100%;height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;margin-top:7px;padding:0 10px}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px}.provider-card{position:relative;min-height:165px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;text-align:left;cursor:pointer;transition:.16s}.provider-card:hover{border-color:#93aac0;box-shadow:0 8px 22px rgba(31,55,75,.08);transform:translateY(-1px)}.provider-card.recommended::after{content:"Đề xuất";position:absolute;right:10px;top:10px;border-radius:10px;padding:3px 7px;background:#e6f1eb;color:#36735e;font-size:9px;font-weight:700}.provider-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-weight:800;margin-bottom:17px}.provider-icon.lark{background:#e7eef7;color:#426a95}.provider-icon.forward{background:#e7f3ee;color:#397b63}.provider-icon.custom{background:#f3ede1;color:#92713e}.provider-icon.google{background:#f7e7e5;color:#b54a3c}.provider-icon.microsoft{background:#e4eef9;color:#3572ad}.provider-card strong,.provider-card small,.provider-card i{display:block}.provider-card strong{font-size:14px}.provider-card small{color:#668198;font-size:10px;margin-top:4px}.provider-card i{font-style:normal;color:#7d8b96;font-size:11px;line-height:1.45;margin-top:11px}.selected-provider{display:flex;align-items:center;justify-content:space-between;background:#f4f7fa;border:1px solid var(--line);border-radius:11px;padding:12px 14px;margin-bottom:14px}.selected-provider>div{display:flex;align-items:center;gap:10px}.selected-provider .provider-icon{margin:0}.selected-provider small,.selected-provider strong{display:block}.selected-provider small{font-size:9px;color:#7a8b99}.selected-provider strong{font-size:13px;margin-top:2px}.selected-provider button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;font-size:11px;color:#47637a;cursor:pointer}.setup-card{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;overflow:hidden}.setup-card>header{display:flex;gap:11px;padding:16px 18px;background:#f6f8fa;border-bottom:1px solid var(--line)}.setup-card>header>span{width:25px;height:25px;border-radius:8px;background:#dfe9f1;color:#365e7e;display:grid;place-items:center;font-size:11px;font-weight:800}.setup-card h3{font-size:14px;margin:0}.setup-card header p{font-size:11px;color:#788896;margin:3px 0 0}.setup-fields{padding:17px 18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.setup-fields label{font-size:11px;color:#526779}.setup-fields input,.setup-fields select{display:block;width:100%;height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;margin-top:7px;font-size:12px}.setup-fields label:last-child:nth-child(3){grid-column:1/-1}.forward-address{margin:17px 18px 10px;border:1px solid #cfdbe5;background:#f7f9fb;border-radius:9px;min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:7px 8px 7px 12px}.forward-address code{font:600 12px ui-monospace,Consolas,monospace;color:#304e68}.forward-address button{border:0;background:#e4edf4;color:#365f80;border-radius:7px;padding:7px 9px;font-size:10px;cursor:pointer}.setup-steps{margin:12px 22px 18px;padding-left:18px}.setup-steps li{font-size:11.5px;line-height:1.55;margin:8px 0;color:#516576}.security-note{margin:0 18px 17px;padding:11px 12px;border-radius:9px;background:#edf6f2;display:flex;align-items:flex-start;gap:8px}.security-note span{color:#35775e;font-weight:700}.security-note p{font-size:10.5px;color:#517064;margin:0;line-height:1.45}.setup-footer{position:sticky;bottom:0;z-index:2;background:rgba(247,248,246,.96);border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:flex-end;gap:9px}.setup-help{position:sticky;top:148px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.setup-help h3{font-size:15px;margin:0 0 8px}.setup-help>p{font-size:11.5px;color:#687b8c;line-height:1.55}.setup-help>div{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:14px 0}.setup-help strong{font-size:11.5px}.setup-help ol{padding-left:19px;margin:9px 0 0}.setup-help li{font-size:10.5px;line-height:1.5;margin:6px 0;color:#647889}.setup-help a{display:block;text-decoration:none;color:#416f96;font-size:11px;margin:11px 0}.help-warning p{font-size:10.5px;color:#6c7f8e;line-height:1.5;margin:5px 0 0}.quick-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.quick-settings button{border:1px solid var(--line);border-radius:10px;background:#f6f8fa;padding:14px;text-align:left;cursor:pointer}.quick-settings button:hover{border-color:#9cafbf;background:#fff}.quick-settings strong,.quick-settings span{display:block}.quick-settings strong{font-size:12px;color:#365f80}.quick-settings span{font-size:10px;color:#738492;line-height:1.45;margin-top:5px}.setting-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.setting-list label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid var(--line);cursor:pointer}.setting-list label:last-child{border-bottom:0}.setting-list strong,.setting-list span{display:block}.setting-list strong{font-size:12px}.setting-list span{font-size:10.5px;color:#758694;margin-top:4px;line-height:1.45}.setting-list input{appearance:none;width:34px;height:20px;border-radius:12px;background:#aebbc5;position:relative;flex:0 0 auto;cursor:pointer}.setting-list input::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.16s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.setting-list input:checked{background:#557fae}.setting-list input:checked::after{left:17px}
@media(max-width:1050px){.setup-layout{grid-template-columns:1fr}.setup-help{position:static}.provider-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.action-buttons{flex-direction:column}.provider-grid,.quick-settings,.setup-fields{grid-template-columns:1fr}.setup-fields label:last-child:nth-child(3){grid-column:auto}}

/* Freshdesk workflow alignment and migration center. */
.freshdesk-subnav{display:flex;align-items:center;gap:8px;padding:12px 14px;margin-bottom:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.freshdesk-subnav button{height:34px;border:0;background:transparent;border-radius:8px;padding:0 11px;color:#62717d;font-size:12px;cursor:pointer}.freshdesk-subnav button.active{background:#eaf1f6;color:#294e6c;font-weight:700}.freshdesk-subnav button b{background:#d8e3eb;border-radius:10px;padding:1px 6px;margin-left:4px}.freshdesk-subnav span{margin-left:auto;font-size:11px;color:#7c8993}.freshdesk-subnav .secondary{border:1px solid var(--line);margin-left:0}.rule-tabs span{font-style:italic}
.backup-hero{display:flex;justify-content:space-between;align-items:center;padding:24px 26px;margin-bottom:18px;border-radius:15px;background:linear-gradient(135deg,#edf4fa,#f7fafc);border:1px solid #d8e4ed}.backup-hero small{color:#557fae;font-size:10px;font-weight:800;letter-spacing:1px}.backup-hero h2{margin:7px 0 8px;font-size:24px}.backup-hero p{margin:0;max-width:720px;color:#667787;font-size:13px}.backup-shield{width:54px;height:54px;border-radius:17px;background:#dceee7;color:#348068;display:grid;place-items:center;font-size:24px;font-weight:800}.backup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.backup-grid article{position:relative;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.backup-grid h3{margin:12px 0 8px;font-size:17px}.backup-grid p,.backup-grid li{font-size:12px;line-height:1.55;color:#687884}.backup-grid ul{padding-left:18px;min-height:92px}.step-number{width:30px;height:30px;border-radius:9px;background:#e6eef5;color:#355f83;display:grid;place-items:center;font-weight:800}.drop-zone{min-height:180px;border:1px dashed #afc2d1;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px}.drop-zone strong{font-size:13px}.drop-zone span{font-size:10px;color:#84919b;margin:7px 0 13px}.sync-plan{display:flex;align-items:center;justify-content:center;gap:10px;min-height:130px}.sync-plan span{padding:12px;background:#f2f6f9;border-radius:9px;text-align:center}.sync-plan b,.sync-plan small{display:block}.sync-plan b{font-size:11px}.sync-plan small{font-size:9px;color:#82909a;margin-top:4px}.backup-safety{display:flex;gap:22px;align-items:center;margin-top:16px;padding:16px 18px;border:1px solid #dce7df;background:#f5faf7;border-radius:12px;font-size:11px;color:#65766b}.backup-safety strong{color:#347b63}.backup-safety span:before{content:'✓';color:#4b967d;margin-right:5px}@media(max-width:1050px){.backup-grid{grid-template-columns:1fr}.backup-safety{align-items:flex-start;flex-direction:column;gap:8px}.freshdesk-subnav{overflow:auto}.freshdesk-subnav span{display:none}}
.sla-info{display:flex;gap:11px;padding:14px 16px;margin-bottom:16px;border:1px solid #d7e5ee;background:#f0f6fa;border-radius:11px}.sla-info>span{width:22px;height:22px;border-radius:50%;background:#d9e7f0;color:#3b6382;display:grid;place-items:center;font-weight:800}.sla-info p{margin:0;font-size:11px;line-height:1.5;color:#5c7182}.sla-info strong{display:block;color:#294e6c}.sla-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.sla-settings article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px}.sla-settings h3{margin:0;font-size:13px}.sla-settings p{font-size:11px;color:#768691;min-height:34px}.field-layout{display:grid;grid-template-columns:minmax(0,1.4fr) 320px;gap:18px}.field-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.field-list article{display:grid;grid-template-columns:25px 1fr auto;gap:11px;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.field-list article:last-child{border-bottom:0}.field-list article>span{color:#9aa6ae;cursor:grab}.field-list strong,.field-list small{display:block}.field-list strong{font-size:12px}.field-list small{font-size:10px;color:#81909a;margin-top:4px}.field-list b{font-size:9px;color:#557187;background:#edf3f7;padding:4px 7px;border-radius:8px}.field-preview{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;height:max-content}.field-preview h3{margin:0 0 14px;font-size:14px}.field-preview label{display:block;font-size:11px;color:#667987;margin:12px 0}.field-preview input,.field-preview select{display:block;width:100%;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 9px;margin-top:6px}.canned-list{display:grid;gap:10px}.canned-list article{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px 17px}.canned-list strong,.canned-list span{display:block}.canned-list strong{font-size:13px}.canned-list span{font-size:9px;color:#557fae;text-transform:uppercase;font-weight:700;margin-top:4px}.canned-list p{font-size:11px;color:#748591;margin:8px 0 0}.admin-sidebar{overflow-y:auto}@media(max-width:1050px){.sla-settings{grid-template-columns:1fr}.field-layout{grid-template-columns:1fr}.field-preview{display:none}}
/* Shared language selector. */
.admin-topbar>.language-select{height:37px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 9px;font-size:12px;outline:0;margin-left:auto;margin-right:12px}.admin-topbar>.language-select:focus{border-color:#6d9bd4}
@media(max-width:900px){.admin-sidebar .brand>span:last-child{display:none}.admin-sidebar .brand{justify-content:center;padding-left:0;padding-right:0}.admin-sidebar{overflow-x:hidden}}
.business-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.business-card,.holiday-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.business-card h3,.holiday-card h3{margin:0;font-size:16px}.business-zone,.holiday-card p{font-size:11px;color:#75848f;margin:6px 0 18px}.business-days{display:grid;gap:4px}.business-days label{display:grid;grid-template-columns:25px 110px 130px 30px 130px;align-items:center;gap:8px;min-height:48px;border-top:1px solid var(--line);font-size:11px}.business-days input[type=checkbox]{width:16px;height:16px}.business-days input[type=time]{height:34px;border:1px solid #cbd8e2;border-radius:7px;padding:0 8px;background:#fff}.business-days input:disabled{background:#f1f3f4;color:#9aa4ab}.holiday-card{height:max-content}.holiday-card #holidayList{display:grid;gap:7px;margin-bottom:13px}.holiday-card #holidayList span{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f3f6f8;border-radius:7px;font-size:11px}.holiday-card #holidayList button{border:0;background:transparent;color:#7d8b95;cursor:pointer}.inline-match{display:flex!important;align-items:center;gap:8px;margin:4px 0 10px!important}.inline-match select{width:auto;min-width:190px;margin:0}.add-row{border:0;background:transparent;color:#246ec7;font-size:10px;font-weight:700;margin-top:9px;cursor:pointer}.dynamic-rule-row{margin-top:8px}.dynamic-rule-row>div{position:relative}.dynamic-rule-row input{margin-top:0!important}.remove-row{position:absolute;right:5px;top:5px;width:27px;height:27px;border:0;border-radius:6px;background:#eef2f4;color:#6c7c87;cursor:pointer}@media(max-width:900px){.business-layout{grid-template-columns:1fr}.business-days label{grid-template-columns:22px 1fr 90px 24px 90px}}