
:root{--bbu-av-blue:#0674ff;--bbu-av-text:#101828;--bbu-av-muted:#667085;--bbu-av-line:#dfe7f1}
.bbu-availability-card{width:min(100%,1050px);margin:0 auto;padding:22px;border:1px solid var(--bbu-av-line);border-radius:18px;background:#fff;color:var(--bbu-av-text);box-shadow:0 8px 28px rgba(16,24,40,.05)}
.bbu-availability-card *{box-sizing:border-box;min-width:0}
.bbu-availability-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.bbu-availability-head h2{margin:0;font-size:clamp(24px,4vw,34px)}
.bbu-availability-head p{margin:5px 0 0;color:var(--bbu-av-muted)}
.bbu-availability-head>a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #d8e3ef;border-radius:10px;text-decoration:none;font-size:12px;font-weight:900}
.bbu-availability-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end;margin:18px 0}
.bbu-availability-filter label,.bbu-availability-grid label{display:grid;gap:5px}
.bbu-availability-filter span,.bbu-availability-grid span{color:#344054;font-size:11px;font-weight:850}
.bbu-availability-filter input,.bbu-availability-filter select,.bbu-availability-grid input,.bbu-availability-grid select{width:100%;min-height:46px;padding:9px 11px;border:1px solid #d7e2ef;border-radius:10px;background:#fff;font:inherit}
.bbu-availability-filter button{min-height:46px;padding:9px 13px;border:0;border-radius:10px;background:#101828;color:#fff;font:inherit;font-weight:900}
.bbu-availability-create{padding:16px;border:1px solid #e1eaf5;border-radius:14px;background:#fbfdff}
.bbu-availability-create h3{margin:0 0 13px}
.bbu-availability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bbu-availability-grid .is-full{grid-column:1/-1}
.bbu-availability-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;margin-top:14px;padding:10px 15px;border:0;border-radius:11px;background:#0674ff;color:#fff;font:inherit;font-weight:900;cursor:pointer}
.bbu-availability-notice{margin:14px 0;padding:12px 14px;border:1px solid #f4c7c3;border-radius:11px;background:#fff7f6;color:#b42318;font-size:13px}
.bbu-availability-notice.is-success{border-color:#b7e3c7;background:#f2fbf5;color:#08783e}
.bbu-availability-list{margin-top:22px}
.bbu-availability-list-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.bbu-availability-list-head h3{margin:0}
.bbu-availability-list-head span{color:#98a2b3;font-size:10px}
.bbu-availability-row{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #e8eef6}
.bbu-availability-time strong,.bbu-availability-time span,.bbu-availability-copy strong,.bbu-availability-copy span,.bbu-availability-copy small{display:block}
.bbu-availability-time strong{font-size:16px}
.bbu-availability-time span{color:#98a2b3;font-size:10px}
.bbu-availability-copy span{margin-top:3px;color:#667085;font-size:10px}
.bbu-availability-copy small{margin-top:3px;color:#98a2b3;font-size:9px}
.bbu-availability-row form button{min-height:38px;padding:7px 10px;border:1px solid #f0c7c7;border-radius:9px;background:#fff;color:#b42318;font:inherit;font-size:10px;font-weight:900}
.bbu-availability-empty{padding:18px;border:1px dashed #cdd9e8;border-radius:13px;color:#667085;text-align:center}
@media(max-width:760px){
    .bbu-availability-card{width:100%;padding:16px}
    .bbu-availability-filter{grid-template-columns:minmax(0,1fr)}
    .bbu-availability-grid{grid-template-columns:minmax(0,1fr)}
    .bbu-availability-grid .is-full{grid-column:auto}
    .bbu-availability-filter input,.bbu-availability-filter select,.bbu-availability-grid input,.bbu-availability-grid select{font-size:16px}
}
@media(max-width:480px){
    .bbu-availability-head{flex-direction:column}
    .bbu-availability-head>a,.bbu-availability-button{width:100%}
    .bbu-availability-row{grid-template-columns:52px minmax(0,1fr)}
    .bbu-availability-row form{grid-column:2}
    .bbu-availability-row form button{width:100%}
}
