.appt-address-section{grid-column:1/-1;border:1px solid #dce9ec;border-radius:16px;background:linear-gradient(180deg,#fbfeff,#f7fbfc);padding:12px;margin-top:0}
.appt-address-title{display:flex;align-items:center;gap:8px;color:#22535d;font-weight:800;font-size:13px;margin-bottom:8px}
.appt-address-title .pin{width:26px;height:26px;border-radius:9px;background:#e9f8fa;color:#147887;display:grid;place-items:center;font-size:14px;flex:0 0 26px}
.appt-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.appt-address-grid .wide{grid-column:1/-1}
.appt-address-section label{display:block;margin:0;color:#46666c;font-size:11px;font-weight:700;line-height:1.2}
.appt-address-section .field{margin-top:4px;width:100%;min-height:42px;border:1px solid #cfdfe3;border-radius:12px;background:#fff;padding:8px 10px;font:inherit;color:#17383e;outline:none}
.appt-address-section .field:focus{border-color:#63b1bc;box-shadow:0 0 0 3px rgba(20,120,135,.09)}
.appt-address-section select.field:disabled{background:#f3f6f7;color:#96a6aa;cursor:not-allowed}
.appt-address-preview,.appt-address-helper{display:none!important}
.appt-other-address{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:0}
.appt-other-address[hidden]{display:none!important}

@media(max-width:620px){
  html,body{overflow-x:hidden!important}
  .appt-quick-backdrop{padding:0!important;overflow:hidden!important;align-items:flex-start!important}
  .appt-quick-modal{
    width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;border-radius:0!important;overflow-x:hidden!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;overscroll-behavior:contain!important;
  }
  .appt-quick-head{position:sticky!important;top:0!important;z-index:50!important;background:#fff!important;border-bottom:1px solid #e7eff1!important;padding:8px 12px 7px!important;min-height:52px!important;flex:0 0 auto!important}
  .appt-quick-head small{font-size:8px!important;letter-spacing:.5px!important;line-height:1!important}
  .appt-quick-head h3{font-size:20px!important;line-height:1.05!important;margin:3px 0 0!important}
  .appt-quick-close{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;font-size:25px!important;font-weight:800!important;display:grid!important;place-items:center!important;position:relative!important;z-index:60!important}

  .appt-quick-fields{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 8px!important;
    padding:5px 12px 0!important;margin:0!important;align-content:start!important;flex:0 0 auto!important;
  }
  .appt-quick-fields>label{margin:0!important;font-size:10px!important;line-height:1.15!important;font-weight:700!important;color:#46666c!important}
  .appt-quick-fields>label:nth-child(1){grid-column:1/-1!important}
  .appt-quick-fields>label:nth-child(2),.appt-quick-fields>label:nth-child(3){grid-column:auto!important}
  .appt-quick-fields>label:nth-child(5),.appt-quick-fields>label:nth-child(6){grid-column:auto!important}
  .appt-quick-fields>label>.field{
    width:100%!important;min-height:38px!important;height:38px!important;margin-top:3px!important;padding:6px 9px!important;
    border-radius:10px!important;font-size:13px!important;line-height:1.1!important;
  }

  .appt-address-section{grid-column:1/-1!important;padding:6px 8px!important;border-radius:11px!important;margin:0!important}
  .appt-address-title{font-size:10.5px!important;margin-bottom:4px!important;gap:5px!important}
  .appt-address-title .pin{width:20px!important;height:20px!important;flex-basis:20px!important;border-radius:7px!important;font-size:11px!important}
  .appt-address-grid{grid-template-columns:1fr 1fr!important;gap:5px 7px!important}
  .appt-address-grid>label:first-child{display:none!important} /* Jamalpur is already the default district */
  .appt-address-grid .wide{grid-column:1/-1!important}
  .appt-address-grid>label:nth-child(2),.appt-address-grid>label:nth-child(3){grid-column:auto!important}
  .appt-address-section label{font-size:9.5px!important;line-height:1.1!important}
  .appt-address-section .field{min-height:36px!important;height:36px!important;margin-top:2px!important;padding:5px 7px!important;border-radius:9px!important;font-size:12px!important}
  .appt-other-address{grid-template-columns:1fr 1fr!important;gap:5px 7px!important}
  .appt-other-address>label:last-child{grid-column:1/-1!important}

  .appt-selected-info{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:6px 12px 0!important}
  .appt-selected-info>div{padding:6px 9px!important;min-height:46px!important;border-radius:10px!important}
  .appt-selected-info small{font-size:9px!important;line-height:1.1!important}
  .appt-selected-info b{font-size:13px!important;line-height:1.15!important;margin-top:2px!important}

  .appt-form-error{margin:4px 12px 0!important;padding:6px 8px!important;font-size:10px!important;line-height:1.2!important;min-height:0!important}
  .appt-form-error:empty{display:none!important}
  .appt-save-btn{margin:6px 12px 8px!important;width:calc(100% - 24px)!important;min-height:42px!important;height:42px!important;padding:7px 10px!important;border-radius:11px!important;font-size:14px!important;line-height:1!important;flex:0 0 auto!important}
  .appt-save-note{display:none!important}
}

@media(max-width:380px){
  .appt-quick-head{padding-top:6px!important;padding-bottom:3px!important;min-height:43px!important}
  .appt-quick-head h3{font-size:18px!important}
  .appt-quick-fields{gap:4px 6px!important;padding-top:3px!important}
  .appt-quick-fields>label>.field{height:35px!important;min-height:35px!important;font-size:12px!important}
  .appt-address-section .field{height:33px!important;min-height:33px!important;font-size:11px!important}
  .appt-selected-info{margin-top:4px!important}
  .appt-selected-info>div{min-height:42px!important;padding:5px 7px!important}
  .appt-save-btn{height:39px!important;min-height:39px!important;margin-top:4px!important}
}