/* LuxorOtoMarket Customer Panel Unified Layout V14
   Goal: every customer page uses the same desktop canvas/sidebar/content width.
   Desktop and mobile are deliberately separated to avoid cross-impact. */
@media (min-width:761px){
  .customer-main-unified{width:100%;min-width:0}
  .customer-main-unified>.customer-shell,
  .customer-main-unified>.rv41-shell,
  .customer-main-unified>.support-shell{
    box-sizing:border-box!important;
    width:calc(100% - 48px)!important;
    max-width:1220px!important;
    margin:38px auto 60px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:244px minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  .customer-main-unified .customer-account-nav{
    box-sizing:border-box!important;
    width:244px!important;
    min-width:244px!important;
    max-width:244px!important;
    margin:0!important;
  }
  .customer-main-unified .customer-content,
  .customer-main-unified .rv41-main,
  .customer-main-unified .support-content{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  .customer-main-unified .rv41-main{display:grid;gap:12px}
  .customer-main-unified .rv41-kpis{margin:0!important}
  .customer-main-unified .rv41-toolbar{margin:0!important}
  .customer-main-unified .rv41-workspace{margin:0!important}

  /* Consistent page-head proportions across profile / invoice / review / notification / support pages. */
  .customer-main-unified .customer-page-head,
  .customer-main-unified .customer-welcome,
  .customer-main-unified .rv41-hero,
  .customer-main-unified .cn-head,
  .customer-main-unified .claims-head,
  .customer-main-unified .support-topbar,
  .customer-main-unified .communication-hero{
    box-sizing:border-box;
    width:100%;
  }

  /* Prevent page-specific legacy max-widths from making the main column jump. */
  .customer-main-unified .account-v13,
  .customer-main-unified .account-v128,
  .customer-main-unified .account-v129,
  .customer-main-unified .account-orders-v1315,
  .customer-main-unified .support-shell,
  .customer-main-unified .rv41-shell{
    max-width:1220px!important;
  }

  /* Reviews: same structural rhythm as the rest of the customer center. */
  .customer-main-unified .rv41-hero{min-height:122px;padding:22px 24px;border-radius:18px}
  .customer-main-unified .rv41-hero h1{font-size:30px;line-height:1.05;margin:6px 0 8px}
  .customer-main-unified .rv41-hero p{font-size:11px;line-height:1.55;max-width:680px}
  .customer-main-unified .rv41-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .customer-main-unified .rv41-kpis>div{min-height:82px;padding:13px 14px;display:flex;flex-direction:column;justify-content:center}
  .customer-main-unified .rv41-workspace{grid-template-columns:minmax(0,1fr) 250px;gap:12px}
  .customer-main-unified .rv41-card{grid-template-columns:200px minmax(0,1fr) 92px}
  .customer-main-unified .rv41-side{width:100%}
  .rv41-insightbar{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:stretch;background:#fff;border:1px solid #eadfcf;border-radius:15px;padding:9px}
  .rv41-insightbar>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;min-width:0;padding:8px 10px;border-radius:11px;background:#faf8f4}
  .rv41-insightbar>div>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#171717;color:#d1a10d;font-style:normal;font-size:13px;font-weight:900}
  .rv41-insightbar>div>span{min-width:0;display:flex;flex-direction:column;gap:3px}
  .rv41-insightbar small{font-size:7.5px;letter-spacing:.09em;font-weight:900;color:#9a7211;white-space:nowrap}
  .rv41-insightbar b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rv41-insightbar>a{display:flex;align-items:center;justify-content:center;padding:0 13px;border-radius:10px;background:#171717;color:#fff;text-decoration:none;font-size:8.5px;font-weight:900;white-space:nowrap}

  /* Stable table/card widths. */
  .customer-main-unified .v1228-grid,
  .customer-main-unified .profile-grid-v128,
  .customer-main-unified .address-layout-modern,
  .customer-main-unified .customer-grid-main,
  .customer-main-unified .claims-grid,
  .customer-main-unified .support-workspace{
    width:100%;min-width:0;box-sizing:border-box;
  }
}

@media (min-width:761px) and (max-width:1100px){
  .customer-main-unified>.customer-shell,
  .customer-main-unified>.rv41-shell,
  .customer-main-unified>.support-shell{
    width:calc(100% - 28px)!important;
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:14px!important;
  }
  .customer-main-unified .customer-account-nav{width:220px!important;min-width:220px!important;max-width:220px!important}
  .rv41-insightbar{grid-template-columns:1fr 1fr}
  .rv41-insightbar>a{min-height:42px}
}

/* Mobile remains its own layout; only neutral overflow protection is shared. */
@media (max-width:760px){
  .customer-main-unified,.customer-main-unified .customer-content,.customer-main-unified .rv41-main{min-width:0;max-width:100%}
  .customer-main-unified .rv41-shell{margin:14px 10px 90px!important;max-width:none!important}
  .rv41-insightbar{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px;background:#fff;border:1px solid #eadfcf;border-radius:14px}
  .rv41-insightbar>div{display:grid;grid-template-columns:30px 1fr;gap:7px;align-items:center;padding:8px;border-radius:10px;background:#faf8f4}
  .rv41-insightbar>div>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#171717;color:#d1a10d;font-style:normal;font-weight:900}
  .rv41-insightbar>div>span{display:flex;min-width:0;flex-direction:column}
  .rv41-insightbar small{font-size:7px;color:#9a7211;font-weight:900}.rv41-insightbar b{font-size:9px}
  .rv41-insightbar>a{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:10px;background:#171717;color:#fff;text-decoration:none;font-size:9px;font-weight:900}
}