/* v201 – one quiet action surface for the main administrative workspaces.
   This file is presentation only: no forms, authorization, or business state is hidden. */
@media screen {
  body.hm185-app .page-content .hm201-pagebar {
    box-sizing: border-box;
    max-width: 1320px;
    width: 100%;
    min-width: 0;
    margin-inline: auto;
    margin-block: 0 14px;
    padding: 13px 17px;
    border: 1px solid #dbe6f2;
    border-radius: 17px;
    background: linear-gradient(120deg, #ffffff, #f7faff);
    box-shadow: 0 4px 16px rgba(32, 63, 102, .035);
    color: #263b57;
  }
  body.hm185-app .page-content .hm201-pagebar :is(.hm201-kicker,.eyebrow,.pmv117-overline) {
    font-size: 12px;
    line-height: 1.75;
    color: #526b8b;
    font-weight: 800;
  }
  body.hm185-app .page-content .hm201-pagebar p {
    max-width: 75ch;
    margin-block: 2px 0;
    color: #546883;
    line-height: 1.7;
    font-size: 13px;
  }
  body.hm185-app .page-content .hm201-pagebar .button,
  body.hm185-app .page-content .hm201-pagebar button:not(.icon-button) {
    min-height: 43px;
    line-height: 1.45;
    white-space: normal;
    font-weight: 800;
  }
  body.hm185-app .page-content .hm201-pagebar :is(.actions,.bank-heading-actions,.smart-accounting-head-actions-v52,.acct-v48-actions) {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }
  /* The macro's status/action slots respond to content. The status does not
     duplicate the page title already present in the fixed app header. */
  body.hm185-app .page-content .hm201-stays-pagebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 16px;
    background: linear-gradient(110deg, #f7fbff, #f7fcfa);
    border-color: #d3e5ea;
  }
  .hm201-pagebar .hm201-status-list {
    display: flex;
    flex: 1 1 320px;
    flex-flow: row wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }
  .hm201-pagebar .hm201-status-pill {
    display: inline-flex;
    gap: 7px;
    align-items: baseline;
    min-height: 42px;
    padding: 8px 13px;
    border: 1px solid #dce5ef;
    border-radius: 12px;
    background: #fff;
    color: #344a68;
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none;
    white-space: nowrap;
  }
  .hm201-pagebar .hm201-status-pill strong {font-size: 18px;line-height:1.25;font-weight: 900;font-variant-numeric: tabular-nums;color:#1c365a}
  .hm201-pagebar .hm201-status-pill.is-live {border-color:#c4e5dc;background:#edfaf5;color:#176351}
  .hm201-pagebar .hm201-status-pill.is-live strong {color:#135d4b}
  .hm201-pagebar .hm201-status-pill.is-warning {border-color:#f1d9b4;background:#fff9ee;color:#7f5614}
  .hm201-pagebar .hm201-status-pill.is-ready {border-color:#cbdaf3;background:#f2f6ff;color:#335c92}
  .hm201-pagebar .hm201-pagebar-actions {display:flex;justify-content:flex-end;flex-flow:row wrap;gap:8px;align-items:center;min-width:0}
  body.hm185-app .page-content .hm201-pagebar .hm201-primary-action {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 15px;color:white}
  .hm201-pagebar .hm201-rate-disclosure {position:relative;min-width:0;}
  .hm201-pagebar .hm201-rate-disclosure > summary {
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    min-height:44px;min-width:110px;padding:7px 12px;cursor:pointer;
    background:#fff;border:1px solid #cdddf0;border-radius:11px;
    color:#274767;font-size:13px;font-weight:800;list-style:none;
  }
  .hm201-pagebar .hm201-rate-disclosure > summary::-webkit-details-marker {display:none}
  .hm201-pagebar .hm201-rate-disclosure > summary .icon{width:18px;height:18px}
  .hm201-pagebar .hm201-rate-disclosure[open] > summary {border-color:#7194ca;box-shadow:0 0 0 2px rgba(83,134,204,.12)}
  .hm201-pagebar .hm201-rate-detail {
    position:absolute;z-index:20;inset-inline-end:0;top:calc(100% + 8px);
    width:max-content;max-width:min(320px,calc(100vw - 40px));
    display:grid;gap:9px;background:#fff;border:1px solid #d8e4ef;border-radius:13px;
    padding:12px;box-shadow:0 14px 35px rgba(24,50,79,.15);
  }
  .hm201-pagebar .hm201-rate-detail span {display:flex;justify-content:space-between;gap:12px;align-items:center;white-space:normal}
  .hm201-pagebar .hm201-rate-detail small{font-size:12px;color:#536985}
  .hm201-pagebar .hm201-rate-detail b{font-size:13px;color:#1b4c42;white-space:nowrap}
  .hm201-pagebar :is(.hm201-rate-disclosure > summary,a,button):focus-visible {outline:3px solid #779be0;outline-offset:2px}
  /* Original admin stay section keeps its structure but less vacant space. */
  body.hm185-app .page-content .stay-v58-admin .hm200-entry-panel {scroll-margin-top:85px}
  body.hm185-app .page-content .stay-v58-admin .hm200-entry-panel .stay155-new-entry-body {max-width:none}
  body.hm185-app .page-content .stay-v58-admin .hm200-entry-panel .stay-v58-owner-control {max-width:none}
  body.hm185-app .page-content .stay-v58-admin .hm200-entry-panel .stay-v58-form {max-width:none;min-width:0}
  body.hm185-app .page-content .stay-v58-admin .hm200-entry-panel .stay-v58-modes {margin-inline-start:0}
  /* Standardized top-of-page spacing for actual main sections, not the special
     owner home, banner, full-screen dialogs, or printed reports. */
  body.hm185-app .page-content :is(.hm201-owners-pagebar,.hm201-periods-pagebar,.smart-accounting-head-v52.hm201-pagebar,.bank-page-heading.hm201-pagebar,.acct-v48-head.hm201-pagebar,.message-center-head.hm201-pagebar,.report-page-head.hm201-pagebar) {gap: 12px 16px;min-height:0}
  body.hm185-app .page-content .hm201-owners-pagebar > div:first-child,
  body.hm185-app .page-content .hm201-periods-pagebar .pmv117-hero-content {min-width:0;flex:1 1 245px}
  body.hm185-app .app-shell .page-content .hm201-owners-pagebar {
    padding: 13px 17px !important;
    justify-content: space-between !important;
    min-height: 0 !important;
  }
  body.hm185-app .app-shell .page-content .hm201-owners-pagebar > div:first-child {flex:0 1 auto;min-width:0}
  body.hm185-app .page-content .hm201-owners-pagebar .actions {flex:0 1 auto;justify-content:flex-start}
  body.hm185-app .page-content .hm201-owners-pagebar .actions .button {font-size:13px}
  body.hm185-app .page-content .hm201-owners-pagebar p {margin:2px 0}
  body.hm185-app .page-content .hm201-periods-pagebar .pmv117-hero-content p{margin:2px 0!important}
  body.hm185-app .page-content .message-center-head.hm201-pagebar {display:flex;align-items:center;justify-content:space-between}
  body.hm185-app .page-content .message-center-head.hm201-pagebar .message-center-count {flex-shrink:0}
  body.hm185-app .page-content .calendar-command-center.hm201-pagebar{padding:13px 16px}
  /* Hide only an EXACT duplicated h1 in the first page-level hero, detected by
     JS against the visible global title; keep it as an accessible heading. */
  body.hm185-app .page-content .hm201-exact-duplicate-title{
    position:absolute!important;inline-size:1px!important;block-size:1px!important;
    padding:0!important;margin:-1px!important;border:0!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important
  }
  body.hm185-app .page-content .hm201-hero-dedup {min-height:0;}
  body.hm185-app .page-content .hm201-hero-dedup > div > p {margin-block:2px 0}
}
@media screen and (max-width:900px){
  body.hm185-app .page-content .hm201-pagebar {padding:12px 13px;border-radius:15px;margin-block-end:12px}
  body.hm185-app .page-content .hm201-pagebar p {font-size:14px;line-height:1.75}
  body.hm185-app .page-content .hm201-pagebar :is(.hm201-kicker,.eyebrow) {font-size:13px}
  .hm201-pagebar .hm201-status-list {flex:1 1 100%;gap:7px}
  .hm201-pagebar .hm201-pagebar-actions {flex:1 1 100%;justify-content:stretch}
  body.hm185-app .page-content .hm201-pagebar .hm201-primary-action {flex:1 1 auto}
  body.hm185-app .app-shell .page-content .hm201-owners-pagebar {
    padding:12px 13px !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }
  body.hm185-app .app-shell .page-content .hm201-owners-pagebar > div:first-child {flex:0 0 auto !important;width:100%}
  body.hm185-app .app-shell .page-content .hm201-owners-pagebar .actions {width:100%;flex:0 0 auto !important;margin:0 !important;}
}
@media screen and (max-width:560px){
  body.hm185-app .page-content .hm201-stays-pagebar {gap:11px}
  .hm201-pagebar .hm201-status-pill {flex:1 1 0;justify-content:center;min-width:0;padding:7px 6px;gap:5px;text-align:center;font-size:12px;white-space:normal;}
  .hm201-pagebar .hm201-status-pill strong{font-size:17px}
  .hm201-pagebar .hm201-pagebar-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
  .hm201-pagebar .hm201-pagebar-actions:has(> .hm201-primary-action:only-child){grid-template-columns:minmax(0,1fr)}
  .hm201-pagebar .hm201-rate-disclosure > summary {width:100%;min-width:0;font-size:13px}
  body.hm185-app .page-content .hm201-pagebar .hm201-primary-action{width:100%;font-size:14px;min-width:0;padding:8px 9px}
  .hm201-pagebar .hm201-rate-detail {position:static;max-width:100%;width:100%;margin-top:8px;}
  .hm201-pagebar .hm201-pagebar-actions:has(.hm201-rate-disclosure[open]) {grid-template-columns:1fr}
  .hm201-pagebar .hm201-pagebar-actions:has(.hm201-rate-disclosure[open]) > :is(.hm201-rate-disclosure,.hm201-primary-action){width:100%}
  body.hm185-app .page-content .hm201-owners-pagebar .actions .button {flex:1 1 120px}
}
@media (prefers-reduced-motion:reduce){
  body.hm185-app .page-content .hm201-pagebar{scroll-behavior:auto}
}
/* Desktop entry workspace: the mode switch and owner picker share the upper row.
   All subsequent controls keep their original DOM order/IDs and occupy both columns. */
@media screen and (min-width:1200px) {
  body.hm185-app .app-shell .page-content .stay-v58-admin .hm200-entry-panel .stay-v58-form {
    display:grid !important;
    grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);
    gap:10px 15px;
    align-items:start;
  }
  body.hm185-app .app-shell .page-content .stay-v58-admin .hm200-entry-panel .hm200-owner-fields {
    grid-column:1;grid-row:1;align-self:start;min-width:0;
    padding-bottom:0;margin:0;border-bottom:0;
  }
  body.hm185-app .app-shell .page-content .stay-v58-admin .hm200-entry-panel .hm200-mode-switch {
    grid-column:2;grid-row:1;align-self:start;min-width:0;max-width:none;
    width:100%;margin:0 !important;
  }
  body.hm185-app .app-shell .page-content .stay-v58-admin .hm200-entry-panel .stay-v58-form > :not(.hm200-owner-fields):not(.hm200-mode-switch) {
    grid-column:1/-1;
    min-width:0;
  }
}