*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f4f5f7;color:#17191d}.hidden{display:none!important}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#fff1c9,transparent 28%),radial-gradient(circle at 80% 80%,#e6ecff,transparent 32%),#f7f7f8}.login-card{width:390px;background:#fff;border:1px solid #e9e9ec;border-radius:24px;padding:36px;box-shadow:0 24px 70px #1b1e2b14;text-align:center}.brand-mark{width:54px;height:54px;border-radius:16px;background:#17191d;color:#fff;display:grid;place-items:center;font-weight:900;font-size:25px;margin:0 auto 18px}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:18px;margin:0;background:linear-gradient(135deg,#e3bd54,#8d6914)}.login h1{margin:0;font-size:27px}.login h1 span{color:#9b7519}.login p{color:#777;margin:8px 0 26px}.login input{width:100%;border:1px solid #dddfe4;border-radius:12px;padding:14px;margin:6px 0;outline:none}.login input:focus{border-color:#b99735;box-shadow:0 0 0 3px #b9973515}.login button,.primary{border:0;border-radius:12px;background:#17191d;color:#fff;padding:13px 17px;font-weight:750;cursor:pointer}.login button{width:100%;margin-top:10px}.error{color:#c33;font-size:13px;margin-top:10px}
.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{background:#15171b;color:#fff;padding:20px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:230px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:3px 8px 28px}.brand b{display:block;font-size:17px}.brand small{font-size:9px;letter-spacing:2px;color:#9b9ea5}.nav{width:100%;border:0;background:transparent;color:#aeb0b7;padding:12px 13px;border-radius:12px;text-align:left;font-size:14px;display:flex;gap:12px;align-items:center;cursor:pointer;margin-bottom:5px}.navico{width:18px;text-align:center}.nav:hover,.nav.active{background:#272a30;color:#fff}.nav i{margin-left:auto;background:#c2952b;color:#fff;border-radius:12px;font-size:10px;padding:2px 7px;font-style:normal}.side-bottom{margin-top:auto;border-top:1px solid #2b2e34;padding:17px 6px 0;display:flex;gap:10px;align-items:center}.admin-avatar{width:36px;height:36px;border-radius:10px;background:#343842;display:grid;place-items:center}.side-bottom b,.side-bottom small{display:block;font-size:12px}.side-bottom small{color:#94979e;margin-top:3px}.online{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42cc8b}.side-bottom button{margin-left:auto;background:none;border:0;color:#8e929a;font-size:18px;cursor:pointer}
main{grid-column:2;padding:0 28px 38px;min-width:0}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e3e7}header h2{margin:0;font-size:24px}header p{margin:5px 0 0;color:#8a8d94;font-size:13px}.refresh{border:1px solid #dfe1e5;background:#fff;border-radius:11px;padding:9px 13px;cursor:pointer;color:#555}.refresh:hover{background:#fafafa}
.stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin:24px 0}.stat{background:#fff;border:1px solid #e6e8eb;border-radius:16px;padding:18px}.stat .top{display:flex;justify-content:space-between;color:#777b83;font-size:12px}.stat strong{display:block;font-size:30px;margin-top:12px}.stat em{font-style:normal;width:34px;height:34px;border-radius:10px;background:#f2f3f5;display:grid;place-items:center}.stat.critical em{background:#fff0f1}.panel{background:#fff;border:1px solid #e4e6e9;border-radius:16px;overflow:hidden;margin-top:16px}.panel-head{padding:16px 18px;border-bottom:1px solid #eceef0;display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0;font-size:15px}.panel-head button{border:0;background:none;color:#8b6814;cursor:pointer}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#8b8e95;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:11px 15px;background:#fafbfc}.table td{padding:13px 15px;border-top:1px solid #eff0f2;font-size:13px}.table tr.click:hover{background:#fcfbf7;cursor:pointer}.name{font-weight:700}.muted{color:#8b8e95}.empty{text-align:center;padding:48px 20px;color:#8b8e95}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;background:#f1f2f4;font-size:11px;font-weight:700}.p-critical{background:#fff0f1;color:#bd2735}.p-high{background:#fff2e7;color:#bb651b}.p-normal{background:#fff8dc;color:#8e6b11}.p-low{background:#eafaf2;color:#23845b}.s-new,.s-submitted{background:#eef3ff;color:#3558a8}.s-in_progress{background:#eeeafe;color:#6847b8}.s-waiting_user{background:#fff5dc;color:#8c6814}.s-resolved,.s-approved{background:#e9f8ef;color:#23764c}.s-rejected,.s-closed{background:#f2f2f3;color:#666}
.toolbar{display:flex;gap:9px;padding:14px;background:#fff;border:1px solid #e4e6e9;border-radius:14px;margin:18px 0 12px}.toolbar input,.toolbar select{border:1px solid #dde0e4;background:#fff;border-radius:10px;padding:10px 12px;outline:none}.toolbar input{flex:1;min-width:220px}.toolbar input:focus,.toolbar select:focus{border-color:#b99735;box-shadow:0 0 0 3px #b9973512}.toolbar button{border:0;background:#17191d;color:#fff;border-radius:10px;padding:0 16px;cursor:pointer}
/* Рабочее место обращений */.workspace{display:grid;grid-template-columns:390px minmax(0,1fr);height:calc(100vh - 178px);min-height:570px;background:#fff;border:1px solid #e2e4e8;border-radius:16px;overflow:hidden}.queue{border-right:1px solid #e8e9ec;overflow:auto;background:#fbfbfc}.queue-head{position:sticky;top:0;background:#fbfbfc;z-index:2;padding:13px 15px;border-bottom:1px solid #e8e9ec;color:#7e8188;font-size:12px}.ticket-card{padding:15px 16px;border-bottom:1px solid #eceef0;cursor:pointer;transition:.12s}.ticket-card:hover{background:#fff}.ticket-card.active{background:#fff;box-shadow:inset 3px 0 #b88a27}.ticket-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ticket-top b{font-size:14px}.ticket-top time{margin-left:auto;color:#989ba1;font-size:11px}.ticket-q{font-size:13px;line-height:1.42;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-meta{display:flex;align-items:center;gap:7px}.ticket-meta .pill{font-size:10px;padding:4px 7px}.ticket-num{font-size:10px;color:#9a9da3;margin-left:auto}.workdetail{min-width:0;display:flex;flex-direction:column;background:#fff}.work-empty{margin:auto;text-align:center;color:#8b8e95}.work-empty .big{font-size:38px;margin-bottom:10px}.detail-head{padding:17px 20px;border-bottom:1px solid #e8e9ec;display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:12px;background:#f1e5c4;color:#765716;display:grid;place-items:center;font-weight:800}.detail-head h3{font-size:16px;margin:0}.detail-head small{display:block;color:#8e9197;margin-top:3px}.detail-head .head-actions{margin-left:auto;display:flex;gap:8px}.mini-btn{border:1px solid #dfe1e5;background:#fff;border-radius:9px;padding:8px 10px;cursor:pointer;font-weight:650;font-size:12px}.mini-btn.dark{background:#17191d;color:#fff;border-color:#17191d}.conversation{flex:1;overflow:auto;padding:22px;background:#f8f8f9}.bubble{max-width:78%;padding:13px 15px;border-radius:14px;margin-bottom:12px;line-height:1.5;font-size:14px}.bubble.user{background:#fff;border:1px solid #e6e7ea;border-bottom-left-radius:5px}.bubble.system{background:#f0f1f3;color:#686b72;font-size:12px}.bubble small{display:block;color:#9a9da3;margin-top:7px;font-size:10px}.ticket-info{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.composer{border-top:1px solid #e5e7ea;padding:14px 16px;background:#fff}.composer textarea{width:100%;min-height:74px;max-height:150px;border:1px solid #dfe1e5;border-radius:12px;padding:12px 13px;resize:vertical;outline:none}.composer textarea:focus{border-color:#b99735}.composer-foot{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.composer-foot small{color:#999}.composer .send{border:0;background:#17191d;color:#fff;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer}.prio-menu{display:flex;gap:6px;flex-wrap:wrap}.prio-menu button{border:1px solid #e0e1e4;background:#fff;border-radius:9px;padding:7px 9px;cursor:pointer;font-size:11px}
/* Подключения */.app-layout{display:grid;grid-template-columns:360px minmax(0,1fr);height:calc(100vh - 178px);min-height:570px;background:#fff;border:1px solid #e2e4e8;border-radius:16px;overflow:hidden}.app-list{overflow:auto;border-right:1px solid #e8e9ec;background:#fbfbfc}.app-card{padding:14px 16px;border-bottom:1px solid #eceef0;cursor:pointer}.app-card:hover,.app-card.active{background:#fff}.app-card.active{box-shadow:inset 3px 0 #b88a27}.app-card-top{display:flex;justify-content:space-between;gap:8px}.app-card b{font-size:14px}.app-card p{margin:7px 0 9px;color:#666;font-size:12px}.app-detail{overflow:auto;padding:22px}.section-title{margin:0 0 12px;font-size:14px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail{background:#f7f7f8;border-radius:11px;padding:11px}.detail small{display:block;color:#8d9097;font-size:9px;text-transform:uppercase;margin-bottom:5px}.detail b{font-size:12px}.docs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.doc{background:#f7f7f8;border-radius:12px;padding:10px;overflow:hidden;font-size:12px}.doc img{width:100%;height:130px;object-fit:cover;border-radius:8px;margin-top:8px}.app-actions{display:flex;gap:9px;margin-top:18px}.app-actions button{border:1px solid #dfe1e5;background:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.app-actions .approve{background:#17191d;color:#fff;border-color:#17191d}.app-actions .reject{color:#bc2e39}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(30px);background:#17191d;color:#fff;padding:11px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1100px){.workspace{grid-template-columns:330px 1fr}.app-layout{grid-template-columns:320px 1fr}.docs{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:820px){.shell{grid-template-columns:72px 1fr}aside{width:72px}.brand>div:last-child,.nav span:not(.navico),.side-bottom>div:not(.admin-avatar),.side-bottom button{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.nav{justify-content:center}.nav i{position:absolute;margin:0 0 25px 25px}main{padding:0 14px 25px}.workspace,.app-layout{grid-template-columns:1fr;height:auto}.queue,.app-list{max-height:330px;border-right:0;border-bottom:1px solid #e8e9ec}.workdetail{min-height:520px}.app-detail{min-height:500px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%}}@media(max-width:560px){.stats{grid-template-columns:1fr}.detail-grid,.docs{grid-template-columns:1fr}.refresh span{display:none}.table th:nth-child(3),.table td:nth-child(3){display:none}}
.new-reply{background:#e9f3ff!important;color:#1769aa!important}.ticket-card:has(.new-reply){border-left:3px solid #2684ff;padding-left:17px}
/* Просмотр документов внутри панели */
.doc-button{display:block;width:100%;border:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.doc-button:hover{box-shadow:0 0 0 2px #d7b35a;background:#fff}.doc-button span{display:block;margin-top:7px;color:#8d9097;font-size:10px}.document-viewer{position:fixed;inset:0;z-index:1000;background:rgba(13,15,19,.76);display:none;align-items:center;justify-content:center;padding:28px;backdrop-filter:blur(5px)}.document-viewer.open{display:flex}.viewer-card{width:min(1100px,96vw);height:min(850px,92vh);background:#fff;border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden}.viewer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e8e9ec}.viewer-head>div{display:flex;flex-direction:column;gap:3px}.viewer-head small{color:#8d9097}.viewer-head button{width:38px;height:38px;border:0;border-radius:10px;background:#f1f2f4;font-size:26px;line-height:1;cursor:pointer}.viewer-body{position:relative;flex:1;min-height:0;background:#202329;display:flex;align-items:center;justify-content:center;padding:18px 64px}.viewer-body img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:58px;border:0;border-radius:12px;background:rgba(255,255,255,.9);font-size:36px;cursor:pointer}.viewer-arrow.left{left:12px}.viewer-arrow.right{right:12px}.viewer-hint{text-align:center;padding:9px;color:#8d9097;font-size:11px;border-top:1px solid #e8e9ec}.viewer-open{overflow:hidden}@media(max-width:600px){.document-viewer{padding:8px}.viewer-card{width:100%;height:94vh}.viewer-body{padding:12px 48px}.viewer-arrow{width:36px;height:50px}}
/* Фото в переписке обращения */
.ticket-photo{display:block;margin-top:10px;padding:0;border:0;background:transparent;cursor:zoom-in;max-width:360px}
.ticket-photo img{display:block;max-width:100%;max-height:280px;border-radius:12px;object-fit:cover;border:1px solid #e5e7eb}
/* vNext: обращение прокручивается внутри рабочей области, шапка и ответ остаются на месте */
.workspace{min-height:0}
.workdetail{height:100%;min-height:0;overflow:hidden}
.detail-head{flex:0 0 auto}
.conversation{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
.composer{flex:0 0 auto}
@media(max-width:820px){
.workspace{height:calc(100vh - 150px);min-height:520px}
.workdetail{height:100%;min-height:0;overflow:hidden}
.conversation{min-height:0;overflow-y:auto}
}
/* Key application data */
.key-detail-grid{grid-template-columns:repeat(4,1fr);gap:12px}.key-detail-grid .detail{background:#fff9e8;border:1px solid #f0dfad;padding:14px}.key-detail-grid .detail small{color:#9b7a25;font-size:10px}.key-detail-grid .detail b{font-size:14px;color:#17191d}.extra-detail-grid .detail{background:#f7f7f8}.extra-detail-grid .detail b{font-size:11px}@media(max-width:1250px){.key-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.key-detail-grid{grid-template-columns:1fr}}
/* История обращения вынесена из чата */
.ticket-history{flex:0 0 auto;border-top:1px solid #e6e8eb;background:#fafbfc;padding:0 20px}.ticket-history summary{cursor:pointer;padding:12px 0;font-size:12px;font-weight:700;color:#6f747c;user-select:none}.ticket-history-body{max-height:150px;overflow:auto;padding:0 0 10px}.history-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-top:1px solid #eceef0;font-size:11px;color:#6f747c}.history-row small{white-space:nowrap;color:#9a9da3}
/* Лицензии и разрешения — CRM рабочее место */
.service-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);height:calc(100vh - 178px);min-height:600px;background:#fff;border:1px solid #e2e4e8;border-radius:18px;overflow:hidden}.service-detail{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}.service-card{width:100%;text-align:left;border:0;background:transparent}.service-head{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #e8e9ec;background:#fff}.service-head h3{margin:0;font-size:17px}.service-head small{color:#8e9197}.service-head-price{margin-left:auto;text-align:right;display:flex;align-items:center;gap:10px}.service-head-price strong{font-size:20px}.service-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 22px;background:#fafafa}.service-summary{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:10px;margin-bottom:22px}.service-summary>div{padding:13px 14px;border:1px solid #ebecef;border-radius:12px;background:#fff}.service-summary small{display:block;color:#9699a0;font-size:9px;text-transform:uppercase;margin-bottom:5px}.service-summary b{font-size:13px}.service-docs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.service-note{padding:12px 14px;border-radius:11px;background:#fff5d9;border:1px solid #f0dda5;margin:14px 0}.service-actions{position:sticky;bottom:-20px;background:linear-gradient(transparent,#fafafa 18%,#fafafa);padding:24px 0 12px;z-index:2}.service-chat-title{margin-top:24px!important;padding-top:18px;border-top:1px solid #e5e7ea}.service-conversation{min-height:180px;max-height:380px;overflow-y:auto;border:1px solid #e3e5e8;border-radius:14px;background:#f3f4f6;padding:14px;scrollbar-gutter:stable}.service-chat-empty{text-align:center;color:#9699a0;padding:55px 15px}.service-bubble{max-width:78%;padding:11px 13px;border-radius:13px;margin-bottom:10px;line-height:1.45;font-size:13px}.service-bubble.user{background:#fff;border:1px solid #e1e3e7;border-bottom-left-radius:4px}.service-bubble.operator{margin-left:auto;background:#24272c;color:#fff;border-bottom-right-radius:4px}.service-bubble small{display:block;margin-top:7px;font-size:9px;color:#9699a0}.service-bubble.operator small{color:#c5c8ce}.service-composer{flex:0 0 auto;padding:13px 18px 16px;border-top:1px solid #e3e5e8;background:#fff}.service-composer textarea{width:100%;min-height:64px;max-height:120px;resize:vertical;border:1px solid #dcdfe3;border-radius:11px;padding:11px 12px;outline:none}.service-composer textarea:focus{border-color:#b99735;box-shadow:0 0 0 3px #b9973512}.service-composer>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.service-composer small{color:#979aa1}.service-composer button{border:0;border-radius:10px;background:#17191d;color:#fff;padding:10px 15px;font-weight:700;cursor:pointer}.service-submitted{background:#edf3ff;color:#2b5fc0}.service-in_progress{background:#eee9ff;color:#6240bd}.service-waiting_user{background:#fff2d8;color:#9b6b00}.service-completed{background:#e6f7ed;color:#197b43}.service-rejected{background:#fde9eb;color:#b82d3a}@media(max-width:1100px){.service-workspace{grid-template-columns:290px 1fr}.service-docs{grid-template-columns:repeat(2,1fr)}.service-summary{grid-template-columns:1fr 1fr}}@media(max-width:820px){.service-workspace{grid-template-columns:1fr;height:auto}.service-workspace .app-list{max-height:280px}.service-detail{min-height:650px}.service-summary,.service-docs{grid-template-columns:1fr 1fr}}@media(max-width:560px){.service-summary,.service-docs{grid-template-columns:1fr}.service-head-price{flex-direction:column;align-items:flex-end}.service-composer>div{align-items:flex-start;flex-direction:column}.service-bubble{max-width:92%}}
/* Major CRM refresh */
:root{--ink:#17191d;--muted:#7d838d;--line:#e7e9ee;--surface:#fff;--soft:#f6f7f9;--gold:#b48a2c;--gold-soft:#fff8e6;--danger:#c33b47;--success:#177a47;--shadow:0 14px 40px rgba(20,24,32,.07)}
body{background:#f3f5f8}.shell{background:#f3f5f8}aside{background:linear-gradient(180deg,#15171b,#1d2026);box-shadow:8px 0 30px rgba(0,0,0,.08)}.brand b{letter-spacing:-.3px}.nav{border-radius:12px;margin:3px 10px;width:calc(100% - 20px);transition:.18s}.nav:hover{background:rgba(255,255,255,.07);transform:translateX(2px)}.nav.active{background:linear-gradient(135deg,rgba(210,170,70,.22),rgba(255,255,255,.08));box-shadow:inset 3px 0 #d4ad4e}.nav i{background:#d6a943;color:#17191d;font-weight:800}main>header{background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.toolbar,.panel,.workspace,.app-layout,.service-workspace{box-shadow:var(--shadow);border-color:var(--line)}.toolbar{background:#fff;border-radius:16px;padding:12px}.toolbar input,.toolbar select{border-radius:10px;border:1px solid #dde1e7;background:#fafbfc}.toolbar button,.refresh{border-radius:10px;font-weight:700}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);background:linear-gradient(145deg,#fff,#fbfbfc)}.stat strong{font-size:30px;letter-spacing:-1px}.ticket-card,.app-card{transition:.15s}.ticket-card:hover,.app-card:hover{background:#fafbfc}.ticket-card.active,.app-card.active{background:var(--gold-soft);box-shadow:inset 3px 0 var(--gold)}.detail-head,.service-head{background:linear-gradient(180deg,#fff,#fbfbfc)}.mini-btn,.app-actions button,.service-actions button,.send,.service-composer button{transition:.15s;box-shadow:0 3px 10px rgba(20,24,32,.05)}.mini-btn:hover,.app-actions button:hover,.service-actions button:hover,.send:hover,.service-composer button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,24,32,.10)}.attach-btn{background:#f1f3f6!important;color:#353941!important;border:1px solid #dfe3e8!important;padding:9px 12px!important}.composer-tools{display:flex;align-items:center;gap:10px}.file-card{display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.85);border:1px solid #dfe3e8;text-decoration:none;color:inherit;max-width:360px}.service-bubble.operator .file-card{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}.file-card>span{font-size:22px}.file-card div{display:flex;flex-direction:column}.file-card small{margin:2px 0 0!important}.file-chip{margin-top:8px;padding:8px 10px;border-radius:9px;background:#f0f2f5}.service-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.deadline.overdue{border-color:#f0b4ba!important;background:#fff3f4!important}.deadline.overdue b{color:var(--danger)}.service-head-price strong{color:#8b681b}.service-card .app-meta strong{color:#8b681b}.service-actions .approve{background:#177a47;border-color:#177a47}.service-actions .reject{background:#fff3f4;border-color:#f0c3c7}.key-detail-grid .detail{box-shadow:0 4px 14px rgba(180,138,44,.06)}
@media(max-width:1250px){.service-summary{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats,.service-summary{grid-template-columns:1fr}.composer-tools{align-items:flex-start;flex-direction:column}}
/* Рассылка */
.broadcast-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}.broadcast-card{padding:0;overflow:hidden}.broadcast-form{padding:20px;display:flex;flex-direction:column;gap:16px}.broadcast-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.broadcast-form select,.broadcast-form textarea,.broadcast-form input[type=file]{border:1px solid #dfe3e8;border-radius:11px;padding:11px;background:#fff}.broadcast-form textarea{min-height:180px;resize:vertical;font:inherit}.broadcast-summary{display:flex;align-items:baseline;gap:8px;padding:14px;border-radius:12px;background:#fff8e6;border:1px solid #f0dfad}.broadcast-summary b{font-size:28px}.broadcast-send{border:0;border-radius:11px;padding:13px 16px;background:#17191d;color:#fff;font-weight:800;cursor:pointer}.broadcast-send:disabled{opacity:.55;cursor:wait}.broadcast-preview{margin:20px;padding:18px;border-radius:15px;background:#f5f7fa;min-height:180px;color:#6f747c}.preview-message{background:#fff;border:1px solid #e1e5ea;border-radius:14px;padding:14px;line-height:1.5;color:#17191d}.preview-file{margin-top:12px;background:#fff;border:1px solid #e1e5ea;border-radius:11px;padding:12px;color:#17191d}.preview-file small{color:#8d9198}.broadcast-result{margin:20px;padding:14px;border-radius:12px;background:#eaf7ef;display:flex;flex-direction:column;gap:5px}.broadcast-result .error{color:#b82d3a}@media(max-width:900px){.broadcast-grid{grid-template-columns:1fr}}
.live-indicator{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:#eaf8ef;color:#147a3d;font-weight:700;font-size:13px}.live-indicator::first-letter{color:#25b765}
.system-event{margin:12px auto!important;max-width:86%;text-align:center;background:#fff4d6!important;border:1px solid #f0c96b!important;color:#725100!important}
.staff-layout{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(360px,.85fr);gap:18px}.staff-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.staff-row small{display:block;margin-top:5px}.profile-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}@media(max-width:1000px){.staff-layout,.profile-grid{grid-template-columns:1fr}}
/* Admin v2 — visual polish */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171a20;background:radial-gradient(circle at 85% -10%,#fff4cf 0,transparent 26%),#f4f6f9}
.panel,.workspace,.app-layout,.service-workspace,.toolbar{border:1px solid rgba(24,28,36,.07)!important;box-shadow:0 18px 55px rgba(26,31,44,.075)!important}
button,.nav,input,select,textarea,.ticket-card,.app-card,.detail,.doc{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}
button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0) scale(.985)}
.ticket-card:hover,.app-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(25,30,42,.07)}
.bubble{animation:messageIn .22s ease both}@keyframes messageIn{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:none}}
#content{animation:pageIn .22s ease both}@keyframes pageIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.detail{border-radius:15px!important}.key-detail-grid .detail{background:linear-gradient(145deg,#fffaf0,#fff7df)!important;border:1px solid #f1d897!important}.detail small{letter-spacing:.02em}.avatar,.staff-avatar{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.draft-reminder{margin-top:22px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#fff7df,#fffdf7);border:1px solid #efd28a;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 8px 24px rgba(177,132,31,.08)}.draft-reminder b,.draft-reminder span{display:block}.draft-reminder span{margin-top:5px;color:#78683f;font-size:12px}.remind-btn{border:0;border-radius:12px;padding:11px 15px;background:#17191d;color:#fff;font-weight:800;white-space:nowrap;cursor:pointer}
.staff-card{padding:17px;margin-bottom:12px;border:1px solid #e7e9ee;border-radius:17px;background:linear-gradient(145deg,#fff,#fbfcfd);box-shadow:0 7px 24px rgba(24,28,36,.045)}.staff-card-head{display:flex;align-items:center;gap:11px}.staff-card-head>div:nth-child(2){flex:1}.staff-card-head small{display:block;color:#858b95;margin-top:3px}.staff-avatar{width:40px;height:40px;border-radius:12px;background:#f5e8bd;display:grid;place-items:center;font-weight:900;color:#755510}.staff-state{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px}.staff-state.on{background:#e7f7ed;color:#167344}.staff-state.off{background:#f2f3f5;color:#777d86}.staff-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.staff-metrics>div{padding:11px;border-radius:12px;background:#f5f7f9}.staff-metrics b,.staff-metrics span{display:block}.staff-metrics b{font-size:18px}.staff-metrics span{font-size:10px;color:#7d838d;margin-top:3px}.staff-foot{display:flex;align-items:center;justify-content:space-between;color:#7d838d}
.conversation{background:linear-gradient(180deg,#f7f8fa,#f2f4f7)!important}.bubble.user{box-shadow:0 4px 16px rgba(20,24,32,.05)}.bubble.system{box-shadow:0 5px 18px rgba(20,24,32,.10)}
@media(max-width:800px){.staff-metrics{grid-template-columns:repeat(2,1fr)}.draft-reminder{align-items:flex-start;flex-direction:column}}
/* Admin V3 — multipage CRM shell */
.nav{text-decoration:none}header{padding-left:2px}.header-actions{display:flex;gap:10px;align-items:center}
main{max-width:1920px;width:100%}#content{padding-bottom:24px}.panel,.workspace,.app-layout,.service-workspace{border-radius:20px!important}.toolbar{position:sticky;top:100px;z-index:8;backdrop-filter:blur(12px);background:rgba(255,255,255,.92)!important}.queue,.app-list{background:#fff}.queue-head{background:#fbfcfd;position:sticky;top:0;z-index:2}.ticket-card,.app-card{border-left:3px solid transparent}.ticket-card.active,.app-card.active{border-left-color:#c99b32}.detail-head h3{letter-spacing:-.02em}.section-title{font-size:14px;color:#2b3038}.docs .doc{border-radius:14px!important}.draft-reminder{position:sticky;bottom:14px;z-index:4;backdrop-filter:blur(12px)}
@media(max-width:900px){aside{width:76px;padding:16px 8px}.shell{grid-template-columns:76px 1fr}.brand>div:last-child,.nav span:not(.navico),.side-bottom>div:nth-child(2){display:none}.nav{justify-content:center;margin:3px 4px;width:calc(100% - 8px)}.navico{font-size:18px}.side-bottom{justify-content:center}.side-bottom button{display:none}main{padding:0 14px 28px}}
/* ==========================================================================
ADMIN V4 — full visual redesign
========================================================================== */
:root{
--v4-bg:#f6f7fb;--v4-surface:#fff;--v4-surface-2:#f9fafc;--v4-text:#171923;
--v4-muted:#7d8392;--v4-line:#e8eaf0;--v4-dark:#15171c;--v4-dark2:#20232b;
--v4-accent:#b78925;--v4-accent2:#e3bd5a;--v4-accent-soft:#fff7df;
--v4-green:#168454;--v4-red:#c23a47;--v4-blue:#4367c7;--v4-purple:#7456c7;
--v4-radius:18px;--v4-shadow:0 14px 40px rgba(23,27,38,.065);--v4-shadow-lg:0 28px 80px rgba(23,27,38,.12)
}
body{background:linear-gradient(180deg,#f8f9fc 0,#f3f5f9 100%);color:var(--v4-text);font-size:14px;letter-spacing:-.006em}
/* Login */
.login{background:radial-gradient(circle at 12% 12%,rgba(227,189,90,.22),transparent 28%),radial-gradient(circle at 88% 82%,rgba(93,116,190,.16),transparent 30%),#f5f6f9}
.login-card{width:min(420px,calc(100vw - 32px));padding:42px;border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:0 32px 100px rgba(23,27,38,.14);text-align:left;position:relative;overflow:hidden}
.login-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--v4-accent),var(--v4-accent2),#f1d786)}
.login-card .brand-mark{margin:0 0 22px;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#1a1c22,#2b2e36);box-shadow:0 10px 26px rgba(23,25,31,.22)}
.login h1{font-size:30px;letter-spacing:-1.2px}.login h1 span{color:var(--v4-accent)}.login p{margin:8px 0 28px;color:var(--v4-muted)}
.login input{height:50px;border:1px solid var(--v4-line);border-radius:14px;padding:0 15px;background:#fafbfc;margin:6px 0;transition:.18s}
.login input:focus{background:#fff;border-color:#d5b55f;box-shadow:0 0 0 4px rgba(183,137,37,.10)}
.login button{height:50px;border-radius:14px;margin-top:14px;background:linear-gradient(135deg,#17191e,#292c34);box-shadow:0 12px 26px rgba(23,25,30,.18);transition:.18s}
.login button:hover{box-shadow:0 16px 34px rgba(23,25,30,.25)}
/* App shell */
.shell{grid-template-columns:264px minmax(0,1fr);background:transparent}
aside{width:264px;padding:24px 16px 18px;background:linear-gradient(180deg,#14161b 0%,#1b1e25 100%);border-right:1px solid rgba(255,255,255,.04);box-shadow:10px 0 40px rgba(18,20,25,.08)}
.brand{padding:2px 10px 30px;gap:12px}.brand-mark.small{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#e6c365,#9c7119);color:#191a1e;box-shadow:0 8px 24px rgba(194,151,49,.24)}
.brand b{font-size:17px;letter-spacing:-.4px}.brand small{font-size:9px;letter-spacing:2.4px;color:#777c87;margin-top:2px;display:block}
nav{display:flex;flex-direction:column;gap:3px}.nav{margin:0;width:100%;min-height:46px;padding:0 13px;border-radius:13px;color:#9da2ae;font-size:13.5px;font-weight:600;gap:11px;position:relative}
.nav:hover{background:rgba(255,255,255,.055);color:#f4f5f7;transform:none}.nav.active{background:linear-gradient(90deg,rgba(212,173,78,.18),rgba(255,255,255,.055));color:#fff;box-shadow:inset 3px 0 #d8ae4d}
.navico{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.04);font-size:13px}.nav.active .navico{background:rgba(216,174,77,.16);color:#f0cf7a}
.nav i{min-width:22px;text-align:center;padding:3px 7px;background:#d5aa46;color:#17191e;box-shadow:0 4px 10px rgba(213,170,70,.2)}
.side-bottom{padding:17px 8px 2px;border-top:1px solid rgba(255,255,255,.07);gap:10px}.admin-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#343842,#292c34);font-weight:800}.side-bottom b{font-size:12.5px}.side-bottom small{color:#7f8490}.side-bottom button{width:34px;height:34px;border-radius:10px}.side-bottom button:hover{background:rgba(255,255,255,.06);color:#fff}
main{grid-column:2;padding:0 32px 42px;max-width:none}
main>header{height:96px;padding:0 2px;background:rgba(246,247,251,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(224,227,234,.8)}
header h2{font-size:27px;letter-spacing:-1px;font-weight:780}header p{font-size:13px;color:#8a8f9c;margin-top:6px}.live-indicator{padding:9px 13px;background:#e9f8ef;border:1px solid #d7f0e1;color:#147749;box-shadow:0 5px 16px rgba(28,133,84,.06)}
#content{padding-top:22px;animation:v4Page .24s ease both}@keyframes v4Page{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
/* Generic surfaces */
.panel,.workspace,.app-layout,.service-workspace,.toolbar{background:var(--v4-surface)!important;border:1px solid var(--v4-line)!important;border-radius:20px!important;box-shadow:var(--v4-shadow)!important}
.panel{overflow:hidden}.panel-head{min-height:58px;padding:0 20px;border-bottom:1px solid var(--v4-line);background:linear-gradient(180deg,#fff,#fdfdfe)}.panel-head h3{font-size:14px;font-weight:780;letter-spacing:-.2px}.panel-head button{font-weight:700;color:#8c6817;padding:8px 10px;border-radius:10px}.panel-head button:hover{background:var(--v4-accent-soft)}
.empty{padding:58px 20px;color:#979ca7}.muted{color:#9297a2}.section-title{margin:26px 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.055em;color:#6f7581}
/* Controls */
button{transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease}
button:not(:disabled):active{transform:scale(.98)}
.toolbar{top:112px;margin:0 0 16px;padding:10px;gap:8px;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px)}
.toolbar input,.toolbar select,.broadcast-form input,.broadcast-form select,.broadcast-form textarea{border:1px solid var(--v4-line)!important;background:#f9fafc!important;border-radius:12px!important;color:var(--v4-text);outline:none}
.toolbar input,.toolbar select{height:42px;padding:0 13px}.toolbar input:focus,.toolbar select:focus,.broadcast-form input:focus,.broadcast-form select:focus,.broadcast-form textarea:focus{background:#fff!important;border-color:#d5b45c!important;box-shadow:0 0 0 4px rgba(183,137,37,.08)!important}
.toolbar button,.primary,.send,.broadcast-send,.approve{background:linear-gradient(135deg,#17191e,#2a2d35)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-weight:750!important;box-shadow:0 8px 18px rgba(23,25,30,.12)}
.mini-btn{border:1px solid #dfe2e8!important;background:#fff!important;border-radius:10px!important;color:#4f5560!important;font-weight:650!important}.mini-btn:hover{border-color:#cfd3da!important;background:#fafbfc!important}
.reject{color:#b83341!important;background:#fff3f4!important;border-color:#f0c6cb!important}
/* Dashboard */
.stats{grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px;margin:0 0 18px}.stat{min-height:128px;padding:18px;border-radius:18px!important;background:linear-gradient(145deg,#fff,#fbfcfe)!important;border:1px solid var(--v4-line)!important;box-shadow:var(--v4-shadow)!important;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-35px;bottom:-42px;background:rgba(183,137,37,.06)}.stat .top{font-size:11.5px;font-weight:650;color:#7d8390;align-items:center}.stat em{width:34px;height:34px;border-radius:11px;background:#f3f4f7;font-size:15px}.stat strong{font-size:31px;letter-spacing:-1.5px;margin-top:17px}.stat.critical em{background:#fff0f2}.stat.critical:after{background:rgba(194,58,71,.06)}
.table th{height:38px;padding:0 16px;background:#fafbfc;color:#9398a3;font-size:9.5px;letter-spacing:.075em;border-bottom:1px solid var(--v4-line)}.table td{height:55px;padding:10px 16px;border-top:1px solid #f0f1f4}.table tr.click{transition:.12s}.table tr.click:hover{background:#fffaf0}.name{font-weight:750}
/* Pills */
.pill{border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:750;border:1px solid transparent}.p-critical{background:#fff0f2;color:#b82e3c;border-color:#f8d7db}.p-high{background:#fff3e8;color:#ad5c17;border-color:#f6dfc8}.p-normal{background:#fff8df;color:#85620e;border-color:#f1e2aa}.p-low{background:#eaf8f1;color:#247a56;border-color:#d2efdf}.s-new,.s-submitted{background:#eef3ff;color:#365bad;border-color:#dce6ff}.s-in_progress{background:#f0ecff;color:#694ab6;border-color:#e3dbff}.s-waiting_user{background:#fff7e4;color:#8a6717;border-color:#f3e4b8}.s-resolved,.s-approved{background:#eaf8ef;color:#21764b;border-color:#d5efdf}.s-rejected,.s-closed,.s-cancelled{background:#f2f3f5;color:#686e78;border-color:#e6e8eb}.s-draft{background:#fff7df;color:#80600f;border-color:#f0dfad}
/* Ticket workspace */
.workspace{height:calc(100vh - 190px);min-height:610px;grid-template-columns:370px minmax(0,1fr);overflow:hidden}.queue{background:#fbfcfd;border-right:1px solid var(--v4-line)}.queue-head{height:44px;padding:0 16px;display:flex;align-items:center;background:#fafbfc;color:#858b96;font-weight:650;border-bottom:1px solid var(--v4-line)}
.ticket-card{padding:16px;border-bottom:1px solid #eceef2;border-left:3px solid transparent;background:transparent}.ticket-card:hover{background:#fff;transform:none;box-shadow:none}.ticket-card.active{background:linear-gradient(90deg,#fff8e8,#fff);border-left-color:#c89a31;box-shadow:none}.ticket-top b{font-size:13.5px}.ticket-q{color:#424751;font-size:12.5px}.ticket-top time,.ticket-num{color:#9aa0aa}
.workdetail{background:#fff}.detail-head{min-height:76px;padding:15px 20px;background:#fff;border-bottom:1px solid var(--v4-line)}.detail-head h3{font-size:16px}.avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#f5e8bd,#efd994);color:#6d5010;font-weight:850}.conversation{background:radial-gradient(circle at 100% 0,rgba(228,189,90,.06),transparent 26%),#f6f7f9!important;padding:20px!important}.bubble{border-radius:16px!important;padding:11px 13px!important;box-shadow:0 4px 16px rgba(25,29,40,.045)!important;max-width:74%}.bubble.user{background:#fff!important;border:1px solid #e9ebef}.bubble.operator,.bubble.system{background:linear-gradient(135deg,#20232a,#2e323b)!important;color:#fff}.system-event{background:#fff8e4!important;color:#75550b!important;border:1px solid #ecd486!important;box-shadow:none!important}.composer{padding:14px 16px!important;border-top:1px solid var(--v4-line);background:#fff}.composer textarea{border:1px solid var(--v4-line)!important;border-radius:14px!important;background:#f9fafb!important;min-height:48px!important;padding:13px 14px!important}.composer textarea:focus{background:#fff!important;border-color:#d4b35c!important;box-shadow:0 0 0 4px rgba(183,137,37,.08)}.composer-foot{margin-top:9px}.prio-menu{gap:6px}.attach-btn{border-radius:11px!important}.send{min-height:42px!important;padding:0 17px!important}
/* Registrations */
.app-layout{height:calc(100vh - 190px);min-height:610px;grid-template-columns:390px minmax(0,1fr)}.app-list{background:#fbfcfd;border-right:1px solid var(--v4-line)}.app-card{padding:18px;border-bottom:1px solid #eceef2;border-left:3px solid transparent}.app-card:hover{background:#fff;transform:none;box-shadow:none}.app-card.active{background:linear-gradient(90deg,#fff8e8,#fff);border-left-color:#c89a31;box-shadow:none}.app-name{font-size:15px;font-weight:780}.app-meta{color:#717784}.app-detail{padding:0 24px 30px!important}.key-detail-grid,.detail-grid,.extra-detail-grid{gap:10px!important}.detail{padding:14px 15px!important;border:1px solid #eceef2!important;border-radius:14px!important;background:#f9fafb!important;box-shadow:none!important}.key-detail-grid .detail{background:linear-gradient(145deg,#fffaf0,#fff7df)!important;border-color:#efd690!important}.detail small{font-size:9.5px;color:#8f95a0;text-transform:uppercase;letter-spacing:.055em}.detail b{margin-top:7px!important;font-size:13.5px}.docs{gap:10px!important}.doc{background:#f8f9fb!important;border:1px solid #eceef2!important;border-radius:14px!important}.doc:hover{border-color:#d9c47e!important;background:#fffaf0!important}.draft-reminder,.registration-reminder{position:relative!important;bottom:auto!important;margin:18px 0!important;padding:16px 18px!important;border-radius:16px!important;background:linear-gradient(135deg,#fff8e4,#fffdf7)!important;border:1px solid #ecd486!important;box-shadow:none!important}.remind-btn{background:linear-gradient(135deg,#17191e,#2a2d35)!important;border-radius:11px!important}
/* Services */
.service-workspace{height:calc(100vh - 190px);min-height:610px;grid-template-columns:360px minmax(0,1fr)}.service-card{padding:16px!important;border-bottom:1px solid #eceef2!important}.service-card:hover{background:#fff}.service-head{min-height:78px;padding:15px 20px;background:#fff;border-bottom:1px solid var(--v4-line)}.service-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.service-body{padding:20px!important}.service-conversation{background:#f6f7f9!important}.service-bubble{border-radius:15px!important}.service-bubble.operator{background:linear-gradient(135deg,#20232a,#2e323b)!important}.service-composer{background:#fff;border-top:1px solid var(--v4-line)}
/* Broadcast */
.broadcast-grid{gap:16px}.broadcast-card{border-radius:20px!important}.broadcast-form{padding:20px;gap:15px}.broadcast-form label{font-size:11px;color:#5f6570;letter-spacing:.015em}.broadcast-form select,.broadcast-form input{min-height:44px;padding:0 12px!important}.broadcast-form textarea{padding:13px!important;min-height:200px}.broadcast-summary{background:linear-gradient(135deg,#fff8e3,#fffdf6);border:1px solid #eed999;border-radius:14px}.broadcast-summary b{font-size:30px;letter-spacing:-1px}.broadcast-preview{margin:20px;background:linear-gradient(180deg,#f7f8fa,#f2f4f7);border:1px solid #eceef2;border-radius:16px}.preview-message{border:0;box-shadow:0 5px 18px rgba(24,28,38,.06)}
/* Staff & profile */
.staff-layout,.profile-grid{gap:16px}.staff-card{padding:16px;border:1px solid var(--v4-line);border-radius:16px;background:#fff;box-shadow:none;transition:.16s}.staff-card:hover{border-color:#dddfe5;box-shadow:0 8px 24px rgba(23,27,38,.05)}.staff-avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#f5e7b9,#edd489);color:#6e500d}.staff-state{border:1px solid transparent}.staff-state.on{background:#eaf8ef;color:#177648;border-color:#d5efdf}.staff-state.off{background:#f2f3f5;color:#737985;border-color:#e6e8eb}.staff-metrics{gap:7px}.staff-metrics>div{padding:11px 12px;background:#f7f8fa;border:1px solid #eef0f3;border-radius:12px}.staff-metrics b{font-size:19px;letter-spacing:-.5px}.staff-foot{border-top:1px solid #f0f1f4;padding-top:11px}.profile-grid .panel{padding:0!important}.profile-grid .panel>h3,.profile-grid .panel>.broadcast-form{margin-left:24px;margin-right:24px}.profile-grid .panel>h3{margin-top:24px}
/* Users */
#usersBody tr:hover{background:#fffaf0}.ticket-info{background:#f9fafb!important;border:1px solid var(--v4-line)!important;border-radius:14px!important}
/* Toast */
.toast{position:fixed!important;right:24px!important;bottom:24px!important;left:auto!important;top:auto!important;min-width:260px;max-width:420px;padding:13px 16px!important;border-radius:14px!important;background:#1d2026!important;color:#fff!important;box-shadow:0 18px 50px rgba(18,20,25,.24)!important;transform:translateY(16px);opacity:0;pointer-events:none;transition:.2s!important}.toast.show{transform:none;opacity:1}
/* Document viewer */
.document-viewer{backdrop-filter:blur(10px);background:rgba(15,17,22,.72)!important}.viewer-card{border-radius:22px!important;overflow:hidden;box-shadow:var(--v4-shadow-lg)}.viewer-head{background:#fff!important;border-bottom:1px solid var(--v4-line)!important}.viewer-head button{border-radius:10px!important}
/* Scrollbars */
*{scrollbar-width:thin;scrollbar-color:#c8cbd2 transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#c8cbd2;border:3px solid transparent;background-clip:padding-box;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#aeb2bb;border:2px solid transparent;background-clip:padding-box}
/* Responsive */
@media(max-width:1450px){.stats{grid-template-columns:repeat(3,1fr)}.service-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1120px){.workspace{grid-template-columns:330px minmax(0,1fr)}.app-layout{grid-template-columns:340px minmax(0,1fr)}.service-workspace{grid-template-columns:320px minmax(0,1fr)}.staff-layout,.profile-grid,.broadcast-grid{grid-template-columns:1fr}.service-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.shell{grid-template-columns:78px minmax(0,1fr)}aside{width:78px;padding:18px 9px}.brand{padding:2px 9px 24px}.brand>div:last-child,.nav span:not(.navico),.side-bottom>div:nth-child(2){display:none}.brand-mark.small{width:40px;height:40px}.nav{justify-content:center;padding:0}.navico{font-size:16px}.nav i{position:absolute;right:4px;top:3px;font-size:8px;padding:2px 5px}.side-bottom{justify-content:center}.side-bottom button{display:none}main{padding:0 16px 30px}main>header{height:84px}.toolbar{top:96px}.workspace,.app-layout,.service-workspace{grid-template-columns:290px minmax(430px,1fr);overflow:auto}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){main{padding:0 10px 24px}.stats{grid-template-columns:1fr}.toolbar{position:static;flex-wrap:wrap}.toolbar input{min-width:100%}.panel{overflow:auto}.workspace,.app-layout,.service-workspace{height:auto;min-height:0;display:block}.queue,.app-list{max-height:340px;border-right:0;border-bottom:1px solid var(--v4-line)}.workdetail,.app-detail,.service-detail{min-height:520px}.service-summary{grid-template-columns:1fr}}
/* Ticket CRM improvements */
.ticket-num{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8b9099;margin-bottom:7px}.ticket-head-number{display:flex;align-items:center;gap:8px;margin-right:4px}.ticket-head-number>b{font-size:14px;white-space:nowrap}.copy-link{border:1px solid #e1e4e9;background:#f8f9fb;color:#5e6570;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:700;cursor:pointer}.copy-link:hover{background:#fff;border-color:#cfd4dc}.ticket-action{border:0;border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.08)}.ticket-action.take{background:#2563eb;color:#fff}.ticket-action.take:hover{background:#1d4ed8}.ticket-action.solve{background:#16844f;color:#fff}.ticket-action.solve:hover{background:#116b40}.ai-class{background:#f1edff!important;color:#6548b5!important;border-color:#ded5ff!important}.pending-attachment{display:flex;align-items:center;gap:11px;margin-top:9px;padding:10px 12px;border:1px solid #dfe3e8;border-radius:12px;background:#f8f9fb}.pending-attachment>span{font-size:22px}.pending-attachment>div{display:flex;flex:1;min-width:0;flex-direction:column}.pending-attachment b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.pending-attachment small{color:#8d939d;margin-top:2px}.pending-attachment button{width:30px;height:30px;border:0;border-radius:9px;background:#eceff3;color:#555d68;font-size:20px;cursor:pointer}.pending-attachment button:hover{background:#feecee;color:#b52b38}
.workdetail.loading-ticket{opacity:.72;transition:opacity .15s ease}.workdetail{transition:opacity .15s ease}
.danger-btn{background:#fff1f1!important;color:#c62828!important;border:1px solid #ffcaca!important}.danger-btn:hover{background:#ffe5e5!important;border-color:#ffabab!important}
.ai-answer-list{display:grid;gap:14px;padding:16px}.ai-answer-card{border:1px solid var(--line,#e5e7eb);border-radius:18px;padding:18px;background:#fff}.ai-answer-card textarea{width:100%;box-sizing:border-box;margin:14px 0 10px;border:1px solid #dfe3ea;border-radius:14px;padding:14px;font:inherit;line-height:1.5;resize:vertical;background:#fafbfc}.ai-answer-card .actions{display:flex;gap:10px;flex-wrap:wrap}