/* Related page actions share one aligned row; overflow stays inside the row. */
@media screen {
  .regional-price-rows{display:grid;gap:10px}
  .regional-price-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(100px,1fr) auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line)}
  .booking-detail-tabs button[hidden]{display:none!important}
  #bookingRows .booking-customer-inline{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin-top:5px;white-space:nowrap}
  #bookingRows .booking-customer-phone{font-variant-numeric:tabular-nums}
  #bookingRows .booking-row-accent{color:#ff8795;font-weight:700}
  [data-theme="light"] #bookingRows .booking-row-accent{color:#a51d38}
  #logoutButton.logout-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:var(--text)}
  #logoutButton.logout-icon:hover{color:#e3202f;border-color:#e3202f;background:rgba(227,32,47,.08)}
  #logoutButton.logout-icon:focus-visible{outline:2px solid #e3202f;outline-offset:3px}
  #bookingSettingsForm { align-items:start; }
  #bookingSettingsForm > .field {
    display:grid;
    grid-template-rows:24px 44px auto;
    align-content:start;
    align-items:start;
    gap:8px;
    margin:0;
    min-width:0;
  }
  #bookingSettingsForm > .field > span {
    display:block;
    line-height:24px;
    white-space:nowrap;
    overflow-x:auto;
    min-width:0;
  }
  #bookingSettingsForm > .field > input:not([type="checkbox"]) {
    box-sizing:border-box;
    height:44px!important;
    min-height:44px!important;
    min-block-size:44px!important;
    width:100%;
    align-self:start;
  }
  #bookingSettingsForm > .field > input[type="checkbox"] { align-self:center; }
  #bookingSettingsForm > .field > small {
    display:block;
    margin:0;
    font-size:12px;
    line-height:1.6;
    color:var(--muted);
  }
  .modal.booking-settings-fixed {
    width:min(1280px,calc(100vw - 32px))!important;
    height:min(820px,calc(100dvh - 32px))!important;
    max-height:calc(100dvh - 32px)!important;
    max-block-size:calc(100dvh - 32px)!important;
  }
  .booking-settings-fixed .modal-body{flex:1;min-height:0;overflow:auto!important}
  .booking-settings-fixed .booking-settings-tabs{flex-wrap:nowrap;overflow-x:auto}
  .booking-settings-fixed .booking-settings-tabs .btn{flex:0 0 auto;white-space:nowrap}
  .booking-settings-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .booking-settings-directory .btn{display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:start;padding:20px;min-height:110px;gap:10px;white-space:normal}
  .booking-settings-directory strong{font-size:18px}
  .booking-settings-directory span{font-size:13px;font-weight:400;color:var(--muted);line-height:1.6}
  @media(max-width:700px){
    .modal.booking-settings-fixed{height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;max-block-size:calc(100dvh - 16px)!important}
    .booking-settings-directory{grid-template-columns:1fr}
  }
  #app .wallet-card.wallet-default-highlight {
    position:relative;
    isolation:isolate;
    background:radial-gradient(ellipse at 100% 20%,rgba(239,51,64,.16),transparent 62%),linear-gradient(125deg,#17161e 20%,#281820 100%);
    box-shadow:inset -1px 0 0 rgba(255,142,151,.18),0 5px 18px rgba(0,0,0,.1);
  }
  #app .wallet-card.wallet-default-highlight::after {
    content:"";
    position:absolute;
    inset-inline-start:0;
    top:18%;
    width:2px;
    height:58%;
    border-radius:999px;
    background:linear-gradient(transparent,rgba(255,155,163,.8),transparent);
    box-shadow:0 0 15px 3px rgba(239,51,64,.16);
    pointer-events:none;
  }
  [data-theme="light"] #app .wallet-card.wallet-default-highlight {
    background:radial-gradient(ellipse at 100% 20%,rgba(239,51,64,.1),transparent 62%),linear-gradient(125deg,#fff,#fff2f4);
    box-shadow:inset -1px 0 0 rgba(204,40,62,.12),0 5px 18px rgba(110,25,42,.06);
  }
  #app .panel:has(> .table-wrap) > .panel-head {
    background:radial-gradient(ellipse at 100% 0,rgba(255,138,150,.14),transparent 58%),linear-gradient(110deg,#36141f,#702238);
    border-bottom:1px solid #954052;
    border-inline-start:4px solid #ed526b;
  }
  #app .panel:has(> .table-wrap) > .panel-head h2 { color:#fff; }
  #app .panel:has(> .table-wrap) > .panel-head .muted { color:#f2d6de; }
  [data-theme="light"] #app .panel:has(> .table-wrap) > .panel-head {
    background:radial-gradient(ellipse at 100% 0,rgba(255,255,255,.6),transparent 58%),linear-gradient(110deg,#fce9ed,#f2b7c3);
    border-bottom-color:#d98a9c;
  }
  [data-theme="light"] #app .panel:has(> .table-wrap) > .panel-head h2 { color:#171115; }
  [data-theme="light"] #app .panel:has(> .table-wrap) > .panel-head .muted { color:#4e3039; }
  #app .page-head {
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    gap:16px!important;
    min-width:0;
  }
  #app .page-head > div { min-width:0; max-width:100%; }
  #app .page-head h1 {
    font-size:clamp(28px,3vw,38px)!important;
    line-height:1.3;
    white-space:nowrap;
    overflow-x:auto;
    margin:0 0 6px!important;
  }
  #app .page-head p {
    display:block;
    max-width:none;
    white-space:nowrap;
    overflow-x:auto;
    line-height:1.7;
    margin:0;
  }
  #app .page-head .actions {
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    max-width:100%;
    gap:8px!important;
    overflow-x:auto;
    padding-block:2px 6px;
  }
  #app .page-head .actions > * {
    flex:0 0 auto!important;
    width:auto!important;
    inline-size:auto!important;
    max-inline-size:none!important;
    white-space:nowrap;
  }
  #app .page-head .actions .btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:44px;
    min-height:44px!important;
    min-block-size:44px!important;
    padding:8px 14px!important;
    font-size:14px!important;
    line-height:1.2;
  }
}