/* The Office mobile width hardening — 2026-08-17 */
/* Owner-published production refresh. */

/* Marketing Resources submenu polish — 2026-09-04 */
.sidebar .marketing-subnav{
  margin:0 0 8px 42px!important;
  padding:4px 8px 4px 10px!important;
  width:calc(100% - 50px)!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
}
.sidebar .marketing-subnav button,
.sidebar .marketing-subnav a{
  width:100%!important;
  min-height:40px!important;
  padding:9px 12px!important;
  border-radius:8px!important;
  color:rgba(255,255,255,.9)!important;
  background:transparent!important;
  line-height:1.2!important;
}
.sidebar .marketing-subnav button:hover,
.sidebar .marketing-subnav a:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.sidebar .marketing-subnav button.is-active{
  background:#f6f3ed!important;
  color:#24343d!important;
  font-weight:700!important;
}

/* Customer CRM listing readability — 2026-09-08 */
.crm-outreach-summary span,
.crm-outreach-summary small,
.crm-progress-overview span,
.crm-progress-overview strong,
.crm-global-filters,
.crm-global-filters input,
.crm-global-filters select,
.crm-global-filters button,
.hotel-pipeline-panel p,
.hotel-pipeline-panel label,
.hotel-pipeline-panel select,
.hotel-pipeline-panel button,
.client-record-modes button,
.crm-selection-toolbar,
.hotel-property-list,
.hotel-property-list * ,
.hotel-no-results,
.client-record-more button{
  font-size:15px!important;
}

/* Keep all client cards visually consistent. */
.hotel-property-list .eyebrow{
  display:none!important;
}

/* Every saved client card gets a visible client-type eyebrow.
   Use the card's rendered data-hotel-scale attribute so this does not
   depend on a separate JavaScript pass or hidden application state. */
#hotelPropertyList .hotel-property-card[data-hotel-id] .hotel-brand-label{
  display:none!important;
}
#hotelPropertyList .hotel-property-card[data-hotel-id] .hotel-property-top>div::before{
  content:'OTHER';
  display:block;
  margin:0 0 3px;
  color:#000;
  font-family:'Red Hat Display',sans-serif;
  font-size:15px!important;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1.15;
  text-transform:uppercase;
}
#hotelPropertyList .hotel-property-card[data-hotel-id][data-hotel-scale*="Private Aviation" i] .hotel-property-top>div::before,
#hotelPropertyList .hotel-property-card[data-hotel-id][data-hotel-scale*="Aviation" i] .hotel-property-top>div::before,
#hotelPropertyList .hotel-property-card[data-hotel-id][data-hotel-scale*="FBO" i] .hotel-property-top>div::before{
  content:'PRIVATE AVIATION';
}
#hotelPropertyList .hotel-property-card[data-hotel-id][data-hotel-scale*="Chain" i] .hotel-property-top>div::before,
#hotelPropertyList .hotel-property-card[data-hotel-id][data-hotel-scale*="Hotel" i] .hotel-property-top>div::before,
#hotelPropertyList .hotel-property-card[data-hotel-id][data-hotel-scale*="Independent" i] .hotel-property-top>div::before,
#hotelPropertyList .hotel-property-card[data-hotel-id][data-hotel-scale*="Unrated" i] .hotel-property-top>div::before,
#hotelPropertyList .hotel-property-card[data-hotel-id][data-hotel-scale*="Luxury" i] .hotel-property-top>div::before,
#hotelPropertyList .hotel-property-card[data-hotel-id][data-hotel-scale*="Upscale" i] .hotel-property-top>div::before,
#hotelPropertyList .hotel-property-card[data-hotel-id][data-hotel-scale*="Midscale" i] .hotel-property-top>div::before{
  content:'HOTEL';
}

@media (max-width: 720px) {
  html, body, .app-shell, .main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  html, body { overflow-x: clip; }

  .main > *,
  .grid > *,
  .card,
  .section-head,
  .dashboard-home-grid,
  .dashboard-main-column,
  .dashboard-right-rail,
  .dashboard-focus-grid,
  .dashboard-focus-panel,
  .hotel-page-intro,
  .hotel-workspace-grid,
  .hotel-pipeline-panel,
  .hotel-directory-panel,
  .finance-command-card,
  .finance-lower,
  .portal-hero,
  .portal-grid,
  .inbox-toolbar,
  .inbox-shell,
  .drive-toolbar,
  .drive-browser,
  .slack-toolbar,
  .slack-shell,
  .customer-studio-concept,
  .customer-studio-direction,
  .customer-studio-detail-grid,
  .customer-studio-image-grid,
  .customer-studio-invite,
  .customer-studio-release-review,
  .customer-studio-delivery,
  #hotelModal .hotel-modal-card,
  #hotelModal .customer-record-panel,
  #hotelModal .customer-details-form,
  #hotelModal .crm-form-section {
    min-width: 0;
    max-width: 100%;
  }

  img, video, canvas, iframe {
    max-width: 100%;
    height: auto;
  }

  p, small, a, td, th { overflow-wrap: anywhere; }

  input, select, textarea, button {
    min-width: 0;
    max-width: 100%;
  }

  .crm-global-filters,
  .crm-selection-toolbar,
  .hotel-panel-actions,
  .financial-actions,
  .section-head-actions,
  .portal-work-actions,
  .shopify-sync-actions,
  .customer-studio-actions,
  .customer-studio-delivery-actions {
    min-width: 0;
    max-width: 100%;
  }

  .crm-selection-toolbar { grid-template-columns: 1fr; }

  .hotel-panel-actions,
  .financial-actions,
  .portal-work-actions,
  .shopify-sync-actions,
  .customer-studio-actions,
  .customer-studio-delivery-actions { width: 100%; }

  .daily-brief-drilldown > div { max-width: calc(100vw - 28px); }

  .table-wrap,
  .calendar-shell,
  .customer-journey,
  .customer-record-menu,
  .gmail-folder-rail {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .topbar .mobile-menu-toggle,
  .home-view .topbar .mobile-menu-toggle {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

@media (max-width: 480px) {
  .crm-selection-toolbar,
  .hotel-panel-actions,
  .financial-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Roger home-page label cleanup — 2026-09-12 */
.home-view .sidebar-footer .sidebar-roger .sidebar-roger-copy small{
  display:none!important;
}