/* Design system premium — base visual para todo o Balcão Digital */
:root{--ink:#172033;--muted:#728097;--line:#e7ebf1;--soft:#f5f7fa;--card:#fff;--accent:#e94b35;--accent-dark:#c93826;--green:#19a974;--nav:#151b28;--nav-muted:#9ba6b8;--shadow:0 10px 30px rgba(25,38,59,.055);--radius:14px}
body{background:var(--soft);letter-spacing:-.08px}.sidebar{width:268px;padding:28px 15px 18px;background:linear-gradient(180deg,#161d2a,#101622)}.brand{margin-bottom:42px}.brand-mark{width:32px;height:32px;border-radius:10px;box-shadow:0 8px 18px #e94b3550}.workspace-label{margin-bottom:12px}.menu{gap:5px}.menu-link{min-height:45px;border-radius:10px;padding:0 13px;transition:background .18s,color .18s}.menu-link:hover,.menu-link.active{background:#293243;box-shadow:none}.menu-link.active{box-shadow:inset 3px 0 var(--accent),0 6px 16px #00000018}.sidebar-bottom{padding-top:15px}.account{padding:12px 10px;border-radius:11px;background:#ffffff09}.content{width:calc(100% - 268px);margin-left:268px}.topbar{height:76px;padding:0 46px;background:#ffffffde;backdrop-filter:blur(12px)}.screen{max-width:1500px;padding:42px 46px 64px}.page-heading{margin-bottom:31px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:1.35px}.page-heading h1{font-size:32px;letter-spacing:-1.1px}.page-heading p{font-size:14px}.button{min-height:44px;padding:0 18px;border-radius:10px;font-size:12px;transition:transform .16s,box-shadow .16s}.button.primary{background:linear-gradient(135deg,#f25a41,#df3e2b);box-shadow:0 9px 18px #e94b3527}.button.primary:hover{transform:translateY(-1px);box-shadow:0 12px 22px #e94b3538}.button.secondary{border-color:#dde3eb;background:#fff}.hero{position:relative;min-height:250px;padding:38px;border-radius:20px;background:radial-gradient(circle at 86% 13%,#f86d5229,transparent 27%),linear-gradient(118deg,#222c3d,#17202e);box-shadow:var(--shadow)}.hero:after{content:'';position:absolute;right:-45px;bottom:-75px;width:250px;height:250px;border:32px solid #ffffff09;border-radius:50%}.hero h2{font-size:33px;line-height:1.1}.hero p{font-size:14px}.hero-stats{position:relative;z-index:1}.hero-stat{padding:19px;border-radius:13px;background:#ffffff10;backdrop-filter:blur(7px)}.hero-stat strong{font-size:28px}.stats{gap:18px;margin:26px 0}.stat-card,.panel{border:1px solid #e8ecf2;border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:21px}.stat-card header{font-weight:700}.stat-icon{width:36px;height:36px;border-radius:11px;background:#fff0ec}.stat-card strong{margin-top:19px;font-size:28px}.dashboard-grid{gap:18px}.panel{padding:23px}.panel-title h3{font-size:17px}.quick{padding:15px;border-radius:11px;transition:border .18s,transform .18s}.quick:hover{border-color:#efad9f;transform:translateY(-1px)}.quick span{width:37px;height:37px;border-radius:11px}.filterbar{padding:10px;border:1px solid #e8ecf2;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.search,.select{border-color:transparent;background:#f7f8fa}.search:focus{background:#fff;border-color:#f1b7aa}.data-table th{padding:0 14px 15px}.data-table td{padding:17px 14px}.tabs{gap:24px}.tab{font-size:12px}.toast{border-radius:11px;background:#182132;box-shadow:0 14px 28px #1720332e}
/* SaaS: produto separado, mais denso e corporativo */
.saas-shell{grid-template-columns:274px 1fr;background:#f4f7fb}.saas-sidebar{width:274px;padding:27px 14px;background:linear-gradient(180deg,#10213d,#0b172c)}.saas-brand{font-size:22px}.saas-brand>span:first-child{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#708eff,#4263eb);box-shadow:0 8px 18px #415fdb48}.saas-sidebar nav a{min-height:42px;border-radius:9px}.saas-sidebar nav a.active,.saas-sidebar nav a:hover{background:#233b60;box-shadow:inset 3px 0 #7d95ff}.saas-main{margin-left:274px}.saas-main header{height:76px;padding:0 42px;background:#ffffffea;backdrop-filter:blur(12px)}.saas-content{max-width:1500px;padding:40px 42px 60px}.saas-content .stat-card{background:linear-gradient(145deg,#fff,#fbfcff)}.saas-content .stat-card:first-child .stat-icon{background:#eaf0ff;color:#4767e9}.saas-content .stat-card:nth-child(2) .stat-icon{background:#e7f8f0;color:#1ca872}.saas-content .stat-card:nth-child(3) .stat-icon{background:#fff4de;color:#d18b16}.saas-content .stat-card:nth-child(4) .stat-icon{background:#fcebed;color:#df4a55}.saas-user{text-decoration:none;border-radius:10px}.saas-main header a{display:grid;width:32px;height:32px;place-items:center;border:1px solid #e1e6ef;border-radius:9px;color:#66748a;text-decoration:none}
/* Cliente e telas de fluxo */
.storefront{border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.store-cover{background:radial-gradient(circle at 85% 20%,#f6785e44,transparent 32%),linear-gradient(118deg,#302521,#623126)}.store-grid{gap:19px}.menu-product,.discover-store{border-radius:14px;box-shadow:0 7px 17px #17203308;transition:transform .18s,box-shadow .18s}.menu-product:hover,.discover-store:hover{transform:translateY(-3px);box-shadow:0 13px 25px #17203315}.cart-bar{border-radius:12px;background:#192233;box-shadow:0 15px 30px #0a10204d}.form-panel,.checkout-section,.order-summary{padding:26px}.form-field input,.form-field textarea,.form-field select{border-color:#e0e6ee;background:#fbfcfd}.form-field input:focus,.form-field textarea:focus{border-color:#ed9c8c;background:#fff}.auth-card{border-radius:18px;box-shadow:0 18px 40px #17203313}.table-grid article,.integration-grid article{border-radius:14px;box-shadow:var(--shadow)}
@media(max-width:1000px){.sidebar{width:230px}.content{width:calc(100% - 230px);margin-left:230px}.screen{padding:30px}.topbar{padding:0 30px}.saas-sidebar{width:232px}.saas-main{margin-left:232px}.saas-content{padding:30px}}@media(max-width:720px){.sidebar{width:268px}.screen{padding:24px 17px}.topbar{padding:0 17px}.hero{padding:28px;border-radius:16px}.hero h2{font-size:27px}.stat-card{padding:16px}.panel{padding:18px}.saas-main{margin:0}.saas-content{padding:24px 17px}}