:root{
  --ink:#151922;
  --muted:#7d8492;
  --line:rgba(255,255,255,.86);
  --paper:rgba(248,250,255,.76);
  --green:#0868ff;
  --green-2:#e6f0ff;
  --mint:#edf4ff;
  --coral:#19b77d;
  --blue:#0868ff;
  --sand:#dff5ec;
  --shadow:0 20px 60px rgba(46,59,91,.12),inset 0 1px 0 rgba(255,255,255,.9);
  font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:#e8ebf1;
}
*{scrollbar-color:#b9c8e4 transparent;scrollbar-width:thin}
body{
  background:
    radial-gradient(circle at 14% 10%,rgba(8,104,255,.16),transparent 24%),
    radial-gradient(circle at 92% 82%,rgba(25,183,125,.12),transparent 25%),
    linear-gradient(135deg,#e5e8ee 0%,#f3f5f9 48%,#e5e9f1 100%);
  color:var(--ink);
}
.auth-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(8,104,255,.17),transparent 28%),radial-gradient(circle at 85% 80%,rgba(25,183,125,.13),transparent 28%),#eef1f6}
.auth-gate.ready{display:none}.auth-card{width:min(440px,100%);padding:34px;border:2px solid #fff;border-radius:30px;background:rgba(255,255,255,.72);box-shadow:0 30px 90px rgba(39,52,82,.16);backdrop-filter:blur(24px)}.auth-card>img{display:block;width:230px;height:105px;object-fit:contain;margin:0 auto 20px;mix-blend-mode:multiply}.auth-card h1{margin:0 0 8px;font-size:34px}.auth-copy{color:var(--muted);margin:0 0 22px}.auth-card form{display:grid;gap:14px}.auth-card form[hidden]{display:none!important}.auth-card label{display:grid;gap:7px;font-size:13px;font-weight:650}.auth-card input{width:100%;padding:13px 14px;border:1px solid rgba(130,145,170,.28);border-radius:14px;background:rgba(255,255,255,.8);outline:none}.auth-card input:focus{border-color:#0875ff;box-shadow:0 0 0 4px rgba(8,117,255,.09)}.auth-card .primary-btn{justify-content:center;font-size:14px}.auth-card small{color:var(--muted);line-height:1.5}.auth-error{min-height:20px;margin:14px 0 0;color:#d92f45;font-weight:650}
body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(4px);pointer-events:none;z-index:0}
body:before{width:210px;height:210px;left:20%;top:4%;background:rgba(8,104,255,.08)}
body:after{width:170px;height:170px;right:4%;bottom:4%;background:rgba(25,183,125,.08)}
.app-shell{position:relative;z-index:1;padding:18px;gap:18px}
.sidebar{
  inset:18px auto 18px 18px;
  width:214px;
  height:calc(100vh - 36px);
  padding:24px 14px 17px;
  border-radius:30px;
  background:rgba(252,253,255,.74);
  color:var(--ink);
  border:2px solid rgba(255,255,255,.9);
  box-shadow:0 24px 70px rgba(44,55,82,.16),inset 0 1px 0 #fff;
  backdrop-filter:blur(26px) saturate(150%);
}
.brand{min-height:92px;padding:0 5px 23px;justify-content:center}
.brand-logo{display:block;width:166px;max-width:100%;height:74px;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.92) contrast(1.04)}
.brand-mark{position:relative;width:43px;height:43px;border:2px solid #fff;background:rgba(255,255,255,.86);box-shadow:0 8px 26px rgba(35,55,92,.1);color:#111;font:700 22px "Segoe UI",sans-serif}
.brand-mark:after{content:"+";position:absolute;right:-3px;top:-4px;color:var(--blue);font:800 18px "Segoe UI",sans-serif}
.brand strong{font:750 20px "Segoe UI",sans-serif;letter-spacing:-.04em}
.brand span{color:#89909c;opacity:1;font-size:8px;letter-spacing:.13em}
.main-nav{gap:9px}
.nav-item{color:#717987;padding:12px 13px;border:1px solid transparent;border-radius:16px;font-weight:650;transition:.18s ease}
.nav-item:hover{color:#111;background:rgba(255,255,255,.68);border-color:#fff;transform:translateX(2px)}
.nav-item.active{color:#fff;background:linear-gradient(135deg,#0873ff,#005be7);border-color:#4c94ff;box-shadow:0 12px 24px rgba(8,104,255,.26),inset 0 1px 0 rgba(255,255,255,.35)}
.nav-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px}
.nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-count{background:#fff;color:var(--blue);font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.1)}
.nav-dot{background:var(--coral);box-shadow:0 0 0 4px rgba(25,183,125,.13)}
.profile-mini{border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.58);border-radius:18px;padding:10px;box-shadow:inset 0 1px 0 #fff}
.profile-mini strong{font-size:10px}.profile-mini span{color:#858d9a;opacity:1}.profile-mini .icon-btn{color:#747c88}
.workspace{
  margin:0 0 0 232px;
  width:calc(100% - 232px);
  min-height:calc(100vh - 36px);
  border-radius:30px;
  overflow:hidden;
  background:rgba(247,249,253,.7);
  border:2px solid rgba(255,255,255,.86);
  box-shadow:0 30px 80px rgba(45,58,88,.14),inset 0 1px 0 #fff;
  backdrop-filter:blur(28px) saturate(140%);
}
.topbar{height:76px;padding:0 34px;border-bottom:1px solid rgba(151,163,187,.18);background:rgba(255,255,255,.48);backdrop-filter:blur(26px);border-radius:29px 29px 0 0}
.crumbs{font-size:10px}.crumbs span{color:#9aa1ad}.crumbs strong{color:#242833}
.sync-state{border-right-color:rgba(133,145,168,.2);font-size:8px}.sync-state strong{color:var(--blue)}
.sync-pulse{background:#0e78ff;box-shadow:0 0 0 5px rgba(8,104,255,.1)}
.notification-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.72);border:2px solid #fff!important;box-shadow:0 8px 22px rgba(40,54,86,.1)}
.notification-btn span{background:var(--coral);border:2px solid white;width:17px;height:17px;right:-2px;top:-3px}
.quick-chat-button,.primary-btn{background:linear-gradient(135deg,#0875ff,#005be8);border:1px solid #4b96ff;border-radius:14px;padding:12px 18px;box-shadow:0 12px 25px rgba(8,104,255,.24),inset 0 1px 0 rgba(255,255,255,.35);transition:.18s ease}
.quick-chat-button:hover,.primary-btn:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(8,104,255,.3)}
.page{padding:36px 36px 52px}
.page-heading{margin-bottom:25px}
.page-heading h1{font:750 42px/1 "Segoe UI Variable","Segoe UI",sans-serif;letter-spacing:-.045em;color:#171a21}
.eyebrow{color:var(--blue);font-weight:800;letter-spacing:.17em}
.subtitle{font-size:11px;color:#858d9b}
.stat-grid{gap:14px;margin-bottom:19px}
.stat-card{min-height:82px;padding:15px 17px;border:2px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.58);box-shadow:0 12px 34px rgba(47,62,94,.08),inset 0 1px 0 #fff;backdrop-filter:blur(16px);transition:.18s ease}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(47,62,94,.12),inset 0 1px 0 #fff}
.stat-icon{width:42px;height:42px;border-radius:14px;font-size:18px}
.stat-icon.coral{background:linear-gradient(145deg,#f65a67,#dc2e43);color:white;box-shadow:0 10px 22px rgba(220,46,67,.24)}
.stat-icon.blue{background:linear-gradient(145deg,#ffd65c,#efa914);color:#654500;box-shadow:0 10px 22px rgba(239,169,20,.22)}
.stat-icon.green{background:linear-gradient(145deg,#38c98e,#159a63);color:white;box-shadow:0 10px 22px rgba(21,154,99,.22)}
.stat-icon.sand{background:#fff;color:var(--coral);border:1px solid rgba(25,183,125,.16)}
.stat-card p{font-size:8px;color:#8d95a2}.stat-card strong{font:700 23px "Segoe UI",sans-serif}.stat-card span:not(.stat-icon){color:#9ba2ad}
.filters-panel{padding:10px;border:2px solid rgba(255,255,255,.9);border-radius:20px;background:rgba(255,255,255,.58);box-shadow:0 12px 30px rgba(43,58,91,.07),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}
.search-field{height:40px;border:1px solid rgba(149,162,187,.18);background:rgba(245,247,251,.75);border-radius:14px;box-shadow:inset 0 1px 2px rgba(57,70,101,.04)}
.search-field:focus-within{border-color:rgba(8,104,255,.4);box-shadow:0 0 0 4px rgba(8,104,255,.07)}
.filters-panel select,.form-grid select,.modal label>select{border:1px solid rgba(149,162,187,.18);background:rgba(245,247,251,.75);border-radius:14px;padding:0 12px}
.filter-btn{color:var(--blue);font-weight:700}
.section-title-row{margin:0 5px 10px}.section-title-row h2{font:700 18px "Segoe UI",sans-serif;letter-spacing:-.02em}.section-title-row h2:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin:0 9px 2px 0;box-shadow:0 0 0 5px rgba(8,104,255,.08)}
.table-section:last-child .section-title-row h2:before{background:var(--coral);box-shadow:0 0 0 5px rgba(25,183,125,.1)}
.task-table-wrap{border:2px solid rgba(255,255,255,.88);border-radius:22px;background:rgba(255,255,255,.5);box-shadow:0 14px 40px rgba(46,59,91,.08),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}
.task-table th{background:rgba(235,240,248,.56);color:#8b94a2;padding:13px 14px}
.task-table td{border-top-color:rgba(133,146,170,.12);padding:14px}
.clickable-row{transition:.14s ease}.clickable-row:hover{background:rgba(231,239,253,.58)}
.task-title{color:#20242d}.task-meta{color:#9aa1ac}
.status-pill{padding:6px 10px}.status-pill.not-started{background:#eef1f5;color:#6c7481}.status-pill.in-progress{background:#fff4cf;color:#805c00}.status-pill.in-progress:before{background:#efb21e}.status-pill.done{background:#def6e9;color:#13754d}.status-pill.done:before{background:#24a36d}
.overdue{color:#d92f45}
#attentionCaption{color:#d92f45;font-weight:700}
.avatar{border:2px solid rgba(255,255,255,.82);box-shadow:0 5px 13px rgba(44,56,88,.08)}
.avatar-admin{background:#dff6ed;color:#087d55}.avatar-doctor{background:#dceaff;color:#0758c5}.avatar-registrar{background:#e9e2ff;color:#6650a6}.avatar-nurse{background:#fff0d7;color:#9b6819}
.row-menu{width:34px;height:30px;border-radius:10px;white-space:nowrap;letter-spacing:-1px}.row-menu:hover{background:#e8f1ff;color:var(--blue)}
.messenger-layout{grid-template-columns:310px 1fr}
.dialog-list{padding:25px 18px;border-right:1px solid rgba(145,158,183,.16);background:rgba(255,255,255,.25)}
.dialog-list .page-heading h1{font:750 28px "Segoe UI",sans-serif}
.dialog-item{padding:12px 9px;border:1px solid transparent;border-radius:17px}.dialog-item.active{background:linear-gradient(135deg,rgba(8,104,255,.13),rgba(255,255,255,.7));border-color:#fff;box-shadow:0 10px 25px rgba(50,65,99,.08)}.dialog-item:hover{background:rgba(255,255,255,.65);border-color:#fff}
.unread{background:var(--coral);box-shadow:0 4px 10px rgba(25,183,125,.22)}
.conversation{background:rgba(248,250,254,.45)}
.conversation-head{height:74px;background:rgba(255,255,255,.54);border-bottom:1px solid rgba(145,158,183,.14);backdrop-filter:blur(18px)}
.chat-task-btn{border:1px solid rgba(8,104,255,.16);background:#edf4ff;color:var(--blue);border-radius:12px;padding:8px 11px}
.context-banner{border:1px solid rgba(8,104,255,.13);background:linear-gradient(100deg,rgba(226,238,255,.78),rgba(255,255,255,.62));border-radius:16px}
.context-banner button{color:var(--blue)}
.message .bubble{border:2px solid #fff;background:rgba(255,255,255,.68);border-radius:18px 18px 18px 5px;box-shadow:0 8px 24px rgba(48,62,94,.07);backdrop-filter:blur(14px)}
.message.mine .bubble{background:linear-gradient(135deg,#167cff,#0060ed);border-color:#4a96ff;border-radius:18px 18px 5px 18px;box-shadow:0 10px 24px rgba(8,104,255,.2)}
.attachment-card{display:flex;align-items:center;gap:10px;min-width:210px;color:inherit;text-decoration:none}
.attachment-preview{display:block;width:190px;max-width:100%;max-height:150px;object-fit:cover;border-radius:12px;margin-bottom:8px;border:1px solid rgba(255,255,255,.5)}
.attachment-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:rgba(8,104,255,.11);font-size:18px}
.message.mine .attachment-icon{background:rgba(255,255,255,.18)}
.attachment-info{min-width:0}.attachment-info strong{display:block;max-width:220px;font-size:11px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.attachment-info span{font-size:9px;opacity:.72}
.message-actions button{color:#7f8ba1}.message-actions button:hover{color:var(--blue)}
.composer{border:2px solid #fff;background:rgba(255,255,255,.72);border-radius:17px;box-shadow:0 12px 30px rgba(44,59,91,.09);backdrop-filter:blur(18px)}
.composer .send-btn{background:linear-gradient(145deg,#1480ff,#005ee9);border-radius:12px;box-shadow:0 7px 16px rgba(8,104,255,.22)}
.user-card,.settings-card{border:2px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.56);box-shadow:0 14px 36px rgba(47,61,94,.08),inset 0 1px 0 #fff;backdrop-filter:blur(18px);transition:.18s ease}
.user-card:hover{transform:translateY(-3px);box-shadow:0 19px 42px rgba(47,61,94,.12)}
.role-label{background:#e8f1ff!important;color:#075fd9;font-weight:700}
.permission-preview{border-top-color:rgba(133,146,170,.12)}.permission-preview span:before{color:var(--blue)}
.settings-card h2{font:700 21px "Segoe UI",sans-serif;letter-spacing:-.02em}
.secondary-btn{border:1px solid rgba(8,104,255,.15);background:rgba(255,255,255,.66);color:var(--blue);border-radius:12px}
.status-row{border-top-color:rgba(133,146,170,.13)}
.toggle{background:linear-gradient(135deg,#1781ff,#0062ec);box-shadow:0 5px 12px rgba(8,104,255,.17)}
.quick-chat{width:390px;background:rgba(246,249,255,.78);border-left:2px solid rgba(255,255,255,.9);box-shadow:-28px 0 70px rgba(38,53,87,.18);backdrop-filter:blur(30px) saturate(150%)}
.quick-chat h2{font:750 28px "Segoe UI",sans-serif;letter-spacing:-.035em}
.drawer-backdrop{background:rgba(45,55,78,.18);backdrop-filter:blur(3px)}
.modal{border:2px solid rgba(255,255,255,.92);border-radius:25px;background:rgba(248,250,255,.9);box-shadow:0 30px 90px rgba(32,45,77,.23),inset 0 1px 0 #fff;backdrop-filter:blur(30px)}
.modal::backdrop{background:rgba(48,57,78,.28);backdrop-filter:blur(6px)}
.modal-head h2{font:750 28px "Segoe UI",sans-serif;letter-spacing:-.03em}
.modal input,.modal textarea,.modal label>select{border:1px solid rgba(135,149,174,.2);background:rgba(239,243,250,.72);border-radius:13px}
.modal input:focus,.modal textarea:focus{border-color:rgba(8,104,255,.42);box-shadow:0 0 0 4px rgba(8,104,255,.08)}
.task-source-banner{border-color:rgba(8,104,255,.15);background:#eaf3ff;color:var(--blue);border-radius:14px}
.floating-panel{border:2px solid rgba(255,255,255,.92);background:rgba(249,251,255,.88);box-shadow:0 22px 55px rgba(40,53,86,.18),inset 0 1px 0 #fff;backdrop-filter:blur(28px);border-radius:18px}
.notification-item i{background:var(--coral)}
.action-menu button{border-radius:11px}.action-menu button:hover{background:#e8f1ff;color:var(--blue)}
.toast{background:#131a27;border:1px solid rgba(255,255,255,.15);border-radius:14px;box-shadow:0 18px 45px rgba(20,27,43,.25)}
@media(max-width:1200px){.sidebar{width:196px}.workspace{margin-left:214px;width:calc(100% - 214px)}.page{padding-left:24px;padding-right:24px}.stat-grid{gap:8px}.stat-card{padding:12px}}

/* Readable type scale */
.brand span{font-size:10px;line-height:1.35}
.nav-item{font-size:14px;line-height:1.25;min-height:49px}
.nav-count{font-size:11px}
.profile-mini strong{font-size:12px;line-height:1.25}
.profile-mini span{font-size:10px;line-height:1.35}
.crumbs{font-size:12px}
.sync-state{font-size:10px}
.quick-chat-button,.primary-btn{font-size:13px;line-height:1.2}
.eyebrow{font-size:10px;line-height:1.35}
.subtitle{max-width:650px;font-size:14px;line-height:1.55}
.stat-card{min-height:96px}
.stat-card p{font-size:11px;line-height:1.3}
.stat-card strong{font-size:27px;line-height:1.2}
.stat-card span:not(.stat-icon){display:inline-block;max-width:120px;font-size:10px;line-height:1.35;vertical-align:middle}
.search-field input,.filters-panel select,.filter-btn{font-size:12px;line-height:1.35}
.section-title-row h2{font-size:20px;line-height:1.3}
.section-title-row>span{font-size:11px}
.task-table{table-layout:fixed;font-size:12px;line-height:1.45}
.task-table th{font-size:10px;line-height:1.3;white-space:normal}
.task-table th:first-child,.task-table td:first-child{width:37%}
.task-table th:last-child,.task-table td:last-child{width:48px}
.task-table td{vertical-align:middle;overflow-wrap:anywhere}
.task-title{font-size:12px;line-height:1.4;white-space:normal}
.task-meta{font-size:10px;line-height:1.45;white-space:normal}
.status-pill{font-size:10px;line-height:1.2;white-space:nowrap}
.assignee{font-size:11px;line-height:1.35}
.dialog-list .page-heading h1{font-size:31px}
.dialog-item strong{font-size:12px;line-height:1.3}
.dialog-item p{font-size:10px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dialog-time,.unread{font-size:9px}
.conversation-head strong{font-size:13px;line-height:1.3}
.conversation-head span{font-size:10px;line-height:1.35}
.chat-task-btn{font-size:10px;line-height:1.25}
.context-banner strong{font-size:11px;line-height:1.3}
.context-banner p,.context-banner button{font-size:10px;line-height:1.4}
.message{font-size:13px;line-height:1.55}
.message time,.message-actions button,.date-divider{font-size:9px;line-height:1.35}
.composer textarea{font-size:13px;line-height:1.45}
.role-legend{font-size:11px;line-height:1.4;flex-wrap:wrap}
.user-card strong{font-size:13px;line-height:1.3}
.user-card .email{font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.user-card .role-label,.user-state{font-size:10px;line-height:1.3}
.permission-preview{font-size:11px;line-height:1.45}
.settings-card p,.preference-row{font-size:11px;line-height:1.45}
.status-row{font-size:12px;line-height:1.4}
.secondary-btn{font-size:11px;line-height:1.3}
.quick-chat h2{font-size:31px}
.quick-person strong{font-size:12px;line-height:1.3}
.quick-person span,.back-btn{font-size:10px;line-height:1.35}
.modal label{font-size:11px;line-height:1.35}
.modal input,.modal textarea,.modal label>select,.form-grid select{font-size:13px;line-height:1.45}
.modal legend,.permission-check{font-size:11px;line-height:1.4}
.modal-title-state,.task-source-banner{font-size:10px;line-height:1.4}
.notification-panel h3{font-size:20px}
.notification-panel header button{font-size:10px}
.notification-item strong{font-size:11px;line-height:1.35}
.notification-item p{font-size:10px;line-height:1.45}
.action-menu button{font-size:11px;line-height:1.35}
.toast{font-size:11px;line-height:1.4}

@media(max-width:1250px){
  .task-table{font-size:11px}
  .task-title{font-size:11px}
  .task-meta{font-size:9px}
  .stat-card span:not(.stat-icon){max-width:90px}
}

/* Comfort typography */
body{font-size:15px}
.nav-item{font-size:15px;min-height:52px}
.profile-mini strong{font-size:13px}.profile-mini span{font-size:11px}
.crumbs{font-size:13px}.sync-state{font-size:11px}
.quick-chat-button,.primary-btn{font-size:14px}
.eyebrow{font-size:11px}.subtitle{font-size:15px}
.stat-card{min-height:102px}.stat-card p{font-size:12px}.stat-card strong{font-size:29px}.stat-card span:not(.stat-icon){max-width:135px;font-size:11px}
.search-field input,.filters-panel select,.filter-btn{font-size:13px}
.section-title-row h2{font-size:22px}.section-title-row>span{font-size:12px}
.task-table{font-size:13px;line-height:1.5}
.task-table th{font-size:11px}
.task-table td{padding-top:16px;padding-bottom:16px}
.task-title{font-size:14px;line-height:1.4}
.task-meta{font-size:11px;line-height:1.5;margin-top:5px}
.status-pill{font-size:11px}
.assignee{font-size:12px}
.dialog-list .page-heading h1{font-size:33px}
.dialog-item{padding-top:14px;padding-bottom:14px}
.dialog-item strong{font-size:14px}
.dialog-item p{font-size:12px;line-height:1.45}
.dialog-time,.unread{font-size:10px}
.conversation-head strong{font-size:15px}.conversation-head span{font-size:11px}
.chat-task-btn{font-size:11px}
.context-banner strong{font-size:13px}.context-banner p,.context-banner button{font-size:11px}
.message{font-size:14px}.message time,.message-actions button,.date-divider{font-size:10px}
.composer textarea{font-size:14px}
.role-legend{font-size:12px}
.user-card strong{font-size:15px}.user-card .email{font-size:12px}.user-card .role-label,.user-state{font-size:11px}
.permission-preview{font-size:12px}
.settings-card p,.preference-row{font-size:13px}.status-row{font-size:13px}.secondary-btn{font-size:12px}
.quick-person strong{font-size:14px}.quick-person span,.back-btn{font-size:11px}
.modal label{font-size:12px}.modal input,.modal textarea,.modal label>select,.form-grid select{font-size:14px}.modal legend,.permission-check{font-size:12px}
.notification-item strong{font-size:13px}.notification-item p{font-size:12px}.action-menu button{font-size:13px}.toast{font-size:12px}
.attachment-info strong{font-size:13px}.attachment-info span{font-size:11px}

@media(max-width:1250px){
  .task-table{font-size:12px}
  .task-title{font-size:13px}
  .task-meta{font-size:10px}
  .stat-card span:not(.stat-icon){max-width:105px}
}

.queue-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 14px}
.queue-tabs button{border:1px solid rgba(126,145,176,.18);background:rgba(255,255,255,.56);color:#687284;border-radius:13px;padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px 0 #fff;transition:.16s ease}
.queue-tabs button:hover{color:var(--blue);border-color:rgba(8,104,255,.22);background:#fff}
.queue-tabs button.active{color:#fff;background:linear-gradient(135deg,#0875ff,#005be8);border-color:#4b96ff;box-shadow:0 9px 20px rgba(8,104,255,.2)}
.filters-panel{grid-template-columns:minmax(190px,1.45fr) repeat(4,minmax(115px,1fr)) auto}
.task-owner{display:flex;align-items:center;gap:8px;min-width:0}
.task-owner-info{min-width:0}.task-owner-info strong{display:block;font-size:12px;line-height:1.3;white-space:normal}.task-owner-info span{display:block;font-size:10px;line-height:1.35;color:var(--muted);white-space:normal}
.queue-group{display:inline-flex;align-items:center;gap:5px;color:var(--blue)}
.queue-group:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.queue-unassigned{display:inline-flex;align-items:center;border:1px dashed rgba(25,183,125,.36);background:rgba(25,183,125,.08);color:#0a8d61;border-radius:9px;padding:4px 7px;font-size:10px;font-weight:700;white-space:normal}
.user-group{display:inline-block;margin-left:6px;padding:4px 7px;border-radius:9px;background:rgba(8,104,255,.08);color:#075fd9;font-size:10px;font-weight:700}
@media(max-width:1300px){.filters-panel{grid-template-columns:minmax(175px,1.35fr) repeat(4,minmax(105px,1fr)) auto}.queue-tabs button{padding:8px 10px;font-size:11px}}