/* JP COMMUNITY v31 — align sizes and spacing, not color overpaint */
:root{--v31-ink:#20362b;--v31-green:#2f765f;--v31-line:#e2eae4;}

/* Keep the primary surface consistently white */
#content,.panel,.vehicle-card,.v31-fleet-panel,.swipe-inner27,.swipe-actions27{background:#fff!important}

/* Fleet tabs directly under the heading, consistent button positions */
.v31-fleet-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;margin:14px 0 12px;background:#eff3ef;border-radius:14px}
.v31-fleet-tabs button{width:100%;min-width:0;min-height:43px;padding:7px 2px;border:0;background:transparent;border-radius:10px;color:#687c70;font-size:13px;font-weight:750;white-space:nowrap}
.v31-fleet-tabs button.selected{background:#fff;color:#205f49;box-shadow:0 1px 6px #283d2b1b}
.v31-fleet-panel[hidden]{display:none!important}.v31-fleet-panel{padding-top:2px!important}
.v31-list-header{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px;color:var(--v31-ink);font-size:14px;font-weight:750}
.v31-list-header span{color:#8c9990;font-weight:550;font-size:12px}
.v31-no-results{padding:22px 8px;text-align:center;color:#84958a;font-size:13px}
/* Legacy fleet controls retain their data, but there is only one vehicle view at a time */
.fleet-management{margin:10px 0!important;}
.fleet-main{min-height:90px!important}
.v31-fleet-panel .vehicle-card{margin:10px 0!important}
.v31-fleet-panel .vehicle-card-head{display:flex!important;align-items:center!important;gap:6px!important;min-width:0}
.v31-fleet-panel .car-ident{min-width:0!important;flex:1!important}
.v31-fleet-panel .vehicle-card-head>.chip{margin-left:auto!important;order:0!important;min-height:29px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:5px 10px!important;border:1px solid #dce9df!important;font-size:11px!important;font-weight:730!important;white-space:nowrap!important}
.v31-fleet-panel .v28-car-edit{margin:0!important;order:1!important;flex:none!important;min-height:29px!important;height:29px!important;min-width:0!important;width:auto!important;padding:5px 9px!important;border-radius:99px!important;border:1px solid #dce9df!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;color:#346b52!important;line-height:1!important}
.v31-fleet-panel .car-title-row{min-width:0!important;}
.v31-fleet-panel .vehicle-direct-actions{gap:6px!important;margin-top:10px!important;}
.v31-fleet-panel .vehicle-direct-actions button{min-width:0!important;max-width:100%!important;white-space:normal!important;line-height:1.25!important;}
.v31-fleet-panel .vehicle-direct-actions.v29-car-triple{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.v31-fleet-panel .vehicle-position{margin:10px 0!important}
.v31-fleet-panel .booking-list-row{padding:14px 0!important}
/* Day-detail dialog controls were doubled from 39px to 62px by older overrides */
.v28-day-icons{gap:9px!important}
.v28-day-icons .v28-day-close,.v28-day-icons .v28-day-add{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:24px!important;line-height:1!important;border-radius:50%!important}
.v28-day-icons .v28-day-add{font-size:27px!important;font-weight:450!important}
/* Only the vehicle hour/day toggle uses 2 columns (the general calendar toggle uses 3). */
.view-switch.v25-modes{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;padding:4px!important;margin:0 0 14px!important;}
.view-switch.v25-modes button{min-width:0!important;width:100%!important;color:#516c5c!important}
.view-switch.v25-modes button.active{background:#2f765f!important;color:#fff!important}
.v25-vehicle-screen,.v25-vehicle-screen .v25-sheet-scroll{width:100%!important;min-width:0!important}
/* Smaller Kakao-like swipe leave circle, no ivory rectangle behind it */
.swipe-row27,.swipe-actions27,.swipe-inner27{background:#fff!important}
.swipe-exit27{width:46px!important;height:46px!important;font-size:10px!important;border:0!important;box-shadow:none!important}
/* Calm list and action spacing */
.v31-post-actions{display:flex!important;align-items:center!important;gap:8px!important;margin:14px 0 5px!important}
.v31-post-actions button{flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:36px!important;padding:6px 12px!important;font-size:12px!important;border-radius:8px!important}
.v31-comment-row{padding:14px 0!important;border-bottom:1px solid #ebefeb!important}
.v31-comment-row strong{font-size:13px!important;color:#253c30!important}
.v31-comment-row p{font-size:14px!important;line-height:1.55!important;color:#35483c!important}
.v31-comment-actions{display:flex!important;gap:6px!important;justify-content:flex-end!important}
.v31-comment-actions button,.v31-comment-editor button{min-height:30px!important;padding:4px 9px!important;border-radius:7px!important;font-size:11px!important;background:#f2f5f2!important;color:#546a5b!important}
.v31-comment-actions button.danger{background:#fff1f1!important;color:#a04b49!important}
.v31-reply-composer{display:flex!important;align-items:flex-end!important;gap:8px!important;background:#f5f8f5!important;padding:7px!important;border:1px solid #e3ebe5!important;border-radius:14px!important;margin:18px 0 14px!important}
.v31-reply-composer textarea{min-height:39px!important;max-height:148px!important;overflow:auto!important;resize:none!important;flex:1!important;border:0!important;background:transparent!important;padding:10px!important;font-size:14px!important;box-shadow:none!important}
.v31-send-reply{flex:none!important;border:0!important;border-radius:10px!important;min-height:38px!important;padding:8px 13px!important;background:#286c59!important;color:#fff!important;font-size:13px!important;font-weight:750!important}
.v31-comment-editor{padding:10px 0!important}
.v31-comment-editor textarea{min-height:78px!important;font-size:14px!important}
.v31-comment-editor>div{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:6px!important}
/* Consistent small action labels in board/video/vehicle sections */
.fleet-heading-top .btn.btn-small,.board-headline .btn.btn-small,.calendar-heading .btn{min-height:42px!important;padding:8px 13px!important;font-size:13px!important;border-radius:10px!important}
@media(max-width:360px){.v31-fleet-panel .vehicle-card-head{gap:5px!important}.v31-fleet-panel .vehicle-card-head>.chip,.v31-fleet-panel .v28-car-edit{font-size:10px!important;padding-left:7px!important;padding-right:7px!important}}