.a7-slot-open{width:100%;text-align:left;cursor:pointer}
.a7-slots-panel{margin-top:12px;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 28px #0001;color:#202820}
.a7-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-weight:600}
.a7-nav button,.a7-back{padding:8px 14px;cursor:pointer}
.a7-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}
.a7-grid span{padding:8px 0;color:#777;font-size:13px}
.a7-grid button{padding:11px 0;border-radius:9px;cursor:pointer}
.a7-grid button:disabled{color:#d2d6d2;cursor:default}
.a7-grid button:not(:disabled):hover,.a7-grid .a7-selected{background:#c8f3aa;color:#24421b}
.a7-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}
.a7-times button{padding:12px 4px;border:1px solid #dce5d8;border-radius:10px;cursor:pointer}
.a7-times button:hover{background:#c8f3aa}
.a7-back{padding-left:0;color:#477b37}
@media(max-width:420px){.a7-slots-panel{padding:10px}.a7-times{grid-template-columns:repeat(3,minmax(0,1fr))}}

.a7-slots-panel{position:fixed!important;z-index:999999;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;box-shadow:0 0 0 100vmax #0008,0 12px 35px #0003}
.a7-slots-panel[data-view="times"]{top:12px;transform:translateX(-50%)}
.a7-slots-panel[hidden]{display:none!important}
.a7-times button{min-height:44px}
body:has(.a7-slots-panel:not([hidden]))::before {
 content:"";position:fixed;inset:0;z-index:999998;
 background:rgba(5,8,14,.88);backdrop-filter:blur(8px);
}
.a7-slots-panel {z-index:999999!important;box-shadow:0 18px 60px #0005!important}

.a7-title{text-align:center;font-size:18px;font-weight:700;margin:4px 0 16px}
.a7-close{display:block;width:100%;padding:12px;margin-top:16px;border-radius:12px;background:#eef0f4;cursor:pointer}

.a7-date{text-align:center;font-size:18px;font-weight:600;margin:8px 0 14px}

.a7-slots-panel:not([data-view]){text-align:center;font-weight:600;padding:28px 18px}
.a7-slots-panel[data-view="loading"]{background:transparent!important;border:0!important;box-shadow:none!important;color:white!important;text-align:center!important;font-size:20px;font-weight:600;padding:12px!important}
.a7-nav span,.a7-date{text-transform:capitalize}
.p-dialog-mask:has(.datepicker-up){
 background:rgba(5,8,14,.88)!important;
 backdrop-filter:blur(8px);
}
@media (min-width:768px) {
 .a7-slots-panel,
 .a7-slots-panel[data-view="times"] {
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:420px!important;
  height:480px!important;
  max-height:calc(100dvh - 32px)!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
 }
 .a7-slots-panel[data-view="days"] {
  display:flex;
  flex-direction:column;
  justify-content:center;
 }
}
.p-dialog-mask {
 background:rgba(5,8,14,.88)!important;
 backdrop-filter:blur(8px)!important;
}
.p-dialog-mask div:has(> [class*="lg:text-[24px]"][class*="font-semibold"]) {
 position:relative!important;
}
.p-dialog-mask [class*="lg:text-[24px]"][class*="font-semibold"] {
 position:absolute!important;
 left:50%!important;
 transform:translateX(-50%)!important;
 white-space:nowrap;
}
.p-dialog-mask,
.p-overlay-mask:has(.p-dialog){
 background:rgba(5,8,14,.88)!important;
 backdrop-filter:blur(8px)!important;
}
.p-dialog div:has(> div[class*="font-semibold"]):has(> button){
 position:relative!important;
}
.p-dialog div:has(> div[class*="font-semibold"]):has(> button) > div[class*="font-semibold"]{
 position:absolute!important;
 left:50%!important;
 transform:translateX(-50%)!important;
 white-space:nowrap;
}
@media (min-width:768px) {
 .a7-slots-panel[data-view="days"],
 .a7-slots-panel[data-view="times"] {
  height:auto!important;
  min-height:0!important;
  overflow-y:visible!important;
 }
 .a7-slots-panel[data-view="loading"] {
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
 }
}
.a7-slot-open.input {
 border:1px solid #c8d4e6!important;
 border-radius:10px!important;
 background:#fff!important;
 box-sizing:border-box!important;
}
.a7-slots-panel{border-radius:25px!important}
.a7-slot-open.input{border-radius:10px!important}
.a7-close{width:100%!important;background:#F6EE25!important;color:#111!important;border-radius:12px!important;font-weight:700!important}
.a7-slots-panel .a7-close {
 width:100%!important;
 background:#f1f4f9!important;
 color:#344054!important;
 border:0!important;
 border-radius:12px!important;
 font-weight:400!important;
}
.p-dialog{background:#fff!important;padding-top:42px!important;border-radius:25px!important;overflow:hidden!important}
.p-dialog button[type=submit]{display:block!important;width:100%!important;max-width:none!important}

.a7-bid-dialog{background:#fff!important;border-radius:25px!important;overflow:hidden!important}
.a7-bid-head{position:relative!important}
.a7-bid-head::before{content:"";position:absolute;left:0;right:0;top:-46px;height:46px;background:#fff;border-radius:25px 25px 0 0}
.a7-bid-head>button{right:18px!important;left:auto!important;z-index:5!important}
.a7-bid-dialog button[type="submit"]{display:block!important;width:100%!important;max-width:none!important}
.a7-bid-head>button{position:absolute!important;top:50%!important;right:18px!important;left:auto!important;transform:translateY(-50%)!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:center!important}

.a7-bid-dialog div:has(>.a7-success-close){width:100%;padding:0 30px;box-sizing:border-box}
.a7-bid-dialog .a7-success-close{display:block!important;width:100%!important;min-height:48px!important;background:#f1f4f9!important;color:#344054!important;border:0!important;border-radius:12px!important;font-weight:400!important;cursor:pointer}