:root{--glow:#2f8cff;--glow-soft:#65b5ff;--success:#38d996;--danger:#ff6b7a;--amber:#ffc767}

/* Polished cards */
.tile{position:relative;overflow:hidden;min-height:104px;padding:17px;border-color:#46608a;background:linear-gradient(145deg,#243352 0%,#1a2542 100%);box-shadow:0 10px 28px #050b1a3d;isolation:isolate}
.tile::before{content:"";position:absolute;inset:-60% 35% 35% -60%;background:radial-gradient(circle,#4ca6ff22 0%,transparent 68%);pointer-events:none;z-index:-1}
.tile:hover{border-color:#5c80b5;background:linear-gradient(145deg,#2a3b61,#1d2949)}
.tile:active{transform:scale(.975)}
.tile .icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#ffffff0c;border:1px solid #8db7ee22;box-shadow:inset 0 1px 0 #ffffff12;font-size:22px}
.tile strong{font-size:15px;font-weight:800;letter-spacing:-.01em}
.tile small{display:block;margin-top:5px;font-size:11.5px;line-height:1.3;color:#b9c7e5}
.tile-badge{position:absolute;top:12px;right:12px;min-width:25px;height:25px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#238dff,#5368ef);border:1px solid #92c9ff66;color:#fff;font-size:11px;font-weight:900;box-shadow:0 5px 16px #167fff4f}
.tile-badge.alert{background:linear-gradient(135deg,#ff8a4c,#ff4d70);border-color:#ffc0b866}

/* Admin tile remains full width but feels like a featured action */
.tile[data-page="admin"]{min-height:106px;border-color:#5274ab;background:linear-gradient(115deg,#21345b,#27345b 50%,#242d50);box-shadow:0 12px 32px #0e55b72e}
.tile[data-page="admin"] strong{letter-spacing:.01em}

/* Section headers */
.section-heading{margin-top:28px}
.section-heading h2{font-size:20px;font-weight:850}
.section-heading span{padding:4px 8px;border-radius:999px;background:#ffffff0a;border:1px solid #ffffff0d}

/* Bottom navigation: active capsule */
.bottom-nav{justify-content:space-between;gap:7px;padding-left:12px;padding-right:12px;background:#121b31f4;border-top-color:#5c78a05c;box-shadow:0 -12px 30px #050a1866}
.bottom-nav button{position:relative;flex:1;min-width:0;max-width:150px;border-radius:16px;padding:7px 6px 6px;transition:background .18s ease,transform .15s ease,color .18s ease,border-color .18s ease;border:1px solid transparent}
.bottom-nav button span{font-size:22px;transition:transform .18s ease}
.bottom-nav button small{font-size:10.5px;font-weight:700}
.bottom-nav button.active{color:#dff1ff;background:linear-gradient(145deg,#1f4777,#22365f);border-color:#5495d966;box-shadow:inset 0 1px 0 #ffffff12,0 6px 16px #071b3b55}
.bottom-nav button.active span{transform:translateY(-1px) scale(1.08)}
.bottom-nav button:active{transform:scale(.96)}

/* Status chips */
.badge{font-weight:800;letter-spacing:.01em;border-width:1px;padding:5px 10px}
.badge.status-draft{background:#5d481f;color:#ffe0a0;border-color:#a47a2f}
.badge.status-published,.badge.status-open{background:#164f41;color:#a9ffd8;border-color:#2f8b71}
.badge.status-closed{background:#572932;color:#ffc2c9;border-color:#a24e5b}
.badge.status-cancelled{background:#3d4050;color:#d3d7e7;border-color:#666d86}
.badge.status-new,.badge.status-pending{background:#193f6c;color:#badeff;border-color:#3d79b7}
.badge.status-delivered,.badge.status-done{background:#174c3d;color:#adf5d3;border-color:#367f69}

/* Job cards */
.job-card{position:relative;overflow:hidden;padding:18px;border-color:#415a84;background:linear-gradient(145deg,#202f4e,#18233d);box-shadow:0 10px 26px #050b1a35;transition:transform .15s ease,border-color .18s ease,background .18s ease}
.job-card::after{content:"";position:absolute;width:150px;height:150px;right:-95px;top:-95px;border-radius:50%;background:#2e93ff12;pointer-events:none}
.job-card:hover{border-color:#5c84bd}
.job-card:active{transform:scale(.985)}
.job-card h3{font-size:18px;font-weight:850;line-height:1.25}
.job-card .meta{gap:7px}
.job-card .foot{font-weight:800}

/* Detailed order screen */
.detail-screen .panel{border-color:#46648f;background:linear-gradient(145deg,#223150,#18233e)}
.detail-screen .detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:4px 0 14px}
.detail-screen .detail-list div{padding:12px;border:1px solid #3d5277;border-radius:14px;background:#111d35b8}
.detail-screen .detail-list dt{font-weight:750;text-transform:uppercase;letter-spacing:.04em;font-size:10px}
.detail-screen .detail-list dd{font-weight:750;font-size:14px}
.detail-screen #apply-form{border-color:#4377b5;box-shadow:0 12px 28px #0e5eb52b}
.detail-screen #apply-form .primary{min-height:56px;font-size:16px;border-radius:16px;box-shadow:0 10px 25px #1688ff3d}

/* Empty states */
.empty.pretty-empty{padding:28px 18px;border-style:solid;border-color:#3b5277;background:linear-gradient(145deg,#1d2b47,#17223b);box-shadow:0 8px 22px #060e2430}
.empty.pretty-empty .empty-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 10px;border-radius:17px;background:#ffffff0b;border:1px solid #6ea9ef2b;font-size:28px}
.empty.pretty-empty strong{display:block;color:#f4f8ff;font-size:16px;margin-bottom:5px}
.empty.pretty-empty span{display:block;color:#aebbd5;font-size:12px;line-height:1.45}

/* Admin summary metrics */
.admin-metric{position:relative;overflow:hidden;min-height:108px;margin:0!important;text-align:center;display:grid;place-content:center;border-color:#49658e}
.admin-metric strong{font-size:28px;line-height:1;color:#fff}
.admin-metric .muted{font-size:11.5px;margin-top:5px}
.admin-metric::before{content:"";position:absolute;inset:auto -30px -45px auto;width:100px;height:100px;border-radius:50%;background:#3497ff12}

/* Cleaner forms and action buttons */
.primary,.secondary,.subtle{transition:transform .14s ease,filter .18s ease,background .18s ease}
.primary:active,.secondary:active,.subtle:active{transform:scale(.985)}
.primary:hover,.secondary:hover{filter:brightness(1.06)}
.field input,.field select,.field textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}

@media(max-width:480px){
  .tile{min-height:100px;padding:15px}
  .tile .icon{width:36px;height:36px}
  .detail-screen .detail-list{grid-template-columns:1fr}
  .bottom-nav{gap:4px}
  .bottom-nav button{padding-inline:3px}
}

/* Five primary destinations and compact menu cards in MAX's narrow viewport. */
.grid{grid-template-columns:1fr}
.tile{min-height:72px;padding:12px 14px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
.tile .icon{flex:0 0 40px;width:40px;height:40px}
.tile-copy{flex:1;min-width:0;display:grid;gap:2px}
.tile small{margin-top:0;font-size:12px}
.tile-arrow{color:#9fcaff;font-size:26px;line-height:1}
.section-heading{margin-top:20px}
.bottom-nav{gap:3px;padding-left:8px;padding-right:8px}
.bottom-nav button{padding:5px 2px}
.bottom-nav button small{font-size:10px;white-space:nowrap}
@media(min-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.tile{min-height:72px;padding:11px 13px}}