:root{--bg:#07101f;--panel:#111c30;--panel2:#16243d;--line:#283a59;--text:#eef4ff;--muted:#8ea0bd;--primary:#5d85ff;--danger:#c94759;--success:#38b67d;--shadow:0 20px 60px #0005}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0,#17294c 0,#07101f 45%);color:var(--text)}button,input,textarea,select{font:inherit}.employee-login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.employee-login-card{width:min(460px,100%);padding:32px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#15233b,#0c1628);box-shadow:var(--shadow)}.employee-brand{display:flex;align-items:center;gap:13px;margin-bottom:27px}.employee-brand.compact{margin:0;padding:18px}.employee-brand-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#5d85ff,#7259e9);font-weight:900}.employee-brand h1{margin:0;font-size:22px}.employee-brand p{margin:2px 0 0;color:var(--muted)}.employee-login-card h2{margin:0 0 8px}.employee-muted{color:var(--muted);line-height:1.5}.employee-field{display:block;margin-top:17px}.employee-field span{display:block;font-size:12px;margin-bottom:7px;color:#c5d3e8}.employee-field input{width:100%;padding:13px;border:1px solid var(--line);border-radius:11px;background:#091426;color:#fff}.employee-primary,.employee-secondary,.employee-danger{border:0;border-radius:11px;padding:11px 15px;color:#fff;cursor:pointer;font-weight:700}.employee-primary{background:linear-gradient(135deg,#4f83ff,#7358e9)}.employee-secondary{background:#1d2c46;border:1px solid #364a6d}.employee-danger{background:#8f3040}.employee-login-card .employee-primary,.employee-login-card .employee-secondary{width:100%;margin-top:14px}.employee-login-message{padding:11px 13px;border-radius:10px;margin-top:14px}.employee-login-message.success{background:#183a31;color:#83dfb7}.employee-login-message.error{background:#48232c;color:#ffadb7}.employee-admin-link{display:block;text-align:center;color:#8eacf0;margin-top:20px;text-decoration:none}.employee-app-body{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.employee-sidebar{position:sticky;top:0;height:100vh;background:#091324;border-right:1px solid var(--line);display:flex;flex-direction:column}.employee-nav{display:grid;gap:5px;padding:10px}.employee-nav button{display:flex;align-items:center;gap:9px;width:100%;padding:11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#aebcd2;text-align:left;cursor:pointer}.employee-nav button.active,.employee-nav button:hover:not(:disabled){background:#192a47;border-color:#304d78;color:#fff}.employee-nav button:disabled{opacity:.45;cursor:not-allowed}.employee-nav em{margin-left:auto;font-size:9px;font-style:normal;background:#283652;padding:3px 5px;border-radius:6px}.employee-logout{margin:auto 14px 16px;padding:10px;border:1px solid #62323c;border-radius:10px;background:#301922;color:#ffacb6;cursor:pointer}.employee-main{min-width:0;padding:0 25px 35px}.employee-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22314b}.employee-topbar small{color:var(--muted)}.employee-topbar h2{margin:2px 0 0}.employee-user-chip{display:flex;align-items:center;gap:10px}.employee-user-chip>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#294471;font-weight:800}.employee-user-chip b,.employee-user-chip small{display:block}.employee-welcome{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:22px;padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#152845,#152038)}.employee-welcome>div>span{color:#8caff3}.employee-welcome h1{font-size:31px;margin:5px 0}.employee-welcome p{color:var(--muted)}.employee-shift-card{padding:16px;border-radius:15px;background:#0b172a;border:1px solid #304462;display:flex;flex-direction:column;gap:9px}.employee-shift-card>div{display:flex;align-items:center;gap:8px}.employee-shift-card strong{font-size:26px}.employee-shift-card small{color:var(--muted)}.employee-live-dot,.employee-offline-dot{width:9px;height:9px;border-radius:50%}.employee-live-dot{background:#48d394;box-shadow:0 0 0 5px #48d39420}.employee-offline-dot{background:#72829c}.employee-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:15px}.employee-stat-grid article{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#101b2e}.employee-stat-grid article>span{font-size:22px}.employee-stat-grid small,.employee-stat-grid b{display:block}.employee-stat-grid small{color:var(--muted);font-size:10px}.employee-stat-grid b{font-size:19px;margin-top:3px}.employee-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}.employee-panel{border:1px solid var(--line);border-radius:16px;background:#101b2e;overflow:hidden}.employee-panel>header{padding:16px;border-bottom:1px solid #25344e}.employee-panel h3{margin:0}.employee-panel header p{margin:3px 0 0;color:var(--muted);font-size:11px}.employee-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid #22314a}.employee-row:last-child{border-bottom:0}.employee-row b,.employee-row span{display:block}.employee-row span{color:var(--muted);font-size:10px;margin-top:3px}.employee-row em{font-style:normal;font-size:10px;padding:5px 8px;border-radius:99px;background:#263754}.employee-row em.approved,.employee-row em.completed{background:#173a31;color:#82dcb6}.employee-row em.rejected{background:#48232c;color:#ffadb7}.employee-row a{color:#87aefb}.employee-empty{padding:30px;text-align:center;color:var(--muted)}.employee-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:15px}.employee-quick-actions button{padding:15px;border:1px solid #30415f;border-radius:12px;background:#15233a;color:#dbe6f7;text-align:left;cursor:pointer}.employee-quick-actions button:disabled{opacity:.5}.employee-quick-actions small{display:block;color:#7f90aa;margin-top:5px}.employee-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:22px 0 14px}.employee-section-head h2{margin:0}.employee-section-head p{margin:4px 0 0;color:var(--muted)}.employee-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-task-card{padding:17px;border:1px solid var(--line);border-radius:15px;background:#101b2e}.employee-task-card.completed{opacity:.72}.employee-task-card header{display:flex;justify-content:space-between;gap:10px}.employee-task-card small{color:var(--muted)}.employee-task-card h3{margin:4px 0}.employee-task-card header em{font-style:normal;font-size:10px;color:#b7c9e5}.employee-task-card p{color:#c3cede;white-space:pre-wrap}.employee-task-meta{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.employee-task-meta span{padding:5px 8px;border-radius:7px;background:#1b2941;color:#aebed8;font-size:10px}.employee-toast{position:fixed;right:24px;bottom:24px;padding:13px 16px;border-radius:12px;background:#173a31;border:1px solid #28634e;color:#8ce0ba;box-shadow:var(--shadow)}.employee-toast.error{background:#49232c;border-color:#743444;color:#ffabb4}@media(max-width:1200px){.employee-stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.employee-app-body{grid-template-columns:1fr}.employee-sidebar{position:static;height:auto}.employee-nav{grid-template-columns:repeat(2,1fr)}.employee-logout{margin:10px}.employee-main{padding:0 14px 25px}.employee-welcome{grid-template-columns:1fr}.employee-dashboard-grid,.employee-task-list{grid-template-columns:1fr}}@media(max-width:550px){.employee-stat-grid{grid-template-columns:repeat(2,1fr)}.employee-topbar{height:auto;padding:12px 0}.employee-user-chip div{display:none}.employee-nav{grid-template-columns:1fr}}

.employee-task-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.employee-task-summary article{padding:14px;border:1px solid var(--line);border-radius:13px;background:#101b2e}.employee-task-summary span{display:block;color:var(--muted);font-size:11px}.employee-task-summary b{display:block;font-size:24px;margin-top:4px}.employee-task-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.employee-task-tabs{display:flex;gap:7px;flex-wrap:wrap}.employee-task-tabs button{padding:8px 12px;border:1px solid #30415f;border-radius:9px;background:#111d31;color:#9fb0ca;cursor:pointer}.employee-task-tabs button.active{background:#24406d;border-color:#5278b6;color:#fff}.employee-task-toolbar select{padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#0d182a;color:#fff}.employee-task-list.ordered{grid-template-columns:1fr}.employee-task-card.organized{position:relative;display:grid;grid-template-columns:6px minmax(0,1fr);padding:0;overflow:hidden}.employee-task-card.organized .employee-task-color{background:#6389ff}.employee-task-card.organized.overdue .employee-task-color{background:#dc5366}.employee-task-card.organized.completed .employee-task-color{background:#42ba82}.employee-task-content{padding:17px}.employee-task-title h3{font-size:18px}.employee-task-state{font-size:10px;padding:6px 9px;border-radius:99px;white-space:nowrap}.employee-task-state.pending{background:#263b5d;color:#b7d0fb}.employee-task-state.overdue{background:#4b252e;color:#ffabb5}.employee-task-state.completed{background:#173a31;color:#82dcb6}.employee-task-labels{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}.employee-task-labels>span{padding:5px 8px;border-radius:8px;background:#19283f;color:#b4c3db;font-size:10px}.employee-task-labels .priority.urgent{background:#4d252d;color:#ffadb7}.employee-task-labels .priority.important{background:#46371e;color:#ffd17f}.employee-task-labels .priority.normal{background:#223752;color:#b6cff8}.employee-task-content footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #24344e}.employee-complete-mark{color:#7fdcaf;font-size:12px;font-weight:700}@media(max-width:650px){.employee-task-summary{grid-template-columns:repeat(2,1fr)}.employee-task-toolbar{align-items:stretch;flex-direction:column}.employee-task-toolbar select{width:100%}.employee-task-content footer{align-items:stretch;flex-direction:column}}


/* TT MODER 1.0 — LIVE + материалы */
.employee-live-chip{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:16px;padding:7px 10px;border:1px solid #285a4c;border-radius:99px;background:#122d27}.employee-live-chip i{width:8px;height:8px;border-radius:50%;background:#49d595;box-shadow:0 0 0 5px #49d59522;animation:employeePulse 1.5s infinite}.employee-live-chip span{font-size:10px;font-weight:900;color:#7ee0b4}.employee-live-chip small{color:#9bc6b4}.employee-live-chip.offline{background:#382027;border-color:#6d3540}.employee-live-chip.offline i{background:#e45d6f;box-shadow:none;animation:none}@keyframes employeePulse{50%{box-shadow:0 0 0 9px #49d59508}}.employee-material-toolbar{display:grid;grid-template-columns:210px 210px minmax(220px,1fr) auto;gap:9px;margin-bottom:13px}.employee-material-toolbar select,.employee-material-toolbar input,.employee-modal-card select,.employee-modal-card textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0d182a;color:#fff}.employee-material-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.employee-material-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:#101b2e}.employee-material-card.pending{border-left:4px solid #668bff}.employee-material-card.approved{border-left:4px solid #47c18a}.employee-material-card.rejected{border-left:4px solid #db5365}.employee-material-card.edited{border-left:4px solid #a07af4}.employee-material-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.employee-material-card h3{margin:3px 0}.employee-material-card header small{color:var(--muted)}.employee-material-card p{white-space:pre-wrap;color:#c8d3e4;line-height:1.5;max-height:180px;overflow:auto}.employee-material-state{font-size:10px;padding:5px 8px;border-radius:99px;white-space:nowrap}.employee-material-state.pending{background:#263b5d;color:#b7d0fb}.employee-material-state.approved{background:#173a31;color:#82dcb6}.employee-material-state.rejected{background:#48232c;color:#ffadb7}.employee-material-state.edited{background:#352d61;color:#d1c2ff}.employee-material-card footer{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #24344e;color:var(--muted);font-size:10px}.employee-attachment-link{display:inline-block;padding:7px 10px;border-radius:8px;background:#1a2d4a;color:#8eb5ff;text-decoration:none}.employee-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px}.employee-modal[hidden]{display:none}.employee-modal-backdrop{position:absolute;inset:0;background:#020711cc;backdrop-filter:blur(4px)}.employee-modal-card{position:relative;width:min(720px,96vw);max-height:92vh;overflow:auto;padding:24px;border:1px solid #34496b;border-radius:18px;background:#101b2e;box-shadow:var(--shadow)}.employee-modal-card>p{color:var(--muted)}.employee-modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#aebdd5;font-size:25px;cursor:pointer}.employee-modal-card textarea{resize:vertical}.employee-file-field{display:block;margin-top:15px;padding:12px;border:1px dashed #3c5278;border-radius:11px;background:#0c1729}.employee-file-field span{display:block;color:#b7c5dc;font-size:12px;margin-bottom:8px}.employee-file-field input{color:#aebed6}.employee-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.employee-no-scroll{overflow:hidden}@media(max-width:900px){.employee-material-list{grid-template-columns:1fr}.employee-material-toolbar{grid-template-columns:1fr 1fr}}@media(max-width:600px){.employee-live-chip small{display:none}.employee-material-toolbar{grid-template-columns:1fr}.employee-modal-actions{flex-direction:column-reverse}}


/* STEP 11 — employee workflow */
.employee-workflow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-workflow-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:#101b2e}.employee-workflow-card.active{border-left:4px solid #668bff}.employee-workflow-card.overdue{border-left:4px solid #df5668;background:#21151b}.employee-workflow-card.completed{border-left:4px solid #48c18a;opacity:.78}.employee-workflow-card.request-approved,.employee-workflow-card.call-confirmed,.employee-workflow-card.call-completed{border-left:4px solid #48c18a}.employee-workflow-card.request-rejected,.employee-workflow-card.call-cancelled{border-left:4px solid #df5668}.employee-workflow-card.request-pending,.employee-workflow-card.call-planned{border-left:4px solid #668bff}.employee-workflow-card.request-discussion,.employee-workflow-card.call-move_requested{border-left:4px solid #aa7bf4}.employee-workflow-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.employee-workflow-card header small{color:var(--muted)}.employee-workflow-card h3{margin:4px 0}.employee-workflow-card header>span{font-size:10px;padding:5px 8px;border-radius:99px;background:#213553;color:#b9cef0}.employee-workflow-card p{color:#c3cfdf;white-space:pre-wrap}.employee-workflow-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.employee-workflow-meta span,.employee-call-time{padding:6px 9px;border-radius:8px;background:#182941;color:#b9c8de;font-size:11px}.employee-workflow-card footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid #24344e}.employee-meeting-link{display:inline-block;margin-top:8px;padding:7px 10px;border-radius:8px;background:#1b3150;color:#8eb5ff;text-decoration:none}.employee-detail-card{width:min(800px,96vw)}.employee-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.employee-detail-grid>div{padding:12px;border:1px solid #293b59;border-radius:11px;background:#0c1729}.employee-detail-grid span{display:block;color:var(--muted);font-size:10px}.employee-detail-grid b{display:block;margin-top:4px}.employee-detail-feed{display:grid;gap:8px}.employee-detail-feed article{padding:12px;border:1px solid #293b59;border-radius:11px;background:#0c1729}.employee-detail-feed article.admin{background:#192846}.employee-detail-feed b,.employee-detail-feed span,.employee-detail-feed small{display:block}.employee-detail-feed span,.employee-detail-feed small{color:var(--muted);font-size:10px;margin-top:4px}.employee-detail-feed p{white-space:pre-wrap}.employeeWorkflowSelect,.employee-modal-card>select{width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0d182a;color:#fff}@media(max-width:850px){.employee-workflow-list{grid-template-columns:1fr}}@media(max-width:550px){.employee-detail-grid{grid-template-columns:1fr}}


/* STEP 12 — чаты сотрудника */
.employee-chat-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:13px;min-height:650px}.employee-chat-sidebar,.employee-chat-workspace{border:1px solid var(--line);border-radius:16px;background:#101b2e;overflow:hidden}.employee-chat-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px;border-bottom:1px solid #25344e}.employee-chat-tabs button{padding:9px;border:1px solid #31435f;border-radius:9px;background:#121f34;color:#96a8c2;cursor:pointer}.employee-chat-tabs button.active{background:#254271;color:#fff}.employee-chat-room-list{padding:8px;max-height:590px;overflow:auto}.employee-chat-room{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;width:100%;padding:11px;border:1px solid transparent;border-bottom-color:#26354e;border-radius:10px;background:transparent;color:#fff;text-align:left;cursor:pointer}.employee-chat-room:hover{background:#16243b}.employee-chat-room.active{background:#1d3152;border-color:#3e5f91}.employee-chat-room>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#223a5d}.employee-chat-room b,.employee-chat-room small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-chat-room small{color:#8799b5;margin-top:3px}.employee-chat-workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.employee-chat-workspace>header{padding:15px 17px;border-bottom:1px solid #25344e}.employee-chat-workspace h3{margin:3px 0}.employee-chat-workspace header small,.employee-chat-workspace header p{color:var(--muted);margin:0}.employee-chat-messages{display:flex;flex-direction:column;gap:9px;padding:17px;overflow:auto;max-height:530px}.employee-chat-message{max-width:78%;padding:11px 13px;border:1px solid #2a3b59;border-radius:14px;background:#17243a}.employee-chat-message.mine{align-self:flex-end;background:#243765;border-color:#425998}.employee-chat-message.admin{align-self:flex-start;background:#243b32;border-color:#356a56}.employee-chat-message.other{align-self:flex-start}.employee-chat-message header{display:flex;justify-content:space-between;gap:12px}.employee-chat-message small{color:#8092ae}.employee-chat-message p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.employee-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px;border-top:1px solid #25344e}.employee-chat-composer textarea{resize:none;padding:11px;border:1px solid #344966;border-radius:11px;background:#0b1628;color:#fff;font:14px/1.5 Segoe UI,Arial,sans-serif}@media(max-width:850px){.employee-chat-layout{grid-template-columns:1fr}.employee-chat-room-list{max-height:300px}.employee-chat-workspace{min-height:580px}}@media(max-width:550px){.employee-chat-message{max-width:95%}.employee-chat-composer{grid-template-columns:1fr}}


/* STEP 13 — история нарушений, зарплата, звук */
.employee-section-actions{display:flex;gap:8px;flex-wrap:wrap}.employee-salary-layout{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:14px}.employee-salary-form,.employee-salary-result{padding:20px;border:1px solid var(--line);border-radius:16px;background:#101b2e}.employee-salary-form select,.employee-salary-form input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#0d182a;color:#fff}.employee-salary-form>.employee-primary{width:100%;margin-top:17px}.employee-salary-gifts-head{margin-top:17px;padding:12px;border:1px solid #304361;border-radius:11px;background:#14223a}.employee-salary-gifts-head label{display:flex;align-items:center;gap:9px;cursor:pointer}.employee-salary-gifts-head input{width:auto;accent-color:#6289ff}.employee-salary-total{padding:20px;border-radius:15px;background:linear-gradient(135deg,#234477,#352d70);text-align:center}.employee-salary-total span{display:block;color:#b8ccef}.employee-salary-total strong{display:block;font-size:38px;margin-top:6px}.employee-salary-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.employee-salary-breakdown>div{padding:12px;border:1px solid #2a3c5b;border-radius:11px;background:#0b1729}.employee-salary-breakdown span{display:block;color:var(--muted);font-size:10px}.employee-salary-breakdown b{display:block;margin-top:4px}.employee-salary-formula{margin-top:12px;padding:11px;border-radius:10px;background:#172740;color:#aebfda;text-align:center}@media(max-width:850px){.employee-salary-layout{grid-template-columns:1fr}}@media(max-width:550px){.employee-salary-breakdown{grid-template-columns:1fr}}


/* TT MODER 1.4 — громкий звук и настройки */
.notification-sound-control{
  position:fixed;
  right:22px;
  bottom:82px;
  z-index:120;
  font-family:Segoe UI,Arial,sans-serif;
}
.notification-sound-toggle{
  width:46px;
  height:46px;
  border:1px solid #4f6f9f;
  border-radius:14px;
  background:linear-gradient(145deg,#243e68,#172a49);
  color:#fff;
  font-size:21px;
  cursor:pointer;
  box-shadow:0 12px 30px #0007;
}
.notification-sound-toggle:hover{
  transform:translateY(-1px);
  filter:brightness(1.12);
}
.notification-sound-popover{
  position:absolute;
  right:0;
  bottom:55px;
  width:280px;
  padding:15px;
  border:1px solid #405878;
  border-radius:14px;
  background:#101b2e;
  color:#eef4ff;
  box-shadow:0 22px 55px #0009;
}
.notification-sound-title{
  margin-bottom:13px;
  font-weight:800;
}
.notification-sound-popover label{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  color:#aebed7;
  font-size:12px;
}
.notification-sound-popover strong{
  color:#fff;
}
.notification-sound-range{
  width:100%;
  accent-color:#6d93ff;
}
.notification-sound-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:13px;
}
.notification-sound-actions button{
  padding:9px 10px;
  border:1px solid #395171;
  border-radius:9px;
  background:#1a2b47;
  color:#fff;
  cursor:pointer;
}
.notification-sound-test{
  background:#315b9a!important;
}
@media(max-width:600px){
  .notification-sound-control{
    right:14px;
    bottom:72px;
  }
  .notification-sound-popover{
    width:min(280px,calc(100vw - 28px));
  }
}


/* STEP 15 — личные балансы */
.employee-personal-balances{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
  margin-top:15px;
}
.employee-personal-balances article{
  position:relative;
  overflow:hidden;
  padding:17px;
  border:1px solid #365079;
  border-radius:15px;
  background:linear-gradient(135deg,#172b49,#132039);
}
.employee-personal-balances article:after{
  content:"";
  position:absolute;
  width:90px;
  height:90px;
  right:-30px;
  top:-35px;
  border-radius:50%;
  background:#608cff18;
}
.employee-personal-balances span,
.employee-personal-balances b,
.employee-personal-balances small{
  display:block;
  position:relative;
  z-index:1;
}
.employee-personal-balances span{color:#b6c9e6;font-size:12px}
.employee-personal-balances b{font-size:29px;margin-top:7px}
.employee-personal-balances small{color:#7f93b2;margin-top:5px}
@media(max-width:850px){
  .employee-personal-balances{grid-template-columns:1fr}
}


/* STEP 16 — баланс напарников */
.employee-balance-group-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#101b2e}.employee-balance-group-head h3{margin:4px 0}.employee-balance-group-head small,.employee-balance-group-head>span{color:var(--muted)}.employee-pair-total-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.employee-pair-total-grid article{padding:17px;border:1px solid #3d5681;border-radius:14px;background:linear-gradient(135deg,#1a3154,#182441)}.employee-pair-total-grid span,.employee-pair-total-grid b{display:block}.employee-pair-total-grid span{color:#aebfda}.employee-pair-total-grid b{font-size:27px;margin-top:6px}.employee-member-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.employee-member-balance-grid>article{padding:17px;border:1px solid var(--line);border-radius:15px;background:#101b2e}.employee-member-balance-grid>article.me{border-color:#557cba;background:#142744}.employee-member-balance-grid header{display:flex;align-items:center;gap:11px}.employee-balance-avatar{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#2c4c7d;font-weight:900}.employee-member-balance-grid h3{margin:0}.employee-member-balance-grid small{color:var(--muted)}.employee-member-balance-values{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.employee-member-balance-values>div{padding:11px;border-radius:10px;background:#0b1729}.employee-member-balance-values span,.employee-member-balance-values b{display:block}.employee-member-balance-values span{color:var(--muted);font-size:10px}.employee-member-balance-values b{margin-top:4px}@media(max-width:850px){.employee-pair-total-grid,.employee-member-balance-grid{grid-template-columns:1fr}}@media(max-width:550px){.employee-member-balance-values{grid-template-columns:1fr}}


/* TT MODER 3.0 — улучшенный чат сотрудника */
.employee-chat-tabs.three-tabs{grid-template-columns:repeat(3,1fr)}.employee-chat-composer.enhanced{position:relative;grid-template-columns:auto auto auto minmax(0,1fr) auto}.employee-composer-tool{border:1px solid #344966;border-radius:10px;background:#17263d;color:#fff;padding:9px;cursor:pointer}.employee-messenger-picker{position:absolute;left:10px;bottom:72px;z-index:10;display:grid;grid-template-columns:repeat(6,40px);gap:5px;padding:9px;border:1px solid #405779;border-radius:13px;background:#101b2e;box-shadow:0 20px 50px #0009}.employee-messenger-picker[hidden]{display:none}.employee-messenger-picker button{width:40px;height:40px;border:0;border-radius:9px;background:#172741;font-size:21px;cursor:pointer}.employee-messenger-picker.sticker-picker button{font-size:28px}.employee-chat-message.modern{padding:9px 11px;border-radius:15px}.employee-chat-message.modern.mine{border-bottom-right-radius:4px}.employee-chat-message.modern.admin{border-bottom-left-radius:4px}.employee-chat-message.modern footer{display:flex;justify-content:flex-end;gap:6px;color:#8fa2bd;margin-top:5px}.employee-message-photo{display:block;max-width:320px;max-height:360px;border-radius:11px;cursor:zoom-in}.employee-message-sticker{font-size:62px;line-height:1}.employee-task-buttons{display:flex;align-items:center;gap:8px}.employee-task-photo-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.employee-task-photo-preview img{width:100%;height:110px;object-fit:cover;border-radius:9px}@media(max-width:550px){.employee-chat-composer.enhanced{grid-template-columns:auto auto auto 1fr}.employee-chat-composer.enhanced .employee-primary{grid-column:1/-1}}


/* STEP 20 — понятные вкладки мессенджера */
.employee-chat-tabs.two-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:10px;
  border-bottom:1px solid #2b3d59;
}
.employee-chat-tabs.two-tabs button{
  min-height:46px;
  padding:10px 14px;
  border:1px solid #3b5274;
  border-radius:11px;
  background:#122038;
  color:#9fb2ce;
  font-weight:700;
  cursor:pointer;
}
.employee-chat-tabs.two-tabs button.active{
  background:linear-gradient(135deg,#315a93,#294574);
  border-color:#5d82bb;
  color:#fff;
  box-shadow:0 8px 20px #0004;
}


/* STEP 23 — архивы в стиле «Мои задачи» */
.employee-archive-toolbar{
  margin:12px 0;
}
.employee-chat-tabs.three-clear-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  padding:10px;
  border-bottom:1px solid #2b3d59;
}
.employee-chat-tabs.three-clear-tabs button{
  min-height:46px;
  padding:9px 8px;
  border:1px solid #3b5274;
  border-radius:11px;
  background:#122038;
  color:#9fb2ce;
  font-weight:700;
  cursor:pointer;
}
.employee-chat-tabs.three-clear-tabs button.active{
  background:linear-gradient(135deg,#315a93,#294574);
  border-color:#5d82bb;
  color:#fff;
}
.employee-direct-avatar{
  position:relative;
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#355f9d,#4c3d7c)!important;
  font-weight:900;
}
.employee-direct-avatar i{
  position:absolute;
  right:-2px;
  bottom:-2px;
  width:11px;
  height:11px;
  border:2px solid #101b2e;
  border-radius:50%;
}
.employee-direct-avatar i.online{background:#42d28c}
.employee-direct-avatar i.offline{background:#6b7890}
@media(max-width:650px){
  .employee-chat-tabs.three-clear-tabs{grid-template-columns:1fr}
}


/* STEP 24 — предпросмотр медиа и напарники */
.employee-pending-media{
  padding:10px 12px 0;
  border-top:1px solid #27364e;
  background:#0e192b;
}
.employee-pending-media[hidden]{display:none}
.employee-pending-media-card{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) 34px;
  gap:10px;
  align-items:center;
  padding:9px;
  border:1px solid #405779;
  border-radius:12px;
  background:#14223a;
}
.employee-pending-media-card img{
  width:72px;
  height:58px;
  object-fit:cover;
  border-radius:9px;
}
.employee-pending-media-card b,
.employee-pending-media-card small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.employee-pending-media-card small{
  margin-top:5px;
  color:#8ea0b9;
}
.employee-pending-media-card button{
  width:32px;
  height:32px;
  border:1px solid #8a4050;
  border-radius:9px;
  background:#4a1d2a;
  color:#fff;
  font-size:20px;
  cursor:pointer;
}


/* =========================================================
   STEP 25 — VISUAL POLISH / EMPLOYEE
   ========================================================= */

:root{
  --employee-accent:#6d7cff;
  --employee-accent-2:#8a5cf6;
  --employee-panel:#101b2e;
  --employee-panel-soft:#14223a;
  --employee-border:#304764;
  --employee-shadow:0 18px 48px rgba(0,0,0,.28);
}

html{
  scroll-behavior:smooth;
}

body{
  background:
    radial-gradient(circle at 18% 8%,rgba(73,111,255,.12),transparent 32%),
    radial-gradient(circle at 94% 5%,rgba(130,89,246,.09),transparent 26%),
    linear-gradient(180deg,#08111f,#0a1322 75%);
}

*{
  scrollbar-width:thin;
  scrollbar-color:#39577d transparent;
}

*::-webkit-scrollbar{
  width:9px;
  height:9px;
}
*::-webkit-scrollbar-track{
  background:transparent;
}
*::-webkit-scrollbar-thumb{
  background:#365274;
  border:2px solid transparent;
  background-clip:padding-box;
  border-radius:99px;
}

button,
input,
select,
textarea{
  transition:
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    color .18s ease,
    transform .18s ease;
}

button:not(:disabled):active{
  transform:scale(.98);
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:none;
  border-color:#788fff!important;
  box-shadow:0 0 0 3px rgba(109,124,255,.22)!important;
}

.employee-sidebar{
  background:
    linear-gradient(180deg,rgba(13,27,48,.98),rgba(8,17,31,.98));
  box-shadow:15px 0 42px rgba(0,0,0,.18);
}

.employee-nav button{
  border:1px solid transparent;
  border-radius:12px;
  margin:3px 8px;
}

.employee-nav button:hover{
  background:rgba(84,116,173,.13);
  border-color:rgba(107,139,198,.22);
  transform:translateX(2px);
}

.employee-nav button.active{
  background:
    linear-gradient(135deg,#20395f,#25345a);
  border-color:#486b9d;
  box-shadow:
    inset 3px 0 0 #7d90ff,
    0 9px 23px rgba(0,0,0,.2);
}

.employee-page-header{
  backdrop-filter:blur(14px);
}

.employee-card,
.employee-workflow-item,
.employee-task-card,
.employee-material-card,
.employee-stat-card,
.employee-modern-contacts,
.employee-modern-dialog,
.employee-modern-info,
.employee-chat-sidebar,
.employee-chat-dialog{
  box-shadow:var(--employee-shadow);
}

.employee-task-card,
.employee-workflow-item,
.employee-material-card,
.employee-chat-room{
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.employee-task-card:hover,
.employee-workflow-item:hover,
.employee-material-card:hover{
  transform:translateY(-2px);
  border-color:#48698f;
  box-shadow:0 14px 30px rgba(0,0,0,.24);
}

.employee-primary{
  background:
    linear-gradient(135deg,#5977ff,#7c5cff)!important;
  border-color:#7d8bff!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(89,105,255,.23);
}
.employee-primary:hover{
  filter:brightness(1.08);
  box-shadow:0 13px 30px rgba(89,105,255,.3);
}

.employee-secondary{
  background:linear-gradient(180deg,#172844,#122038)!important;
  border-color:#405a80!important;
}
.employee-secondary:hover{
  background:linear-gradient(180deg,#20365a,#172a47)!important;
  border-color:#5879a8!important;
}

.employee-task-tabs{
  padding:6px;
  border:1px solid #2f4464;
  border-radius:12px;
  background:#0d192c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.employee-task-tabs button.active{
  background:
    linear-gradient(135deg,#315a93,#4c4f91);
  border-color:#6484ba;
  color:#fff;
  box-shadow:0 8px 18px rgba(49,90,147,.25);
}

.employee-chat-tabs.three-clear-tabs button,
.employee-chat-tabs.two-tabs button{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.employee-chat-tabs.three-clear-tabs button.active,
.employee-chat-tabs.two-tabs button.active{
  box-shadow:
    0 9px 21px rgba(46,75,126,.28),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.employee-chat-room:hover{
  transform:translateX(2px);
  background:#192c49;
}

.employee-chat-room.active{
  background:
    linear-gradient(135deg,#213d66,#26375e);
  border-color:#5278ad;
  box-shadow:
    inset 3px 0 0 #8192ff,
    0 8px 18px rgba(0,0,0,.18);
}

.employee-chat-message{
  animation:employeeMessageIn .16s ease-out;
}
@keyframes employeeMessageIn{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:none}
}

.employee-chat-message.mine{
  background:
    linear-gradient(135deg,#315d94,#4a4d8d)!important;
}

.employee-message-photo,
.employee-pending-media-card img{
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}

.employee-pending-media-card{
  animation:employeeMediaIn .16s ease-out;
}
@keyframes employeeMediaIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:none}
}

.employee-personal-balances article,
.employee-pair-total-grid article{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.employee-personal-balances article:hover,
.employee-pair-total-grid article:hover{
  transform:translateY(-2px);
  border-color:#526f9c;
  box-shadow:0 13px 28px rgba(0,0,0,.22);
}

.employee-live-badge,
.employee-status-pill{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.18);
}

.employee-modal:not([hidden]) .employee-modal-card{
  animation:employeeModalIn .2s ease-out;
}
@keyframes employeeModalIn{
  from{opacity:0;transform:translateY(12px) scale(.985)}
  to{opacity:1;transform:none}
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
}

.tt-click{
  animation:ttButtonClick .18s ease!important;
}
@keyframes ttButtonClick{
  0%{transform:scale(1)}
  50%{transform:scale(.965)}
  100%{transform:scale(1)}
}


/* STEP 26 — мессенджер сотрудника как у администратора */
.employee-admin-style-messenger{
  display:grid;
  grid-template-columns:310px minmax(0,1fr) 270px;
  gap:14px;
  height:calc(100vh - 155px);
  min-height:650px;
}
.employee-messenger-contacts,
.employee-messenger-dialog,
.employee-messenger-info{
  min-width:0;
  border:1px solid #314765;
  border-radius:17px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(18,32,54,.97),rgba(13,24,42,.97));
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
.employee-messenger-contacts{
  display:flex;
  flex-direction:column;
}
.employee-messenger-contacts>header{
  padding:15px 16px 11px;
  border-bottom:1px solid #283b57;
}
.employee-messenger-contacts h3{
  margin:0;
}
.employee-messenger-contacts small{
  color:#8ea1bc;
}
.employee-messenger-search{
  padding:9px 10px;
}
.employee-messenger-search input{
  width:100%;
  padding:10px 12px;
  border:1px solid #344c6b;
  border-radius:11px;
  background:#0c182a;
  color:#fff;
}
.employee-chat-room-list{
  overflow:auto;
  padding:5px 7px 10px;
}
.employee-messenger-dialog{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
}
.employee-messenger-dialog>header{
  min-height:76px;
  padding:13px 17px;
  border-bottom:1px solid #283b57;
  background:rgba(14,26,45,.78);
}
.employee-messenger-dialog .employee-chat-messages{
  max-height:none;
  padding:18px;
  background:
    radial-gradient(circle at 50% 0,#172a48,#0b1627 67%);
}
.employee-messenger-info{
  padding:18px;
  text-align:center;
}
.employee-messenger-info-empty{
  display:grid;
  justify-items:center;
  gap:7px;
  padding-top:42px;
  color:#8799b3;
}
.employee-messenger-info-empty span{
  font-size:38px;
}
.employee-messenger-profile-avatar{
  width:78px;
  height:78px;
  margin:4px auto 11px;
  display:grid;
  place-items:center;
  border-radius:23px;
  background:linear-gradient(135deg,#365f9d,#5c4386);
  font-size:28px;
  font-weight:900;
}
.employee-messenger-info h3{
  margin:0;
}
.employee-messenger-info>p{
  color:#91a3bd;
}
.employee-messenger-info-list{
  display:grid;
  gap:8px;
  margin-top:18px;
  text-align:left;
}
.employee-messenger-info-list article{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px;
  border-bottom:1px solid #293a54;
}
.employee-messenger-info-list b,
.employee-messenger-info-list small{
  display:block;
}
.employee-messenger-info-list small{
  color:#8395af;
}
.employee-messenger-status{
  display:inline-block;
  margin-top:8px;
  padding:5px 9px;
  border-radius:99px;
  font-size:10px;
}
.employee-messenger-status.online{
  background:#173c31;
  color:#82dfb5;
}
.employee-messenger-status.offline{
  background:#252f40;
  color:#a0acc0;
}
@media(max-width:1200px){
  .employee-admin-style-messenger{
    grid-template-columns:290px minmax(0,1fr);
  }
  .employee-messenger-info{
    display:none;
  }
}
@media(max-width:780px){
  .employee-admin-style-messenger{
    grid-template-columns:1fr;
    height:auto;
  }
  .employee-messenger-contacts{
    max-height:360px;
  }
  .employee-messenger-dialog{
    min-height:620px;
  }
}

.employee-language-switch{display:flex;gap:3px;padding:3px;border:1px solid #314765;border-radius:10px;background:#101d31}
.employee-language-switch button{padding:6px 8px;border:0;border-radius:7px;background:transparent;color:#8295b3;font-size:10px;font-weight:900;cursor:pointer}
.employee-language-switch button.active{background:#526df0;color:#fff}
.employee-live-chip small b{color:inherit;font:inherit}
.employee-stat-grid article[role="button"]{cursor:pointer;transition:transform .16s,filter .16s}
.employee-stat-grid article[role="button"]:hover{transform:translateY(-2px);filter:brightness(1.08)}
.employee-nav button em,.employee-messenger-unread,[id$="Badge"]{min-width:21px;height:21px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:#ff365f!important;color:#fff!important;box-shadow:0 0 0 2px #101b2d,0 0 16px rgba(255,54,95,.55);font-size:11px;font-style:normal;font-weight:900}
.employee-nav button em:empty,.employee-messenger-unread:empty,[id$="Badge"]:empty{display:none!important}
.employee-chat-dialog,.employee-modal-card{transition:border-color .18s,box-shadow .18s,background .18s}
.employee-chat-dialog.drop-active,.employee-modal.drop-active .employee-modal-card,.employee-modal-card.drop-active{border-color:#6e8cff!important;background:#17294b!important;box-shadow:inset 0 0 0 2px rgba(110,140,255,.35)}
.balance-chart-card{padding:16px;border:1px solid #304766;border-radius:16px;background:#101e33}.balance-chart-card header{display:flex;justify-content:space-between;gap:12px;align-items:center}.balance-line-chart{min-height:260px;overflow-x:auto}.balance-line-chart svg{width:100%;min-width:650px;height:260px}.balance-line-chart text{fill:#8295b3;font-size:11px}.balance-line-chart .chart-axis{stroke:#344966}.balance-line-chart .balance-line{fill:none;stroke:#6f82ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.balance-line-chart .balance-line.pair{stroke:#31c994}.balance-line-chart circle{fill:#fff;stroke:#6f82ff;stroke-width:3}
@media(max-width:700px){.employee-language-switch{order:3;width:100%;justify-content:center}.employee-topbar{flex-wrap:wrap}.balance-chart-card header{align-items:stretch;flex-direction:column}}