/* ShareHome v83 | A single readable information hierarchy for owner and management pages.
 * Loaded after legacy and page styles. No routes, forms, permission checks or print layouts change.
 * Central appearance controls remain effective via --ds-*-scale. */
@media screen {
  body .app-shell .page-content{
    --sh83-ink:#213249;
    --sh83-muted:#526780;
    --sh83-line:#dde5ef;
    --sh83-soft:#f6f9fc;
    --sh83-title:max(19px,calc(19px * var(--ds-title-scale,1)));
    --sh83-body:max(14px,calc(14px * var(--ds-body-scale,1)));
    --sh83-meta:max(13px,calc(13px * var(--ds-meta-scale,1)));
    color:var(--sh83-ink);
  }
  body .app-shell .page-content :is(.panel,.message-card,.history-record,.owner-card-v26,.user-card-v26,.special-apply-card,.request-card,.report-filter-panel,.owner-stay-card-v33,.owner-stay-current-v33){min-width:0;overflow-wrap:break-word}
  body .app-shell .page-content :is(.panel-head,.report-page-head,.page-heading,.message-center-head,.smart-accounting-head-v52,.owner-list-toolbar-v26,.users-v26-tools,.charge-ledger-head-v46){column-gap:14px;row-gap:9px}
  body .app-shell .page-content :is(.panel-head h2,.page-heading h1,.report-page-head h1,.smart-accounting-head-v52 h1,.owner-list-toolbar-v26 h2,.message-center-head h1){color:var(--sh83-ink);line-height:1.55;letter-spacing:0;font-weight:850}
  /* Intro lines and helper copy share one measured, readable style. */
  body .app-shell .page-content :is(.panel-head p,.page-heading p,.report-page-head p,.smart-accounting-head-v52 p,.special-apply-hero p,.exchange-intro .panel-head p,.calendar-command-heading p,.charge-ledger-head-v46 p,.message-center-head p,.section-hub-intro-v74){font-size:var(--sh83-body)!important;line-height:1.85!important;color:var(--sh83-muted)!important;opacity:1}
  body .app-shell .page-content :is(.eyebrow,.form-hint,.field-help,.muted,.form-divider,.owner-picker-hint,.owner-exchange-guide-v80>summary,.owner-list-toolbar-v26 p,.users-v26-tools p,.stay-history-link-v26 p,.lottery-run-form p){font-size:var(--sh83-meta)!important;line-height:1.8;color:var(--sh83-muted)}
  /* Label and action hierarchy: normal forms stay flexible, not artificially tall. */
  body .app-shell .page-content :is(.form-grid label,.stay-form-v26 label,.report-filter-bar label,.report-filters label,.smart-entry-grid-v52 label,.pledge-question-v33 label,.stay-v58-form label,.receipt-step-head-v68 p){font-size:var(--sh83-body)!important;line-height:1.65;min-width:0}
  body .app-shell .page-content :is(.form-grid input,.form-grid select,.form-grid textarea,.stay-form-v26 input,.stay-form-v26 select,.stay-form-v26 textarea,.report-filter-bar input,.report-filter-bar select,.smart-entry-grid-v52 input,.smart-entry-grid-v52 select,.smart-entry-grid-v52 textarea){font-size:var(--sh83-body)!important;line-height:1.5;min-width:0;max-width:100%}
  body .app-shell .page-content :is(.button,.text-action,.owner-more-v26 a,.owner-more-v26 button,.user-more a,.user-more button,.message-card-action button,.owner-actions-v26 .button){font-size:var(--sh83-body)!important;line-height:1.5;white-space:normal;text-align:center;overflow-wrap:anywhere}
  body .app-shell .page-content :is(.button,a,button,summary,input,select,textarea):focus-visible{outline:2px solid #4476d5;outline-offset:2px}
  body .app-shell .page-content :is(.panel-head,.owner-list-toolbar-v26,.report-filter-bar,.report-filter-panel,.smart-entry-card-v52>header){min-width:0}
  /* Page-content section separation without nesting cards in cards. */
  body .app-shell .page-content :is(.report-filter-panel,.owner-list-panel,.charge-ledger-panel-v46,.special-apply-card,.stay-form-v26,.smart-entry-card-v52,.user-card-v26,.owner-card-v26){border-color:var(--sh83-line)}
  body .app-shell .page-content :is(.report-filter-bar,.owner-toolbar-controls-v26,.users-v26-tools,.message-filter,.smart-accounting-tabs-v52){gap:10px}
  body .app-shell .page-content :is(.owner-usage-v26,.user-primary-meta,.owner-detail-grid-v26,.lottery-run-facts,.stay-facts-row-v26,.report-kpi-grid){gap:9px;min-width:0}
  /* Message inbox (previously 9–11px) */
  body .app-shell .page-content .message-center-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border:1px solid var(--sh83-line);background:#fff!important;color:var(--sh83-ink)!important}
  body .app-shell .page-content .message-center-head>div:first-child{min-width:0;flex:1 1 175px}
  body .app-shell .page-content .message-center-head p{color:var(--sh83-muted)!important}
  body .app-shell .page-content .message-center-count{flex:0 0 auto;min-width:94px;max-width:100%;background:#f0f5fa;color:var(--sh83-ink);border:1px solid var(--sh83-line)}
  body .app-shell .page-content .message-center-count span{font-size:var(--sh83-meta)!important;line-height:1.65;color:var(--sh83-muted)!important;opacity:1!important}
  body .app-shell .page-content .message-filter{display:flex;flex-wrap:wrap;gap:8px}
  body .app-shell .page-content .message-filter a{font-size:var(--sh83-body)!important;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.5;padding:8px 12px;text-decoration:none}
  body .app-shell .page-content .message-filter a b{font-size:var(--sh83-meta)!important}
  body .app-shell .page-content .message-card{display:grid;column-gap:12px;row-gap:10px;align-items:start;line-height:1.7}
  body .app-shell .page-content .message-card-copy{min-width:0}
  body .app-shell .page-content .message-card-copy h3{font-size:max(17px,calc(17px * var(--ds-title-scale,1)))!important;line-height:1.55;color:var(--sh83-ink);margin-bottom:6px}
  body .app-shell .page-content .message-card-copy p{font-size:var(--sh83-body)!important;line-height:1.85!important;color:var(--sh83-muted)!important;margin:4px 0 7px;overflow-wrap:anywhere}
  body .app-shell .page-content :is(.message-card-meta,.message-card-meta span,.message-card-meta b,.message-card-meta i,.message-card-copy>small){font-size:var(--sh83-meta)!important;line-height:1.6}
  body .app-shell .page-content .message-card-copy>small{color:var(--sh83-muted)}
  body .app-shell .page-content .message-list{gap:11px}
  body .app-shell .page-content .message-card-action .button{min-height:43px;padding:9px 15px}
  /* Owners and users: an explicit hierarchy of name, facts, warnings, actions. */
  body .app-shell .page-content :is(.owner-card-v26,.user-card-v26){display:flex;flex-direction:column;gap:9px;padding:14px;border-radius:15px}
  body .app-shell .page-content :is(.owner-card-head-v26,.user-card-head-v26){display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}
  body .app-shell .page-content :is(.owner-name-v26 h3,.user-card-v26 h3){font-size:max(17px,calc(17px * var(--ds-title-scale,1)))!important;line-height:1.55}
  body .app-shell .page-content :is(.owner-name-v26 p,.user-card-v26 .user-card-subtitle,.user-tools-v26 p,.user-primary-meta b,.owner-detail-grid-v26 b){font-size:var(--sh83-body)!important;line-height:1.7;color:var(--sh83-muted)}
  body .app-shell .page-content :is(.owner-usage-v26 small,.owner-summary-v26 span,.owner-summary-v26 small,.owner-detail-grid-v26>span,.owner-detail-grid-v26>span small,.user-primary-meta small,.user-secondary-meta span,.owner-head-badges-v26 .share-badge-v26,.owner-card-v26 .status-chip,.user-card-v26 .status-chip,.owner-warning,.management-access-row small,.root-admin-note span){font-size:var(--sh83-meta)!important;line-height:1.65}
  body .app-shell .page-content .owner-usage-v26>span{min-width:0;padding:9px 7px;border-radius:10px}
  body .app-shell .page-content .owner-usage-v26 b{font-size:max(16px,calc(16px * var(--ds-body-scale,1)))!important;line-height:1.4;font-weight:850}
  body .app-shell .page-content .owner-detail-v26{margin:4px 0 0}
  body .app-shell .page-content .owner-detail-v26 summary{font-size:var(--sh83-body)!important;padding:9px 3px}
  body .app-shell .page-content .owner-detail-grid-v26>span b{display:block;overflow-wrap:anywhere;white-space:normal}
  body .app-shell .page-content .owner-warning-row-v26{gap:6px}
  body .app-shell .page-content .owner-warning{padding:5px 9px;border-radius:9px}
  body .app-shell .page-content :is(.owner-actions-v26,.user-card-actions-v26){display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
  body .app-shell .page-content :is(.owner-actions-v26 .button,.user-card-actions-v26 .button,.owner-more-v26>summary,.user-more>summary){min-height:42px!important;display:inline-flex;align-items:center;justify-content:center;padding:8px 10px!important}
  body .app-shell .page-content .owner-more-v26>div{min-width:min(230px,calc(100vw - 48px))}
  body .app-shell .page-content :is(.management-access-row b,.root-admin-note b,.management-create-toggle small,.permission-group>label,.permission-toolbar span){font-size:var(--sh83-body)!important;line-height:1.7}
  /* Stays and annual/seasonal lotteries: facts, explanation, confirmation and controls stay separated. */
  body .app-shell .page-content :is(.stay-rate-v26 span,.stay-rate-v26 small,.stay-owner-known-v26 small,.stay-detection-v26 p,.stay-manual-period-v26 summary,.stay-manager-advanced summary,.stay-history-link-v26 p,.stay-submit-v26 .stay-cost-preview span,.stay-submit-v26 .stay-cost-preview small,.lottery-run-summary-v26>article>div:first-child>span,.lottery-run-summary-v26>article>div:first-child>small,.lottery-run-facts small,.slot-builder-form label small,.slot-preview-item small,.lottery-readiness-grid article span,.lottery-rule-grid span,.lottery-run-form p){font-size:var(--sh83-meta)!important;line-height:1.7}
  body .app-shell .page-content :is(.stay-owner-known-v26 b,.stay-detection-v26 b,.lottery-run-summary-v26>article>div:first-child>b,.lottery-run-facts b,.stay-rate-v26 b,.stay-submit-v26 .stay-cost-preview strong){font-size:max(15px,calc(15px * var(--ds-body-scale,1)))!important;line-height:1.55}
  body .app-shell .page-content :is(.stay-detection-v26,.stay-owner-known-v26,.stay-manual-period-v26,.stay-manager-advanced,.lottery-run-summary-v26>article){gap:10px}
  body .app-shell .page-content .stay-form-v26 label{gap:6px}
  body .app-shell .page-content :is(.stay-history-link-v26,.lottery-run-summary-v26>article){border-color:var(--sh83-line)}
  /* Accountancy: distinguish balance/amount from metadata, and filter from results. */
  body .app-shell .page-content :is(.report-filter-bar label,.report-filters label,.report-table-panel .panel-head p,.report-kpi-grid span,.report-kpi-grid small,.finance-direction,.chart-card-v26 p,.chart-legend-v26,.expense-mix-v26 span b,.expense-mix-v26 span small,.trend-bars-v26 small,.history-record-facts small,.history-record-title p,.history-detail-grid span,.smart-accounting-stats-v52 span,.smart-accounting-stats-v52 small,.smart-entry-grid-v52 label small){font-size:var(--sh83-meta)!important;line-height:1.7}
  body .app-shell .page-content :is(.report-kpi-grid strong,.smart-accounting-stats-v52 strong,.charge-summary-v46 strong,.owner-summary-v26 strong){font-size:max(18px,calc(18px * var(--ds-title-scale,1)))!important;line-height:1.4;font-weight:850}
  body .app-shell .page-content :is(.report-tabs a,.smart-accounting-tabs-v52 a,.report-filter-bar .actions .button){font-size:var(--sh83-body)!important;line-height:1.6}
  body .app-shell .page-content :is(.report-filter-panel,.report-table-panel,.report-owner-list,.report-tabs){margin-block-end:12px}
  body .app-shell .page-content :is(.report-table-panel th,.report-table-panel td,.owner-list-panel th,.owner-list-panel td){font-size:var(--sh83-meta)!important;line-height:1.65;overflow-wrap:anywhere}
  /* Grouped, consistent step-based forms and filters (no extra nested cards). */
  body .app-shell .page-content :is(.receipt-step-head-v68,.receipt-origin-head-v68,.smart-entry-card-v52>header,.post-stay-head,.stay-v58-section-head){border-bottom:1px solid var(--sh83-line);padding-block-end:9px;margin-block-end:12px}
  body .app-shell .page-content :is(.receipt-step-head-v68 h3,.receipt-origin-head-v68 b,.stay-v58-section-head h2,.post-stay-head h1){font-size:max(17px,calc(17px * var(--ds-title-scale,1)))!important;line-height:1.55;color:var(--sh83-ink)}
  body .app-shell .page-content :is(.receipt-step-head-v68 p,.receipt-origin-head-v68 small,.smart-entry-card-v52>header p,.post-stay-head p){font-size:var(--sh83-meta)!important;line-height:1.75;color:var(--sh83-muted)}
  body .app-shell .page-content :is(.receipt-wizard-step-v68,.pledge-question-v33,.stay-manual-period-v26,.stay-manager-advanced,.special-apply-meta,.owner-stay-manual-v33){min-width:0;border-color:var(--sh83-line)}
  body .app-shell .page-content :is(.receipt-wizard-step-v68,.owner-stay-manual-v33) :is(label,small,p){overflow-wrap:anywhere}
  body .app-shell .page-content :is(.receipt-stepper-v68,.report-tabs,.report-filter-bar,.smart-accounting-tabs-v52){min-width:0}
  body .app-shell .page-content :is(.receipt-stepper-v68 span,.smart-accounting-tabs-v52 a small,.report-tabs a b){font-size:var(--sh83-meta)!important;line-height:1.6}
  body .app-shell .page-content :is(.history-state,.history-record-facts b,.history-details summary,.history-detail-grid b,.season-right span,.season-right b,.season-right small,.charge-ledger-head-v46 small,.charge-summary-v46 article small){font-size:var(--sh83-meta)!important;line-height:1.7}
  body .app-shell .page-content :is(.history-record,.charge-summary-v46 article,.lottery-run-summary-v26>article) :is(strong,b){overflow-wrap:anywhere}
  body .app-shell .page-content :is(.calendar-command-center,.calendar-filter-panel,.calendar-command-heading,.special-apply-hero,.post-stay-shell,.receipt-wizard-step-v68){min-width:0}
  body .app-shell .page-content :is(.form-grid,.smart-entry-grid-v52,.receipt-grid-v68,.owner-detail-grid-v26,.owner-toolbar-controls-v26){column-gap:11px;row-gap:11px}
  body .app-shell .page-content :is(.form-grid,.receipt-grid-v68,.stay-facts-row-v26,.owner-toolbar-controls-v26)>*{min-width:0}
  /* Owner-only refinements: previous v80 compression made detail text too small. */
  body.owner-interface-v80 .app-shell .page-content :is(.exchange-intro .panel-head p,.owner-exchange-guide-v80>summary,.special-apply-hero p,.calendar-command-heading p,.report-page-head p,.message-center-head p,.charge-ledger-head-v46 p){font-size:var(--sh83-body)!important}
  body.owner-interface-v80 .app-shell .page-content :is(.owner-stay-card-v33,.pledge-question-v33,.special-apply-card,.request-card,.history-record,.charge-list-panel-v46,.charge-ledger-panel-v46){gap:11px}
  body.owner-interface-v80 .app-shell .page-content :is(.owner-stay-head-v33 h1,.special-apply-hero h1,.post-stay-head h1){font-size:var(--sh83-title)!important;line-height:1.55}
  body.owner-interface-v80 .app-shell .page-content :is(.report-tabs a,.history-record-facts small,.season-right small,.owner-stay-now-v33 legend){font-size:var(--sh83-body)!important}
  /* Manage and owner dashboards use content-sized empty states. */
  body .app-shell .page-content :is(.empty-state,.smart-debt-empty-v52,.owner-upcoming-v44 .empty-state){font-size:var(--sh83-body)!important;line-height:1.75}
}
@media screen and (max-width:800px){
  body .app-shell .page-content{
    --sh83-title:max(20px,calc(20px * var(--ds-title-scale,1)));
    --sh83-body:max(15px,calc(15px * var(--ds-body-scale,1)));
    --sh83-meta:max(14px,calc(14px * var(--ds-meta-scale,1)));
  }
  body .app-shell .page-content :is(.page-heading,.panel-head,.report-page-head,.smart-accounting-head-v52,.owner-list-toolbar-v26,.message-center-head){gap:9px}
  body .app-shell .page-content :is(.panel-head h2,.page-heading h1,.report-page-head h1,.smart-accounting-head-v52 h1,.owner-list-toolbar-v26 h2){font-size:var(--sh83-title)!important;line-height:1.5}
  body .app-shell .page-content :is(.page-heading,.owner-list-toolbar-v26,.smart-accounting-head-v52){padding-block:9px;min-width:0}
  body .app-shell .page-content .message-center-head{padding:12px!important}
  body .app-shell .page-content .message-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  body .app-shell .page-content .message-filter a{width:100%;min-width:0;padding:9px 7px;font-size:var(--sh83-body)!important}
  body .app-shell .page-content .message-card{padding:14px!important;row-gap:11px}
  body .app-shell .page-content .message-card-copy p{font-size:var(--sh83-body)!important}
  body .app-shell .page-content .message-card-action,.message-card-action button{min-width:0}
  body .app-shell .page-content .message-card-action .button{min-height:45px}
  body .app-shell .page-content :is(.owner-card-grid-v26,.user-card-grid-v26){grid-template-columns:minmax(0,1fr);gap:11px}
  body .app-shell .page-content :is(.owner-card-v26,.user-card-v26){padding:13px!important;gap:9px}
  body .app-shell .page-content .owner-actions-v26 .button{min-height:44px!important}
  body .app-shell .page-content :is(.report-filter-bar,.report-filters,.owner-toolbar-controls-v26,.users-v26-tools){gap:9px}
  body .app-shell .page-content :is(.report-filter-bar .actions,.stay-submit-v26>div:last-child){gap:8px}
  body .app-shell .page-content :is(.report-tabs,.smart-accounting-tabs-v52){gap:8px}
  body .app-shell .page-content :is(.report-table-panel,.mobile-cards,.season-print-sheet){max-width:100%}
  body .app-shell .page-content .mobile-cards td:before{font-size:var(--sh83-meta)!important;line-height:1.6}
  body .app-shell .page-content :is(.stay-detection-v26,.stay-owner-known-v26,.lottery-run-summary-v26>article){padding:11px 12px;gap:9px}
  body .app-shell .page-content .lottery-run-facts{flex-wrap:wrap}
  body .app-shell .page-content :is(.lottery-run-facts>span,.owner-usage-v26>span){min-width:0}
  body .app-shell .page-content .owner-usage-v26{grid-template-columns:repeat(3,minmax(0,1fr))}
  body .app-shell .page-content :is(.owner-card-v26,.user-card-v26,.report-filter-panel,.smart-entry-card-v52){box-shadow:0 3px 12px rgba(31,52,78,.035)}
  body .app-shell .page-content :is(.button,button,input,select,textarea){scroll-margin-block:100px}
  body.owner-interface-v80 .app-shell .page-content .owner-home-v44 :is(.owner-action-card-v81,.owner-shortcut-v81) {font-size:var(--sh83-body)!important}
}
@media screen and (max-width:380px){
  body .app-shell .page-content .message-filter a{padding-inline:5px;gap:4px}
  body .app-shell .page-content .message-card{padding:11px!important}
  body .app-shell .page-content .owner-usage-v26>span{padding:7px 3px}
  body .app-shell .page-content .owner-actions-v26{gap:5px}
  body .app-shell .page-content .owner-actions-v26 .button{padding-inline:6px!important}
}
