.support-panel{padding:24px;margin:20px 0;border:1px solid #dbe6f5;border-radius:16px;background:#fff;color:#23344c}.support-panel h2{margin:0 0 8px;font-size:22px}.support-panel p{color:#64748b;line-height:1.5}.support-panel summary{font-weight:600;cursor:pointer;padding:12px 0}.support-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,250px) auto;gap:14px;align-items:end}.support-panel label{display:grid;gap:6px;font-size:14px}.support-panel input,.support-panel select,.support-panel textarea{box-sizing:border-box;width:100%;min-width:0;padding:10px 12px;border:1px solid #d5dfed;border-radius:8px;background:#fff;color:#23344c;font:inherit;min-height:44px}.support-purpose{margin:16px 0}.support-purpose textarea{min-height:70px;resize:vertical}.support-panel button,.support-dialog button,.support-banner button{border:1px solid #2868dc;border-radius:8px;background:#2868dc;color:#fff;padding:10px 14px;font:inherit;cursor:pointer;min-height:44px}.support-panel button:disabled,.support-dialog button:disabled,.support-banner button:disabled{opacity:.55;cursor:default}.support-panel .support-secondary{background:#fff;color:#2868dc}.support-employees,.support-history{display:grid;gap:10px}.support-employee{display:flex;gap:20px;justify-content:space-between;align-items:center;border:1px solid #e4ebf5;border-radius:10px;padding:16px;min-width:0}.support-employee>div{min-width:0}.support-employee strong,.support-employee span,.support-employee small{display:block;overflow-wrap:anywhere}.support-employee span,.support-employee small{margin-top:5px;color:#64748b;font-size:13px}.support-employee>button{flex:0 0 auto}.support-pages{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:16px 0}.support-history-actions{display:flex;gap:8px;flex-wrap:wrap}.support-dialog{border:0;border-radius:16px;padding:0;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);color:#23344c;box-shadow:0 20px 70px #12213c50;font:14px/1.5 Inter,Arial,sans-serif}.support-dialog::backdrop{background:#14244370}.support-dialog-head{padding:16px 24px;border-bottom:1px solid #e4ebf5;display:flex;gap:16px;align-items:center;justify-content:space-between}.support-dialog-head h2{font-size:20px;margin:0}.support-dialog-body{padding:24px}.support-event-scroll{overflow:auto;max-width:100%}.support-event-scroll table{border-collapse:collapse;width:100%;font-size:13px}.support-event-scroll th,.support-event-scroll td{text-align:left;padding:10px;border-bottom:1px solid #e4ebf5;vertical-align:top}.support-banner{position:fixed;inset:0 0 auto 0;z-index:1800;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:10px 20px;background:#fff3d3;border-bottom:1px solid #e8c776;color:#614600;font:14px/1.35 Inter,Arial,sans-serif;box-sizing:border-box}.support-banner strong,.support-banner span,.support-banner small{display:block;overflow-wrap:anywhere}.support-banner span{margin:3px 0}.support-banner small{font-size:12px}.support-banner button{background:#614600;border-color:#614600;max-width:180px}.support-panel [role=alert],.support-dialog [role=alert]{color:#b42333}body[data-support-active]{padding-top:var(--support-banner-height,80px)}body[data-support-active] .sidebar{top:var(--support-banner-height,80px);height:calc(100dvh - var(--support-banner-height,80px))}body[data-support-active] .mobile-menu-toggle{top:calc(var(--support-banner-height,80px) + 16px)}body[data-support-active] .bottom-sheet-overlay{top:var(--support-banner-height,80px)}body[data-support-active] .bottom-sheet{max-height:calc(100dvh - var(--support-banner-height,80px) - 8px);height:min(95dvh,calc(100dvh - var(--support-banner-height,80px) - 8px))}@media(min-width:1101px){body[data-support-active] .toast-container{top:calc(var(--support-banner-height,80px) + 96px)}}@media(max-width:700px){body[data-support-active][data-packing-employee=true] #sp-notification-inbox{top:calc(var(--support-banner-height,80px) + 16px);bottom:auto}}@media(max-width:600px){.support-panel{padding:16px}.support-filters{grid-template-columns:minmax(0,1fr)}.support-employee{align-items:stretch;flex-direction:column;gap:12px}.support-banner{padding:8px 12px;gap:10px;font-size:12px}.support-banner button{font-size:12px;width:128px;padding:8px}.support-dialog-head,.support-dialog-body{padding:16px}.support-panel h2{font-size:20px}}

body[data-support-active] .app-dashboard>.sidebar{top:var(--support-banner-height,80px)!important;height:calc(100dvh - var(--support-banner-height,80px))!important}

body[data-support-active] .packing-dialog::before{content:"Режим поддержки сотрудника";display:block;padding:8px 16px;background:#fff3d3;color:#614600;font-size:13px;font-weight:600}

body[data-support-expired] #app{display:none}.support-expired-state{max-width:620px;margin:32px auto;padding:24px;background:#fff;border:1px solid #e4ebf5;border-radius:16px;color:#23344c}.support-expired-state h1{font-size:24px;margin:0 0 12px}.support-expired-state p{line-height:1.5;color:#64748b}@media(max-width:700px){.support-expired-state{margin:24px 16px}}