﻿/* Shared administration appearance. Existing routes, translations, handlers and theme preference remain unchanged. */
[data-theme="light"] .workspace-design{--bg-0:#f5f7fa;--bg-1:#f5f7fa;--bg-2:#fff;--bg-3:#f8fafc;--bg-4:#f0f3f7;--bg-sidebar:#fff;--line-1:#e4e9f0;--line-2:#dce3ed;--line-3:#bdc9d8;--fg-0:#1b293d;--fg-1:#354359;--fg-2:#738198;--fg-3:#8592a6;--coral-400:#c76450;--coral-500:#ed725e;--coral-600:#d8614e;--coral-a15:#fff0eb;--coral-a25:#f4d5cb;--ok-500:#27816a;--ok-a15:#edf8f3;--sh-sm:0 1px 3px #24354f06;--sh-md:0 4px 18px #24354f08;--sh-glow-coral:0 2px 9px #e7775820}
.workspace-design [hidden]{display:none!important}.workspace-design .side{padding:24px 15px 16px}.workspace-design .brand{padding:0 6px 25px;margin-bottom:16px}.workspace-design .brand-mark{width:42px;height:42px;border-radius:13px}.workspace-design .brand-txt .t1{font-size:16px}.workspace-design .nav-item{min-height:44px;border-radius:10px;margin-bottom:4px}.workspace-design .nav-head{padding-top:23px;letter-spacing:1.3px}.workspace-design .topbar{height:72px;background:var(--bg-2);padding:14px 28px}.workspace-design .ph-head{padding-top:30px;padding-bottom:24px}.workspace-design .ph-head>div{gap:20px;flex-wrap:wrap}.workspace-design .t-h2{letter-spacing:-.65px}.workspace-design .ph-head .t-sm{margin-top:8px;line-height:1.6}.workspace-design .surface,.workspace-design .dc{border-radius:15px;box-shadow:var(--sh-sm);border-color:var(--line-1)}.workspace-design .dc{overflow-x:auto}.workspace-design .d-head{padding:18px 20px;background:var(--bg-2);border-bottom:1px solid var(--line-1)}.workspace-design .d-title{font-weight:650;font-size:15px}.workspace-design .dt th{background:var(--bg-3);color:var(--fg-2);font-size:11px;font-weight:650;padding:14px 18px;letter-spacing:.3px;border-color:var(--line-1)}.workspace-design .dt td{padding:16px 18px;border-color:var(--line-1);font-size:12px}.workspace-design .dt tbody tr:hover{background:var(--bg-3)}.workspace-design .btn{border-radius:9px;min-height:39px;font-size:12px;padding:9px 14px;gap:7px}.workspace-design .btn-sm{min-height:33px;padding:6px 10px;font-size:11px}.workspace-design .btn-secondary{background:var(--bg-2);border-color:var(--line-2);color:var(--fg-1)}.workspace-design .sb{border-radius:6px;font-size:10px;padding:4px 8px}.workspace-design .modal{border-radius:18px;border-color:var(--line-1);box-shadow:var(--sh-lg)}.workspace-design .modal-h{padding:22px 25px;background:var(--bg-2);border-bottom:1px solid var(--line-1)}.workspace-design .modal-b{padding:22px 25px}.workspace-design .modal-f{padding:17px 25px;background:var(--bg-3);border-top:1px solid var(--line-1);gap:9px}.workspace-design .modal-field>span{font-size:12px;color:var(--fg-2);font-weight:600}.workspace-design .modal-field input,.workspace-design .modal-field select,.workspace-design .modal-field textarea{border-radius:9px;min-height:43px;background:var(--bg-2);border-color:var(--line-2);color:var(--fg-0)}.workspace-design input:focus-visible,.workspace-design select:focus-visible,.workspace-design textarea:focus-visible{outline:2px solid var(--coral-a25);outline-offset:1px;border-color:var(--coral-400)}.workspace-design button:focus-visible,.workspace-design a:focus-visible{outline:2px solid var(--coral-400);outline-offset:3px}.workspace-design button:disabled{cursor:default;opacity:.5}
.workspace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 24px 26px}.workspace-stats>div{display:grid;grid-template-columns:40px 1fr;gap:5px 14px;align-items:center;border:1px solid var(--line-1);background:var(--bg-2);padding:20px;border-radius:15px;box-shadow:var(--sh-sm)}.workspace-stats svg{width:38px;height:38px;padding:10px;border-radius:11px;background:var(--coral-a15);color:var(--coral-400);grid-row:span 2}.workspace-stats>div:nth-child(2) svg{background:var(--ok-a15);color:var(--ok-500)}.workspace-stats>div:nth-child(3) svg{background:var(--violet-a15);color:var(--violet-500)}.workspace-stats span{font-size:11px;color:var(--fg-2)}.workspace-stats strong{font-size:27px;font-weight:650;color:var(--fg-0)}.workspace-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--line-1);font-size:12px;color:var(--fg-2);background:var(--bg-2)}.workspace-pagination>div{display:flex;gap:8px}
.customer-workspace{margin:24px;border:1px solid var(--line-1);border-radius:17px;background:var(--bg-2);overflow:clip}.customer-workspace-header{padding:24px 28px;border-bottom:1px solid var(--line-1);display:flex;align-items:center;justify-content:space-between;gap:16px}.customer-workspace-header h1{margin:9px 0 5px}.customer-workspace-header .btn{padding-left:0;color:var(--coral-400)}.customer-workspace-layout{display:grid;grid-template-columns:215px minmax(0,1fr)}.customer-workspace-nav{padding:22px 14px;border-right:1px solid var(--line-1);display:flex;flex-direction:column;gap:6px;background:var(--bg-2)}.workspace-section{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--fg-2);font-size:12px;min-height:45px}.workspace-section.active{color:var(--coral-400);background:var(--coral-a15);border-color:var(--coral-a25);font-weight:600}.workspace-section:hover{border-color:var(--line-2)}.workspace-section svg{flex-shrink:0}.customer-workspace-content{padding:24px;min-width:0;background:var(--bg-1)}.workspace-fieldset{padding:0;margin:0;border:0;min-width:0}.workspace-panel{border:1px solid var(--line-1);border-radius:14px;background:var(--bg-2);overflow:clip}.workspace-panel-heading{padding:19px 22px;border-bottom:1px solid var(--line-1)}.workspace-panel-heading h2{margin:0;font-size:19px;color:var(--fg-0);letter-spacing:-.3px}.customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;padding:22px}.customer-form-wide{grid-column:1 / -1}.customer-form-help{color:var(--fg-2);font-size:12px;line-height:1.6}.workspace-design .customer-agent-section,.workspace-design .customer-key-section{padding:16px;border:1px solid var(--line-1);background:var(--bg-2);border-radius:11px;min-width:0}.workspace-design .customer-agent-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:var(--fg-0);font-weight:650}.customer-key-section>input{width:100%;padding:12px;border:1px solid var(--line-2);border-radius:9px;background:var(--bg-3);color:var(--fg-1)}.customer-workspace-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line-1);background:var(--bg-2);padding:15px 20px;border-radius:12px;margin-top:20px}.customer-workspace-footer>div{display:flex;gap:8px}.workspace-product-access{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px solid var(--line-1);border-radius:10px}.workspace-product-access>div{display:flex;gap:12px;align-items:center}.agent-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.agent-selection-empty{border:1px dashed var(--line-2);padding:27px 16px;border-radius:11px;color:var(--fg-2);text-align:center;font-size:12px}.agent-selected-items{display:grid;gap:9px}.agent-selected-item{display:flex;gap:12px;align-items:center;border:1px solid var(--line-1);background:var(--bg-3);border-radius:10px;padding:12px;font-size:12px}.agent-selected-item strong{overflow-wrap:anywhere;min-width:0}.agent-selected-item>.btn{margin-left:auto}.agent-selection-field{min-width:0}.workspace-design .agent-row{border:1px solid var(--line-1);border-radius:10px;margin:7px 0;padding:13px;min-height:49px}.workspace-design .agent-row.selected{background:var(--coral-a15);border-color:var(--coral-a25)}.workspace-design .agent-list{max-height:360px;border:0;background:var(--bg-2)}.workspace-design .agent-search{min-height:42px;border-radius:9px;border-color:var(--line-2)}.workspace-design .agent-chip{border-radius:8px;padding:7px 9px;background:var(--bg-3);border-color:var(--line-1)}
@media(max-width:1150px){.workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-workspace-layout{grid-template-columns:180px minmax(0,1fr)}.customer-workspace-content{padding:17px}.customer-form-grid{gap:14px;padding:18px}.workspace-section{font-size:11px;padding:10px}}
@media(max-width:800px){.customer-workspace{margin:16px}.customer-workspace-header{padding:20px}.customer-workspace-layout{grid-template-columns:minmax(0,1fr)}.customer-workspace-nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line-1);padding:12px}.workspace-section{min-height:40px}.customer-workspace-footer{flex-wrap:wrap}.customer-workspace-footer>div{margin-left:auto}.workspace-stats{margin-left:16px;margin-right:16px;gap:10px}.workspace-stats>div{padding:14px}.workspace-design .dt td,.workspace-design .dt th{padding:12px}.workspace-pagination{flex-wrap:wrap}.workspace-design .agent-tools{flex-wrap:wrap}.workspace-design .agent-search{min-width:150px}}
@media(max-width:560px){.customer-form-grid{grid-template-columns:minmax(0,1fr)}.customer-form-grid>*{grid-column:1 / -1!important}.workspace-stats>div{gap:4px 8px;grid-template-columns:30px 1fr}.workspace-stats svg{width:30px;height:30px;padding:7px}.workspace-stats span{font-size:10px}.workspace-stats strong{font-size:23px}.workspace-design .modal-b,.workspace-design .modal-h,.workspace-design .modal-f{padding:16px}.customer-workspace-content{padding:12px}}
.customer-row-name{display:block;color:var(--fg-0);font-weight:650}.customer-row-code{display:block;color:var(--fg-3);font-size:11px;font-weight:400;margin-top:5px}.workspace-access{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--fg-2);font-size:11px;padding:7px 0;min-height:34px}.workspace-access.enabled{color:var(--ok-500)}.workspace-switch{display:inline-block;width:31px;height:19px;border-radius:12px;background:var(--line-2);padding:3px;flex-shrink:0}.workspace-switch:after{content:'';display:block;width:13px;height:13px;background:var(--bg-2);border-radius:50%;box-shadow:0 1px 3px #0002}.workspace-access.enabled .workspace-switch{background:var(--ok-500)}.workspace-access.enabled .workspace-switch:after{transform:translateX(12px);background:#fff}.customer-list-workspace .dt tbody td:first-child{min-width:210px}.customer-list-workspace .dt{min-width:740px}.workspace-design .customer-form-grid>label[style*="grid-column:span 2"]{grid-column:1 / -1!important}
