.tbp17-cards-wrap{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap;}
.tbp17-card{background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(15,40,80,0.08);overflow:hidden;flex:1 1 30%;min-width:260px;}
.tbp17-card-head{background:linear-gradient(90deg,#0b6ed1,#37a6ff);color:#fff;padding:14px;}
.tbp17-card-head h4{margin:0;font-size:18px;}
.tbp17-card-body{padding:16px;display:flex;flex-direction:column;gap:12px;}
.tbp17-card .row{display:flex;gap:12px;}
.tbp17-card .col{flex:1;display:flex;flex-direction:column;}
.tbp17-card label{font-weight:700;color:#0b5aa8;margin-bottom:6px;font-size:13px;}
.tbp17-card input, .tbp17-card select{padding:10px;border-radius:8px;border:1px solid #e6eef9;background:#fbfdff;}
.tbp17-btn{background:linear-gradient(180deg,#1e88e5,#0a6ed1);color:#fff;padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:700;align-self:flex-end;}
.tbp17-horizontal{background:#fff;border-radius:12px;padding:18px;box-shadow:0 12px 30px rgba(15,40,80,0.06);}
.tbp17-horizontal-inner{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;align-items:end;}
.tbp17-horizontal .field{display:flex;flex-direction:column;}
.tbp17-horizontal label{font-weight:700;color:#0b5aa8;margin-bottom:6px;}
.tbp17-horizontal input, .tbp17-horizontal select{padding:10px;border-radius:8px;border:1px solid #e6eef9;background:#fbfdff;}
.tbp17-horizontal .action{grid-column:7 / span 2;display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
@media(max-width:780px){
  .tbp17-horizontal-inner{grid-template-columns:repeat(2,1fr);}
  .tbp17-horizontal-inner .nat{grid-column:1 / span 2;}
  .tbp17-horizontal-inner .ticket{grid-column:1 / span 1;}
  .tbp17-horizontal-inner .people{grid-column:2 / span 1;}
  .tbp17-horizontal-inner .date{grid-column:1 / span 1;}
  .tbp17-horizontal-inner .time{grid-column:2 / span 1;}
  .tbp17-horizontal-inner .name{grid-column:1 / span 2;}
  .tbp17-horizontal-inner .phone{grid-column:1 / span 2;}
  .tbp17-horizontal-inner .action{grid-column:1 / span 2;align-items:flex-start;}
  .tbp17-horizontal .action .total{margin-bottom:8px;}
  .tbp17-horizontal .action{flex-direction:column;}
}
.flatpickr-input[readonly]{background:#fff;cursor:pointer;}