/* BK Share base UI (black theme) */
.bk-app { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "Noto Sans JP", Arial, sans-serif; }
.bk-box { background:#0b0f14; color:#e5e7eb; border:1px solid rgba(255,255,255,.10); border-radius:16px; padding:16px; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.bk-title { font-size:18px; font-weight:900; margin-bottom:8px; letter-spacing:.02em; }
.bk-muted { color:#9ca3af; font-size:13px; }
.bk-alert { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.bk-btn { display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:999px; text-decoration:none; font-weight:800; border:1px solid rgba(255,255,255,.18); }
.bk-btn-primary { background:#f5c542; color:#111827; border-color:#f5c542; }

.bk-vehicle-card{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:12px}
.bk-vehicle-main{text-decoration:none;color:inherit;flex:1}
.bk-vehicle-title{font-size:16px;font-weight:900;margin-bottom:6px}
.bk-vehicle-meta{display:flex;flex-wrap:wrap;gap:6px}
.bk-pill{font-size:12px;color:#111827;background:#f5c542;border-radius:999px;padding:4px 10px;font-weight:900}
.bk-vehicle-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.bk-vehicle-detail .bk-vd-top{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}
.bk-vd-mainimg{width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.12)}
.bk-vd-noimg{height:240px;border-radius:12px;border:1px dashed rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#9ca3af}
.bk-vd-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.bk-vd-thumb{width:84px;height:56px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.12);opacity:.85}

.bk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bk-grid>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:10px}
.bk-grid>div span{display:block;color:#9ca3af;font-size:12px;margin-bottom:4px}

.bk-hr{border:none;border-top:1px solid rgba(255,255,255,.10);margin:16px 0}

.bk-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.bk-day{background:#111827;color:#e5e7eb;border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:10px;cursor:pointer}
.bk-day:hover{border-color:#f5c542}
.bk-day.is-reserved{background:#2b2f36;color:#9ca3af;cursor:not-allowed;border-color:rgba(255,255,255,.08)}
.bk-day:disabled{opacity:1}

.bk-day-label{font-weight:900}

.bk-booking-form{margin-top:14px;border-top:1px solid rgba(255,255,255,.10);padding-top:14px}
.bk-form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}
.bk-form-col{flex:1;min-width:220px}
.bk-form-label{font-size:12px;color:#9ca3af;margin-bottom:6px}
.bk-input,.bk-select,.bk-textarea{width:100%;background:#0b0f14;color:#e5e7eb;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px}
.bk-textarea{min-height:70px;resize:vertical}
.bk-inline{display:flex;gap:8px}

.bk-modal{position:fixed;inset:0;z-index:9999}
.bk-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.bk-modal-card{position:relative;margin:10vh auto;max-width:520px;background:#0b0f14;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;color:#e5e7eb}
.bk-end-choices{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}

.bk-confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.bk-confirm-grid>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:10px}
.bk-confirm-grid>div span{display:block;color:#9ca3af;font-size:12px;margin-bottom:4px}

@media (max-width: 900px){
  .bk-vehicle-detail .bk-vd-top{grid-template-columns:1fr}
}