/* Consistent menu targets, including labels spanning two lines. */
#app .sidebar nav a{box-sizing:border-box;height:48px!important;min-height:48px!important;max-height:48px!important;width:100%;padding:7px 11px!important;display:flex;align-items:center;gap:12px;line-height:1.25;font-size:12px}
#app .sidebar nav a>span:not(.nav-badge){width:30px!important;height:30px!important;flex:0 0 30px!important}
#app .sidebar nav a>.nav-badge{width:20px!important;height:20px!important;flex:0 0 20px!important;margin-left:auto}
#app .work-board .ref-actions{display:flex;flex-wrap:wrap;gap:10px}
#app .work-board .ref-actions>button,#app .work-board .ref-actions>a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:128px!important;min-width:128px!important;height:44px!important;min-height:44px!important;padding:10px 12px!important;font-size:12px!important;line-height:1.2;border-radius:6px;text-align:center;white-space:normal}
@media(max-width:480px){#app .work-board .ref-actions>button,#app .work-board .ref-actions>a{flex:1 1 128px;max-width:100%;min-width:0!important}}
#app .work-board .ref-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
#app .work-board .ref-actions>button,#app .work-board .ref-actions>a{width:100%!important;min-width:0!important;margin:0!important;justify-self:stretch}
/* More compact vehicle cards in the workshop lists. */
#app .work-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;align-items:start}
#app .work-board>.ref-card{padding:18px;min-width:0;margin:0}
#app .work-board [data-car-make]>img{height:100px!important}
#app .work-board .ref-dl>div{padding-top:9px;padding-bottom:9px}
#app .work-board .ref-card>p{margin-top:10px;margin-bottom:10px}

/* Match the PitFlow administration account dropdown. */
#app .office-account{position:relative}
#app .office-account-menu{position:absolute;right:0;top:54px;z-index:1000;width:220px;max-width:calc(100vw - 24px);padding:10px;background:#10283a;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.3);font-size:14px}
#app .office-account-menu[hidden]{display:none!important}
#app .office-account-head{padding:8px 9px 12px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:3px}
#app .office-account-head strong{color:#fff;font-size:14px}#app .office-account-head small{color:#9fb0bf;font-size:14px}
#app .office-account-menu #logout{display:block;width:100%;margin:8px 0 0;padding:10px 11px;border:0;border-radius:7px;background:transparent;color:#fff;text-align:left;font:inherit;font-size:14px;cursor:pointer;box-shadow:none;min-height:40px}
#app .office-account-menu #logout:hover{background:rgba(255,255,255,.08)}
#app .office-account-menu #logout:focus-visible{outline:2px solid #31a2ff;outline-offset:1px}

/* Identical account panel geometry and button treatment. */
#app .office-account-menu{box-sizing:border-box;font-family:Arial,sans-serif!important;font-size:14px!important;line-height:20px!important;width:220px;padding:10px;background:#10283a;border:1px solid rgba(255,255,255,.1);border-radius:10px}
#app .office-account-head{margin:0;padding:8px 9px 12px;gap:3px;line-height:20px}
#app .office-account-head strong{font-family:Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:20px!important;margin:0}
#app .office-account-head small{font-family:Arial,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:20px!important;margin:0;color:#9fb0bf}
#app .office-account-menu #logout{box-sizing:border-box;height:40px;min-height:40px;margin:8px 0 0!important;padding:8px 9px!important;border:2px solid #20aeff!important;border-radius:7px!important;background:#173d56!important;color:#fff!important;font:400 14px/20px Arial,sans-serif!important;text-align:left;outline:none!important;box-shadow:none!important}
#app .office-account-menu #logout:hover{background:#204a65!important}
#app .office-account-menu #logout:focus-visible{outline:2px solid #83d5ff!important;outline-offset:2px}

#app .office-account-menu #logout{border-color:transparent!important;background:transparent!important}
#app .office-account-menu #logout:hover{border-color:#20aeff!important;background:#173d56!important}