.mobile-top-logout{display:none}
.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.admin .toolbar{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 14px;border:1px solid #40527f;border-radius:14px;background:linear-gradient(135deg,#1b2747,#17213b);box-shadow:0 12px 30px #060b1f33;color:#bcc9ed}.admin .toolbar>span{margin-right:auto;color:#bcc9ed;font-size:13px;font-weight:700}.admin .toolbar .btn.secondary{background:#243354;border-color:#50669b;color:#f4f7ff}.row-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center}.member-delete{border-color:#6b3854!important;background:#38233a!important;color:#ffb4c8!important}
.task-modal{width:min(680px,calc(100vw - 32px));padding:24px;overflow:hidden;background:linear-gradient(145deg,#202944,#161d34);border:1px solid #485b8c;box-shadow:0 28px 80px #05081699}.task-modal>h2{margin:0;color:#f4f7ff}.task-modal>p{margin:7px 0 22px;padding-bottom:16px;color:#b9c6e7;border-bottom:1px solid #40527f}.task-modal .field{margin-bottom:16px;color:#dbe5ff;font-weight:750}.task-modal textarea{min-height:94px}.task-modal select[multiple]{min-height:128px;background:#11182d}.task-modal .grid.two{padding:14px 14px 0;border:1px solid #3d4e7c;border-radius:12px;background:#141c33}.task-modal .modal-foot{margin:22px -24px -24px;padding:16px 24px;background:#131a2f;border-top:1px solid #384975}
@media(max-width:720px){
  .page-actions{width:100%;justify-content:flex-start}
  .topbar .actions .mobile-top-logout{display:inline-flex;align-items:center;justify-content:center;width:46px;min-width:46px;height:42px;padding:0;border:1px solid #40527f;border-radius:10px;background:#243354;color:#f4f7ff;font:700 12px inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .topbar .actions .mobile-top-logout:active{transform:scale(.95)}
  .modal-backdrop{z-index:20}
  .mobile-menu-grid button{min-width:0}
  .mobile-menu-label{display:block;min-width:0;flex:1;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-menu{background:#141d38!important;color:#edf2ff!important}
  .mobile-menu-grid button{background:#243354!important;border-color:#40527f!important;color:#f4f7ff!important}
  .mobile-menu-label{color:#f4f7ff!important}
  .mobile-menu-grid button>span{color:#a8bbff!important}
  .mobile-menu-title button{background:#2a3a60!important;color:#f4f7ff!important}
  .mobile-menu-actions{display:flex;align-items:center;gap:8px}.mobile-menu-title .mobile-menu-logout{width:auto;height:40px;padding:0 12px;font-size:13px;font-weight:700}
  .material-preview-wrap{margin:-16px -16px 14px;border-radius:14px 14px 10px 10px;overflow:hidden;background:#11182d;position:relative}
  .material-preview{display:block;width:100%;height:180px;object-fit:cover;background:#11182d}
  .material-preview-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:28px;text-shadow:0 2px 12px #000a;pointer-events:none}
  .admin .toolbar{flex-wrap:wrap;align-items:stretch}.admin .toolbar>span{width:100%;margin:0}.admin .toolbar .btn{flex:1}
  .task-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;overflow:auto}.task-modal .modal-foot{margin-left:-18px;margin-right:-18px;margin-bottom:-18px;padding-left:18px;padding-right:18px;position:sticky;bottom:0}.task-modal .grid.two{grid-template-columns:1fr}
}