/* SB-WEB-0004 — commercial dashboard redesign */
body.commercial-ui{background:#f6f9fe;color:#17233c}.commercial-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 18px 18px;background:linear-gradient(180deg,#f7fbff 0%,#f4f8fd 100%);border-right:1px solid #e3eaf5;box-shadow:10px 0 35px rgba(43,66,115,.04);z-index:25}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 7px 24px;color:#153667;text-decoration:none}.sidebar-brand img{width:48px;height:48px;filter:drop-shadow(0 6px 12px rgba(27,112,224,.16))}.sidebar-brand span{display:grid;line-height:1.05;min-width:0}.sidebar-brand strong{font-size:22px;letter-spacing:-.035em}.sidebar-brand small{margin-top:5px;font-size:11px;color:#72829d;font-weight:650}.sidebar-nav{display:grid;gap:10px}.side-button{position:relative;display:flex;align-items:center;gap:13px;min-height:54px;padding:12px 15px;border:1px solid #e0e8f3;border-radius:14px;background:rgba(255,255,255,.75);color:#263a5c;text-decoration:none;font-weight:780;box-shadow:0 3px 10px rgba(43,66,115,.035);transition:.16s}.side-button:hover{transform:translateY(-1px);border-color:#c6d8f4;background:#fff}.side-button.active{background:linear-gradient(135deg,#1685f8,#0869db);color:#fff;border-color:transparent;box-shadow:0 9px 22px rgba(21,118,232,.24)}.side-button.premium-side:not(.active){color:#8e5e00}.side-button.locked{color:#756f82;background:#fbfaff}.side-icon{display:grid;place-items:center;width:26px;font-size:20px}.side-badge{margin-left:auto;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#ff4a51;color:#fff;font-size:11px;box-shadow:0 0 0 3px #fff}.sidebar-spacer{flex:1}.sidebar-plan{display:grid;gap:7px;padding:16px;border:1px solid #d9e5f7;border-radius:17px;background:linear-gradient(160deg,#f6fbff,#edf6ff);margin-top:18px}.sidebar-plan.is-premium{background:linear-gradient(160deg,#fffaf0,#f7f1ff);border-color:#ebd8aa}.sidebar-plan .plan-crown{font-size:24px;color:#f2a900}.sidebar-plan strong{font-size:16px}.sidebar-plan p{margin:0;color:#6c7890;font-size:12px}.side-plan-button{margin-top:5px!important;min-height:40px!important;background:#fff!important;border-color:#d6e1f1!important;color:#126ad6!important}.sidebar-language{display:flex;align-items:center;gap:8px;margin-top:14px;padding:11px 12px;border:1px solid #e0e8f3;border-radius:13px;background:#fff;color:#55657f}.sidebar-language button{flex:1;display:flex;justify-content:space-between;border:0;background:transparent;font:inherit;font-size:13px;color:#43516a;cursor:pointer}.workspace{min-width:0}.workspace-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(280px,620px) auto;align-items:center;justify-content:space-between;gap:22px;min-height:84px;padding:14px 28px;background:rgba(255,255,255,.93);border-bottom:1px solid #e5ebf4;backdrop-filter:blur(16px)}.mobile-brand{display:none}.top-search{position:relative;display:flex;align-items:center;max-width:620px}.top-search>span{position:absolute;left:17px;color:#78879f;font-size:23px;pointer-events:none}.top-search input{min-height:50px;padding:11px 18px 11px 47px;border-radius:14px;border-color:#dce5f1;background:#f8fafd;box-shadow:none}.top-search input:focus{background:#fff}.account-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px}.top-language button,.account-menu-button{min-height:42px;border:1px solid #e0e8f3;border-radius:12px;background:#fff;color:#465672;font:inherit;font-weight:750;padding:8px 11px;cursor:pointer}.top-bell{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #e0e8f3;border-radius:13px;background:#fff;text-decoration:none;color:#243a61;font-size:19px}.top-bell b{position:absolute;top:-6px;right:-5px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#ff454d;color:#fff;font-size:10px;box-shadow:0 0 0 3px #fff}.top-bell.locked{opacity:.68}.account-chip{display:flex;align-items:center;gap:9px;min-width:0;padding:2px 4px}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1887f9,#075fcc);color:#fff;font-weight:850;box-shadow:0 7px 16px rgba(16,109,219,.18)}.account-copy{display:grid;line-height:1.12;min-width:0}.account-copy strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.account-copy small{margin-top:4px;color:#6b7890;font-size:11px}.account-copy small.premium-text{color:#d29100}.workspace-body{padding:28px 28px 90px}.commercial-main{max-width:1520px;margin:0 auto}.workspace-body>.flash{width:100%;max-width:1520px;margin:0 auto 16px}.commercial-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.commercial-welcome h1{margin:0;color:#152846;font-size:34px;letter-spacing:-.04em}.commercial-welcome p{margin:5px 0 0;color:#728099;font-size:17px}.welcome-actions{display:flex;align-items:center;gap:14px}.today-label{color:#78869c;font-size:13px}.add-bill-hero{min-height:48px!important;border-radius:13px!important;gap:8px!important;box-shadow:0 8px 18px rgba(16,108,220,.2)!important}.commercial-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.commercial-summary-card{position:relative;overflow:hidden;min-width:0;border-radius:17px;padding:17px 16px 14px;color:#fff;box-shadow:0 9px 22px rgba(35,65,110,.09)}.commercial-summary-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-34px;top:-34px;background:rgba(255,255,255,.11)}.commercial-summary-card.month{background:linear-gradient(145deg,#2f94ff,#156fe8)}.commercial-summary-card.paid{background:linear-gradient(145deg,#2dcc71,#0baa51)}.commercial-summary-card.remaining{background:linear-gradient(145deg,#9567f0,#7240da)}.commercial-summary-card.due-soon{background:linear-gradient(145deg,#ffc64d,#f7a91f);color:#3f300c}.commercial-summary-card.overdue{background:linear-gradient(145deg,#ff666b,#ee3c46)}.commercial-summary-card.autopay{background:linear-gradient(145deg,#20cdc7,#08a8ac)}.commercial-summary-top{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;position:relative;z-index:1}.commercial-summary-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.2);font-size:18px}.commercial-summary-card strong{display:block;margin-top:12px;font-size:23px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}.commercial-summary-card small{display:block;margin-top:6px;opacity:.88;font-size:11px;position:relative;z-index:1}.summary-action-button{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:13px;min-height:36px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.16);color:inherit;text-decoration:none;font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,.08)}.due-soon .summary-action-button{background:rgba(255,255,255,.48);border-color:rgba(255,255,255,.28)}.summary-action-button:hover{background:rgba(255,255,255,.25)}.notification-promo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 17px;margin-bottom:18px;border:1px solid #cfe1fa;border-radius:16px;background:linear-gradient(90deg,#eef7ff,#f8fbff 70%);box-shadow:0 4px 14px rgba(36,88,148,.035)}.notification-promo.premium-on{border-color:#d7e2fa;background:linear-gradient(90deg,#eef5ff,#f7f3ff 72%)}.promo-bell{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#1b8df8,#0c64d7);color:#fff;font-size:20px}.notification-promo strong{color:#1766c8}.notification-promo p{margin:3px 0 0;color:#596a84;font-size:13px}.promo-button{white-space:nowrap;min-height:40px!important}.commercial-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.78fr);gap:18px}.dashboard-primary-column,.dashboard-secondary-column{display:grid;gap:18px;align-content:start}.commercial-card{background:#fff;border:1px solid #e1e8f2;border-radius:18px;box-shadow:0 7px 24px rgba(43,66,115,.055);overflow:hidden}.card-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid #e9eef5}.card-heading-row h2{margin:0;color:#182945;font-size:20px;letter-spacing:-.025em}.section-kicker{display:block;margin-bottom:2px;color:#748299;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.compact-heading h2{font-size:17px}.commercial-month-row{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;gap:7px;padding:10px 16px;background:#fbfcfe;border-bottom:1px solid #edf1f7}.commercial-month-row .icon-button{display:grid;place-items:center;min-height:36px;border:1px solid #e0e7f1;border-radius:10px;background:#fff;color:#116bd6;text-decoration:none;font-size:20px;font-weight:850}.commercial-filter-row{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;border-bottom:1px solid #edf1f7;scrollbar-width:none}.commercial-filter-row::-webkit-scrollbar{display:none}.commercial-filter-row .filter-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid #e0e7f1;border-radius:10px;background:#fff;color:#4e5e78;text-decoration:none;font-size:12px;font-weight:750;white-space:nowrap}.commercial-filter-row .filter-button.active{background:#116fe0;color:#fff;border-color:#116fe0;box-shadow:0 5px 12px rgba(17,111,224,.16)}.search-result-note{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#fff9e7;color:#6e5a1a;border-bottom:1px solid #efe3bd;font-size:12px}.bills-table-wrap{overflow-x:auto}.commercial-bills-table{width:100%;border-collapse:collapse;min-width:790px}.commercial-bills-table th{padding:12px 14px;background:#f8fafc;color:#65738b;font-size:11px;text-align:left;font-weight:800;border-bottom:1px solid #e7edf5}.commercial-bills-table td{padding:13px 14px;border-bottom:1px solid #edf1f6;color:#31415d;font-size:13px;vertical-align:middle}.commercial-bills-table tr:last-child td{border-bottom:0}.commercial-bills-table tbody tr:hover{background:#fbfdff}.bill-name-cell{display:flex;align-items:center;gap:9px}.bill-dot{width:11px;height:11px;border-radius:50%;background:#a7b2c4;box-shadow:0 0 0 4px #f1f4f8}.bill-dot.paid{background:#16b85b;box-shadow:0 0 0 4px #e6f8ee}.bill-dot.overdue{background:#ef4550;box-shadow:0 0 0 4px #fff0f2}.bill-dot.due-soon{background:#ffb31e;box-shadow:0 0 0 4px #fff6df}.bill-dot.autopay{background:#11bcb8;box-shadow:0 0 0 4px #e5fbfa}.table-actions{display:flex;align-items:center;gap:6px}.table-actions form{margin:0}.table-actions .button{min-height:34px!important;padding:6px 9px!important;border-radius:9px!important;font-size:11px!important}.compact-empty{margin:8px}.quick-actions-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-action{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:12px;border-radius:15px;color:#fff;text-decoration:none;font-size:13px;box-shadow:0 7px 18px rgba(43,66,115,.08);transition:.16s}.quick-action:hover{transform:translateY(-1px)}.quick-action span{font-size:20px}.quick-action.add{background:linear-gradient(135deg,#22c77a,#14a95e)}.quick-action.notify{background:linear-gradient(135deg,#2e94ff,#156edc)}.quick-action.insight{background:linear-gradient(135deg,#9a64ee,#7541d7)}.quick-action.settings{background:linear-gradient(135deg,#627897,#465d7b)}.quick-action.locked{filter:saturate(.65);opacity:.88}.preview-list,.calendar-list{display:grid}.preview-notification{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid #edf1f6;color:inherit;text-decoration:none}.preview-notification:last-child{border-bottom:0}.preview-notification.unread{background:#fbfdff}.preview-alert-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#fff0cf;color:#ad6900;font-weight:900}.preview-notification span:nth-child(2){display:grid;gap:3px;min-width:0}.preview-notification strong{font-size:13px}.preview-notification small{color:#708099;font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-notification time{align-self:start;color:#8b98aa;font-size:10px;white-space:nowrap}.mini-empty{padding:24px;text-align:center;color:#7b8799;font-size:13px}.premium-preview-lock{display:grid;justify-items:center;text-align:center;gap:8px;padding:24px 20px}.premium-preview-lock>span{font-size:30px;color:#e5a300}.premium-preview-lock p{margin:0 0 4px;color:#68758b;font-size:12px}.calendar-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 16px;border-bottom:1px solid #edf1f6;color:inherit;text-decoration:none}.calendar-row:last-child{border-bottom:0}.calendar-date{display:grid;place-items:center;min-height:50px;border-radius:12px;background:#f5f8fc;color:#2e3e5c}.calendar-date small{text-transform:uppercase;font-size:9px;font-weight:850}.calendar-date strong{font-size:18px;line-height:1}.calendar-copy{display:grid;gap:2px}.calendar-copy strong{font-size:13px}.calendar-copy small{font-size:11px;color:#728098}.calendar-row .status{white-space:nowrap}.status.upcoming{background:#eef2f7;color:#596a82}.premium-upgrade-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:17px;border:1px solid #d7e6fb;border-radius:18px;background:linear-gradient(145deg,#edf7ff,#f1f5ff);box-shadow:0 7px 22px rgba(43,66,115,.04)}.premium-upgrade-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#176fe1;color:#fff;font-size:20px}.premium-upgrade-card strong{color:#1763c5}.premium-upgrade-card p{margin:3px 0 0;color:#5f6f87;font-size:12px}.premium-upgrade-card .button{grid-column:1/3}.mobile-bottom-nav{display:none}.guest-shell .guest-topbar{position:sticky}.guest-shell .main-content{width:min(760px,100%)}

@media(max-width:1280px){.commercial-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.commercial-dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr)}.account-copy{display:none}.workspace-topbar{grid-template-columns:minmax(260px,1fr) auto}.commercial-welcome h1{font-size:30px}}
@media(max-width:1050px){.commercial-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar{padding-inline:12px}.sidebar-brand{justify-content:center;padding-inline:0}.sidebar-brand span,.side-button>span:not(.side-icon),.sidebar-plan,.sidebar-language{display:none}.side-button{justify-content:center;padding:10px}.side-icon{font-size:21px}.side-badge{position:absolute;right:5px;top:5px}.commercial-dashboard-grid{grid-template-columns:1fr}.dashboard-secondary-column{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-upgrade-card{grid-column:1/3}.workspace-body{padding-inline:22px}.quick-actions-panel{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){body.commercial-ui{padding-bottom:78px}.commercial-shell{display:block;min-height:auto}.sidebar{display:none}.workspace-topbar{min-height:72px;padding:11px 14px;grid-template-columns:auto 1fr auto}.mobile-brand{display:flex;align-items:center;gap:7px;color:#183b6e;text-decoration:none}.mobile-brand img{width:38px;height:38px}.mobile-brand strong{display:none}.top-search{max-width:none}.top-search input{min-height:44px;padding-left:40px}.top-search>span{left:13px;font-size:19px}.top-language,.account-chip,.logout-form{display:none}.account-tools{gap:7px}.workspace-body{padding:18px 14px 82px}.commercial-welcome{align-items:flex-start}.welcome-actions{align-items:flex-end;flex-direction:column}.today-label{font-size:11px}.commercial-welcome h1{font-size:27px}.commercial-welcome p{font-size:14px}.commercial-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.commercial-summary-card{padding:14px}.commercial-summary-card strong{font-size:20px}.commercial-dashboard-grid{display:block}.dashboard-secondary-column{display:grid;grid-template-columns:1fr;margin-top:14px}.premium-upgrade-card{grid-column:auto}.quick-actions-panel{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.notification-promo{grid-template-columns:auto 1fr}.notification-promo .promo-button{grid-column:1/3;width:100%}.mobile-bottom-nav{position:fixed;z-index:50;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;border:1px solid #dce5f2;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(27,47,80,.18);backdrop-filter:blur(16px)}.mobile-bottom-nav a{display:grid;justify-items:center;align-content:center;gap:1px;min-height:52px;border-radius:13px;color:#65738a;text-decoration:none}.mobile-bottom-nav a.active{background:#eef5ff;color:#126fe1}.mobile-bottom-nav span{font-size:18px}.mobile-bottom-nav small{font-size:9px;font-weight:750}.mobile-bottom-nav .mobile-add{margin-top:-18px;background:linear-gradient(135deg,#1b88f6,#0b68db);color:#fff;box-shadow:0 7px 18px rgba(17,111,224,.26)}.commercial-bills-table{min-width:0}.commercial-bills-table thead{display:none}.commercial-bills-table,.commercial-bills-table tbody,.commercial-bills-table tr,.commercial-bills-table td{display:block;width:100%}.commercial-bills-table tr{padding:12px 14px;border-bottom:1px solid #e8eef6}.commercial-bills-table td{display:grid;grid-template-columns:95px 1fr;gap:10px;align-items:center;padding:5px 0;border:0}.commercial-bills-table td:before{content:attr(data-label);color:#8591a3;font-size:10px;font-weight:800;text-transform:uppercase}.commercial-bills-table td[data-label="Actions"],.commercial-bills-table td[data-label="Acciones"]{display:block;padding-top:10px}.commercial-bills-table td[data-label="Actions"]:before,.commercial-bills-table td[data-label="Acciones"]:before{display:none}.table-actions{display:grid;grid-template-columns:1fr 1fr}.table-actions .button,.table-actions form,.table-actions form .button{width:100%}.card-heading-row{padding:14px}.commercial-filter-row{padding-inline:12px}}
@media(max-width:520px){.workspace-topbar{grid-template-columns:auto minmax(0,1fr) auto}.mobile-brand strong{display:none}.top-search input{font-size:14px}.account-tools .top-bell{width:40px;height:40px}.commercial-welcome{display:grid;grid-template-columns:1fr}.welcome-actions{display:grid;grid-template-columns:1fr auto;align-items:center}.today-label{order:2}.add-bill-hero{order:1;width:max-content}.commercial-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-summary-card strong{font-size:18px}.commercial-summary-top span:last-child{font-size:10px}.summary-action-button{font-size:10px}.notification-promo{padding:13px}.promo-bell{width:38px;height:38px}.quick-actions-panel{grid-template-columns:1fr 1fr}.quick-action{font-size:11px}.calendar-row{grid-template-columns:45px minmax(0,1fr)}.calendar-row>.status{grid-column:2;justify-self:start}.preview-notification{grid-template-columns:auto minmax(0,1fr)}.preview-notification time{grid-column:2}.commercial-month-row{padding-inline:12px}}
/* keep non-dashboard commercial pages comfortably readable inside the wide shell */
.commercial-main>.page-head,.commercial-main>.form-card,.commercial-main>.premium-hero,.commercial-main>.plan-status,.commercial-main>.pricing-grid,.commercial-main>.checkout-section,.commercial-main>.insights-head,.commercial-main>.insight-card,.commercial-main>.notifications-head,.commercial-main>.notification-list,.commercial-main>.pager{max-width:980px;margin-left:auto;margin-right:auto}.commercial-main>.pricing-grid,.commercial-main>.checkout-section{width:100%}.commercial-main>.premium-hero{margin-bottom:14px}.commercial-main>.plan-status{margin-bottom:14px}