/* FIX70 — input states and coherent live modal surface. */
/* State signal applies to all four fields; keep individual OB/HZD controls distinct. */
.v57Live .v55InputCard .v55FourFields .v55Field{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.v57Live .v55InputCard.v70NewFields .v55FourFields .v55Field{background:#243958!important;border-color:#4a6082!important}
.v57Live .v55InputCard.v70SavedFields .v55FourFields .v55Field{background:#283d48!important;border-color:#69858d!important}
.v57Live .v55InputCard.v70EditingFields .v55FourFields .v55Field{background:#453a36!important;border-color:#c79758!important;box-shadow:inset 0 0 0 1px rgba(233,185,103,.14)!important}
/* Place state immediately before the main action; keep layout fixed across statuses. */
.v57Live .v55SaveLine{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important}
.v57Live .v55SaveLine .v55Saved,.v57Live .v55SaveLine .v55Unsaved{order:1!important;margin-left:0!important;white-space:nowrap!important;font-size:clamp(11px,2.8vw,14px)!important;flex-shrink:0!important}
.v57Live .v55SaveLine .v55Saved{color:#3df09e!important;font-weight:900!important}
.v57Live .v55SaveLine .v55ActionButton{order:2!important;margin-left:0!important;flex:0 0 auto!important}
@media(max-width:330px){.v57Live .v55SaveLine{gap:7px!important}.v57Live .v55SaveLine .v55ActionButton{padding-inline:11px!important}}
/* Three LIVE bottom sheets: brighter slate-navy headline with unified size. */
#modalBox:has(.v390PlayerTabs),#modalBox:has(.liveSettlement),#modalBox:has(.v370SheetHandle),#modalBox:has(.v362SheetHandle){background:#f4f7fc!important;color:#192943!important;border-color:#cad6e8!important;padding:10px 10px 14px!important}
#modalBox:has(.v390PlayerTabs) .modalHead,#modalBox:has(.liveSettlement) .modalHead,#modalBox:has(.v370SheetHandle) .modalHead,#modalBox:has(.v362SheetHandle) .modalHead,
#modalBox:has(.v390PlayerTabs) .v390SheetHead,#modalBox:has(.liveSettlement) .v390SheetHead,#modalBox:has(.v370SheetHandle) .v390SheetHead,#modalBox:has(.v362SheetHandle) .v390SheetHead{
 background:#304564!important;color:#fff!important;border-radius:13px!important;padding:10px 12px!important;min-height:72px!important;box-shadow:none!important}
#modalBox:has(.v390PlayerTabs) .modalHead h2,#modalBox:has(.liveSettlement) .modalHead h2,#modalBox:has(.v370SheetHandle) .modalHead h2,#modalBox:has(.v362SheetHandle) .modalHead h2,
#modalBox:has(.v390PlayerTabs) .v390SheetHead h2,#modalBox:has(.liveSettlement) .v390SheetHead h2,#modalBox:has(.v370SheetHandle) .v390SheetHead h2,#modalBox:has(.v362SheetHandle) .v390SheetHead h2{
 color:#fff!important;font-size:clamp(17px,4.5vw,22px)!important;line-height:1.2!important;text-shadow:none!important}
#modalBox:has(.v390PlayerTabs) .modalHead button,#modalBox:has(.liveSettlement) .modalHead button,#modalBox:has(.v370SheetHandle) .modalHead button,#modalBox:has(.v362SheetHandle) .modalHead button,
#modalBox:has(.v390PlayerTabs) .v390SheetHead button,#modalBox:has(.liveSettlement) .v390SheetHead button,#modalBox:has(.v370SheetHandle) .v390SheetHead button,#modalBox:has(.v362SheetHandle) .v390SheetHead button{max-width:42px!important;max-height:42px!important}
#modalBox .v390PlayerHero{padding:8px 10px!important;min-height:52px!important;background:#edf2fa!important}
#modalBox .v390PlayerHero>div>b{color:#2454ce!important;font-size:19px!important}
#modalBox .v390PlayerMetrics>div{min-height:51px!important}
#modalBox .v390PlayerMetrics b{font-size:14px!important}
#modalBox .v390PlayerTypes>div{min-height:38px!important}
#modalBox .v390PlayerTypes b{font-size:12px!important}
#modalBox .v390MiniHoles b{font-size:10px!important}
#modalBox .v390PlayerTabs button.active{background:#2454ce!important;color:#fff!important}
@media(max-width:380px){#modalBox:has(.v390PlayerTabs),#modalBox:has(.liveSettlement),#modalBox:has(.v370SheetHandle),#modalBox:has(.v362SheetHandle){padding-inline:7px!important}}
