.work-menu-group { margin:0 0 20px; }
.work-menu-group h3 { margin:0 0 10px; color:#73819a; font-size:12px; font-weight:700; }
.work-menu-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.work-menu-tile { display:flex; align-items:center; gap:10px; min-height:64px; padding:12px; box-sizing:border-box; border:1px solid #e0e7f1; border-radius:12px; background:#fff; color:#293e5c; font-size:13px; font-weight:600; text-decoration:none; line-height:1.4; overflow-wrap:anywhere; }
.work-menu-icon { display:grid; place-items:center; flex:0 0 32px; height:32px; border-radius:9px; background:#eff4fc; color:#4263ad; font-size:21px; }
.work-menu-tile.active { background:#edf3ff; border-color:#91afe8; color:#254fb0; }
.work-menu-tile:hover { border-color:#91afe8; }
.work-menu-tile:focus-visible,.work-menu-dialog :focus-visible { outline:3px solid #83a8f4; outline-offset:2px; }
.work-menu-dialog { width:min(560px,100%); max-width:100%; max-height:90dvh; margin:auto auto 0; padding:20px 20px calc(20px + env(safe-area-inset-bottom)); box-sizing:border-box; border:0; border-radius:20px 20px 0 0; background:#f6f8fc; color:#243955; overflow-y:auto; overscroll-behavior:contain; }
.work-menu-dialog::backdrop { background:#172c4e88; }
.work-menu-dialog header { display:flex; align-items:start; justify-content:space-between; gap:12px; }
.work-menu-dialog h2 { margin:0; font-size:21px; }
.work-menu-dialog header p { margin:6px 0 0; font-size:12px; color:#76869c; }
.work-menu-dialog header button { width:44px; height:44px; border:1px solid #dfe6f0; border-radius:10px; background:#fff; color:#425675; cursor:pointer; }
.work-menu-search { display:block; margin:18px 0; }
.work-menu-search-label { display:block; font-size:12px; margin-bottom:6px; color:#64748b; }
.work-menu-search input { width:100%; min-height:44px; padding:10px 14px; border:1px solid #d9e2ef; border-radius:10px; font-size:16px; background:#fff; box-sizing:border-box; }
.work-menu-dialog [hidden] { display:none!important; }
body.work-menu-open { overflow:hidden; }
#work-menu-empty { text-align:center; padding:24px 0; color:#6e7d94; }
.mobile-bottom-nav button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:54px; padding:0; border:0; border-radius:10px; background:transparent; color:#5b6980; font:inherit; font-size:11px; font-weight:600; cursor:pointer; }
.mobile-bottom-nav button[aria-expanded=true] { background:#edf3ff; color:#244dab; }
@media(min-width:600px) { .work-menu-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media print { .work-menu-dialog { display:none!important; } }