:root{color-scheme:light;--ink:#101a2c;--muted:#718096;--line:#e5eaf1;--paper:#fff;--canvas:#f4f7fb;--navy:#081322;--cyan:#4be0ce;--blue:#6aa8ff;--green:#16a879;--shadow:0 18px 60px rgba(16,35,62,.08)}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:var(--canvas);font-size:14px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #69daca80;outline-offset:2px}[hidden]{display:none!important}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(400px,.92fr);background:#fff}.login-art{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:42px clamp(35px,6vw,90px);color:#f5f8fc;background:radial-gradient(ellipse at 85% 18%,#173e56 0,transparent 32%),linear-gradient(145deg,#07111f,#0b1b2d 68%,#092a32)}.login-art:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000 70%)}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:1.1px;position:relative;z-index:1}.brand-light{color:#7cebdc}.brand small{display:block;font-family:"DM Sans",sans-serif;font-size:9px;color:#8ea4bc;letter-spacing:2.8px;margin-top:3px}.brand-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#071723;background:linear-gradient(135deg,#6af1d9,#72a9ff);font-size:22px;font-weight:900;box-shadow:0 9px 32px #4be0ce20}.art-copy{max-width:550px;margin:70px 0;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#69e8d7}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#60ead7;box-shadow:0 0 15px #60ead7;margin-right:7px}.art-copy h1{font-family:Manrope,sans-serif;font-size:clamp(42px,5vw,67px);line-height:1.05;letter-spacing:-3px;margin:24px 0 22px}.art-copy h1 span{color:#6ee7d7}.art-copy>p{max-width:440px;color:#a8b7c9;font-size:15px;line-height:1.9}.feature-stack{display:grid;gap:21px;margin-top:43px}.feature{display:flex;align-items:center;gap:14px}.feature-icon{width:40px;height:40px;border:1px solid #6ee7d72c;background:#ffffff08;border-radius:12px;display:grid;place-items:center;color:#70e9d8;font-size:20px}.feature b,.feature small{display:block}.feature b{font-size:13px;font-weight:700}.feature small{color:#8fa2b8;font-size:11px;margin-top:4px}.art-foot{display:flex;justify-content:space-between;gap:18px;color:#6f849c;font-size:9px;font-weight:700;letter-spacing:1.4px;position:relative;z-index:1}.orb{position:absolute;border:1px solid #62e6d715;border-radius:50%;z-index:-1}.orb-one{width:430px;height:430px;right:-170px;top:18%;box-shadow:0 0 0 45px #62e6d706,0 0 0 90px #62e6d705}.orb-two{width:220px;height:220px;right:0;bottom:5%;border-color:#72a9ff19}.login-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 36px;position:relative}.login-box{width:min(390px,100%)}.login-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#1c9e91}.login-box h2{font-family:Manrope,sans-serif;font-size:33px;letter-spacing:-1.3px;margin:13px 0 9px}.muted{color:var(--muted);line-height:1.75}.login-box>.muted{font-size:13px;margin:0 0 34px}.login-box form label,.modal-fields label{display:block;font-size:12px;font-weight:700;color:#28364a;margin-bottom:9px}.login-box input,.modal-fields input,.modal-fields select,.modal-fields textarea{width:100%;height:48px;border:1px solid #dfe6ef;border-radius:11px;background:#fbfcfe;padding:0 14px;color:#172338;outline:none;transition:.18s}.login-box input:focus,.modal-fields input:focus,.modal-fields select:focus,.modal-fields textarea:focus{border-color:#46cdbd;box-shadow:0 0 0 3px #46cdbd18}.login-box input::placeholder,.modal-fields input::placeholder{color:#a5b0bf}.login-box form>input{margin-bottom:22px}.password-label{display:flex;justify-content:space-between;align-items:center}.text-button{border:0;background:none;color:#168e83;font-size:11px;font-weight:700;margin-bottom:9px}.primary-button{border:0;background:linear-gradient(105deg,#50dfcd,#73b0ff);color:#061523;border-radius:11px;min-height:49px;padding:0 18px;font-weight:800;font-size:12px;box-shadow:0 8px 22px #4dcfc41e;transition:transform .15s,filter .15s}.primary-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:wait;transform:none}.login-box .primary-button{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding:0 17px}.login-box .primary-button span{font-size:18px}.form-error{font-size:12px;color:#c23c54;background:#fff2f4;border:1px solid #f5cbd2;border-radius:9px;padding:11px 12px;line-height:1.5}.login-security{display:flex;justify-content:center;align-items:center;gap:8px;color:#8a98aa;font-size:10px;margin-top:28px}.login-security span{color:#14a58f;font-size:16px}.login-bottom{position:absolute;bottom:24px;text-align:center;color:#9ba6b5;font-size:10px}.mobile-brand{display:none}.app-screen{min-height:100vh}.sidebar{width:254px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#091423,#0c1b2d);color:#eaf0f7;display:flex;flex-direction:column;padding:26px 15px 16px;z-index:10;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 9px 27px;color:#fff;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:14px;letter-spacing:.8px}.sidebar-brand .brand-symbol{width:37px;height:37px;border-radius:11px;font-size:20px}.sidebar-brand small{display:block;font:700 8px "DM Sans",sans-serif;letter-spacing:2px;color:#8398b0;margin-top:3px}.store-chip{display:flex;align-items:center;gap:10px;padding:11px;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;margin-bottom:27px}.store-avatar{width:32px;height:32px;display:grid;place-items:center;background:#234554;border-radius:9px;color:#7fe7d9;font-weight:800}.store-chip b,.store-chip small{display:block}.store-chip b{font-size:11px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-chip small{font-size:9px;color:#91a3b7;margin-top:4px}.status-dot,.secure-pill i,.live-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3ad5a6}.chevron{margin-left:auto;color:#8295ab}.nav-label{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#657c96;padding:0 12px;margin:0 0 9px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;background:transparent;color:#9cadc1;padding:12px;border-radius:10px;text-align:left;font-size:12px;margin-bottom:3px;transition:.15s}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{color:#82eee0;background:linear-gradient(90deg,#2b9f9a24,#58d9c30b);border-color:#57d8c21c}.nav-icon{width:19px;text-align:center;font-size:16px}.nav-tag{font-size:7px;font-weight:800;letter-spacing:.5px;margin-left:auto;color:#8296ae;background:#ffffff0b;border-radius:5px;padding:4px 5px}.sidebar-bottom{margin-top:auto}.support-card{padding:15px;background:linear-gradient(140deg,#143445,#102638);border:1px solid #ffffff10;border-radius:12px;margin:20px 2px 15px}.support-icon{display:block;color:#6fe9d9;font-size:19px;margin-bottom:11px}.support-card b{font-size:11px}.support-card p{font-size:10px;line-height:1.6;color:#8fa5b9;margin:7px 0 0}.logout-button{display:flex;gap:10px;align-items:center;width:100%;padding:12px;border:0;background:transparent;color:#a1b0c2;font-size:11px;text-align:left}.logout-button span{font-size:17px}.version{border-top:1px solid #ffffff12;margin-top:10px;padding:16px 8px 0;color:#8294aa;font-size:8px;letter-spacing:1.3px;font-weight:800}.version span{display:block;color:#566b83;font-size:8px;font-weight:500;letter-spacing:.4px;margin-top:6px}.main-area{margin-left:254px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;background:#ffffffdc;backdrop-filter:blur(18px);border-bottom:1px solid #e7ecf3;display:flex;align-items:center;padding:0 clamp(22px,3vw,44px);position:sticky;top:0;z-index:5}.breadcrumb{font-size:11px;color:#8793a4}.breadcrumb span{margin:0 10px;color:#c4ccd6}.breadcrumb b{color:#233149}.topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.secure-pill{display:flex;align-items:center;gap:7px;border:1px solid #dcefe9;background:#f3fcf8;color:#348c73;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:700}.user-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#142c43,#237a7b);color:#a5f6e8;font-size:13px;font-weight:800}.user-info b,.user-info small{display:block}.user-info b{font-size:11px}.user-info small{font-size:9px;color:#8995a5;margin-top:3px}.menu-toggle{display:none;border:0;background:transparent;font-size:20px;margin-right:12px}.page-wrap{width:100%;max-width:1550px;margin:0 auto;padding:32px clamp(22px,3vw,44px) 45px;flex:1}.welcome-row,.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dark-eyebrow{color:#199b8e;font-size:9px;letter-spacing:1.8px}.welcome-row h1,.page-title-row h1{font-family:Manrope,sans-serif;font-size:clamp(25px,2.5vw,34px);letter-spacing:-1.3px;margin:10px 0 6px}.welcome-row .muted,.page-title-row .muted{font-size:12px;margin:0}.wave{color:#1cae9d;font-size:19px}.date-chip{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 13px;color:#53647a;font-size:10px;white-space:nowrap}.date-chip span{font-size:15px;color:#169b8e}.hero-banner{position:relative;overflow:hidden;min-height:260px;display:flex;align-items:center;padding:32px 38px;border-radius:18px;background:radial-gradient(ellipse at 80% 50%,#144c58 0,transparent 37%),linear-gradient(112deg,#0c1c2e,#102e41 64%,#103b46);color:#f5fbff;box-shadow:0 16px 35px #112d4315}.hero-banner:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{position:relative;z-index:2;max-width:440px}.hero-overline{font-size:9px;letter-spacing:1.6px;font-weight:800;color:#75e9d9}.hero-copy h2{font-family:Manrope,sans-serif;font-size:clamp(25px,3vw,37px);line-height:1.14;letter-spacing:-1.2px;margin:15px 0 12px}.hero-copy p{max-width:390px;font-size:11px;line-height:1.8;color:#9db5c9;margin:0 0 20px}.hero-button{display:flex;align-items:center;gap:24px;border:1px solid #73e9d852;border-radius:9px;background:#53ddc91b;color:#c1fff4;padding:11px 14px;font-size:10px;font-weight:700}.hero-button span{font-size:16px}.hero-graphic{position:absolute;right:7%;top:50%;width:260px;height:230px;transform:translateY(-50%);z-index:1}.graphic-ring{position:absolute;border:1px solid #67e8d629;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-28deg)}.ring-a{width:220px;height:220px}.ring-b{width:175px;height:175px;border-color:#7aafff45;transform:translate(-50%,-50%) rotate(50deg)}.ring-c{width:130px;height:130px;border-color:#67e8d94d}.graphic-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:73px;height:73px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(140deg,#5ce6d1,#68a8ff);box-shadow:0 0 55px #58dbd445;color:#092133;font:900 25px Manrope,sans-serif}.graphic-core span{color:#f7ffff}.graphic-node{position:absolute;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#122d40;border:1px solid #65e6d64a;color:#81f0df;box-shadow:0 8px 20px #0002;font-size:16px}.node-a{top:15px;right:38px}.node-b{bottom:21px;right:22px}.node-c{bottom:43px;left:20px}.hero-index{position:absolute;right:20px;bottom:16px;font-size:10px;font-weight:800;letter-spacing:1px;color:#70e7d7;z-index:2}.hero-index span{color:#7894a9}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0 15px}.section-heading h2,.panel-head h3{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.4px;margin:0}.section-heading p,.panel-head p{font-size:10px;color:#8591a2;margin:6px 0 0}.live-label{font-size:8px;font-weight:800;letter-spacing:1px;color:#668174;display:flex;align-items:center;gap:7px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel{background:#fff;border:1px solid #e8edf4;border-radius:14px;box-shadow:0 5px 18px #1d36500a}.metric-card{padding:17px 17px 15px;min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#65758a;font-size:10px}.metric-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:16px}.metric-icon.cyan{background:#e8faf7;color:#179e8f}.metric-icon.blue{background:#edf4ff;color:#4e8be0}.metric-icon.amber{background:#fff5e3;color:#c18b2b}.metric-icon.violet{background:#f3edff;color:#9271cf}.metric-value{font:800 27px Manrope,sans-serif;letter-spacing:-1px;margin:17px 0 3px;color:#17243a}.metric-placeholder{font-size:14px;letter-spacing:-.2px;padding:8px 0 4px}.metric-foot{font-size:9px;color:#94a0af}.metric-line{height:3px;background:#e9f8f5;border-radius:5px;margin-top:17px;overflow:hidden}.metric-line span{display:block;height:100%;background:#54d8c7;border-radius:5px}.blue-line{background:#edf3fd}.blue-line span{background:#7baaff}.amber-line{background:#fff5e4}.amber-line span{background:#f0bc5e}.metric-status{font-size:9px;color:#8b7ab1;margin-top:12px;display:flex;align-items:center;gap:6px}.metric-status span{width:5px;height:5px;background:#9b81d4;border-radius:50%}.bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;margin-top:17px}.panel{padding:21px 21px 17px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:15px}.panel-spark,.channel-icon{color:#169c8f;font-size:21px}.setup-step{display:flex;align-items:center;gap:12px;width:100%;padding:13px 0;border:0;border-top:1px solid #edf0f5;background:transparent;text-align:left;color:var(--ink)}.step-number{width:27px;height:27px;flex:0 0 27px;border:1px solid #dfe7ef;border-radius:9px;display:grid;place-items:center;color:#6f8297;font-size:10px;font-weight:800}.step-number.done{background:#e8faf4;border-color:#d0f3e5;color:#1aab7a}.setup-step b,.setup-step small{display:block}.setup-step b{font-size:10px}.setup-step small{font-size:9px;color:#8996a7;margin-top:4px}.setup-step>div{min-width:0;flex:1}.step-state{margin-left:auto;font-size:7px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.step-state.complete{color:#19a578}.step-state.upcoming{color:#a0a9b5}.step-button{cursor:pointer}.step-button:hover b{color:#168f83}.step-arrow{margin-left:auto;color:#139b8e;font-size:17px}.channel-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #edf0f5}.channel-symbol{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px;flex:0 0 auto}.channel-symbol.shop{color:#199e8e;background:#e8faf7}.channel-symbol.web{color:#538de0;background:#eef4ff}.channel-symbol.delivery{color:#a37dcf;background:#f5efff}.channel-row>div{flex:1;min-width:0}.channel-row b,.channel-row small{display:block}.channel-row b{font-size:10px}.channel-row small{font-size:9px;color:#8996a7;margin-top:4px}.channel-state{font-size:8px;color:#9ba5b3;background:#f5f7fa;border:1px solid #e8edf3;border-radius:6px;padding:5px 7px;white-space:nowrap}.channel-note{margin-top:9px;border-radius:9px;background:#f0faf8;padding:11px;font-size:9px;line-height:1.6;color:#50877e}.channel-note span{color:#169c8f;margin-right:6px}.main-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e5eaf1;padding:18px clamp(22px,3vw,44px);font-size:9px;color:#8995a5}.main-footer span:first-child{font-weight:800;letter-spacing:1px}.main-footer b{color:#20a99a}.page-title-row{margin-bottom:25px}.compact{min-height:42px;padding:0 16px;font-size:11px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:15px;margin-bottom:16px}.searchbox{display:flex;align-items:center;gap:9px;max-width:430px;width:100%;height:43px;background:#fff;border:1px solid #e3e9f1;border-radius:10px;padding:0 13px}.searchbox>span{font-size:20px;color:#7f91a5}.searchbox input{border:0;outline:0;box-shadow:none!important;width:100%;background:transparent;font-size:11px;color:#233149}.count-label{font-size:10px;color:#8290a1;white-space:nowrap}.data-panel{border:1px solid #e6ebf2;border-radius:14px;background:#fff;overflow:hidden;min-height:180px}.empty-state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-state>span{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#eafaf7;color:#169e8e;font-size:25px}.empty-state h3{font:700 16px Manrope,sans-serif;margin:17px 0 6px}.empty-state p{font-size:11px;color:#8996a7;margin:0 0 19px}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:#f9fbfd;color:#8290a1;font-size:9px;text-transform:uppercase;letter-spacing:.8px;padding:14px 16px;border-bottom:1px solid #e8edf3}.data-table td{font-size:11px;padding:15px 16px;border-bottom:1px solid #edf0f5;color:#435268}.data-table tr:last-child td{border-bottom:0}.product-name{font-weight:700;color:#1d2b40!important}.table-sub{display:block;font-size:9px;color:#96a1af;margin-top:4px}.money{font-weight:700;color:#1b3d50!important;white-space:nowrap}.stock-pill{display:inline-block;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:700;background:#e9f9f1;color:#16865f}.stock-pill.low{background:#fff3df;color:#b27a18}.table-actions{display:flex;gap:6px}.icon-button{border:1px solid #e5eaf1;border-radius:7px;background:#fff;color:#687990;padding:6px 8px;font-size:10px}.icon-button:hover{color:#149789;border-color:#a4e4dc}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-card{padding:18px;background:#fff;border:1px solid #e5ebf2;border-radius:13px;min-width:0}.category-card-top{display:flex;justify-content:space-between;align-items:center}.category-glyph{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e8faf7;color:#149e8f;font-size:18px}.category-card h3{font:700 13px Manrope,sans-serif;margin:15px 0 5px;overflow-wrap:anywhere}.category-card p{font-size:10px;color:#8996a7;line-height:1.6;min-height:16px;margin:0 0 15px}.category-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f5;padding-top:12px;color:#8a97a7;font-size:9px}.category-card-foot b{color:#4b6078}.coming-hero{min-height:420px;border:1px solid #e3eaf1;border-radius:18px;background:radial-gradient(ellipse at 95% 5%,#e1f8f4,transparent 40%),linear-gradient(140deg,#fff,#f8fbff);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,6vw,75px);overflow:hidden}.coming-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:19px;background:#e7faf6;color:#179c8e;font-size:29px;margin-bottom:28px}.coming-hero h1{font:800 clamp(29px,4vw,43px) Manrope,sans-serif;letter-spacing:-1.5px;margin:11px 0}.coming-hero>p{max-width:600px;color:#758398;line-height:1.9;font-size:13px;margin:0}.coming-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 25px}.coming-chips span{font-size:10px;font-weight:700;color:#4c687a;background:#fff;border:1px solid #e0eaf0;border-radius:8px;padding:9px 11px}.secondary-button{min-height:41px;padding:0 14px;border:1px solid #dce6ef;background:#fff;border-radius:10px;color:#3b5268;font-size:11px;font-weight:700}.secondary-button:hover{border-color:#8fded3;color:#168f83}.modal-backdrop{position:fixed;inset:0;background:#07111fb3;backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px;z-index:30}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:26px;box-shadow:0 30px 100px #0004}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.modal-head h2{font:800 23px Manrope,sans-serif;letter-spacing:-.7px;margin:7px 0 0}.modal-close{width:34px;height:34px;border:1px solid #e3e9f1;background:#fff;border-radius:9px;font-size:22px;color:#718096}.modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-field{min-width:0}.modal-field.full{grid-column:1/-1}.modal-fields label{margin-bottom:7px}.modal-fields input,.modal-fields select{height:43px;font-size:12px}.modal-fields textarea{height:85px;padding:12px;font-size:12px;resize:vertical}.field-help{display:block;color:#95a1b0;font-size:9px;margin-top:6px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f5;padding-top:17px;margin-top:22px}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;z-index:50;max-width:min(500px,calc(100vw - 30px));padding:12px 16px;background:#102d3a;color:#d7fff6;border:1px solid #2b766f;border-radius:10px;box-shadow:0 15px 40px #0012;font-size:12px;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}.toast.error{background:#4a1c2a;border-color:#934153;color:#ffe0e6}@media(max-width:1250px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.hero-graphic{right:1%}.hero-copy{max-width:55%}}@media(max-width:900px){.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-side{min-height:100vh;padding:32px 24px 70px;background:radial-gradient(ellipse at 50% 0,#e3faf5,transparent 42%),#fff}.mobile-brand{display:flex;align-self:flex-start;margin:0 0 55px;color:#0e2438}.mobile-brand small{color:#7e8da0}.login-box{width:min(400px,100%)}.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 45px #0b1d2a18}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.menu-toggle{display:block}.hero-graphic{opacity:.55;right:-50px}.hero-copy{max-width:70%}}@media(max-width:600px){.topbar{height:64px;padding:0 16px}.user-info,.secure-pill{display:none}.page-wrap{padding:23px 15px 30px}.welcome-row,.page-title-row{align-items:flex-start;flex-direction:column}.welcome-row h1,.page-title-row h1{font-size:27px}.date-chip{align-self:flex-start}.hero-banner{padding:25px 22px;min-height:290px;align-items:flex-start}.hero-copy{max-width:100%}.hero-copy h2{font-size:29px}.hero-copy p{max-width:90%}.hero-graphic{width:160px;height:150px;right:-30px;bottom:-25px;top:auto;transform:none;opacity:.23}.ring-a{width:155px;height:155px}.ring-b{width:125px;height:125px}.ring-c{width:90px;height:90px}.graphic-core{width:55px;height:55px;border-radius:17px;font-size:18px}.graphic-node{width:27px;height:27px;border-radius:8px}.node-a{top:0;right:20px}.node-b{bottom:12px;right:8px}.node-c{bottom:25px;left:6px}.hero-index{display:none}.section-heading{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:13px}.metric-top{font-size:9px}.metric-icon{width:28px;height:28px}.metric-value{font-size:23px}.metric-placeholder{font-size:11px}.bottom-grid{gap:12px}.panel{padding:16px}.step-state{font-size:6px}.main-footer{padding:16px;flex-direction:column}.category-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.searchbox{max-width:none}.data-table{min-width:680px}.data-panel{overflow-x:auto}.page-title-row{gap:15px}.modal{padding:20px}.modal-fields{grid-template-columns:1fr}.modal-field.full{grid-column:auto}.coming-hero{padding:27px;min-height:390px}.coming-hero h1{font-size:30px}.coming-hero>p{font-size:12px}.topbar-right{gap:7px}.breadcrumb{font-size:10px}} /* PDV - frente de caixa */ .pos-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.85fr);gap:16px;align-items:start}.pos-products,.pos-cart{padding:21px;min-width:0}.pos-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}.pos-section-head h2{font:800 16px Manrope,sans-serif;letter-spacing:-.4px;margin:0}.pos-section-head p{font-size:10px;color:#8794a5;margin:6px 0 0}.pos-live{display:flex;align-items:center;gap:6px;color:#16886d;font-size:9px;font-weight:800;white-space:nowrap}.pos-live i{width:6px;height:6px;background:#35c89a;border-radius:50%}.pos-search{max-width:none;margin-bottom:15px}.pos-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pos-product-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:150px;padding:14px;border:1px solid #e5ecf2;border-radius:12px;background:linear-gradient(145deg,#fff,#fbfdff);text-align:left;color:#233149;transition:border-color .15s,transform .15s,box-shadow .15s}.pos-product-card:hover:not(:disabled){border-color:#83dacf;transform:translateY(-2px);box-shadow:0 9px 22px #1c62550d}.pos-product-card:disabled{opacity:.5;cursor:not-allowed}.pos-product-symbol{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e8faf7;color:#159b8b;font-size:17px}.pos-product-card>b{font-size:11px;line-height:1.4;overflow-wrap:anywhere}.pos-product-card>small{font-size:9px;color:#8592a3}.pos-product-card>strong{font:800 14px Manrope,sans-serif;color:#168f83;margin-top:auto}.pos-stock{font-size:8px;color:#779083}.pos-stock.low{color:#b27a18}.pos-cart-list{max-height:420px;overflow:auto}.pos-cart-empty,.pos-no-products{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:#7d8a9c}.pos-cart-empty>span,.pos-no-products>span{width:43px;height:43px;display:grid;place-items:center;background:#e9faf7;color:#159b8b;border-radius:13px;font-size:22px;margin-bottom:12px}.pos-cart-empty b,.pos-no-products b{font-size:11px;color:#35465b}.pos-cart-empty small,.pos-no-products small{font-size:10px;margin-top:6px}.pos-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 18px;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #edf0f5}.pos-cart-item{min-width:0}.pos-cart-item b,.pos-cart-item small{display:block}.pos-cart-item b{font-size:10px;line-height:1.5;overflow-wrap:anywhere}.pos-cart-item small{font-size:9px;color:#8996a7;margin-top:4px}.pos-quantity{display:flex;align-items:center;gap:7px}.pos-quantity button{width:25px;height:25px;border:1px solid #dfe8ee;border-radius:7px;background:#fff;color:#198e82;font-size:16px}.pos-quantity button:disabled{opacity:.35}.pos-quantity span{min-width:12px;text-align:center;font-size:10px;font-weight:800}.pos-line-total{font-size:10px;white-space:nowrap}.pos-remove{border:0;background:transparent;color:#9aa6b4;font-size:19px}.pos-remove:hover{color:#d04d64}.pos-summary{border-top:1px solid #e9edf3;margin-top:17px;padding-top:15px}.pos-summary>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:10px;color:#738196}.pos-summary>div b{color:#33465c}.pos-summary .pos-total{border-top:1px dashed #dce5ed;padding-top:15px;margin-top:15px;color:#24364b}.pos-total strong{font:800 24px Manrope,sans-serif;letter-spacing:-.7px;color:#148f83}.pos-summary label{display:block;color:#596a7f;font-size:10px;margin:17px 0 7px}.pos-summary select{width:100%;height:43px;border:1px solid #dfe7ef;border-radius:9px;background:#fff;padding:0 11px;color:#24364b;font:500 11px "DM Sans",sans-serif}.pos-cash-fields{margin-top:12px;padding:12px;border:1px solid #e4edf2;border-radius:10px;background:#f8fbfd}.pos-cash-fields[hidden]{display:none!important}.pos-summary .pos-cash-fields label{margin:0 0 7px}.pos-cash-fields input{width:100%;height:41px;border:1px solid #dfe7ef;border-radius:8px;background:#fff;padding:0 11px;color:#24364b;font:500 12px "DM Sans",sans-serif}.pos-change-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#718096;font-size:10px}.pos-change-row strong{font:800 15px Manrope,sans-serif;color:#148f83}.pos-change-row strong.is-negative{color:#c23c54}.pos-finish{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:0 16px}.pos-finish span{font-size:17px}.pos-finish:disabled{opacity:.5;cursor:not-allowed}.pos-safe-note{text-align:center;font-size:9px;line-height:1.5;color:#8a98a8;margin:11px 0 0}.pos-layout+.section-heading{margin-top:28px}@media(max-width:1250px){.pos-layout{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr)}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.pos-layout{grid-template-columns:1fr}.pos-cart{order:-1}.pos-cart-list{max-height:320px}.pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.pos-products,.pos-cart{padding:15px}.pos-section-head{flex-wrap:wrap}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pos-product-card{padding:11px;min-height:145px}.pos-cart-row{grid-template-columns:minmax(0,1fr) auto 18px}.pos-line-total{grid-column:1;grid-row:2}.pos-remove{grid-column:3;grid-row:1}.pos-quantity{grid-column:2;grid-row:1}.pos-safe-note{font-size:8px}} /* Legibilidade premium - contraste, tipografia e áreas de toque */ :root{ --muted:#53647a; --line:#d8e1eb; --canvas:#f1f5f9; } body{font-size:15px;color:#152238} .muted,.section-heading p,.panel-head p{color:#53647a} .page-title-row .muted,.welcome-row .muted{font-size:14px} .eyebrow,.dark-eyebrow{font-size:11px} .nav-item{font-size:13px} .nav-label{font-size:10px} .breadcrumb{font-size:12px} .secure-pill{font-size:11px} .user-info b{font-size:12px} .user-info small{font-size:10px} .metric-top{font-size:12px} .metric-foot,.metric-status{font-size:11px} .section-heading h2,.panel-head h3{font-size:18px} .section-heading p,.panel-head p{font-size:12px;color:#53647a} .setup-step b,.channel-row b{font-size:12px} .setup-step small,.channel-row small{font-size:11px;color:#53647a} .step-state{font-size:9px} .channel-state{font-size:10px} .channel-note{font-size:11px;color:#365f58} .toolbar .count-label{font-size:12px;color:#53647a} .searchbox input{font-size:13px} .searchbox>span{color:#52657a} .data-panel{border-color:#d5dfe9} .data-table th{font-size:11px;color:#44566d;background:#f2f6fa;padding:15px 17px} .data-table td{font-size:13px;color:#2c3d53;padding:16px 17px} .product-name{color:#14253b!important} .table-sub{font-size:11px;color:#53647a} .money{color:#123d4a!important} .stock-pill{font-size:11px;padding:6px 9px} .icon-button,.secondary-button{font-size:12px} .category-card h3{font-size:15px} .category-card p,.category-card-foot{font-size:12px;color:#53647a} .modal-fields label,.login-box form label{font-size:13px;color:#1f3046} .modal-fields input,.modal-fields select,.modal-fields textarea{font-size:14px;color:#172338;background:#fff;border-color:#cbd6e2} .modal-fields input::placeholder,.login-box input::placeholder{color:#66768b} .field-help{font-size:11px;color:#53647a} .form-error{font-size:13px} .toast{font-size:13px} .coming-hero>p{font-size:14px;color:#45566c} .coming-chips span{font-size:12px;color:#354d61} .main-footer{font-size:11px;color:#52647a} /* Frente de caixa: leitura rápida e confortável */ .pos-products,.pos-cart{border-color:#d7e1eb;box-shadow:0 8px 25px rgba(20,43,67,.055)} .pos-section-head h2{font-size:18px} .pos-section-head p{font-size:12px;color:#53647a;line-height:1.5} .pos-live{font-size:11px;color:#16745f} .pos-product-card{min-height:164px;padding:16px;border-color:#d8e2ec;background:#fff;gap:9px} .pos-product-card>b{font-size:14px;line-height:1.45;color:#17283e} .pos-product-card>small{font-size:11px;color:#53647a} .pos-product-card>strong{font-size:17px;color:#087f73} .pos-product-symbol{width:34px;height:34px;font-size:19px} .pos-stock{font-size:11px;color:#3f695d} .pos-stock.low{color:#985d05} .pos-cart-list{max-height:460px} .pos-cart-empty,.pos-no-products{color:#53647a} .pos-cart-empty b,.pos-no-products b{font-size:13px;color:#23354b} .pos-cart-empty small,.pos-no-products small{font-size:12px;color:#53647a} .pos-cart-row{gap:10px;padding:15px 0} .pos-cart-item b{font-size:13px;color:#17283e;line-height:1.45} .pos-cart-item small{font-size:11px;color:#53647a} .pos-quantity{gap:9px} .pos-quantity button{width:32px;height:32px;font-size:19px;border-color:#cbd8e4} .pos-quantity span{font-size:13px;color:#1c2d42} .pos-line-total{font-size:13px;font-weight:800;color:#23354b} .pos-remove{font-size:22px} .pos-summary>div{font-size:13px;color:#45566b} .pos-summary>div b{color:#23354b} .pos-summary .pos-total{font-size:14px} .pos-total strong{font-size:28px;color:#087f73} .pos-summary label{font-size:12px;color:#283b52;font-weight:700} .pos-summary select{height:47px;font-size:14px;color:#1d2d42;border-color:#cbd6e2;background-color:#fff} .pos-cash-fields{border-color:#cbdce6;background:#f1f7fa;padding:14px} .pos-cash-fields input{height:46px;font-size:15px;border-color:#c4d2df} .pos-change-row{font-size:12px;color:#43566d} .pos-change-row strong{font-size:18px} .pos-finish{min-height:52px;font-size:14px} .pos-safe-note{font-size:11px;color:#53647a;line-height:1.6} .pos-search input{font-size:14px} .pos-search input::placeholder{color:#64758a} .pos-layout+.section-heading{margin-top:32px} @media(max-width:600px){ .pos-products,.pos-cart{padding:16px} .pos-product-card{min-height:155px;padding:12px} .pos-product-card>b{font-size:13px} .pos-product-card>strong{font-size:16px} .pos-cart-row{gap:8px} .pos-cart-item b{font-size:12px} .pos-quantity button{width:30px;height:30px} .pos-total strong{font-size:25px} .data-table{min-width:720px} } /* PDV: manter o valor recebido e o troco em linhas separadas */ .pos-summary>.pos-cash-fields{display:block;} .pos-summary>.pos-cash-fields[hidden]{display:none!important;} .pos-summary>.pos-cash-fields>.pos-change-row{display:flex;width:100%;margin-top:12px;} /* Abertura, movimentação e fechamento do caixa */ .cash-session-panel{margin-bottom:20px} .cash-loading{padding:20px;color:#53647a;font-size:13px} .cash-status-panel{padding:22px;border:1px solid #d7e1eb;border-radius:15px;background:linear-gradient(135deg,#fff,#f8fbfd);box-shadow:0 8px 25px rgba(20,43,67,.045)} .cash-status-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px} .cash-status-head h2{font:800 18px Manrope,sans-serif;margin:0;color:#182b40} .cash-status-head p{font-size:12px;line-height:1.6;color:#53647a;margin:6px 0 0} .cash-status-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:8px;font-size:10px;font-weight:850;letter-spacing:.5px;white-space:nowrap;background:#fff2df;color:#9b640e;border:1px solid #f5dfb7} .cash-status-badge.open{background:#e8faf2;color:#16734f;border-color:#c8eedc} .cash-status-badge i{width:7px;height:7px;border-radius:50%;background:currentColor} .cash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0} .cash-metric{min-width:0;padding:14px;border:1px solid #e2eaf1;border-radius:11px;background:#fff} .cash-metric span{display:block;color:#53647a;font-size:10px;font-weight:700;margin-bottom:8px} .cash-metric strong{display:block;color:#1a3046;font:800 18px Manrope,sans-serif;overflow-wrap:anywhere} .cash-metric.highlight{background:#eafaf6;border-color:#ccefe7} .cash-metric.highlight strong{color:#087f73} .cash-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px} .cash-form-card{min-width:0;padding:17px;border:1px solid #e1e9f0;border-radius:12px;background:#fff} .cash-form-card h3{font:800 13px Manrope,sans-serif;color:#1b3046;margin:0 0 6px} .cash-form-card p{font-size:11px;color:#53647a;line-height:1.6;margin:0 0 14px} .cash-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px} .cash-field{min-width:0;display:flex;flex-direction:column;gap:6px} .cash-field.full{grid-column:1/-1} .cash-field label{font-size:11px;color:#283b52;font-weight:750} .cash-field input,.cash-field select,.cash-field textarea{width:100%;min-width:0;min-height:42px;border:1px solid #cbd6e2;border-radius:8px;padding:9px 10px;background:#fff;color:#1b2d42;font:500 12px "DM Sans",sans-serif} .cash-field textarea{min-height:62px;resize:vertical} .cash-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px} .cash-form-actions .primary-button,.cash-form-actions .secondary-button{min-height:40px} .cash-movements{margin-top:17px} .cash-movements h3{font:800 13px Manrope,sans-serif;margin:0 0 9px;color:#1b3046} .cash-movements-list{display:grid;gap:7px} .cash-movement-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e6edf3;border-radius:9px;background:#fff} .cash-movement-row b{display:block;font-size:11px;color:#283b52} .cash-movement-row small{display:block;font-size:10px;color:#53647a;margin-top:4px;line-height:1.5} .cash-movement-amount{font-size:12px;font-weight:850;white-space:nowrap} .cash-movement-amount.in{color:#16865f}.cash-movement-amount.out{color:#c04457} .cash-empty{padding:12px;border:1px dashed #d6e0e9;border-radius:9px;color:#53647a;font-size:11px} .cash-close-note{font-size:10px;color:#53647a;line-height:1.6;margin-top:11px} @media(max-width:900px){.cash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-forms{grid-template-columns:1fr}} @media(max-width:600px){.cash-status-panel{padding:15px}.cash-status-head{flex-direction:column;gap:10px}.cash-status-head h2{font-size:16px}.cash-metric{padding:11px}.cash-metric strong{font-size:16px}.cash-form-card{padding:14px}.cash-form-fields{grid-template-columns:1fr}.cash-field.full{grid-column:auto}.cash-form-actions{flex-direction:column}.cash-form-actions button{width:100%}} /* Financeiro e relatórios — acabamento visual premium */ #page-finance,#page-reports{max-width:1440px;margin:0 auto} #page-finance>.section-heading,#page-reports>.section-heading{align-items:center;margin:4px 0 24px;padding-bottom:20px;border-bottom:1px solid #dfe7ef} #page-finance>.section-heading h1,#page-reports>.section-heading h1{font:800 clamp(27px,3vw,34px)/1.15 Manrope,sans-serif;letter-spacing:-1.1px;color:#14263b;margin:5px 0 8px} #page-finance>.section-heading p,#page-reports>.section-heading p{font-size:14px;line-height:1.65;max-width:720px;color:#5b6c80;margin:0} #page-finance>.section-heading>.primary-button{min-height:46px;padding:0 20px;white-space:nowrap;box-shadow:0 8px 18px rgba(8,127,115,.15)} #finance-summary.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 24px} #finance-summary .stat-card{position:relative;overflow:hidden;min-width:0;padding:22px 21px;background:linear-gradient(145deg,#fff,#f9fbfd);border:1px solid #dce5ee;border-radius:15px;box-shadow:0 6px 20px rgba(19,42,67,.045)} #finance-summary .stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1ba995} #finance-summary .stat-card:nth-child(2):before{background:#e19a42} #finance-summary .stat-card:nth-child(3):before{background:#5b8fe8} #finance-summary .stat-card:nth-child(4):before{background:#8a78d6} #finance-summary .stat-card span{display:block;color:#53667d;font-size:12px;font-weight:650;margin-bottom:12px} #finance-summary .stat-card strong{display:block;font:800 clamp(20px,2vw,26px)/1.2 Manrope,sans-serif;color:#172c43;overflow-wrap:anywhere} #page-finance>.panel,#page-reports>.panel{padding:26px!important;margin-bottom:24px!important;border:1px solid #dce5ee;border-radius:16px;box-shadow:0 8px 28px rgba(20,43,67,.05)} #page-finance>.panel h2{display:flex;align-items:center;gap:10px;font:800 19px Manrope,sans-serif;letter-spacing:-.45px;color:#172b42;margin:0 0 7px} #page-finance>.panel h2:before{content:"";width:4px;height:22px;border-radius:4px;background:#17a895} #page-finance>.panel h2:after{content:"Preencha os dados do lançamento";font:500 12px "DM Sans",sans-serif;letter-spacing:0;color:#728196;margin-left:4px} #finance-entry-form.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px;margin-top:22px} #finance-entry-form .field{display:flex;flex-direction:column;gap:8px;min-width:0} #finance-entry-form .field label,#report-filter-form .field label{font-size:12px;font-weight:750;letter-spacing:.1px;color:#344960} #finance-entry-form .field input,#finance-entry-form .field select,#finance-entry-form .field textarea,#report-filter-form .field input{width:100%;min-width:0;height:47px;padding:0 13px;border:1px solid #cbd7e3;border-radius:9px;background:#fff;color:#1d3046;font:500 14px "DM Sans",sans-serif;box-shadow:0 1px 2px rgba(18,38,61,.025);transition:border-color .15s,box-shadow .15s} #finance-entry-form .field input:focus,#finance-entry-form .field select:focus,#finance-entry-form .field textarea:focus,#report-filter-form .field input:focus{border-color:#24a997;box-shadow:0 0 0 3px rgba(36,169,151,.12);outline:none} #finance-entry-form .field input::placeholder{color:#8a98a9} #finance-entry-form .field.full{grid-column:1/-1;padding-top:5px;border-top:1px solid #e8edf3} #finance-entry-form .field.full .primary-button{min-width:205px;min-height:47px;margin-top:15px;padding:0 21px} #finance-entry-form .field.full .primary-button:before{content:"✓";margin-right:9px;font-weight:800} #finance-entry-list.data-panel{overflow-x:auto;border:1px solid #dce5ee;border-radius:15px;box-shadow:0 6px 22px rgba(20,43,67,.035);background:#fff} #finance-entry-list .data-table,#reports-content .data-table{min-width:760px;width:100%;border-collapse:separate;border-spacing:0} #finance-entry-list .data-table th,#reports-content .data-table th{padding:15px 17px;background:#f3f7fa;color:#41546a;font-size:11px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #dce5ee} #finance-entry-list .data-table td,#reports-content .data-table td{padding:15px 17px;font-size:13px;color:#263b52;border-bottom:1px solid #edf1f5;vertical-align:middle} #finance-entry-list .data-table tbody tr:last-child td,#reports-content .data-table tbody tr:last-child td{border-bottom:0} #finance-entry-list .data-table tbody tr:hover,#reports-content .data-table tbody tr:hover{background:#f8fbfd} #finance-entry-list .secondary-button{min-height:34px;padding:0 11px;border-color:#b9dcd5;background:#effaf7;color:#087f73;font-weight:750;white-space:nowrap} #page-reports>.panel{padding:21px!important} #report-filter-form.form-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:16px} #report-filter-form .field{display:flex;flex-direction:column;gap:8px;min-width:0} #report-filter-form .field:last-child .primary-button{height:47px;padding:0 22px;white-space:nowrap} #reports-content.data-panel{display:block;overflow:visible;border:0;background:transparent} #reports-content .stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px} #reports-content .stat-card{min-width:0;padding:21px;border:1px solid #dce5ee;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(20,43,67,.04)} #reports-content .stat-card span{display:block;color:#596d83;font-size:12px;font-weight:650;margin-bottom:12px} #reports-content .stat-card strong{display:block;color:#172c43;font:800 clamp(19px,2vw,25px)/1.25 Manrope,sans-serif;overflow-wrap:anywhere} #reports-content>.panel{padding:23px!important;border:1px solid #dce5ee!important;border-radius:15px!important;box-shadow:0 6px 22px rgba(20,43,67,.04)!important;background:#fff} #reports-content>.panel h2{font:800 17px Manrope,sans-serif;color:#172b42;margin:0 0 18px} #reports-content>.panel>p{padding:14px 0;color:#64768b;font-size:13px} #finance-entry-list .empty-state{padding:45px 20px} #finance-entry-list .empty-state h3{font-size:17px;color:#23384e} #finance-entry-list .empty-state p{font-size:13px;color:#617389} @media(max-width:900px){#finance-summary.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#reports-content .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#page-finance>.section-heading,#page-reports>.section-heading{align-items:flex-start;flex-direction:column;gap:14px}#page-finance>.section-heading>.primary-button{width:100%;justify-content:center}#finance-summary.stats-grid{gap:9px}#finance-summary .stat-card{padding:16px 14px}#finance-summary .stat-card span{font-size:11px;line-height:1.4}#finance-summary .stat-card strong{font-size:19px}#page-finance>.panel,#page-reports>.panel{padding:17px!important}#page-finance>.panel h2{flex-wrap:wrap;font-size:17px}#page-finance>.panel h2:after{width:100%;margin:0 0 0 14px;font-size:11px}#finance-entry-form.form-grid{grid-template-columns:minmax(0,1fr);gap:15px}#finance-entry-form .field.full{grid-column:auto}#finance-entry-form .field.full .primary-button{width:100%}#report-filter-form.form-grid{grid-template-columns:minmax(0,1fr);gap:14px}#report-filter-form .field:last-child .primary-button{width:100%}#reports-content .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#reports-content .stat-card{padding:15px 13px}#reports-content .stat-card span{font-size:11px;line-height:1.4}#reports-content .stat-card strong{font-size:18px}#reports-content>.panel{padding:16px!important}} /* Gestão de usuários e permissões */ .users-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin:20px 0}.users-intro h3{margin:0 0 7px;font-size:16px}.users-intro p{margin:0;color:var(--muted);line-height:1.6}.users-secure-mark{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:15px;background:rgba(75,224,206,.12);color:#149e91;font-size:25px}.user-role-pill,.user-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap}.user-role-pill{background:#eaf2ff;color:#315c9b}.user-status-pill.active{background:#e5f8ef;color:#16815a}.user-status-pill.blocked{background:#fff0f1;color:#b43e50}.user-actions{display:flex;gap:7px;flex-wrap:wrap}.user-editor{padding:22px;margin:20px 0}.user-editor .panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.user-editor .panel-head h3{margin:0 0 6px}.user-editor .panel-head p{margin:0;color:var(--muted)}.user-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.user-form-grid .full{grid-column:1/-1}.user-form-grid .field{display:flex;flex-direction:column;gap:7px}.user-form-grid input,.user-form-grid select{min-height:43px;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;color:var(--ink)}.user-form-hint{font-size:11px;color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}.permission-option{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:12px}.permission-option input{width:16px;height:16px;min-height:0;accent-color:#159e91}.user-editor .primary-button{margin-top:20px}@media(max-width:700px){.permission-grid,.user-form-grid{grid-template-columns:1fr}.user-form-grid .full{grid-column:auto}.users-intro{align-items:flex-start;padding:18px}} .product-table-cell{display:flex;align-items:center;gap:10px}.product-table-thumb{width:42px;height:42px;object-fit:cover;border-radius:9px;border:1px solid #e3e9f1;flex:0 0 auto}.product-table-placeholder{display:grid;place-items:center;background:#eef7f6;color:#15998c;font-size:18px}.field-help{display:block;font-size:10px;color:#8290a1;margin-top:6px}.product-image-preview{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:10px;color:#718096}.product-image-preview:empty{display:none}.product-image-preview img{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid #e0e7ef}.modal-fields input[type=file]{height:auto;padding:12px;background:#fff}.modal-fields input[type=file]::file-selector-button{border:0;border-radius:7px;padding:8px 10px;margin-right:10px;background:#e9f8f5;color:#147f76;font-weight:700;cursor:pointer} /* Online order management */ .orders-table-wrap{width:100%;overflow-x:auto} .orders-table-wrap .data-table{min-width:1040px} .orders-table-wrap .table-sub{display:block;margin-top:5px;color:var(--muted,#8190a5);font-size:11px;line-height:1.5;max-width:250px;overflow-wrap:anywhere} .order-status-label{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:10px;color:var(--muted,#8190a5)} .order-status-label select{max-width:180px;min-height:34px;border:1px solid var(--line,#dce4ed);border-radius:8px;padding:6px;background:var(--panel,#fff);color:inherit;font:inherit} .orders-table-wrap .secondary-button{margin-top:7px} /* Alertas de novos pedidos online */ .orders-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;margin-left:auto;padding:0 6px;border-radius:999px;background:#e34d61;color:#fff;font-size:10px;font-weight:900;line-height:1;box-shadow:0 0 0 3px rgba(227,77,97,.12);animation:orderBadgePulse 1.8s ease-in-out infinite} .orders-nav-badge[hidden]{display:none!important} @keyframes orderBadgePulse{0%,100%{box-shadow:0 0 0 3px rgba(227,77,97,.12)}50%{box-shadow:0 0 0 6px rgba(227,77,97,.05)}} /* Alerta chamativo e persistente de novo pedido */ .new-order-alert[hidden]{display:none!important}.new-order-alert{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(7,10,22,.9);backdrop-filter:blur(8px)}.new-order-alert-box{width:min(720px,100%);padding:clamp(24px,5vw,52px);border:4px solid #ff334f;border-radius:28px;background:linear-gradient(145deg,#2a0610,#10152b 65%,#082d3b);color:#fff;text-align:center;box-shadow:0 0 0 8px rgba(255,51,79,.17),0 0 80px rgba(255,35,70,.65)}.order-alert-flash .new-order-alert-box{animation:orderAlertThrob .65s ease-in-out infinite alternate}.new-order-alert-symbol{font-size:clamp(58px,12vw,100px);line-height:1.1}.new-order-alert-kicker{margin-top:14px;color:#ffb4bd;font-weight:900;letter-spacing:.22em;font-size:12px}.new-order-alert-title{margin:16px 0;font-size:clamp(30px,6vw,58px);line-height:1.04;font-weight:1000;letter-spacing:-.04em;text-shadow:0 0 28px rgba(255,51,79,.6)}.new-order-alert-detail{font-size:clamp(16px,3vw,24px);font-weight:800;overflow-wrap:anywhere}.new-order-alert-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.new-order-alert-actions button{min-height:52px;font-weight:900}.new-order-alert-footnote{margin-top:20px;color:#ffc7ce;font-size:13px;font-weight:700}@keyframes orderAlertThrob{from{transform:scale(1);border-color:#ff334f;box-shadow:0 0 35px rgba(255,51,79,.28)}to{transform:scale(1.018);border-color:#ffbd24;box-shadow:0 0 70px rgba(255,51,79,.75)}}@media(prefers-reduced-motion:reduce){.order-alert-flash .new-order-alert-box{animation:none}} /* Ação WhatsApp nos pedidos online: mensagem pronta, envio manual pelo usuário. */ .whatsapp-order-button{margin-top:8px!important;border-color:rgba(22,163,74,.28)!important;color:#15803d!important;background:rgba(34,197,94,.08)!important;white-space:nowrap} .whatsapp-order-button:hover{background:rgba(34,197,94,.15)!important;border-color:rgba(22,163,74,.48)!important} /* ========================================================= PEDIDOS ONLINE — layout e acabamento do painel central ========================================================= */ #page-orders{--orders-accent:#168b79;--orders-accent-soft:#e8f7f2} #page-orders .page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;padding:25px 26px;border:1px solid #e1e9e5;border-radius:18px;background:radial-gradient(ellipse at 100% 0%,rgba(22,139,121,.10),transparent 48%),linear-gradient(135deg,#fff 0%,#f8fbf9 100%);box-shadow:0 8px 26px rgba(18,43,34,.045)} #page-orders .page-title-row>div{min-width:0} #page-orders .page-title-row .eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:#168b79;font-size:10px;font-weight:850;letter-spacing:.16em} #page-orders .page-title-row h1{margin:0;color:#172b25;font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-.04em} #page-orders .page-title-row p{max-width:650px;margin:9px 0 0;color:#718078;font-size:13px;line-height:1.65} #page-orders #orders-refresh{flex:0 0 auto;min-height:40px;padding:10px 15px;border:1px solid #cbded5;border-radius:10px;background:#fff;color:#176e61;font-size:12px;font-weight:800;box-shadow:0 3px 9px rgba(20,70,53,.04)} #page-orders #orders-refresh:hover{background:#eaf8f2;border-color:#91cdb8} #page-orders #orders-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0} #page-orders #orders-summary .stat-card{position:relative;display:flex;min-width:0;min-height:112px;flex-direction:column;justify-content:space-between;gap:15px;overflow:hidden;padding:19px 20px;border:1px solid #e0e9e4;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(20,45,35,.045)} #page-orders #orders-summary .stat-card:before{position:absolute;top:0;left:0;width:4px;height:100%;background:#168b79;content:""} #page-orders #orders-summary .stat-card:nth-child(2):before{background:#d99b32} #page-orders #orders-summary .stat-card:nth-child(3):before{background:#6b83c8} #page-orders #orders-summary .stat-card:nth-child(4):before{background:#249b65} #page-orders #orders-summary .stat-card span{color:#6f7e75;font-size:11px;font-weight:750;line-height:1.45} #page-orders #orders-summary .stat-card strong{color:#192d25;font-size:clamp(24px,2.5vw,31px);font-weight:850;line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere} #page-orders #orders-list{min-width:0;margin-top:18px!important;padding:0;border:1px solid #e1e9e5;border-radius:16px;background:#fff;box-shadow:0 9px 28px rgba(20,45,35,.05)} #page-orders #orders-list:has(.orders-table-wrap){overflow:hidden} #page-orders .orders-table-wrap{width:100%;overflow:auto;border-radius:16px} #page-orders .orders-table-wrap .data-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0} #page-orders .orders-table-wrap .data-table thead th{position:sticky;top:0;padding:14px 15px;border-bottom:1px solid #dfe9e3;background:#f4f8f5;color:#65766c;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap} #page-orders .orders-table-wrap .data-table tbody td{padding:17px 15px;border-bottom:1px solid #edf1ee;color:#34453b;font-size:12px;line-height:1.55;vertical-align:top} #page-orders .orders-table-wrap .data-table tbody tr:last-child td{border-bottom:0} #page-orders .orders-table-wrap .data-table tbody tr:hover td{background:#fbfdfb} #page-orders .orders-table-wrap .data-table tbody td:first-child strong{display:block;color:#1d352b;font-size:12px;font-weight:850;overflow-wrap:anywhere} #page-orders .orders-table-wrap .table-sub{display:block;margin-top:5px;color:#829087;font-size:10px;line-height:1.5;max-width:250px;overflow-wrap:anywhere} #page-orders .orders-table-wrap .money{color:#172f25;font-weight:850;white-space:nowrap} #page-orders .orders-table-wrap .stock-pill{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:5px 9px;border:1px solid #bfe8d7;border-radius:999px;background:#e9f8f0;color:#16744d;font-size:10px;font-weight:850;white-space:nowrap} #page-orders .orders-table-wrap .stock-pill.low{border-color:#f3c9c9;background:#fff0f0;color:#b42332} #page-orders .order-status-label{display:flex;flex-direction:column;gap:7px;margin-top:11px;color:#7a897f;font-size:10px;font-weight:750} #page-orders .order-status-label select{width:100%;max-width:180px;min-height:36px;padding:7px 9px;border:1px solid #d6e1da;border-radius:9px;background:#fff;color:#2b4035;font:inherit;font-size:11px} #page-orders .orders-table-wrap .secondary-button{min-height:31px;margin-top:8px;padding:7px 10px;border-radius:8px;font-size:10px;font-weight:800} #page-orders .orders-table-wrap .whatsapp-order-button{border-color:#bde8cb!important;background:#ecfbf0!important;color:#14743a!important} #page-orders .orders-table-wrap .whatsapp-order-button:hover{background:#d9f8e2!important} #page-orders #orders-list>.empty-state{margin:0;padding:46px 22px;border:0;background:transparent;text-align:center} #page-orders #orders-list>.empty-state:before{display:grid;width:54px;height:54px;place-items:center;margin:0 auto 14px;border:1px solid #cce8dc;border-radius:16px;background:#effaf4;color:#168b79;font-size:23px;content:"↗"} #page-orders #orders-list>.empty-state h3{margin:0;color:#20382d;font-size:16px} #page-orders #orders-list>.empty-state p{max-width:420px;margin:8px auto 0;color:#7b8980;font-size:12px;line-height:1.7} @media(max-width:1000px){ #page-orders #orders-summary{grid-template-columns:repeat(2,minmax(0,1fr))} #page-orders .page-title-row{padding:21px} } @media(max-width:620px){ #page-orders .page-title-row{align-items:stretch;flex-direction:column;gap:16px;padding:19px;border-radius:14px} #page-orders .page-title-row h1{font-size:26px} #page-orders #orders-refresh{width:100%;justify-content:center} #page-orders #orders-summary{gap:9px} #page-orders #orders-summary .stat-card{min-height:95px;padding:14px 13px;gap:12px;border-radius:12px} #page-orders #orders-summary .stat-card span{font-size:10px} #page-orders #orders-summary .stat-card strong{font-size:23px} #page-orders #orders-list{border-radius:12px} } /* Histórico auditável dos turnos de caixa */ .cash-history-host { margin-top: 18px; } .cash-history-panel { margin-top: 0; } .cash-history-list { display: grid; gap: 12px; margin-top: 16px; } .cash-history-item { padding: 16px; border: 1px solid var(--border, #e5e7eb); border-radius: 14px; background: var(--surface, #fff); } .cash-history-item-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .cash-history-item-head > strong { font-size: 14px; } .cash-history-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .cash-history-grid > div { display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 10px; border-radius: 10px; background: var(--surface-muted, #f7f7fa); } .cash-history-grid small, .cash-history-grid span { color: var(--muted, #747887); font-size: 11px; } .cash-history-grid b { overflow-wrap: anywhere; font-size: 13px; } .cash-history-note { margin: 12px 0 0; color: var(--muted, #747887); font-size: 12px; overflow-wrap: anywhere; } .cash-difference-negative { color: #dc2626 !important; } .cash-difference-positive { color: #b7791f !important; } @media (max-width: 760px) { .cash-history-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cash-history-item { padding: 12px; } } @media (max-width: 420px) { .cash-history-grid { grid-template-columns: 1fr; } } /* Paginação compacta do histórico de caixas */ .cash-history-pagination { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--border, #e5e7eb); } .cash-history-pagination > span { color: var(--muted, #747887); font-size: 12px; } .cash-history-pagination > div { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; } .cash-history-pagination .secondary-button { min-height: 36px; } .cash-history-pagination .secondary-button:disabled { opacity: .45; cursor: not-allowed; } .cash-history-page-label { padding: 0 4px; color: var(--muted, #747887); font-size: 12px; white-space: nowrap; } @media (max-width: 560px) { .cash-history-pagination { align-items: stretch; flex-direction: column; } .cash-history-pagination > div { justify-content: space-between; } .cash-history-pagination .secondary-button { flex: 1; } } /* Leitor de código de barras integrado ao PDV */ .pos-search-row{display:flex;align-items:stretch;gap:9px;margin-bottom:15px}.pos-search-row .pos-search{flex:1;min-width:0;margin-bottom:0}.pos-scan-button{white-space:nowrap;min-height:42px} .barcode-scanner{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:rgba(5,12,24,.76);backdrop-filter:blur(8px)}.barcode-scanner[hidden]{display:none}.barcode-scanner-card{width:min(520px,100%);max-height:92vh;overflow:auto;padding:22px;border:1px solid #dbe5ed;border-radius:20px;background:#fff;box-shadow:0 25px 90px #0005;color:#233149}.barcode-scanner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.barcode-scanner-head h2{margin:5px 0 0;font:800 20px Manrope,sans-serif}.barcode-scanner-status{font-size:13px;line-height:1.5;color:#52657a;margin:16px 0 12px}.barcode-video{display:block;width:100%;max-height:42vh;min-height:180px;object-fit:cover;border-radius:14px;background:#0b1522}.barcode-scanner-help{font-size:11px;line-height:1.5;color:#7b8796}.barcode-manual-form{display:grid;gap:8px;margin-top:18px}.barcode-manual-form label{font-size:12px;font-weight:700}.barcode-manual-form>div{display:flex;gap:8px}.barcode-manual-form input{flex:1;min-width:0;width:100%;height:42px;border:1px solid #d6e0e9;border-radius:9px;padding:0 12px;color:#203148;font:inherit}.barcode-manual-form button{flex:0 0 auto} @media(max-width:600px){.pos-search-row{flex-direction:column}.pos-scan-button{width:100%;min-height:44px}.barcode-scanner-card{padding:17px}.barcode-video{min-height:150px}} /* VortexGrid Loja · acabamento premium escuro e navegação móvel */ :root{color-scheme:dark;--ink:#f2edff;--muted:#aaa1c1;--line:#342a4b;--paper:#171326;--canvas:#0b0914;--navy:#100c1d;--cyan:#b7a0ff;--blue:#7047eb;--green:#a78bfa;--shadow:0 18px 60px rgba(0,0,0,.24)} body{background:var(--canvas);color:var(--ink)} .login-screen{background:#0b0914} .login-art{background:radial-gradient(ellipse at 85% 18%,#39246b 0,transparent 34%),linear-gradient(145deg,#090711,#130d25 68%,#21123b)} .login-side{background:radial-gradient(ellipse at 50% 0,#251642,transparent 46%),#0b0914} .login-box,.login-box h1,.login-box label{color:#f2edff} .login-box input{background:#151022!important;border-color:#382d50!important;color:#f6f2ff!important} .mobile-brand{color:#f2edff} .brand-symbol{background:linear-gradient(135deg,#b8a1ff,#7047eb)!important;color:#fff!important;box-shadow:0 9px 28px #7047eb42!important} .brand-light{color:#b8a1ff} .sidebar{background:linear-gradient(180deg,#100b1d,#17102a);border-right:1px solid #302342} .store-chip{background:#ffffff06;border-color:#ffffff12} .store-avatar{background:#332253;color:#d9caff} .nav-item{color:#b2a8ca} .nav-item.active{color:#d4c5ff;background:linear-gradient(90deg,#7047eb35,#7047eb0d);border-color:#8c6aff38} .nav-item:hover{background:#ffffff0b;color:#fff} .main-area{background:#0b0914} .topbar{background:#100c1deF;border-color:#2d233f} .breadcrumb{color:#9f96b8} .breadcrumb b{color:#f2edff} .page-wrap{color:#f2edff} .welcome-row h1,.page-title-row h1,.section-heading h2,.panel h2,.panel h3{color:#f2edff} .muted,.welcome-row .muted,.page-title-row .muted{color:#aaa1c1} .dark-eyebrow{color:#b49aff} .wave{color:#b49aff} .hero-banner{background:radial-gradient(ellipse at 80% 50%,#382064 0,transparent 39%),linear-gradient(112deg,#151022,#21133a 64%,#301753);box-shadow:0 16px 40px #0005} .panel,.data-panel,.stat-card,.searchbox,.date-chip{background:#151121;border-color:#302642;color:#f2edff;box-shadow:0 8px 24px #0002} .data-panel{border-color:#302642} .data-table th{background:#1d172d;color:#a99bc9;border-color:#302642} .data-table td{color:#d6cde8;border-color:#2d243e} .data-table .product-name{color:#f3edff!important} .table-sub{color:#a49abb} .money{color:#c8b5ff!important} .stat-card{background:linear-gradient(145deg,#1b152b,#130f20);border-color:#3a2b54} .stat-card span{color:#b2a7cc} .stat-card strong{color:#f6f1ff} #finance-summary .stat-card:before,#finance-summary .stat-card:nth-child(2):before,#finance-summary .stat-card:nth-child(3):before,#finance-summary .stat-card:nth-child(4):before{background:linear-gradient(180deg,#b49aff,#7047eb)} .primary-button{background:linear-gradient(115deg,#a78bfa,#7047eb 72%);color:#fff;box-shadow:0 8px 24px #7047eb35} .secondary-button,.icon-button{background:#211934;border-color:#45345f;color:#d6c8ff} .secondary-button:hover,.icon-button:hover{background:#2c2044;border-color:#8062c8} input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea,.searchbox{background:#100d1b;border-color:#382d50;color:#f2edff} input::placeholder,textarea::placeholder{color:#827797} .data-table th,.data-table td{border-bottom-color:#302642} .empty-state h3{color:#f2edff} .empty-state p{color:#aaa1c1} .empty-state>span{background:#2a1e43;color:#c9b7ff} .secure-pill{background:#1d1630;border-color:#3c2b5b;color:#c9b8ff} .secure-pill i,.status-dot,.live-label i{background:#a78bfa} .user-avatar{background:linear-gradient(135deg,#332253,#7047eb);color:#fff} .main-footer{border-color:#302642;color:#a49abb} .main-footer b{color:#b8a1ff} .support-card{background:linear-gradient(140deg,#24163d,#151022);border-color:#ffffff12} .support-icon{color:#b8a1ff} .finance-period-panel{background:#151121} .mobile-bottom-nav{display:none} @media(max-width:900px){ .mobile-bottom-nav{position:fixed;z-index:20;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:7px;background:#171126f5;border:1px solid #45345f;border-radius:18px;box-shadow:0 12px 36px #0008;backdrop-filter:blur(20px)} .mobile-bottom-nav .nav-item{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0;padding:7px 2px;border-radius:11px;font-size:9px} .mobile-bottom-nav .nav-icon{width:auto;font-size:17px;line-height:1.1} .mobile-bottom-nav .nav-item small{font-size:8px;line-height:1.2;white-space:nowrap} .page-wrap{padding-bottom:105px} } @media(max-width:600px){ .page-wrap{padding-bottom:112px} .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .stat-card{padding:15px 12px;border-radius:13px} .stat-card strong{font-size:19px;overflow-wrap:anywhere} .finance-period-form{grid-template-columns:1fr 1fr} .finance-period-form .field:last-child{grid-column:1/-1} .finance-period-form .field:last-child button{width:100%} } /* Harmonização final de cards e formulários com o tema escuro */ .metric-card{background:linear-gradient(145deg,#1b152b,#130f20)!important;border:1px solid #3a2b54!important;color:#f2edff} .metric-top,.metric-placeholder{color:#b2a7cc!important} .metric-value{color:#f6f1ff!important} .metric-icon.cyan,.metric-icon.blue{background:#2a1e43!important;color:#c9b7ff!important} #finance-entry-form .field input, #finance-entry-form .field select, #finance-entry-form .field textarea, #report-filter-form .field input, #finance-summary-filter .field input{background:#100d1b!important;border-color:#382d50!important;color:#f2edff!important} #finance-entry-form .field input:focus, #finance-entry-form .field select:focus, #finance-entry-form .field textarea:focus, #report-filter-form .field input:focus, #finance-summary-filter .field input:focus{border-color:#9b7bff!important;box-shadow:0 0 0 3px #7047eb26!important} #finance-summary .stat-card:before{background:linear-gradient(180deg,#b8a1ff,#7047eb)!important} /* VortexGrid Fiscal */ .fiscal-nav-tag{margin-left:auto;padding:4px 6px;border:1px solid #4be0ce35;border-radius:6px;color:#4be0ce;font-size:9px;font-weight:800;letter-spacing:.08em} .fiscal-hero{display:grid;grid-template-columns:1.2fr .8fr;min-height:255px;overflow:hidden;position:relative;border-radius:21px;background:radial-gradient(ellipse at 78% 20%,#16475b 0,transparent 38%),linear-gradient(120deg,#091526,#10283b 65%,#0b343c);color:#f4f8fc;padding:32px 36px;margin-bottom:26px}.fiscal-hero-copy{align-self:center;z-index:1}.fiscal-eyebrow{color:#8af2e7;font-size:10px;font-weight:800;letter-spacing:.16em}.fiscal-eyebrow i,.fiscal-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4be0ce;margin-right:7px}.fiscal-hero h1{font:800 clamp(28px,3vw,38px)/1.14 Manrope,sans-serif;letter-spacing:-.04em;margin:13px 0 10px}.fiscal-hero h1 span{color:#64e8dc}.fiscal-hero-copy>p{max-width:470px;color:#bac8d8;font-size:12px;line-height:1.8;margin:0 0 20px}.fiscal-actions{display:flex;gap:9px;flex-wrap:wrap}.fiscal-primary,.fiscal-secondary{min-height:41px;padding:0 14px;border-radius:10px;font-size:11px;font-weight:800}.fiscal-primary{border:1px solid #52e4d5;background:#4be0ce;color:#09212d}.fiscal-secondary{border:1px solid #ffffff35;background:#ffffff08;color:#eff8ff}.fiscal-art{position:relative;display:grid;place-items:center;min-height:180px}.fiscal-orbit{position:absolute;width:220px;height:160px;border:1px solid #6be9dc30;border-radius:50%;transform:rotate(-30deg)}.fiscal-paper{position:relative;width:135px;height:160px;padding:25px 14px;background:linear-gradient(145deg,#f9fcff,#dbeaf1);border:1px solid #ffffffa8;border-radius:12px;box-shadow:0 20px 50px #0005;transform:rotate(7deg);color:#163047}.fiscal-paper i{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#0f394a;color:#5de4d7;font-size:10px;font-style:normal;font-weight:900}.fiscal-paper b{display:block;margin-top:9px;font-size:11px;letter-spacing:.14em}.fiscal-paper small{font-size:5px;color:#688096;letter-spacing:.1em}.fiscal-paper span{display:block;height:4px;margin-top:8px;border-radius:4px;background:#c5d6e0}.fiscal-paper span:nth-of-type(2){width:75%}.fiscal-paper span:nth-of-type(3){width:52%}.fiscal-paper em{position:absolute;right:-12px;bottom:18px;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#48dfc9;color:#0b2b36;font-style:normal;font-weight:900}.fiscal-art>label{position:absolute;top:15px;right:0;padding:8px 10px;border:1px solid #ffffff22;border-radius:8px;background:#0a1b2dcc;color:#d9e9f3;font-size:9px;font-weight:700} .fiscal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:15px}.fiscal-heading h2{font:800 23px Manrope,sans-serif;margin:4px 0}.fiscal-heading p{margin:0;font-size:12px}.fiscal-status{padding:8px 11px;border:1px solid #e1e9f0;border-radius:30px;background:white;color:#687a90;font-size:10px;font-weight:800;white-space:nowrap}.fiscal-status i{background:#f0b84b}.fiscal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:19px}.fiscal-metrics article{padding:17px;border:1px solid #e5ebf3;border-radius:15px;background:white;box-shadow:0 8px 28px #142f4c05}.fiscal-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:16px}.fiscal-icon.cyan{background:#e3fbf7;color:#168e85}.fiscal-icon.blue{background:#eaf2ff;color:#3979d3}.fiscal-icon.violet{background:#f0eaff;color:#8060cf}.fiscal-icon.amber{background:#fff4dc;color:#b77b1b}.fiscal-metrics small{display:block;margin-top:12px;color:#697990;font-size:10px;font-weight:600}.fiscal-metrics strong{display:block;margin-top:5px;color:#12233b;font:800 26px Manrope,sans-serif}.fiscal-metrics .metric-word{font-size:18px}.fiscal-metrics p{margin:4px 0 0;color:#91a0b4;font-size:9px} .fiscal-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.75fr);gap:17px;align-items:start}.fiscal-panel,.fiscal-side{min-width:0;border:1px solid #e3eaf2;border-radius:16px;background:#fff;box-shadow:0 8px 28px #142f4c05}.fiscal-tabs{display:flex;gap:3px;overflow:auto;padding:9px;border-bottom:1px solid #e9eef4}.fiscal-tabs button{white-space:nowrap;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#77869b;font-size:10px;font-weight:800}.fiscal-tabs button.active{background:#e9fbf8;color:#147e78}.fiscal-view{padding:22px}.fiscal-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.fiscal-title h3{margin:0;color:#14243b;font:800 17px Manrope,sans-serif}.fiscal-title p{margin:6px 0 0;color:#7c8ba0;font-size:11px;line-height:1.6}.fiscal-title>span{flex-shrink:0;height:max-content;padding:6px 8px;border:1px solid #e0eaf1;border-radius:7px;background:#f8fafc;color:#7a8ca1;font-size:8px;font-weight:900;letter-spacing:.08em}.fiscal-steps>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f5}.fiscal-steps>div:last-child{border-bottom:0}.fiscal-steps>div>i{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:9px;background:#eff6fa;color:#42647d;font:800 11px Manrope,sans-serif;font-style:normal}.fiscal-steps section{flex:1;min-width:0}.fiscal-steps b,.fiscal-setting b{display:block;color:#20324a;font-size:11px}.fiscal-steps small,.fiscal-setting small{display:block;margin-top:4px;color:#8795a8;font-size:10px;line-height:1.5}.fiscal-steps label,.fiscal-setting label{padding:5px 7px;border-radius:6px;background:#f4f6f9;color:#8a97a9;font-size:8px;font-weight:800;white-space:nowrap}.fiscal-notice{margin-top:18px;padding:13px;border:1px solid #dcefeb;border-radius:10px;background:#f4fcfa;color:#19877e;font-size:11px}.fiscal-notice p{margin:5px 0 0;color:#698b8b;font-size:10px;line-height:1.6} .fiscal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fiscal-form>div{display:grid;gap:7px;min-width:0}.fiscal-form .wide{grid-column:1/-1}.fiscal-form label{color:#52637a;font-size:10px;font-weight:800}.fiscal-form input,.fiscal-form select{width:100%;min-width:0;height:41px;border:1px solid #dfe6ee;border-radius:9px;padding:0 10px;background:#fff;color:#23364c;font:11px "DM Sans",sans-serif}.fiscal-form input:focus,.fiscal-form select:focus{outline:3px solid #4be0ce30;border-color:#53cdbf}.fiscal-form footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #edf1f5}.fiscal-form footer small{max-width:250px;color:#8795a8;font-size:9px;line-height:1.5}.fiscal-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.fiscal-types article{display:grid;gap:7px;padding:13px;border:1px solid #e5ebf2;border-radius:10px;background:#fbfcfe}.fiscal-types b{display:grid;place-items:center;width:44px;height:29px;border-radius:7px;background:#e9f8f6;color:#168b80;font-size:10px}.fiscal-types strong{font-size:10px;color:#263a50}.fiscal-types small{font-size:9px;color:#8795a8}.fiscal-empty{text-align:center;margin-top:14px;padding:26px 14px;border:1px dashed #dce5ee;border-radius:11px;background:#fbfcfe}.fiscal-empty i{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:12px;background:#edf7f7;color:#299d94;font-size:19px;font-style:normal}.fiscal-empty h3{margin:0;font:800 14px Manrope,sans-serif;color:#24374e}.fiscal-empty p{max-width:350px;margin:8px auto 0;color:#8290a3;font-size:10px;line-height:1.7}.fiscal-setting{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #edf1f5}.fiscal-setting>i{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:9px;background:#eef8f7;color:#188d83;font-style:normal}.fiscal-setting section{flex:1;min-width:0}.fiscal-side{padding:19px}.fiscal-side h3{margin:0;color:#1c2d43;font:800 14px Manrope,sans-serif}.fiscal-side h3 i{color:#168b80;font-style:normal}.fiscal-side>p{margin:5px 0 15px;color:#8795a8;font-size:10px}.fiscal-side>div:not(footer){padding:14px 0;border-top:1px solid #edf1f5}.fiscal-side>div b{display:block;color:#293c52;font-size:10px}.fiscal-side>div small{display:block;margin-top:4px;color:#8a98aa;font-size:9px}.fiscal-side>div em{display:block;margin-top:7px;color:#159a8e;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.07em}.fiscal-side footer{margin-top:14px;padding:12px;border-radius:9px;background:#f6f9fc;color:#344b62;font-size:10px}.fiscal-side footer p{margin:5px 0 0;color:#7e8da0;font-size:9px;line-height:1.6} @media(max-width:1100px){.fiscal-layout{grid-template-columns:1fr}.fiscal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fiscal-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.fiscal-side h3,.fiscal-side>p,.fiscal-side footer{grid-column:1/-1}} @media(max-width:700px){.fiscal-hero{grid-template-columns:1fr;padding:24px 21px}.fiscal-art{min-height:165px;margin-top:8px}.fiscal-heading{align-items:flex-start;flex-direction:column}.fiscal-metrics{gap:8px}.fiscal-metrics article{padding:12px}.fiscal-metrics strong{font-size:22px}.fiscal-metrics small{font-size:9px}.fiscal-tabs{padding:7px}.fiscal-tabs button{padding:9px;font-size:9px}.fiscal-view{padding:16px}.fiscal-form{grid-template-columns:1fr}.fiscal-form .wide,.fiscal-form footer{grid-column:auto}.fiscal-form footer{align-items:flex-start;flex-direction:column}.fiscal-types{grid-template-columns:1fr}.fiscal-types article{grid-template-columns:45px 1fr;align-items:center;gap:3px 9px}.fiscal-types b{grid-row:span 2}.fiscal-side{display:block}.fiscal-hero h1{font-size:29px}} /* Fiscal UI refinement: proporções, leitura e responsividade */ .fiscal-page{width:100%;max-width:1480px;margin-inline:auto;min-width:0} .fiscal-page *{box-sizing:border-box} .fiscal-hero{grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:clamp(18px,3vw,42px);min-height:250px;padding:clamp(22px,3vw,36px);border-radius:18px;margin-bottom:24px} .fiscal-hero-copy{max-width:660px} .fiscal-hero h1{font-size:clamp(29px,2.6vw,38px);line-height:1.16} .fiscal-hero-copy>p{font-size:13px;line-height:1.7;max-width:540px} .fiscal-primary,.fiscal-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;font-size:12px;cursor:pointer;transition:transform .16s ease,filter .16s ease} .fiscal-primary:hover,.fiscal-secondary:hover{filter:brightness(1.04);transform:translateY(-1px)} .fiscal-heading{align-items:center;margin:0 0 16px} .fiscal-heading h2{font-size:24px;line-height:1.25} .fiscal-heading p{font-size:13px;line-height:1.6} .fiscal-status{font-size:11px;padding:9px 12px} .fiscal-metrics{gap:14px;margin-bottom:22px} .fiscal-metrics article{min-width:0;padding:18px;border-radius:13px} .fiscal-metrics small{font-size:11px;line-height:1.45} .fiscal-metrics strong{font-size:28px;line-height:1.2;overflow-wrap:anywhere} .fiscal-metrics p{font-size:10px;line-height:1.5} .fiscal-layout{grid-template-columns:minmax(0,1fr);gap:16px} .fiscal-panel{min-width:0;overflow:hidden;border-radius:15px} .fiscal-tabs{gap:5px;padding:10px 12px;flex-wrap:wrap} .fiscal-tabs button{padding:10px 14px;font-size:11px;cursor:pointer} .fiscal-view{padding:clamp(18px,2.3vw,28px)} .fiscal-title{align-items:flex-start;margin-bottom:20px} .fiscal-title h3{font-size:18px;line-height:1.35} .fiscal-title p{font-size:12px;line-height:1.65} .fiscal-steps>div{gap:14px;padding:16px 0} .fiscal-steps b{font-size:12px} .fiscal-steps small{font-size:11px;line-height:1.55} .fiscal-steps label{font-size:9px} .fiscal-notice{padding:15px;font-size:12px;line-height:1.5} .fiscal-notice p{font-size:11px;line-height:1.65} .fiscal-form{gap:16px} .fiscal-form>div{gap:8px} .fiscal-form label{font-size:11px} .fiscal-form input,.fiscal-form select{height:44px;padding:0 12px;font-size:12px} .fiscal-form footer{padding-top:17px} .fiscal-form footer small{font-size:10px;max-width:360px} .fiscal-company-list{margin-top:20px} .fiscal-company-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px} .fiscal-company-list-head h3{margin:0;font:800 15px Manrope,sans-serif;color:#20324a} .fiscal-company-list-head span{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:8px;background:#e8f9f6;color:#16877e;font-size:11px;font-weight:800} .fiscal-company-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid #e4ebf2;border-radius:11px;background:#fbfcfe;margin-top:8px} .fiscal-company-row>div{display:grid;gap:4px;min-width:0} .fiscal-company-row strong{color:#24364c;font-size:12px;overflow-wrap:anywhere} .fiscal-company-row small{color:#8391a3;font-size:10px;overflow-wrap:anywhere} .fiscal-company-row>span,.fiscal-company-row>em{flex-shrink:0;color:#60748a;font-size:10px;font-style:normal} .fiscal-company-row>em{padding:5px 8px;border-radius:7px;background:#e8f9f2;color:#16835f;font-weight:800} .fiscal-types{gap:12px} .fiscal-types article{padding:16px;gap:8px} .fiscal-types strong{font-size:11px} .fiscal-types small{font-size:10px} .fiscal-empty{padding:30px 18px} .fiscal-empty h3{font-size:15px} .fiscal-empty p{font-size:11px} .fiscal-setting b{font-size:12px} .fiscal-setting small{font-size:11px} @media(max-width:1100px){ .fiscal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))} .fiscal-hero{grid-template-columns:minmax(0,1fr) minmax(180px,.65fr)} } @media(max-width:700px){ .fiscal-hero{grid-template-columns:minmax(0,1fr);gap:8px;padding:22px 20px} .fiscal-art{min-height:150px} .fiscal-art>label{right:2px;top:4px} .fiscal-heading{align-items:flex-start;flex-direction:column} .fiscal-status{white-space:normal} .fiscal-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .fiscal-metrics article{padding:13px} .fiscal-metrics strong{font-size:23px} .fiscal-metrics small{font-size:10px} .fiscal-metrics p{font-size:9px} .fiscal-tabs{flex-wrap:nowrap;overflow-x:auto} .fiscal-tabs button{flex:0 0 auto;padding:10px 12px;font-size:10px} .fiscal-view{padding:16px} .fiscal-title{gap:8px} .fiscal-title>span{font-size:8px} .fiscal-form{grid-template-columns:minmax(0,1fr)} .fiscal-form .wide,.fiscal-form footer{grid-column:1} .fiscal-form footer{align-items:stretch;flex-direction:column} .fiscal-form footer .fiscal-primary{width:100%} .fiscal-steps>div{align-items:flex-start;gap:10px} .fiscal-steps label{white-space:normal;text-align:right;max-width:100px} .fiscal-company-row{align-items:flex-start;flex-wrap:wrap} .fiscal-company-row>div{flex:1 1 100%} .fiscal-company-row>span{margin-right:auto} .fiscal-types{grid-template-columns:minmax(0,1fr)} } /* Dialogs e caixas de interação: tema escuro VortexGrid consistente */ .modal-backdrop{background:rgba(3,7,16,.82);backdrop-filter:blur(9px)} .modal,.barcode-scanner-card{background:linear-gradient(155deg,#171d2d 0%,#101624 100%);border:1px solid #354158;color:#edf2ff;box-shadow:0 28px 90px rgba(0,0,0,.58)} .modal-head{padding-bottom:16px;border-bottom:1px solid #2b3448} .modal-head h2,.barcode-scanner-head h2{color:#f4f6ff} .modal .eyebrow,.barcode-scanner-card .eyebrow{color:#70e6d5} .modal-close{background:#202a3d;border-color:#3b4860;color:#dce5f5} .modal-close:hover{background:#2b3850;border-color:#62dccc;color:#fff} .modal-fields label,.barcode-manual-form label{color:#cbd5e7} .modal-fields input,.modal-fields select,.modal-fields textarea,.barcode-manual-form input{background:#0d1422;border-color:#354158;color:#f0f4ff} .modal-fields input::placeholder,.modal-fields textarea::placeholder,.barcode-manual-form input::placeholder{color:#8290a8} .modal-fields input:focus,.modal-fields select:focus,.modal-fields textarea:focus,.barcode-manual-form input:focus{background:#101a2b;border-color:#58d8c8;box-shadow:0 0 0 3px rgba(75,224,206,.13);outline:none} .modal-fields select option{background:#101624;color:#f0f4ff} .modal-actions{border-top-color:#2b3448} .modal .secondary-button,.barcode-scanner-card .secondary-button{background:#202a3d;border-color:#3b4860;color:#dce5f5} .modal .secondary-button:hover,.barcode-scanner-card .secondary-button:hover{border-color:#62dccc;color:#fff} .modal .form-error{background:#351923;border-color:#783244;color:#ffc0cb} .field-help{color:#95a4bd} .barcode-scanner{background:rgba(3,7,16,.86)} .barcode-scanner-status{color:#c3cee0} .barcode-scanner-help{color:#9aa8bf} .barcode-video{border:1px solid #354158;background:#070d17} .barcode-manual-form{border-top:1px solid #2b3448;padding-top:16px} @media(max-width:600px){.modal-backdrop{padding:10px}.modal{padding:19px;border-radius:15px}.modal-fields{grid-template-columns:minmax(0,1fr)}.modal-field.full{grid-column:1}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1}} /* VortexGrid Loja · sistema visual global unificado (somente CSS) */ :root{ color-scheme:dark; --ink:#edf2ff;--muted:#a3b0c6;--line:#303b52;--paper:#171e2e;--canvas:#0b1020; --shadow:0 14px 38px rgba(0,0,0,.22); } body{background:#0b1020;color:#edf2ff;font-size:15px;line-height:1.55} .main-area{background:radial-gradient(ellipse at 75% 0%,rgba(34,82,105,.16),transparent 42%),#0b1020} .topbar{background:rgba(14,21,36,.94);border-bottom-color:#29344a;color:#eaf0ff} .breadcrumb{color:#a3b0c6}.breadcrumb b{color:#f1f5ff}.breadcrumb span{color:#56647c} .user-info b{color:#edf2ff}.user-info small{color:#9ba9c0} .menu-toggle{color:#e8efff} .page-wrap{padding-top:34px} .welcome-row h1,.page-title-row h1{color:#f2f5ff;font-size:clamp(28px,2.5vw,36px);line-height:1.2} .welcome-row .muted,.page-title-row .muted{font-size:14px;color:#a7b4c9} .dark-eyebrow,.section-heading p,.panel-head p{color:#9aaac2} .section-heading h2,.panel-head h3{color:#edf2ff;font-size:18px} .metric-card,.panel,.data-panel,.searchbox,.date-chip{ background:#151d2d;border-color:#303b52;color:#eaf0ff;box-shadow:0 10px 28px rgba(0,0,0,.16) } .metric-top,.count-label{color:#b3bfd2} .metric-value{color:#f3f6ff;font-size:30px} .metric-foot,.metric-status{color:#a2b0c5} .setup-step{color:#eaf0ff;border-top-color:#2a354a} .setup-step b,.channel-row b{font-size:13px;color:#edf2ff} .setup-step small,.channel-row small{font-size:12px;color:#a2b0c5} .step-number{border-color:#3b4860;color:#bdc9dc} .channel-row{border-top-color:#2a354a} .channel-state{background:#202a3d;border-color:#3a465e;color:#bdc9dc} .channel-note{background:#102d32;color:#b9e9e2} .main-footer{border-top-color:#29344a;color:#9aa9bf} .page-title-row .muted,.muted{color:#a3b0c6} .toolbar{gap:14px} .searchbox{min-height:46px} .searchbox input{color:#eef3ff;font-size:14px} .searchbox input::placeholder{color:#8796ae} .searchbox>span{color:#9aabc4} .date-chip{font-size:12px} .data-panel{min-height:190px} .empty-state h3{color:#f0f4ff;font-size:18px} .empty-state p{color:#a2b0c5;font-size:13px;line-height:1.65} .data-table th{background:#1c2639;color:#aebbd0;font-size:11px;padding:15px 17px;border-bottom-color:#344057} .data-table td{font-size:13px;padding:16px 17px;color:#c4cede;border-bottom-color:#2a354a} .product-name{color:#f0f4ff!important} .table-sub{color:#9aa9bf;font-size:11px} .money{color:#b8fff0!important} .stock-pill{background:#123b31;color:#8ff0c5}.stock-pill.low{background:#432b19;color:#ffd08a} .empty-state>span{background:#143a3b;color:#70e5d5} .panel-head,.section-heading{gap:16px} .primary-button{font-size:13px;min-height:47px} .secondary-button{background:#202a3d;border-color:#3a465e;color:#e1e9f7;font-size:13px;min-height:42px} .text-button{font-size:13px} input,select,textarea{font-size:14px} input:not([type=checkbox]):not([type=radio]),select,textarea{ color:#edf2ff } input::placeholder,textarea::placeholder{color:#8493aa} select option{background:#151d2d;color:#edf2ff} label{line-height:1.5} .modal-fields input,.modal-fields select,.modal-fields textarea{background:#0d1422;border-color:#354158;color:#f0f4ff;font-size:14px} .modal-fields label{font-size:13px;color:#cbd5e7} .field-help{font-size:11px} .toast{font-size:13px} .nav-item{font-size:13px;min-height:43px} .nav-label{font-size:10px} .store-chip b{font-size:12px}.store-chip small{font-size:10px} .topbar .secure-pill{font-size:10px} .user-info b{font-size:12px}.user-info small{font-size:10px} .version{font-size:9px} .page-wrap .panel,.page-wrap .metric-card,.page-wrap .data-panel{border-radius:15px} .page-wrap input:not([type=checkbox]):not([type=radio]),.page-wrap select,.page-wrap textarea{ border-radius:10px;min-height:42px } .page-wrap textarea{min-height:88px;padding:11px 13px} .page-wrap button{line-height:1.35} .page-wrap table{max-width:100%} @media(max-width:900px){ body{font-size:14px} .page-wrap{padding:25px 18px 34px} .welcome-row h1,.page-title-row h1{font-size:29px} .section-heading h2,.panel-head h3{font-size:17px} .data-table th{font-size:10px;padding:12px} .data-table td{font-size:12px;padding:13px 12px} } @media(max-width:600px){ .page-wrap{padding:20px 13px 28px} .welcome-row,.page-title-row{align-items:flex-start;flex-direction:column;gap:12px} .welcome-row h1,.page-title-row h1{font-size:26px} .welcome-row .muted,.page-title-row .muted{font-size:13px} .section-heading{align-items:flex-start} .metric-card{padding:14px} .metric-value{font-size:25px} .panel{padding:16px} .toolbar{align-items:stretch;flex-direction:column} .searchbox{max-width:none;width:100%} .data-panel{overflow-x:auto} .data-table{min-width:620px} .main-footer{flex-direction:column;padding:16px} } /* FIX DEFINITIVO DOS FUNDOS DOS CARTOES — tema escuro em todos os módulos */ :root{color-scheme:dark;--ink:#edf2ff;--muted:#a3b0c6;--line:#303b52;--paper:#151d2d;--canvas:#0b1020} .metric-card,.panel,.data-panel,.searchbox,.date-chip, .category-card,.cash-metric,.cash-form-card,.cash-movement-row, #reports-content .stat-card,#reports-content>.panel, #page-orders #orders-summary .stat-card,#page-orders #orders-list, #finance-entry-list.data-panel,.users-intro,.user-editor, .permission-option,.user-form-grid input,.user-form-grid select, .pos-products,.pos-cart,.pos-product-card,.pos-cart-empty,.pos-no-products, .pos-cash-fields,.pos-summary select,.pos-cash-fields input, .fiscal-metrics article,.fiscal-panel,.fiscal-side,.fiscal-types article, .fiscal-empty,.fiscal-company-row,.fiscal-status,.fiscal-title>span, .fiscal-notice,.fiscal-form input,.fiscal-form select,.fiscal-side footer, .coming-hero,.coming-chips span{ background-color:#151d2d!important; border-color:#303b52!important; color:#edf2ff!important; box-shadow:0 10px 28px rgba(0,0,0,.18)!important } .metric-card,.panel,.data-panel,.category-card,.cash-metric,.cash-form-card, .cash-movement-row,#reports-content .stat-card,#reports-content>.panel, #page-orders #orders-summary .stat-card,#page-orders #orders-list, .users-intro,.user-editor,.permission-option,.pos-products,.pos-cart, .pos-product-card,.pos-cash-fields,.fiscal-metrics article,.fiscal-panel, .fiscal-side,.fiscal-types article,.fiscal-empty,.fiscal-company-row{ background-image:none!important } .metric-card *, .panel *, .data-panel *, .category-card *, .cash-metric *, .cash-form-card *, .cash-movement-row *, #reports-content .stat-card *,#reports-content>.panel *, #page-orders #orders-summary .stat-card *,#page-orders #orders-list *, .users-intro *, .user-editor *, .permission-option *, .pos-products *, .pos-cart *, .pos-product-card *, .fiscal-metrics article *, .fiscal-panel *, .fiscal-side *, .fiscal-types article *, .fiscal-empty *, .fiscal-company-row *{ border-color:#303b52 } .metric-top,.count-label,.metric-foot,.metric-status, .category-card p,.category-card-foot,.category-card-foot b, .cash-field label,.cash-movement-row,.pos-summary>div, .pos-summary label,.pos-cart-item small,.pos-product-card small, .fiscal-metrics small,.fiscal-metrics p,.fiscal-title p, .fiscal-steps b,.fiscal-steps small,.fiscal-setting b, .fiscal-setting small,.fiscal-side>p,.fiscal-side>div b, .fiscal-side>div small,.fiscal-company-row strong, .fiscal-company-row small,.fiscal-types strong,.fiscal-types small, .fiscal-empty h3,.fiscal-empty p,.users-intro p,.user-form-hint{ color:#aab7cc!important } .metric-value,.section-heading h2,.panel-head h3, .category-card h3,.cash-metric strong,.cash-form-card h3, #reports-content .stat-card strong,#page-orders #orders-summary .stat-card strong, .product-name,.fiscal-title h3,.fiscal-side h3,.fiscal-company-list-head h3, .fiscal-company-row strong,.fiscal-empty h3,.pos-cart-item b, .pos-product-card b,.coming-hero h1{ color:#f0f4ff!important } .data-table th,#finance-entry-list .data-table th, #reports-content .data-table th,#page-orders .orders-table-wrap .data-table thead th{ background:#202a3d!important;color:#b9c6da!important;border-color:#303b52!important } .data-table td,#finance-entry-list .data-table td,#reports-content .data-table td, #page-orders .orders-table-wrap .data-table td{ background:#151d2d!important;color:#cbd5e5!important;border-color:#2b354a!important } .data-table tbody tr:hover td,#finance-entry-list .data-table tbody tr:hover td, #reports-content .data-table tbody tr:hover td, #page-orders .orders-table-wrap .data-table tbody tr:hover td{ background:#202a3d!important } input:not([type=checkbox]):not([type=radio]),select,textarea, .cash-field input,.cash-field select,.cash-field textarea, #finance-entry-form .field input,#finance-entry-form .field select, #finance-entry-form .field textarea,#report-filter-form .field input, #page-orders .order-status-label select,.user-form-grid input, .user-form-grid select,.fiscal-form input,.fiscal-form select{ background:#0d1422!important;color:#edf2ff!important;border-color:#354158!important } input::placeholder,textarea::placeholder{color:#8291aa!important} select option{background:#151d2d!important;color:#edf2ff!important} .fiscal-steps>div,.fiscal-form footer,.fiscal-setting, .fiscal-company-row,.category-card-foot,.pos-cart-row,.pos-summary, .cash-movement-row{border-color:#303b52!important} .fiscal-steps>div>i,.fiscal-types b,.fiscal-empty i, .fiscal-setting>i,.category-glyph,.users-secure-mark{ background:#203044!important;color:#77e7d8!important } .fiscal-steps label,.fiscal-title>span,.fiscal-side footer, .fiscal-side>div em,.fiscal-status,.fiscal-types article, .fiscal-empty,.fiscal-company-row>em{ background:#202a3d!important;color:#c3d0e4!important } .fiscal-hero,.hero-banner{color:#f0f4ff} .coming-hero{background:radial-gradient(ellipse at 95% 5%,rgba(75,224,206,.09),transparent 40%),linear-gradient(140deg,#151d2d,#101624)!important} .coming-hero>p{color:#aab7cc!important} .coming-chips span{color:#d5dfef!important} @media(max-width:600px){ .metric-card,.panel,.data-panel,.category-card,.cash-metric,.cash-form-card, .pos-products,.pos-cart,.fiscal-panel,.fiscal-side{background-color:#151d2d!important} } /* AJUSTES DIRETOS: Delivery/Pedidos compactos e PDV sem caixas brancas */ #page-delivery .page-title-row, #page-orders .page-title-row, #page-pos .page-title-row{ background:linear-gradient(145deg,#151d2d,#101726)!important; background-image:linear-gradient(145deg,#151d2d,#101726)!important; border:1px solid #303b52!important; border-radius:14px!important; box-shadow:0 8px 24px rgba(0,0,0,.16)!important; padding:20px 22px!important; color:#edf2ff!important } #page-delivery .page-title-row h1, #page-orders .page-title-row h1, #page-pos .page-title-row h1{color:#f0f4ff!important} #page-delivery .page-title-row p, #page-orders .page-title-row p, #page-pos .page-title-row p{color:#aab7cc!important} #page-delivery .page-title-row .eyebrow, #page-orders .page-title-row .eyebrow, #page-pos .page-title-row .eyebrow{color:#78e5d6!important} #page-delivery #delivery-summary, #page-orders #orders-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important} #page-delivery #delivery-summary .stat-card, #page-orders #orders-summary .stat-card{ min-height:82px!important;padding:13px 15px!important;gap:8px!important; background:#151d2d!important;background-image:none!important; border:1px solid #303b52!important;border-radius:12px!important; box-shadow:0 6px 18px rgba(0,0,0,.12)!important } #page-delivery #delivery-summary .stat-card span, #page-orders #orders-summary .stat-card span{color:#aab7cc!important;font-size:11px!important;line-height:1.35!important} #page-delivery #delivery-summary .stat-card strong, #page-orders #orders-summary .stat-card strong{color:#f0f4ff!important;font-size:clamp(19px,2vw,25px)!important;line-height:1.15!important} #page-delivery #delivery-list, #page-orders #orders-list{ margin-top:12px!important;overflow:hidden!important; background:#111827!important;border:1px solid #303b52!important; border-radius:13px!important;box-shadow:0 8px 24px rgba(0,0,0,.14)!important } #page-delivery .orders-table-wrap, #page-orders .orders-table-wrap{overflow:auto!important;border-radius:12px!important} #page-delivery .orders-table-wrap .data-table, #page-orders .orders-table-wrap .data-table{min-width:980px!important;border-spacing:0!important} #page-delivery .orders-table-wrap .data-table thead th, #page-orders .orders-table-wrap .data-table thead th{ padding:10px 12px!important;background:#202a3d!important;color:#aebbd0!important; border-bottom:1px solid #354158!important;font-size:10px!important } #page-delivery .orders-table-wrap .data-table tbody td, #page-orders .orders-table-wrap .data-table tbody td{ padding:10px 12px!important;background:#151d2d!important;color:#d0d9e8!important; border-bottom:1px solid #2b354a!important;font-size:11px!important;line-height:1.45!important } #page-delivery .orders-table-wrap .data-table tbody tr:hover td, #page-orders .orders-table-wrap .data-table tbody tr:hover td{background:#1b2638!important} #page-delivery .orders-table-wrap .data-table tbody td:first-child strong, #page-orders .orders-table-wrap .data-table tbody td:first-child strong{color:#f0f4ff!important;font-size:11px!important} #page-delivery .orders-table-wrap .table-sub, #page-orders .orders-table-wrap .table-sub{color:#9aa9bf!important;font-size:10px!important;margin-top:3px!important} #page-delivery .orders-table-wrap .money, #page-orders .orders-table-wrap .money{color:#f0f4ff!important} #page-delivery .orders-table-wrap .stock-pill, #page-orders .orders-table-wrap .stock-pill{background:#17372f!important;border-color:#28654f!important;color:#8ce3bb!important} #page-delivery .orders-table-wrap .stock-pill.low, #page-orders .orders-table-wrap .stock-pill.low{background:#3b2029!important;border-color:#70404b!important;color:#ffb8c2!important} #page-delivery .order-status-label, #page-orders .order-status-label{color:#aab7cc!important} #page-delivery .order-status-label select, #page-orders .order-status-label select{background:#0d1422!important;color:#edf2ff!important;border-color:#354158!important} #page-delivery .orders-table-wrap .whatsapp-order-button, #page-orders .orders-table-wrap .whatsapp-order-button{background:#173629!important;border-color:#28694a!important;color:#a7f1bf!important} #page-delivery .orders-table-wrap .whatsapp-order-button:hover, #page-orders .orders-table-wrap .whatsapp-order-button:hover{background:#204735!important} .orders-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 14px;border-top:1px solid #303b52;background:#111827;color:#aab7cc;font-size:11px} .orders-pagination-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap} .orders-pagination .secondary-button{min-height:32px;padding:0 11px;background:#202a3d!important;border-color:#3a465e!important;color:#e1e9f7!important;font-size:11px!important} .orders-pagination .secondary-button:disabled{opacity:.38;cursor:not-allowed} .orders-page-label{color:#dce5f5;font-weight:700;white-space:nowrap} #page-pos .pos-products.panel, #page-pos .pos-cart.panel, #page-pos .pos-product-card, #page-pos .pos-cart-empty, #page-pos .pos-no-products, #page-pos .pos-cash-fields, #page-pos .pos-summary, #page-pos .pos-cart-row{ background-color:#151d2d!important;background-image:none!important; border-color:#303b52!important;color:#edf2ff!important; box-shadow:none!important } #page-pos .pos-section-head h2, #page-pos .pos-cart-item b, #page-pos .pos-cart-item .pos-line-total, #page-pos .pos-product-card>b, #page-pos .pos-product-card>strong, #page-pos .pos-summary .pos-total, #page-pos .pos-summary .pos-total strong{color:#f0f4ff!important} #page-pos .pos-section-head p, #page-pos .pos-cart-item small, #page-pos .pos-product-card>small, #page-pos .pos-stock, #page-pos .pos-summary>div, #page-pos .pos-summary label, #page-pos .pos-cart-empty, #page-pos .pos-no-products{color:#aab7cc!important} #page-pos .pos-product-symbol, #page-pos .pos-cart-empty>span, #page-pos .pos-no-products>span{background:#203044!important;color:#77e7d8!important} #page-pos .pos-quantity button, #page-pos .pos-summary select, #page-pos .pos-cash-fields input{background:#0d1422!important;color:#edf2ff!important;border-color:#354158!important} #page-pos .pos-quantity span, #page-pos .pos-change-row{color:#cbd5e5!important} #page-pos .pos-change-row strong, #page-pos .pos-total strong{color:#77e7d8!important} @media(max-width:900px){ #page-delivery #delivery-summary,#page-orders #orders-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important} #page-delivery .page-title-row,#page-orders .page-title-row,#page-pos .page-title-row{padding:17px!important} } @media(max-width:600px){ #page-delivery #delivery-summary .stat-card,#page-orders #orders-summary .stat-card{min-height:76px!important;padding:11px!important} .orders-pagination{align-items:flex-start} .orders-pagination-actions{width:100%;justify-content:space-between} .orders-page-label{font-size:10px} #page-delivery .orders-table-wrap .data-table,#page-orders .orders-table-wrap .data-table{min-width:920px!important} } /* VORTEXGRID UI HOTFIX 3 — caixa realmente escuro e indicadores de delivery em grade */ #page-pos #cash-session-panel, #page-pos #cash-history-panel, #page-pos .cash-status-panel, #page-pos .cash-history-panel, #page-pos .cash-history-item, #page-pos .cash-history-grid > div, #page-pos .cash-empty, #page-pos .cash-metric, #page-pos .cash-form-card, #page-pos .cash-movement-row, #page-pos .cash-movements-list, #page-pos .cash-history-list, #page-pos .cash-history-pagination{ background:#151d2d!important; background-image:none!important; color:#edf2ff!important; border-color:#303b52!important; box-shadow:0 8px 24px rgba(0,0,0,.18)!important; } #page-pos .cash-status-panel{padding:clamp(16px,2vw,24px)!important;border-radius:16px!important} #page-pos .cash-status-head{padding-bottom:16px!important;border-bottom:1px solid #303b52!important;margin-bottom:16px!important} #page-pos .cash-status-head h2, #page-pos .cash-history-item-head strong, #page-pos .cash-form-card h3, #page-pos .cash-movements h3, #page-pos .cash-movement-row b, #page-pos .cash-history-grid b, #page-pos .cash-close-note strong{color:#f0f4ff!important} #page-pos .cash-status-head p, #page-pos .cash-form-card p, #page-pos .cash-metric span, #page-pos .cash-field label, #page-pos .cash-movement-row small, #page-pos .cash-history-grid small, #page-pos .cash-history-grid span, #page-pos .cash-history-note, #page-pos .cash-close-note, #page-pos .cash-history-pagination, #page-pos .cash-history-pagination > span{color:#aab7cc!important} #page-pos .cash-metric{min-width:0;padding:14px!important;border:1px solid #303b52!important;border-radius:12px!important} #page-pos .cash-metric strong{display:block;color:#f0f4ff!important;font-size:clamp(17px,1.6vw,22px)!important;line-height:1.25!important;overflow-wrap:anywhere!important} #page-pos .cash-metric.highlight{background:linear-gradient(145deg,#123a3b,#172b3b)!important;border-color:#27615d!important} #page-pos .cash-metric.highlight strong{color:#83f0d9!important} #page-pos .cash-form-card{padding:18px!important;border-radius:13px!important} #page-pos .cash-field input, #page-pos .cash-field select, #page-pos .cash-field textarea{background:#0d1422!important;color:#edf2ff!important;border-color:#354158!important} #page-pos .cash-history-grid > div{padding:12px!important;border:1px solid #303b52!important;border-radius:10px!important} #page-pos .cash-history-item{padding:16px!important;border-radius:13px!important} #page-pos .cash-status-badge{background:#252d3d!important;color:#c7d2e4!important;border:1px solid #3a465e!important} #page-pos .cash-status-badge.open{background:#12392f!important;color:#8ce3bb!important;border-color:#28654f!important} #page-pos .cash-empty{padding:16px!important;border:1px dashed #3a465e!important;border-radius:10px!important} #page-pos .cash-form-actions{margin-top:15px!important} #page-pos .cash-history-pagination{border-top:1px solid #303b52!important} #page-pos .cash-history-pagination .secondary-button{background:#202a3d!important;color:#e1e9f7!important;border-color:#3a465e!important} /* Indicadores do Delivery/Pedidos: grid explícito para impedir empilhamento */ #page-delivery #delivery-summary.stats-grid, #page-orders #orders-summary.stats-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:stretch!important; gap:12px!important; width:100%!important; margin:0!important; } #page-delivery #delivery-summary .stat-card, #page-orders #orders-summary .stat-card{ display:flex!important; flex-direction:column!important; justify-content:space-between!important; align-items:flex-start!important; width:auto!important; min-width:0!important; max-width:none!important; min-height:92px!important; margin:0!important; padding:15px 17px!important; overflow:hidden!important; background:#151d2d!important; background-image:none!important; border:1px solid #303b52!important; border-radius:13px!important; box-shadow:0 8px 22px rgba(0,0,0,.16)!important; } #page-delivery #delivery-summary .stat-card span, #page-orders #orders-summary .stat-card span{ display:block!important; width:100%!important; color:#aab7cc!important; font-size:11px!important; line-height:1.4!important; white-space:normal!important; overflow-wrap:anywhere!important; } #page-delivery #delivery-summary .stat-card strong, #page-orders #orders-summary .stat-card strong{ display:block!important; width:100%!important; color:#f0f4ff!important; font-size:clamp(18px,1.8vw,25px)!important; line-height:1.2!important; overflow-wrap:anywhere!important; } #page-delivery #delivery-list, #page-orders #orders-list{margin-top:14px!important} @media(max-width:1000px){ #page-delivery #delivery-summary.stats-grid, #page-orders #orders-summary.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} } @media(max-width:600px){ #page-delivery #delivery-summary.stats-grid, #page-orders #orders-summary.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} #page-delivery #delivery-summary .stat-card, #page-orders #orders-summary .stat-card{min-height:78px!important;padding:11px!important} #page-delivery #delivery-summary .stat-card strong, #page-orders #orders-summary .stat-card strong{font-size:18px!important} #page-pos .cash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} #page-pos .cash-forms{grid-template-columns:1fr!important;gap:12px!important} #page-pos .cash-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} } @media(max-width:360px){ #page-delivery #delivery-summary.stats-grid, #page-orders #orders-summary.stats-grid, #page-pos .cash-history-grid{grid-template-columns:1fr!important} } /* Fiscal · checklist ampliado e documentos conectados */ .fiscal-checklist{padding:clamp(20px,2.2vw,30px)!important;border-radius:18px!important} .fiscal-checklist-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px} .fiscal-checklist-heading h3{font-size:clamp(18px,1.5vw,22px)!important;line-height:1.3!important} .fiscal-checklist-heading>div>p{margin:7px 0 0!important;font-size:13px!important;line-height:1.5} .fiscal-checklist-count{flex-shrink:0;padding:7px 9px;border:1px solid #354158;border-radius:8px;background:#202a3d;color:#9fece1;font-size:10px;font-weight:900;letter-spacing:.06em} .fiscal-side.fiscal-checklist>div.fiscal-check-step{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:19px 0!important;border-top:1px solid #303b52!important} .fiscal-check-step>i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #354158;border-radius:12px;background:#202a3d;color:#aab7cc;font:800 14px Manrope,sans-serif;font-style:normal} .fiscal-check-step section{min-width:0} .fiscal-side.fiscal-checklist .fiscal-check-step b{font-size:14px!important;line-height:1.4;color:#f0f4ff!important} .fiscal-side.fiscal-checklist .fiscal-check-step small{font-size:12px!important;line-height:1.55;margin-top:5px} .fiscal-side.fiscal-checklist .fiscal-check-step em{grid-column:2;justify-self:start;display:inline-flex;margin-top:1px;padding:6px 9px;border:1px solid #354158;border-radius:7px;background:#202a3d;color:#b9c7da;font-size:10px;font-weight:900;letter-spacing:.04em} .fiscal-check-step.is-active>i{background:#143b3b;border-color:#27615d;color:#83f0d9} .fiscal-side.fiscal-checklist .fiscal-check-step.is-active em{background:#143b3b;border-color:#27615d;color:#83f0d9} .fiscal-check-step.is-ready>i{background:#17372f;border-color:#28654f;color:#8ce3bb} .fiscal-side.fiscal-checklist .fiscal-check-step.is-ready em{background:#17372f;border-color:#28654f;color:#8ce3bb} .fiscal-side.fiscal-checklist footer{margin-top:18px;padding:17px!important;border:1px solid #5c4b2b;background:#302719!important;border-radius:12px;color:#ffe2a0!important} .fiscal-side.fiscal-checklist footer b{font-size:13px!important;color:#ffe2a0!important} .fiscal-side.fiscal-checklist footer p{font-size:12px!important;line-height:1.7;color:#e1cda5!important;margin-top:8px} .fiscal-loading{display:flex;align-items:center;gap:12px;padding:22px;color:#aab7cc} .fiscal-loading span{width:18px;height:18px;border:2px solid #354158;border-top-color:#77e7d8;border-radius:50%;animation:fiscal-spin .8s linear infinite} @keyframes fiscal-spin{to{transform:rotate(360deg)}} .fiscal-documents-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px} .fiscal-documents-head h4{margin:0;font:800 15px Manrope,sans-serif;color:#f0f4ff} .fiscal-documents-head p{margin:5px 0 0;font-size:11px;color:#aab7cc} .fiscal-documents-head>span{display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border-radius:10px;background:#143b3b;color:#83f0d9;font-weight:900} .fiscal-document-list{display:grid;gap:10px} .fiscal-document-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid #303b52;border-radius:13px;background:#111827} .fiscal-document-type{display:grid;place-items:center;min-height:43px;border:1px solid #27615d;border-radius:10px;background:#143b3b;color:#83f0d9;font-size:11px;font-weight:900} .fiscal-document-main{display:grid;gap:5px;min-width:0} .fiscal-document-main strong{color:#f0f4ff;font-size:13px} .fiscal-document-main small{color:#aab7cc;font-size:11px;line-height:1.5;overflow-wrap:anywhere} .fiscal-document-env{justify-self:start;padding:4px 6px;border-radius:5px;background:#202a3d;color:#9fb0c8;font-size:9px;font-weight:800;letter-spacing:.05em} .fiscal-document-side{display:grid;justify-items:end;gap:8px} .fiscal-document-side>strong{font-size:14px;color:#f0f4ff} .fiscal-document-status{padding:6px 8px;border:1px solid #354158;border-radius:7px;background:#202a3d;color:#c3d0e4;font-size:10px;font-weight:900;white-space:nowrap} .fiscal-document-status.status-draft{background:#302719;border-color:#5c4b2b;color:#ffe2a0} .fiscal-document-status.status-authorized{background:#17372f;border-color:#28654f;color:#8ce3bb} .fiscal-document-status.status-rejected,.fiscal-document-status.status-error{background:#3b2029;border-color:#70404b;color:#ffb8c2} .fiscal-empty-status{display:inline-flex;margin-top:14px;padding:7px 10px;border:1px solid #27615d;border-radius:8px;background:#143b3b;color:#83f0d9;font-size:10px;font-weight:800} .fiscal-error .fiscal-secondary{margin-top:14px} @media(max-width:600px){ .fiscal-checklist{padding:18px!important} .fiscal-checklist-heading h3{font-size:18px!important} .fiscal-check-step>i{width:38px;height:38px} .fiscal-side.fiscal-checklist>div.fiscal-check-step{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:16px 0!important} .fiscal-side.fiscal-checklist .fiscal-check-step b{font-size:13px!important} .fiscal-side.fiscal-checklist .fiscal-check-step small{font-size:11px!important} .fiscal-document-row{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:12px} .fiscal-document-type{min-height:40px;font-size:10px} .fiscal-document-side{grid-column:2;display:flex;align-items:center;justify-content:space-between;width:100%} } /* Fiscal: fluxo de criação de rascunhos */ .fiscal-document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0 14px;padding:18px 20px;border:1px solid #303b52;border-radius:14px;background:linear-gradient(115deg,#121d2e,#111827)} .fiscal-document-toolbar>div{min-width:0}.fiscal-document-toolbar strong{display:block;color:#f0f4ff;font:800 14px Manrope,sans-serif}.fiscal-document-toolbar p{margin:5px 0 0;color:#aab7cc;font-size:11px;line-height:1.6} .fiscal-primary,.fiscal-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border-radius:10px;font-size:11px;font-weight:800;white-space:nowrap;transition:transform .15s,filter .15s} .fiscal-primary{border:1px solid #69e5d6;background:linear-gradient(110deg,#5de6d2,#75b5ff);color:#071722;box-shadow:0 8px 22px #4bd9cc15} .fiscal-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.fiscal-primary:disabled{opacity:.6;cursor:wait;transform:none} .fiscal-secondary{border:1px solid #3a475d;background:#202a3d;color:#d3ddec} .fiscal-draft-form{margin:0 0 22px;padding:clamp(18px,3vw,28px);border:1px solid #2e6a69;border-radius:17px;background:radial-gradient(ellipse at 100% 0,#16434555,transparent 42%),#0e1929;box-shadow:0 18px 42px #0002} .fiscal-draft-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px} .fiscal-draft-heading>div>span{font-size:9px;letter-spacing:1.6px;font-weight:900;color:#7fe9d9} .fiscal-draft-heading h3{margin:7px 0;font:800 clamp(20px,2vw,25px) Manrope,sans-serif;color:#f3f7ff;letter-spacing:-.6px} .fiscal-draft-heading p{max-width:560px;margin:0;color:#aab7cc;font-size:12px;line-height:1.7} .fiscal-draft-lock{flex-shrink:0;padding:8px 10px;border:1px solid #6b5630;border-radius:8px;background:#302719;color:#ffe2a0;font-size:10px;font-weight:900} .fiscal-draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .fiscal-draft-grid>div{display:flex;flex-direction:column;gap:7px;min-width:0} .fiscal-draft-grid>div.wide{grid-column:1/-1} .fiscal-draft-grid label{font-size:11px;font-weight:800;color:#dce5f0} .fiscal-draft-grid input,.fiscal-draft-grid select{width:100%;min-height:44px;border:1px solid #35445b;border-radius:9px;background:#0a1220;color:#f3f7ff;padding:0 12px;font:inherit;font-size:12px;outline:none} .fiscal-draft-grid input:focus,.fiscal-draft-grid select:focus{border-color:#6de4d4;box-shadow:0 0 0 3px #6de4d418} .fiscal-draft-grid input[readonly]{color:#8ea2bc;background:#121d2e} .fiscal-draft-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:16px 18px;border:1px solid #2d4658;border-radius:12px;background:#101f30} .fiscal-draft-total>span{font-size:12px;font-weight:800;color:#edf4ff}.fiscal-draft-total small{display:block;margin-top:5px;font-size:10px;font-weight:500;color:#9caec4} .fiscal-draft-total strong{font:800 23px Manrope,sans-serif;color:#83f0d9;white-space:nowrap} .fiscal-draft-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px} .fiscal-draft-footnote{margin:14px 0 0;color:#8fa2b8;font-size:10px;line-height:1.7} @media(max-width:650px){.fiscal-document-toolbar{align-items:stretch;flex-direction:column}.fiscal-document-toolbar .fiscal-primary{width:100%}.fiscal-draft-heading{flex-direction:column}.fiscal-draft-grid{grid-template-columns:1fr}.fiscal-draft-grid>div.wide{grid-column:auto}.fiscal-draft-total strong{font-size:19px}.fiscal-draft-actions{flex-direction:column-reverse}.fiscal-draft-actions button{width:100%}} /* Fiscal: detalhe de documento e histórico auditável */ .fiscal-detail-button{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:7px 10px;border:1px solid #34556a;border-radius:8px;background:#142b3c;color:#a9eee4;font-size:10px;font-weight:850;cursor:pointer} .fiscal-detail-button:hover{border-color:#68dccc;background:#183b49}.fiscal-detail-button span{font-size:14px} .fiscal-document-detail{margin:0 0 22px;padding:clamp(17px,3vw,26px);border:1px solid #34546a;border-radius:17px;background:radial-gradient(ellipse at 100% 0,#174a4a45,transparent 40%),#0e1929;box-shadow:0 18px 42px #0002;scroll-margin-top:18px} .fiscal-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid #29384d} .fiscal-detail-kicker{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#7fe9d9} .fiscal-detail-top h3{margin:7px 0;font:800 clamp(21px,2.4vw,28px) Manrope,sans-serif;color:#f3f7ff} .fiscal-detail-top h3 small{font-size:13px;color:#9aabc2}.fiscal-detail-top p{margin:0;color:#aab7cc;font-size:12px} .fiscal-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0} .fiscal-detail-summary>div{min-width:0;padding:13px;border:1px solid #293a50;border-radius:11px;background:#101f30} .fiscal-detail-summary>div>span{display:block;margin-bottom:8px;color:#9caec4;font-size:10px} .fiscal-detail-summary>div>strong{display:block;overflow-wrap:anywhere;color:#edf4ff;font-size:12px;line-height:1.5} .fiscal-detail-summary .fiscal-document-status{display:inline-flex;font-size:10px} .fiscal-detail-summary .fiscal-detail-value{font:800 19px Manrope,sans-serif;color:#83f0d9} .fiscal-detail-section{margin-top:17px;padding:17px;border:1px solid #29384d;border-radius:12px;background:#101a2a} .fiscal-detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px} .fiscal-detail-section-head h4{margin:0;color:#f0f4ff;font:800 14px Manrope,sans-serif} .fiscal-detail-section-head>span{color:#8ea5bf;font-size:9px;font-weight:900;letter-spacing:1px} .fiscal-detail-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px} .fiscal-detail-fields>div{min-width:0}.fiscal-detail-fields small{display:block;margin-bottom:5px;color:#8fa2b8;font-size:10px} .fiscal-detail-fields strong{display:block;color:#dce5f0;font-size:11px;line-height:1.6;overflow-wrap:anywhere} .fiscal-detail-table-wrap{overflow-x:auto} .fiscal-detail-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px} .fiscal-detail-table th{padding:10px 9px;border-bottom:1px solid #344259;color:#8fa2b8;font-size:9px;text-transform:uppercase;letter-spacing:.5px} .fiscal-detail-table td{padding:13px 9px;border-bottom:1px solid #253247;color:#cbd7e7;vertical-align:top} .fiscal-detail-table th:not(:first-child),.fiscal-detail-table td:not(:first-child){white-space:nowrap;text-align:right} .fiscal-detail-table td strong{color:#edf4ff}.fiscal-detail-table td small{display:block;margin-top:4px;color:#8fa2b8} .fiscal-detail-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:14px;border-radius:10px;background:#132a36} .fiscal-detail-total>span{color:#e4edf8;font-size:11px;font-weight:800}.fiscal-detail-total small{display:block;margin-top:4px;color:#8fa2b8;font-size:10px;font-weight:500} .fiscal-detail-total>strong{font:800 21px Manrope,sans-serif;color:#83f0d9;white-space:nowrap} .fiscal-detail-empty{margin:0;color:#9caec4;font-size:11px;line-height:1.7} .fiscal-event-timeline{list-style:none;margin:0;padding:0} .fiscal-event-timeline li{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;padding-bottom:18px} .fiscal-event-timeline li:not(:last-child):after{content:"";position:absolute;left:5px;top:13px;bottom:0;width:1px;background:#34546a} .fiscal-event-timeline li>i{position:relative;z-index:1;width:11px;height:11px;margin-top:3px;border:2px solid #76e6d6;border-radius:50%;background:#102a35} .fiscal-event-title{display:flex;align-items:center;justify-content:space-between;gap:10px} .fiscal-event-title strong{color:#edf4ff;font-size:11px;text-transform:capitalize} .fiscal-event-title span{color:#83f0d9;font-size:9px;font-weight:900} .fiscal-event-timeline p{margin:6px 0;color:#aab7cc;font-size:11px;line-height:1.7} .fiscal-event-timeline small{color:#8195ad;font-size:10px} .fiscal-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px} .fiscal-detail-footer p{margin:0;color:#8fa2b8;font-size:10px;line-height:1.7} .fiscal-danger-button{flex-shrink:0;min-height:38px;padding:0 12px;border:1px solid #71424a;border-radius:9px;background:#351f29;color:#ffc0c6;font-size:10px;font-weight:850;cursor:pointer} .fiscal-danger-button:disabled{opacity:.6;cursor:wait} @media(max-width:780px){.fiscal-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.fiscal-detail-fields{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.fiscal-detail-top{flex-direction:column}.fiscal-detail-top>.fiscal-secondary{align-self:flex-end}.fiscal-detail-fields{grid-template-columns:1fr}.fiscal-detail-footer{align-items:stretch;flex-direction:column}.fiscal-detail-footer .fiscal-danger-button{width:100%}.fiscal-detail-section{padding:13px}.fiscal-detail-summary>div{padding:10px}.fiscal-detail-summary .fiscal-detail-value{font-size:17px}} /* Fiscal: checklist de validacao preliminar */ .fiscal-validation-actions{display:flex;justify-content:flex-start;margin-top:14px} .fiscal-validation-banner{margin-top:16px;padding:15px 16px;border:1px solid #5c4b2b;border-radius:11px;background:#302719} .fiscal-validation-banner strong{display:block;color:#ffe2a0;font-size:13px} .fiscal-validation-banner p{margin:7px 0 0;color:#e1cda5;font-size:11px;line-height:1.7} .fiscal-validation-banner.basic-ok{border-color:#28654f;background:#17372f} .fiscal-validation-banner.basic-ok strong{color:#8ce3bb} .fiscal-validation-banner.basic-ok p{color:#c1e6d4} .fiscal-validation-subtitle{margin:18px 0 9px;color:#dce5f0;font-size:11px;font-weight:900;letter-spacing:.02em} .fiscal-validation-list{display:grid;gap:7px;margin:0;padding:0;list-style:none} .fiscal-validation-list li{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid #29384d;border-radius:8px;background:#101a2a;color:#cbd7e7;font-size:11px;line-height:1.55;overflow-wrap:anywhere} .fiscal-validation-list li span{flex:0 0 15px;color:#83f0d9;font-weight:900} .fiscal-validation-list li.is-pending{border-color:#5c4b2b;color:#ffe2a0} .fiscal-validation-list.issues li{border-color:#5c4b2b;background:#302719;color:#ffe2a0} .fiscal-validation-disclaimer{margin:14px 0 0;padding:12px 13px;border:1px solid #354158;border-radius:9px;background:#202a3d;color:#aab7cc;font-size:10px;line-height:1.7} .fiscal-validation-disclaimer.has-error{border-color:#70404b;background:#3b2029;color:#ffb8c2} .fiscal-validation-actions .fiscal-primary{white-space:normal} @media(max-width:520px){.fiscal-validation-actions .fiscal-primary{width:100%}.fiscal-validation-banner{padding:13px}} .fiscal-company-edit{flex-shrink:0;border:1px solid #cbd9e7;border-radius:8px;background:#fff;color:#21435d;padding:8px 11px;font-size:11px;font-weight:800} .fiscal-company-edit:hover{border-color:#36bdb0;color:#087d73;background:#f0fffc} .fiscal-company-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .fiscal-company-form-actions [hidden]{display:none!important}