/* Internal Control Center only. Existing role rules still determine visible links. */
.cc-mobile-menu{display:none}
@media(max-width:720px){
  html.cc-mobile-ready{scroll-padding-top:76px}
  .cc-mobile-ready .sidebar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0;padding:10px 14px;min-height:62px}
  .cc-mobile-ready .sidebar>.brand{margin:0;font-size:18px;line-height:1.4}
  .cc-mobile-ready .cc-mobile-menu{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;background:#1d1a13;color:var(--gold2);border:1px solid #67552f;border-radius:10px;cursor:pointer;font-size:13px;font-weight:650}
  .cc-mobile-ready .cc-mobile-menu:focus-visible,.cc-mobile-ready .sidebar .nav label:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
  .cc-mobile-ready .sidebar .nav{display:none;flex-basis:100%;width:100%;min-width:0;margin:10px 0 0;padding:8px 0 2px;border-top:1px solid var(--line);gap:8px;max-height:65dvh;overflow-y:auto;overflow-x:hidden;align-items:stretch}
  .cc-mobile-ready .sidebar[data-mobile-menu="open"] .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-mobile-ready .sidebar .nav>label,.cc-mobile-ready .sidebar .nav>a{width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid #2b2e36;border-radius:10px;white-space:normal;overflow-wrap:anywhere;text-align:left;align-content:center;font-size:13px;line-height:1.4;text-decoration:none;box-sizing:border-box}
  .cc-mobile-ready .sidebar .nav>[hidden]{display:none!important}
  .cc-mobile-ready .sidebar .nav .ico{width:20px;margin-right:4px;vertical-align:middle}
  .main{padding:14px 14px 32px}
  .main .topbar{gap:10px;margin-bottom:18px}
  .main .topbar>div:first-child{flex:0 1 auto;width:100%}
  .main .title{font-size:27px;line-height:1.2}
  .main .subtitle{font-size:13px;line-height:1.5}
  .main .account-settings-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;gap:7px;margin-bottom:20px}
  .main .account-settings-bar>button{min-width:0;min-height:42px;padding:8px 9px;font-size:12px;white-space:nowrap}
  .main .account-settings-bar .cc-notices-button{overflow:hidden;text-overflow:ellipsis;order:0}
  #myAccountBtn{order:1}
  #mobileSignOutBtn{order:2;margin:0}
  .main .account-settings-bar:has(>.cm-launch:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}
  .main .account-settings-bar:has(>.cm-launch:not([hidden])) .cm-launch{order:1}
  .main .account-settings-bar:has(>.cm-launch:not([hidden])) #myAccountBtn{order:2}
  .main .account-settings-bar:has(>.cm-launch:not([hidden])) #mobileSignOutBtn{order:3}
  #dashboard>.grid>.metric{grid-column:span 6;min-width:0;padding:14px 12px}
  .cc-mobile-ready[data-overview-details="true"] #dashboard>.grid:not(#managerCompensationSummary)>.metric{display:block!important}
  #dashboard .metric-label{font-size:10px;line-height:1.45;letter-spacing:.06em}
  #dashboard .metric-value{font-size:26px;line-height:1.15;margin:8px 0}
  #dashboard .metric-note{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
}