#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}}

.commerce-web{background:#071f36;color:#f7fafc;border-radius:18px;overflow:hidden}.commerce-web-nav{display:flex;align-items:center;gap:24px;padding:16px 24px;border-bottom:1px solid #ffcc0033}.commerce-web-nav img{width:140px;height:60px;object-fit:contain;filter:brightness(0) invert(1)}.commerce-web-nav span{margin-left:auto;color:#ffcc00}.commerce-web-hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:40px 28px}.commerce-web-hero small{color:#ffcc00;letter-spacing:2px}.commerce-web-hero h2{color:white;font-size:clamp(28px,3vw,44px);line-height:1.1;margin:16px 0}.commerce-web-hero p{color:#b8c6d3}.commerce-web-hero aside{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#102f4c;border:1px solid #ffcc0033;padding:20px;border-radius:20px;align-self:center}.commerce-web-hero aside>div{display:grid;gap:10px;background:#071f36;padding:18px;border-radius:14px}.commerce-web-hero aside b{color:#ffcc00;font-size:20px}.commerce-web-hero aside span{color:#b8c6d3}.commerce-web-catalog{padding:24px}.commerce-web-catalog>label{display:grid;gap:8px}.commerce-web-catalog input{width:100%;background:#102f4c;color:white;border:1px solid #ffcc0033;border-radius:24px;padding:12px 18px}.commerce-web-catalog nav,.commerce-web-controls{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.commerce-web-catalog nav button{background:#102f4c;color:white;border:1px solid #ffcc0033;border-radius:24px;padding:10px 16px}.commerce-web-catalog nav button[aria-pressed=true],.commerce-web-controls button[aria-pressed=true]{background:#ffcc00;color:#071f36}.commerce-web-controls button{padding:12px 18px;border-radius:10px}.commerce-web-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.commerce-web-card{background:white;color:#071f36;border-radius:12px;overflow:hidden;min-width:0}.commerce-web-photo{border:0;border-radius:0;background:#f5f6f7;width:100%;min-height:220px;padding:0;color:#68707c}.commerce-web-photo img{height:220px;width:100%;object-fit:contain;padding:20px}.commerce-web-copy{display:grid;gap:10px;padding:20px}.commerce-web-copy p{color:#68707c;font-size:14px}.commerce-web-copy small{color:#68707c}.commerce-web-copy strong{font-size:23px}.commerce-web-name{background:none;border:0;color:#071f36;padding:0;text-align:left}.commerce-web-name h3{font-size:19px;margin:0}.commerce-web-variant{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;gap:8px;background:#f2f5f7;color:#071f36;border:0;margin-top:8px;padding:10px;font-size:13px}.commerce-web-card summary{cursor:pointer}.commerce-web-frame{width:100%;height:75dvh;border:1px solid #ddd;border-radius:18px;background:white}.commerce-web :focus-visible{outline:3px solid #ffcc00;outline-offset:3px}@media(max-width:1000px){.commerce-web-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-web-hero{grid-template-columns:1fr}}@media(max-width:600px){.commerce-web-hero,.commerce-web-catalog{padding:20px}.commerce-web-hero aside{padding:12px;gap:10px}.commerce-web-grid{grid-template-columns:1fr}.commerce-web-nav{gap:12px;padding:12px}.commerce-web-nav img{width:100px}.commerce-web-controls button{flex:1}.commerce-web-copy{padding:16px}}

#store-tab dialog label{color:#303846}#store-tab dialog p{color:#4c5562}