/* OV workspace polish — loaded after the shared Nattpass UI layer. */
#ov .ovSectionNav{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 22px;padding:9px;border:1px solid #243d54;border-radius:14px;background:rgba(9,22,36,.72);box-shadow:0 10px 28px rgba(0,0,0,.14)}
#ov .ovSectionNav button{min-height:40px;padding:9px 13px;background:#0d1d2d;color:#cbd7e1;border:1px solid #2a455f;font-size:13px}
#ov .ovSectionNav button:first-child{background:#162a40;color:#fff}
#ov .ovSectionNav span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;padding:0 6px;border-radius:999px;background:#1b3045;color:#dbe7f0;font-size:11px}
#ov .ovSectionNav span.has-attention{background:#ffd34d;color:#07101d}
#ovMyPasses,#ovNotices{scroll-margin-top:90px}
#ov .ovNextAction{align-self:flex-start;margin-top:16px;padding:9px 12px;font-size:12px}
#ov .ovNoticesSection{position:relative}
#ov .ovNoticesAttention{border-left:3px solid #ffd34d;padding-left:16px}
#ov .ovNoticesClear #ovNoticeCount{color:#8ddfb0}
#ov .ovNoticesAttention #ovNoticeCount{display:inline-grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:#ffd34d;color:#07101d;padding:0 7px}
#ov .ovNoticesClear #ovNotifications>.empty{padding:16px 18px;text-align:left;background:#0a1723;border-style:solid;border-color:#243c51}
#ov .ovMyPassesSection .myPassCard{box-shadow:0 12px 34px rgba(0,0,0,.17)}
#ov .ovMyPassesSection .myPassCard .passState{box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}

.ovBatchBar{display:none}

@media (hover:hover) and (pointer:fine){
  #ov .ovSectionNav button:hover{background:#17304a;border-color:#4b6e8c;color:#fff}
}

@media(max-width:850px){
  #ov .ovSectionNav{display:none}
  #ovMyPasses,#ovNotices{scroll-margin-top:18px}
  #ov .ovNoticesAttention{padding-left:11px}
}

@media(max-width:650px){
  #ov .ovHead{margin-bottom:14px}
  #ov .ovHead .ovFindBtn{display:none}
  #ov .ovNextCard{padding:18px}
  #ov .ovNextAction{width:100%;min-height:44px;margin-top:14px}
  #ov .ovNoticesSection,#ov .ovMyPassesSection,#ov #ovAvailable,#ov #ovProfile{padding-top:2px}
  #ov .ovNoticesClear #ovNotifications{margin-top:10px}
  #ov .ovNoticesClear #ovNotifications>.empty{padding:13px 14px;font-size:13px}
  #ov .ovMonthFoot button{display:none}
  .ovBatchBar:not([hidden]){display:flex;position:fixed;left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));bottom:calc(77px + env(safe-area-inset-bottom));z-index:995;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 14px;border:1px solid #5b4d1d;border-radius:15px;background:rgba(15,24,31,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 46px rgba(0,0,0,.48)}
  .ovBatchBar span{color:#d9e4ec;font-size:13px;font-weight:750;white-space:nowrap}
  .ovBatchBar span b{color:#ffd34d;font-size:17px}
  .ovBatchBar button{min-height:44px;padding:9px 13px;white-space:nowrap}
  body.ov-batch-open .toast{bottom:calc(145px + env(safe-area-inset-bottom))}
}

@media(max-width:380px){
  .ovBatchBar:not([hidden]){left:7px;right:7px;padding-left:10px}
  .ovBatchBar button{padding-left:10px;padding-right:10px;font-size:12px}
  .ovBatchBar span{font-size:12px}
}