#store-tab{max-width:1400px;margin:auto;padding:24px}#store-tab h1{font-size:clamp(26px,3vw,40px);letter-spacing:-1px;margin:4px 0}.commerce-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.commerce-heading p{color:#69707a}.commerce-tabs{display:flex;gap:12px;overflow-x:auto;border-bottom:1px solid #e1e4e8;padding-bottom:10px}.commerce-tabs button{white-space:nowrap;border:0;background:none;color:#4c5562;padding:12px 16px}.commerce-tabs [aria-pressed=true]{background:#f4c400;color:#111;border-radius:8px}.commerce-purchase,.commerce-empty{padding:24px;background:white;border:1px solid #e1e4e8;border-radius:14px;margin:18px 0;color:#151619}.commerce-purchase header{display:flex;align-items:center;justify-content:space-between;gap:18px}.commerce-purchase h3{margin:5px 0;font-size:22px}.commerce-purchase p{color:#68707d}.commerce-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:15px;margin:20px 0}.commerce-metrics>div{display:grid;gap:10px;background:#f6f7f8;padding:20px;border-radius:10px}.commerce-metrics small{color:#677080}.commerce-metrics b{font-size:24px}.commerce-actions{display:flex;gap:12px}.commerce-business-home{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.commerce-business-home button{display:grid;gap:9px;text-align:left;padding:24px;background:#fff;color:#111;border:1px solid #e1e4e8;border-radius:14px;box-shadow:0 5px 18px #00000005}.commerce-business-home b{font-size:24px}.commerce-business-home small{font-size:14px;color:#677080}.commerce-business-home span{background:#f4c400;border-radius:8px;padding:10px;text-align:center;margin-top:8px}.gerencia-hub .commerce-business-home{display:none}.commerce-more{width:100%}.commerce-more summary{cursor:pointer;padding:15px;color:inherit}.commerce-more button{width:100%;text-align:left}.commerce-more .ui-nav-label{display:block}.commerce-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}#store-tab dialog{width:min(850px,94vw);max-height:90dvh;overflow:auto;background:#fff;color:#111;border:1px solid #ddd;border-radius:15px;padding:28px}#store-tab dialog::backdrop{background:#0008}.commerce-dialog-heading{display:flex;justify-content:space-between;align-items:center}.commerce-dialog-heading button{font-size:24px}.commerce-form-grid input,.commerce-form-grid select,#store-tab textarea{width:100%;padding:10px;background:#fff;color:#111;border:1px solid #c8ccd2;border-radius:7px}.commerce-cost-preview{padding:20px;background:#fff9da;margin:15px 0;border-radius:10px}.commerce-tabs button:focus-visible,.commerce-business-home button:focus-visible{outline:3px solid #806600;outline-offset:3px}@media(max-width:700px){#store-tab{padding:15px}.commerce-business-home{grid-template-columns:1fr}.commerce-business-home button{padding:18px}.commerce-heading,.commerce-purchase header{align-items:flex-start;flex-direction:column}.commerce-form-grid{grid-template-columns:1fr}.commerce-purchase{padding:16px}.commerce-metrics{grid-template-columns:1fr 1fr}.commerce-metrics>div{padding:12px}.commerce-metrics b{font-size:19px}.commerce-tabs{gap:5px}.commerce-tabs button{padding:10px}.commerce-actions{flex-wrap:wrap}}

.commerce-more button{display:flex;align-items:center;gap:12px;padding:12px 15px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit}.commerce-more button.active{background:#f4c400;color:#111}.commerce-more button:hover{background:#ffffff15}

/* Scope the new workspace so legacy dark-theme rules cannot erase contrast. */
#store-tab{background:#fff;color:#151619;min-height:calc(100dvh - 100px);border-radius:16px}
#store-tab .commerce-metrics b,#store-tab h1,#store-tab h2,#store-tab h3{color:#151619}
#store-tab .commerce-heading>button,#store-tab .commerce-heading>a{flex:0 0 auto;width:auto;max-width:100%}
#store-tab .commerce-heading>a{padding:12px 18px;border:1px solid #d5d9df;border-radius:8px;text-decoration:none;color:#111;background:#f5f6f7}
#store-tab .commerce-tabs button{width:auto;flex:0 0 auto}
.commerce-nav-brand{background:transparent;padding:12px;margin:0;width:100%;min-width:0;box-sizing:border-box}
.commerce-nav-brand img{display:block;width:100%;max-width:100%;height:64px;object-fit:contain}
@media(max-width:1024px){.exact-bottom-nav>.commerce-more,.exact-bottom-nav>.commerce-nav-brand{display:none!important}#store-tab{padding-bottom:100px}}

/* The desktop sidebar contains a logo and an expandable group, not only buttons. */
@media (min-width:1025px){
  #main-view#main-view .exact-bottom-nav,
  :root body.gerencia-mode #main-view#main-view .exact-bottom-nav{
    grid-template-rows:none!important;
    grid-auto-rows:max-content!important;
    align-content:start!important;
  }
  #main-view .exact-bottom-nav>.commerce-nav-brand{order:-1;min-height:88px;}
  :root body.gerencia-mode #main-view#main-view .exact-bottom-nav>#mobile-menu-toggle,
  #main-view .exact-bottom-nav>#mobile-menu-toggle{display:none!important;}
  #main-view .exact-bottom-nav>.commerce-more{height:auto;min-height:46px;min-width:0;}
  #main-view .commerce-more>summary{min-height:46px;line-height:1.35;overflow-wrap:anywhere;}
}

/* Each business route owns its list, calendar and creation actions. */
#dispatches-tab[data-business-kind] .dispatch-kind-switch,
#dispatches-tab[data-business-kind] .calendar-filters{display:none!important;}
#dispatches-tab[data-business-kind="rental"] .calendar-legend>span:has(i.production),
#dispatches-tab[data-business-kind="production"] .calendar-legend>span:has(i.rental),
#dispatches-tab[data-business-kind="production"] .calendar-legend>span:has(i.return){display:none;}

/* CRM status follows the expanded tools in normal sidebar flow. */
@media(min-width:1025px){
  #main-view#main-view .exact-bottom-nav .exact-sync-badge,
  :root body.gerencia-mode #main-view#main-view .exact-bottom-nav .exact-sync-badge{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:44px!important;
    margin:12px 0 0!important;
    padding:9px 10px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    white-space:normal!important;
    flex:0 0 auto!important;
  }
  #main-view .exact-bottom-nav .exact-sync-badge i{flex:0 0 auto;}
  #main-view .exact-bottom-nav .exact-sync-badge b{min-width:0;line-height:1.35;overflow-wrap:anywhere;}
}

#store-tab .commerce-table-scroll{overflow-x:auto;max-width:100%}#store-tab table{width:100%;border-collapse:collapse}#store-tab th,#store-tab td{text-align:left;padding:12px;border-bottom:1px solid #ddd;vertical-align:top}#store-tab td small{overflow-wrap:anywhere}#commerce-manage-dialog input:not([type=checkbox]),#commerce-manage-dialog select,#commerce-manage-dialog textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccc;border-radius:7px;background:#fff;color:#111}#commerce-manage-dialog textarea{min-height:120px}#commerce-manage-dialog label{display:grid;gap:8px}#store-tab .commerce-metrics>div{min-width:0}#store-tab .commerce-metrics b{overflow-wrap:anywhere}@media(max-width:600px){#store-tab dialog{padding:16px;width:94vw;box-sizing:border-box}#store-tab .commerce-table-scroll table{min-width:650px}}
