:root{
  --banana:#ffcf08;
  --banana-2:#ffc400;
  --banana-3:#f4b700;
  --leaf:#137d35;
  --leaf-2:#6fac1f;
  --leaf-soft:#a8d957;
  --dark:#07191d;
  --dark-2:#0d252a;
  --dark-3:#102d33;
  --cream:#fffaf0;
  --paper:#fffdf7;
  --line:#eadfc9;
  --text:#111b20;
  --muted:#776f62;
  --orange:#ff8200;
  --red:#e6462e;
  --radius:10px;
  --shadow:0 18px 55px rgba(11,24,28,.12);
  --sidebar:250px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#f6f0e4;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.desktop-only{display:block}.mobile-only{display:none}.page-bg{min-height:100vh;background:radial-gradient(circle at 90% 100%,rgba(255,207,8,.35),transparent 24%),linear-gradient(135deg,#fff9e9,#f3ead8 50%,#fffdf7)}
/* PUBLIC */
.public-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.public-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:rgba(255,253,247,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-size:34px;font-weight:950;letter-spacing:-1px;color:var(--banana);text-shadow:0 2px 0 rgba(0,0,0,.12)}.brand-mark.dark{color:var(--banana)}.brand-leaf{display:inline-flex;width:30px;height:30px;border-radius:4px 20px 4px 20px;background:linear-gradient(135deg,var(--leaf-soft),var(--leaf));transform:rotate(-18deg);position:relative}.brand-leaf:after{content:"";position:absolute;left:6px;right:6px;top:14px;height:2px;background:rgba(255,255,255,.55);transform:rotate(-30deg)}.brand-sub{font-size:13px;color:#efe9d7}.public-top .brand-sub{color:var(--muted)}.public-nav{display:flex;gap:20px;color:#403b33;font-weight:700;font-size:14px}.public-actions{display:flex;align-items:center;gap:10px}.btn{border:0;border-radius:8px;padding:12px 18px;font-weight:900;display:inline-flex;align-items:center;gap:8px;transition:.2s}.btn-yellow{background:var(--banana);color:#111;box-shadow:0 8px 0 #c89200}.btn-dark{background:var(--dark);color:white}.btn-ghost{background:#fff8e5;border:1px solid var(--line);color:#352d20}.hero-public{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;max-width:1220px;margin:0 auto;padding:68px 24px 30px}.hero-copy h1{font-size:72px;line-height:.96;letter-spacing:-4px;margin:0 0 22px;color:#102126}.hero-copy h1 span{color:var(--banana-3);text-shadow:0 3px 0 #463500}.hero-copy p{font-size:20px;line-height:1.6;color:#574e41;max-width:660px}.hero-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.hero-tile{min-height:128px;border-radius:14px;padding:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-tile.yellow{background:linear-gradient(135deg,#ffd414,#ffb800)}.hero-tile.green{background:linear-gradient(135deg,#78b82a,#137d35);color:white}.hero-tile.dark{background:linear-gradient(135deg,#102d33,#07191d);color:white}.hero-tile strong{display:block;font-size:28px}.hero-tile small{font-weight:800;opacity:.8}.mock-preview{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 28px 80px rgba(11,24,28,.24);background:#09191d;padding:10px;transform:rotate(1deg)}.mock-preview img{display:block;width:100%;border-radius:10px}.public-section{max-width:1220px;margin:0 auto;padding:28px 24px 76px}.section-title{font-size:34px;margin:0 0 16px}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.module-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)}.module-card .ico{font-size:30px}.module-card h3{margin:12px 0 8px}.module-card p{color:var(--muted);line-height:1.5}.public-footer{background:var(--dark);color:#e8f1e8;padding:24px 38px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
/* LOGIN */
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#07191d,#102d33 42%,#ffd20a 42%,#ffbf00)}.login-card{width:min(980px,100%);display:grid;grid-template-columns:1fr 420px;background:#fffaf0;border-radius:18px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.32)}.login-art{background:linear-gradient(135deg,#07191d,#102d33);color:#fff;padding:42px;position:relative;overflow:hidden}.login-art:after{content:"🍌";position:absolute;font-size:300px;opacity:.07;right:-40px;bottom:-90px}.login-art h1{font-size:60px;margin:80px 0 12px;line-height:.95;color:var(--banana)}.login-art p{font-size:18px;line-height:1.6;color:#dfe9df}.login-form{padding:42px}.login-form h2{font-size:34px;margin:0 0 10px}.field{display:grid;gap:7px;margin-bottom:13px}.field label{font-weight:900;font-size:13px;color:#51493f}.field input,.field select,.field textarea{border:1px solid #eadfc9;border-radius:8px;background:#fffdf7;padding:12px 13px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d9aa00;box-shadow:0 0 0 4px rgba(255,207,8,.18)}.form-note{font-size:13px;color:#776f62;background:#fff6d1;padding:12px;border-radius:8px;margin:14px 0}.full{width:100%;justify-content:center}.toast{position:fixed;right:18px;bottom:18px;background:#102d33;color:#fff;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);z-index:50}.toast.ok{background:#137d35}.toast.err{background:#b92b1a}
/* APP SHELL */
.admin-body{background:#fffaf0;overflow-x:hidden}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{background:linear-gradient(180deg,#07191d,#0d252a 70%,#061215);color:#eaf1e8;padding:27px 16px 14px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;z-index:10}.logo-block{padding:0 14px}.logo-row{display:flex;align-items:center;gap:5px}.logo-row .brand-mark{font-size:40px}.side-nav{display:grid;gap:5px}.nav-btn{border:0;background:transparent;color:#d4dfdc;border-radius:7px;padding:13px 14px;display:flex;align-items:center;gap:17px;font-weight:800;font-size:15px;text-align:left}.nav-btn:hover,.nav-btn.active{background:var(--banana);color:#07191d}.nav-ico{font-size:20px;width:22px;text-align:center;filter:grayscale(1)}.nav-btn.active .nav-ico,.nav-btn:hover .nav-ico{filter:none}.quick-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.06);border-radius:10px;margin:8px 4px 0;overflow:hidden}.quick-title{display:flex;align-items:center;gap:8px;padding:13px 14px;font-weight:900}.quick-action{width:100%;border:0;background:rgba(255,255,255,.03);color:#eaf1e8;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:12px;align-items:center;padding:11px 14px;text-align:left}.quick-action:hover{background:rgba(255,207,8,.15)}.sidebar-spacer{flex:1}.user-card{margin:0 4px;padding:13px;background:rgba(255,255,255,.08);border-radius:10px;display:flex;gap:11px;align-items:center}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#fbd48c,#6c3e19);display:grid;place-items:center;font-weight:950;color:#20130a;border:2px solid rgba(255,255,255,.28)}.user-card strong{display:block}.user-card span{font-size:12px;color:#d8dfde}.main{min-width:0;background:#fffaf0}.topbar{height:68px;display:flex;align-items:center;gap:18px;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(255,253,247,.94);position:sticky;top:0;z-index:5}.menu-toggle{display:none}.searchbar{width:min(440px,45vw);height:39px;border:1px solid var(--line);border-radius:8px;background:#fffdf7;display:flex;align-items:center;gap:10px;padding:0 14px;color:#80766a}.searchbar input{border:0;background:transparent;outline:0;width:100%;font-size:14px}.top-spacer{flex:1}.top-ico{width:38px;height:38px;border:0;background:transparent;border-radius:9px;font-size:20px}.top-ico:hover{background:#fff1c0}.farm-select{height:38px;border:0;background:var(--banana);border-radius:8px;padding:0 18px;font-weight:950;color:#1b1600}.dashboard{padding:0 10px 72px}.dash-top{display:grid;grid-template-columns:1.2fr 1.22fr;gap:14px;padding:0 0 12px}.hero-card{min-height:252px;border-radius:0 0 9px 9px;overflow:hidden;background:linear-gradient(103deg,var(--banana) 0 46%,transparent 46%),linear-gradient(90deg,rgba(255,207,8,.22),rgba(0,0,0,.02)),url('../img/hero-banana.png') right center/cover no-repeat;display:flex;align-items:center;padding:34px 36px;position:relative}.hero-card h1{margin:0;font-size:31px;line-height:1.08;letter-spacing:-.8px;max-width:285px}.hero-card p{font-weight:800;margin:18px 0 18px;line-height:1.35;max-width:300px}.hero-card .btn{padding:10px 17px;border-radius:6px;box-shadow:none}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:24px}.kpi-card{background:#fffdf7;border:1px solid var(--line);border-radius:10px;padding:18px;min-height:224px;display:flex;flex-direction:column;justify-content:space-between}.kpi-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:950;color:#07191d;background:var(--banana);font-size:20px}.kpi-icon.green{background:var(--leaf);color:#fff}.kpi-icon.orange{background:var(--orange);color:#fff}.kpi-icon.dark{background:var(--dark);color:#fff}.kpi-card .label{color:#776f62;font-size:13px}.kpi-card .value{font-size:24px;font-weight:950;margin:3px 0}.trend{font-size:12px;font-weight:900;color:var(--leaf)}.trend.orange{color:var(--orange)}.sparkline{height:38px;width:100%}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tile{border:0;border-radius:7px;min-height:150px;padding:22px;display:flex;align-items:flex-start;justify-content:space-between;text-align:left;position:relative;overflow:hidden;color:#fff;box-shadow:0 8px 24px rgba(11,24,28,.08)}.tile.green{background:linear-gradient(135deg,#79b52d,#157f36)}.tile.yellow{background:linear-gradient(135deg,#ffcf08,#ffbd00);color:#fff}.tile.dark{background:linear-gradient(135deg,#102d33,#07191d)}.tile .head{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:950}.tile .ico-big{font-size:30px}.tile .num{font-size:35px;font-weight:950;margin:22px 0 0;letter-spacing:-.7px}.tile small{font-size:14px;font-weight:700}.tile .sub{font-size:14px;font-weight:900;margin-top:9px}.tile-graphic{position:absolute;right:20px;bottom:0;opacity:.28;font-size:98px;line-height:1}.tile-img{position:absolute;right:18px;bottom:8px;max-width:145px;max-height:92px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.22))}.tile.wide{grid-column:span 1}.lower-grid{display:grid;grid-template-columns:1.4fr .92fr .78fr;gap:12px;margin-top:12px}.panel{background:#fffdf7;border:1px solid var(--line);border-radius:9px;padding:12px}.panel-title{margin:0 0 12px;font-size:16px;font-weight:950}.var-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.var-card{border:1px solid var(--line);border-radius:8px;padding:13px;background:white;min-height:153px}.var-card h4{margin:0 0 7px;text-align:center}.banana-img{height:48px;margin:0 auto 6px;display:block;object-fit:contain;max-width:92px}.var-line{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid #eee4d3;padding-top:6px;margin-top:5px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--leaf);margin-right:4px}.maturity-map{display:grid;grid-template-columns:repeat(4,1fr);border-radius:7px;overflow:hidden;border:1px solid #ead16a}.mat-stage{min-height:153px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:9px 8px;position:relative}.mat-stage img,.mat-stage .banana-stage{position:absolute;top:18px;font-size:44px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.18))}.mat-stage:nth-child(1){background:#dcefa2}.mat-stage:nth-child(2){background:#edf189}.mat-stage:nth-child(3){background:#ffd24c}.mat-stage:nth-child(4){background:#ffb412}.stage-dot{width:14px;height:14px;border-radius:50%;border:3px solid #fff;background:var(--leaf);box-shadow:0 0 0 1px rgba(0,0,0,.12);margin-bottom:6px}.mat-stage:nth-child(3) .stage-dot{background:var(--banana-3)}.mat-stage:nth-child(4) .stage-dot{background:var(--red)}.mat-stage strong{font-size:14px}.mat-stage small{font-size:10px;font-weight:800}.order-panel{background:#fff7df}.mini-form{display:grid;gap:9px}.mini-form label{font-size:12px;font-weight:950;color:#4b4337}.inline-field{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:10px}.mini-form input,.mini-form select{height:36px;border:1px solid var(--line);border-radius:7px;background:#fffdf7;padding:0 10px}.qty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qty-control label{display:block;margin-bottom:6px}.stepper{display:flex;height:33px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fffdf7}.stepper button{width:32px;border:0;background:#fff8e8;font-weight:950}.stepper input{width:100%;height:100%;border:0;text-align:center;background:transparent}.add-btn{height:42px;border:0;border-radius:7px;background:var(--banana);font-weight:950;font-size:16px;display:flex;align-items:center;justify-content:center;gap:15px;color:#161000}.bottom-strip{position:fixed;left:var(--sidebar);right:0;bottom:0;height:58px;background:linear-gradient(90deg,#07191d,#102d33);color:#e9f0ee;display:flex;align-items:center;gap:24px;padding:0 22px;z-index:7;box-shadow:0 -8px 30px rgba(0,0,0,.16);overflow:hidden}.bottom-strip:after{content:"";position:absolute;right:-30px;bottom:-60px;width:230px;height:120px;background:linear-gradient(135deg,#77b82b,#157f36);border-radius:95% 0 0 0;opacity:.82;transform:rotate(-12deg)}.weather{display:flex;align-items:center;gap:12px}.sun{font-size:28px}.strip-item{font-size:12px;display:flex;align-items:center;gap:9px;border-left:1px solid rgba(255,255,255,.12);padding-left:20px}.strip-item strong{display:block;color:#fff}.strip-right{margin-left:auto;font-size:12px;z-index:1}.content-view{display:none;padding:20px 22px 82px}.content-view.active{display:block}.view-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.view-head h1{margin:0;font-size:30px;letter-spacing:-.5px}.metro-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#fffdf7;border:1px solid var(--line);border-radius:11px;padding:14px;margin-bottom:14px}.metro-form .field{margin:0}.metro-form .span2{grid-column:span 2}.metro-form .span4{grid-column:span 4}.table-card{background:#fffdf7;border:1px solid var(--line);border-radius:11px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:14px}.data-table th{background:#fff4c9;font-weight:950}.data-table tr:last-child td{border-bottom:0}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950;background:#f1f5e7;color:#2f6b21}.pill.warn{background:#fff1c5;color:#9b6500}.pill.danger{background:#ffe0d8;color:#b92b1a}.action-mini{border:0;border-radius:6px;padding:7px 10px;background:#102d33;color:#fff;font-weight:900;margin-right:4px}.action-mini.red{background:#b92b1a}.action-mini.yellow{background:var(--banana);color:#111}.cards-admin{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-card{background:#fffdf7;border:1px solid var(--line);border-radius:12px;padding:18px;min-height:140px}.admin-card h3{margin:0 0 8px}.admin-card strong{font-size:26px}.admin-card p{color:var(--muted);margin:8px 0 0}.ref-link{font-weight:950;color:#7d5700;text-decoration:underline}.croqui-box img{width:100%;border-radius:12px;border:1px solid var(--line);display:block}.print-area{display:none}
@media (max-width:1300px){.dash-top{grid-template-columns:1fr}.kpi-grid{padding-top:0}.tile-grid{grid-template-columns:repeat(2,1fr)}.lower-grid{grid-template-columns:1fr}.bottom-strip{position:static;margin-left:0;left:auto;height:auto;min-height:58px;flex-wrap:wrap;padding:14px 22px}.dashboard{padding-bottom:20px}.desktop-only{display:none}.mobile-only{display:block}}
@media (max-width:900px){:root{--sidebar:0px}.app-shell{display:block}.sidebar{position:fixed;left:-270px;width:250px;transition:.25s}.sidebar.open{left:0}.menu-toggle{display:inline-flex;width:42px;height:42px;border:0;border-radius:10px;background:#102d33;color:#fff;align-items:center;justify-content:center;font-size:22px}.topbar{gap:10px;padding:0 12px}.searchbar{width:100%;flex:1}.farm-select{display:none}.top-ico{display:none}.dashboard{padding:0 8px 22px}.hero-card{min-height:265px;background:linear-gradient(180deg,rgba(255,207,8,.96) 0 58%,rgba(255,207,8,.35)),url('../img/hero-banana.png') center bottom/cover no-repeat;padding:25px}.hero-card h1{font-size:32px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card{min-height:170px}.tile-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}.var-grid{grid-template-columns:repeat(2,1fr)}.maturity-map{grid-template-columns:1fr 1fr}.metro-form{grid-template-columns:1fr}.metro-form .span2,.metro-form .span4{grid-column:auto}.cards-admin{grid-template-columns:1fr}.public-top{padding:0 16px}.public-nav{display:none}.hero-public{grid-template-columns:1fr;padding-top:38px}.hero-copy h1{font-size:48px}.module-grid{grid-template-columns:1fr 1fr}.login-card{grid-template-columns:1fr}.login-art{display:none}.bottom-strip{display:none}.main.sidebar-open:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:8}}
@media (max-width:560px){.hero-tiles,.module-grid,.kpi-grid,.var-grid,.maturity-map{grid-template-columns:1fr}.hero-copy h1{font-size:40px}.public-actions .btn-ghost{display:none}.brand-mark{font-size:28px}.login-form{padding:28px}.tile{min-height:135px}.qty-grid{grid-template-columns:1fr}.inline-field{grid-template-columns:1fr}.public-footer{padding:20px}}
@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{display:block;position:absolute;left:0;top:0;width:58mm;font-family:monospace;padding:3mm;color:#000}.no-print{display:none!important}}
/* V3.2 — correção de navegação: todas as telas obedecem o estado active */
.view{display:none}
.view.active{display:block}
.dashboard.view{display:none}
.dashboard.view.active{display:block}


/* ==============================
   BANAIN V3.4 — Responsivo Premium + Menu Fullscreen
   Mantém o visual Metro aprovado e corrige comportamento em tablet/celular.
   ============================== */
.admin-body.menu-open{overflow:hidden}.sidebar{overflow-y:auto;overscroll-behavior:contain}.menu-close{display:none;position:absolute;right:18px;top:18px;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:32px;line-height:1;font-weight:900}.menu-close:hover{background:var(--banana);color:#07191d}.floating-order{display:none}.table-card{overflow-x:auto}.data-table{min-width:760px}.content-view{min-width:0}.topbar{backdrop-filter:blur(16px)}
@media (min-width:1241px){.app-shell{grid-template-columns:260px minmax(0,1fr)}:root{--sidebar:260px}.main{width:100%;overflow-x:hidden}.dashboard{padding-left:10px;padding-right:10px}.kpi-card{min-width:0}.tile{min-width:0}.sidebar{width:260px}.bottom-strip{left:260px}}
@media (max-width:1240px){:root{--sidebar:0px}.app-shell{display:block}.main{width:100%;min-height:100vh}.menu-toggle{display:inline-flex;width:44px;height:44px;border:0;border-radius:12px;background:#102d33;color:#fff;align-items:center;justify-content:center;font-size:24px;font-weight:900;flex:0 0 auto}.sidebar{position:fixed;inset:0;left:0;width:100vw;max-width:none;height:100dvh;z-index:40;padding:28px clamp(18px,4vw,48px);transform:translateX(-103%);transition:transform .24s ease;background:radial-gradient(circle at 85% 15%,rgba(255,207,8,.22),transparent 26%),linear-gradient(135deg,#07191d,#0d252a 70%,#061215)}.sidebar.open{transform:translateX(0)}.menu-close{display:grid;place-items:center}.sidebar .logo-block{padding-right:58px}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nav-btn{min-height:64px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);font-size:18px;padding:16px 18px}.nav-btn.active{box-shadow:0 16px 40px rgba(255,207,8,.14)}.nav-ico{font-size:25px}.quick-box{margin:10px 0 0;border-radius:16px}.quick-action{min-height:47px;font-size:15px}.sidebar-spacer{display:none}.user-card{margin:8px 0 0}.topbar{height:auto;min-height:70px;gap:12px;padding:12px 16px;position:sticky;top:0}.top-spacer{display:none}.searchbar{width:auto;flex:1;min-width:180px}.farm-select{display:block;max-width:220px}.top-ico{display:none}.dashboard{padding:0 14px 18px}.dash-top{grid-template-columns:1fr;gap:14px;padding-top:12px}.hero-card{border-radius:14px;min-height:245px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:0}.kpi-card{min-height:172px;padding:14px}.kpi-card .value{font-size:20px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lower-grid{grid-template-columns:1fr;gap:12px}.var-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-strip{position:static;left:auto;right:auto;bottom:auto;height:auto;min-height:58px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;margin:0 14px 18px;padding:12px;border-radius:16px}.bottom-strip:after{display:none}.strip-item,.weather,.strip-right{border-left:0;padding-left:0;background:rgba(255,255,255,.06);border-radius:12px;padding:10px 12px;margin:0}.strip-right{margin-left:0;display:flex;align-items:center}.main.sidebar-open:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:30;pointer-events:none}.floating-order{display:flex;position:fixed;right:18px;bottom:18px;z-index:15;border:0;border-radius:999px;background:var(--banana);color:#101100;font-weight:950;box-shadow:0 15px 38px rgba(9,25,29,.28);padding:14px 18px}}
@media (max-width:980px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{background:linear-gradient(103deg,var(--banana) 0 52%,rgba(255,207,8,.18) 52%),url('../img/hero-banana.png') right center/cover no-repeat}.cards-admin{grid-template-columns:repeat(2,minmax(0,1fr))}.metro-form{grid-template-columns:repeat(2,minmax(0,1fr))}.metro-form .span4{grid-column:span 2}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-public{grid-template-columns:1fr}.mock-preview{transform:none}}
@media (max-width:760px){.topbar{display:grid;grid-template-columns:auto 1fr;gap:10px}.searchbar{grid-column:2/3;width:100%;min-width:0}.farm-select{grid-column:1/3;width:100%;max-width:none}.side-nav{grid-template-columns:1fr}.nav-btn{min-height:58px}.dashboard{padding:0 10px 18px}.hero-card{min-height:310px;align-items:flex-start;background:linear-gradient(180deg,rgba(255,207,8,.98) 0 52%,rgba(255,207,8,.45) 52%),url('../img/hero-banana.png') center bottom/cover no-repeat;padding:28px 24px}.hero-card h1{font-size:32px;max-width:330px}.kpi-grid,.tile-grid,.var-grid,.maturity-map,.qty-grid,.cards-admin,.module-grid,.hero-tiles{grid-template-columns:1fr}.tile{min-height:144px}.tile-img{max-width:120px;opacity:.95}.lower-grid{margin-top:10px}.inline-field{grid-template-columns:1fr}.metro-form{grid-template-columns:1fr}.metro-form .span2,.metro-form .span4{grid-column:auto}.view-head{align-items:flex-start;flex-direction:column}.view-head .btn{width:100%;justify-content:center}.bottom-strip{grid-template-columns:1fr;margin:0 10px 74px}.strip-item,.weather,.strip-right{min-height:52px}.public-top{height:auto;min-height:72px;gap:12px;align-items:flex-start;flex-direction:column;padding:14px 16px}.public-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.public-actions .btn{justify-content:center}.hero-copy h1{font-size:44px;letter-spacing:-2px}.hero-public{padding:32px 16px 18px}.public-section{padding:20px 16px 48px}.login-card{border-radius:16px}.login-form{padding:30px}.floating-order{right:14px;bottom:14px;padding:13px 16px}}
@media (max-width:430px){.brand-mark,.logo-row .brand-mark{font-size:32px}.sidebar{padding:24px 14px}.nav-btn{font-size:16px}.hero-card h1{font-size:28px}.hero-card p{font-size:14px}.kpi-card{min-height:150px}.tile .head{font-size:20px}.tile .num{font-size:31px}.panel{padding:10px}.public-actions{grid-template-columns:1fr}.public-actions .btn-ghost{display:flex}.hero-copy h1{font-size:38px}.data-table th,.data-table td{font-size:13px;padding:11px}.floating-order{font-size:14px}}

/* ==============================
   BANAIN V3.4 — Usuários, Permissões e Auditoria
   ============================== */
.nav-btn.blocked{opacity:.45;filter:grayscale(1)}
.permission-card{grid-column:1/-1;background:#fffdf7;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 10px 28px rgba(11,24,28,.06)}
.permission-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-bottom:12px;flex-wrap:wrap}.permission-title small{color:var(--muted);font-weight:800}.permission-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.permission-table{width:100%;border-collapse:collapse;min-width:690px;background:#fff}.permission-table th,.permission-table td{padding:12px;border-bottom:1px solid var(--line);text-align:center}.permission-table th:first-child,.permission-table td:first-child{text-align:left;background:#fffaf0}.permission-table tr:last-child td{border-bottom:0}.switch{display:inline-flex;position:relative;width:48px;height:27px;vertical-align:middle}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;cursor:pointer;inset:0;background:#d8cfbd;border-radius:999px;transition:.2s;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.switch span:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 2px 7px rgba(0,0,0,.22)}.switch input:checked + span{background:linear-gradient(135deg,var(--banana),#ffb800)}.switch input:checked + span:before{transform:translateX(21px);background:#07191d}.switch input:disabled + span{opacity:.45;cursor:not-allowed}.user-form{align-items:end}.muted-mini{font-size:12px;color:var(--muted);font-weight:800}.access-denied{background:#fffdf7;border:1px solid var(--line);border-radius:18px;margin:22px;padding:34px;box-shadow:var(--shadow)}.access-denied h1{margin:0 0 8px;color:#b92b1a}.access-denied p{margin:0;color:var(--muted);font-weight:800}.data-table td .pill{white-space:nowrap}
@media (max-width:760px){.permission-title{align-items:flex-start}.permission-table{min-width:620px}.user-form{align-items:stretch}.permission-card{padding:10px}.switch{width:44px;height:25px}.switch span:before{width:19px;height:19px}.switch input:checked + span:before{transform:translateX(19px)}}

/* ==============================
   BANAIN V3.5 — CEASA + PIX + Status configurável
   ============================== */
.logout-top{cursor:pointer;text-align:center;border:0}.logout-top:hover{filter:brightness(.96);transform:translateY(-1px)}
.weather{text-decoration:none;color:inherit}.weather:hover{background:rgba(255,207,8,.16)}.strip-item span,.strip-item div span{display:block}.section-separator{font-weight:950;color:#0a252b;background:linear-gradient(90deg,#ffcf08,#fff6c8);border-radius:12px;padding:12px 14px;border:1px solid rgba(0,0,0,.06)}
.ceasa-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.65fr);gap:14px;align-items:start}.ceasa-fields{margin-bottom:16px}.ceasa-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ceasa-product{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fffef8,#fff3b8);padding:16px;text-align:left;cursor:pointer;min-height:112px;box-shadow:0 10px 28px rgba(11,24,28,.06);transition:.18s}.ceasa-product strong{display:block;font-size:20px;color:#07191d}.ceasa-product span{display:block;margin-top:6px;font-weight:850;color:#247a2d}.ceasa-product small{display:block;margin-top:8px;color:var(--muted);font-weight:800}.ceasa-product:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(11,24,28,.12)}.ceasa-cart{position:sticky;top:86px}.empty-cart{border:1px dashed #cdbf9b;border-radius:14px;padding:18px;color:var(--muted);font-weight:800;background:#fffaf0}.cart-row{display:grid;grid-template-columns:1fr auto 34px;gap:10px;align-items:center;background:#fffaf0;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:8px}.cart-row small{display:block;color:var(--muted);font-weight:800}.cart-row button{width:30px;height:30px;border:0;border-radius:9px;background:#102d33;color:white;font-weight:950;cursor:pointer}.ceasa-total{display:flex;justify-content:space-between;align-items:center;background:#0a252b;color:#fff;border-radius:16px;padding:16px 18px;margin:12px 0}.ceasa-total span{font-weight:850}.ceasa-total strong{font-size:26px;color:#ffcf08}.ceasa-actions{display:grid;gap:9px}.full{width:100%;justify-content:center}.btn-ghost{background:#fff;border:1px solid var(--line);color:#0a252b}.modal-backdrop{position:fixed;inset:0;background:rgba(3,15,18,.72);display:grid;place-items:center;z-index:90;padding:18px}.pix-modal{background:#fffdf7;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.35);max-width:760px;width:100%;position:relative;overflow:hidden;border:1px solid rgba(255,207,8,.4)}.modal-close{position:absolute;right:14px;top:12px;width:42px;height:42px;border:0;border-radius:12px;background:#0a252b;color:#fff;font-size:28px;font-weight:950;cursor:pointer}.pix-head{background:linear-gradient(135deg,#ffcf08,#ffb400);padding:22px 24px;color:#0a252b}.pix-head h2{margin:0 0 5px;font-size:30px}.pix-head p{margin:0;font-weight:900}.pix-body{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start;padding:22px}.pix-body img{width:260px;height:260px;border-radius:18px;border:10px solid #fff;box-shadow:0 10px 28px rgba(0,0,0,.12)}.pix-total{font-size:38px;font-weight:950;color:#0a252b;margin-bottom:10px}.pix-body textarea{width:100%;min-height:116px;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:12px;font-size:12px;font-family:monospace;background:#fff}.pix-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.print-area img{max-width:48mm}.action-mini.yellow{background:#ffcf08;color:#101100}.btn-yellow.full,.btn-dark.full,.btn-ghost.full{display:flex}
@media (max-width:980px){.ceasa-layout{grid-template-columns:1fr}.ceasa-cart{position:static}.ceasa-products{grid-template-columns:repeat(2,minmax(0,1fr))}.pix-body{grid-template-columns:1fr;text-align:center}.pix-body img{margin:auto}.pix-body textarea{text-align:left}.pix-actions{justify-content:center}}
@media (max-width:620px){.ceasa-products{grid-template-columns:1fr}.pix-head h2{font-size:24px}.pix-total{font-size:30px}.pix-body{padding:16px}.pix-body img{width:220px;height:220px}.modal-backdrop{padding:10px}.pix-modal{border-radius:18px}.pix-actions .btn{width:100%;justify-content:center}}

/* BANAIN V3.5.2 - CNPJ automático + venda de caixas */
.weather-preview{background:#fffdf7;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 10px 28px rgba(11,24,28,.06)}
.weather-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.weather-preview-head strong{font-size:18px;color:#0a252b}
.weather-preview-head small{color:var(--muted);font-weight:800;text-align:right}
.weather-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.weather-day{background:linear-gradient(135deg,#fff8d1,#fffdf7);border:1px solid #f0df9f;border-radius:14px;padding:12px;display:grid;gap:6px}
.weather-day strong{font-size:14px;color:#0a252b;text-transform:capitalize}
.weather-day span{font-weight:950;color:#132b22}
.weather-day small{color:#776f62;font-weight:800}
.weather-alert{margin-top:10px;border-radius:12px;background:linear-gradient(90deg,#102d33,#137d35);color:#fff;padding:11px 12px;font-weight:900}
@media (max-width:760px){.weather-days{grid-template-columns:1fr}.weather-preview-head{display:grid}.weather-preview-head small{text-align:left}}


/* BANAIN V3.5.4 - ajustes operacionais */
.dashboard{padding-bottom:18px}.content-view{padding-bottom:24px}.bottom-strip{display:none!important}.dash-top{align-items:stretch}.hero-card,.kpi-card{height:100%}.kpi-grid{padding-top:0;align-items:stretch}.kpi-card{min-height:252px}.kpi-card .value{font-size:22px;line-height:1.05;word-break:keep-all}.table-card{overflow-x:auto}.data-table{min-width:960px}.data-table td:last-child{white-space:nowrap;min-width:190px}.action-mini{padding:5px 8px;font-size:12px;line-height:1;border-radius:6px;margin:0 4px 0 0;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:26px}.field-help{display:block;color:var(--muted);font-size:11px;font-weight:800;margin-top:3px}.subsection-title{font-size:20px;margin:16px 0 10px}.fechamento-mini{display:grid;gap:12px}.mini-close-grid{display:grid;grid-template-columns:1fr;gap:10px}.mini-close-grid div{background:#fff7d5;border:1px solid var(--line);border-radius:12px;padding:12px}.mini-close-grid strong{display:block;font-size:22px}.mini-close-grid span{font-size:12px;color:var(--muted);font-weight:900}.searchbar{position:relative}.search-results{position:absolute;left:0;right:0;top:46px;background:#fffdf7;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.18);z-index:60;overflow:hidden}.search-results button{width:100%;border:0;background:#fffdf7;padding:11px 14px;text-align:left;display:grid;gap:2px;border-bottom:1px solid var(--line)}.search-results button:hover{background:#fff1bd}.search-results strong{color:#07191d}.search-results span,.search-empty{color:var(--muted);font-size:12px;font-weight:800}.search-empty{padding:14px}.admin-card strong{line-height:1.05}.metro-form .btn{min-height:46px}
@media (min-width:1301px){.dash-top{grid-template-columns:minmax(520px,1.2fr) minmax(520px,1.22fr)}.kpi-grid{grid-template-columns:repeat(4,minmax(118px,1fr))}.hero-card{min-height:252px}}
@media (max-width:1300px){.bottom-strip{display:none!important}.kpi-card{min-height:190px}.data-table{min-width:900px}}
@media (max-width:760px){.kpi-card{min-height:150px}.data-table{min-width:820px}.data-table td:last-child{min-width:210px}.action-mini{font-size:11px;padding:5px 7px}.search-results{top:44px}.mini-close-grid{grid-template-columns:1fr}.dashboard{padding-bottom:88px}.content-view{padding-bottom:88px}}


/* BANAIN V3.5.4 — Premium global */
.action-row{display:flex;align-items:center;justify-content:flex-start;gap:4px;white-space:nowrap;flex-wrap:nowrap;min-width:max-content}
.action-mini.ico{width:30px;height:30px;min-width:30px;padding:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;box-shadow:none}
.action-mini.ico.yellow{background:#ffcf08;color:#111;border-color:#e3b700}
.action-mini.ico.red{background:#ffefef;color:#b00020;border-color:#ffd1d1}
.data-table td:last-child,.data-table th:last-child{white-space:nowrap;min-width:170px}
.premium-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.premium-grid{display:grid;gap:16px;align-items:start}.premium-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-card.owner{background:linear-gradient(135deg,#fff7c8,#ffffff)}
.detail-modal{max-width:720px}.detail-list{display:grid;gap:8px;margin-top:12px}.detail-list div{display:grid;grid-template-columns:180px 1fr;gap:10px;border-bottom:1px solid #eee;padding:8px 0}.detail-list strong{color:#102d33}.detail-list span{word-break:break-word;color:#39464b}
.view-head{align-items:center}.dash-top{align-items:stretch}.kpi-grid{align-content:stretch}.kpi-card{min-height:136px}.hero-card{min-height:292px}
@media(max-width:980px){.premium-grid.two,.premium-grid.three{grid-template-columns:1fr}.data-table td:last-child,.data-table th:last-child{min-width:150px}.action-mini.ico{width:28px;height:28px;min-width:28px}.hero-card{min-height:220px}.kpi-card{min-height:auto}}
@media(max-width:640px){.action-row{gap:3px}.action-mini.ico{width:27px;height:27px;min-width:27px;font-size:13px}.data-table td:last-child,.data-table th:last-child{min-width:145px}}

/* BANAIN V3.5.5 — Venda Fácil Senior */
.easy-sale-screen{padding:4px 0 28px}.easy-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;background:linear-gradient(135deg,#ffcf08,#ffb800);border-radius:18px;padding:22px 24px;box-shadow:0 12px 34px rgba(11,24,28,.10)}.easy-head h1{font-size:46px;line-height:.96;margin:0;color:#07191d;letter-spacing:-1.5px}.easy-head p{margin:8px 0 0;font-size:18px;font-weight:900;color:#253126}.easy-card{background:#fffdf7;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px rgba(11,24,28,.10);padding:18px;display:grid;gap:18px}.easy-step{border:2px solid #f1df9d;background:#fffaf0;border-radius:18px;padding:18px}.easy-step-title{display:flex;gap:13px;align-items:center;margin-bottom:14px}.easy-step-title span{width:42px;height:42px;border-radius:12px;background:#07191d;color:#ffcf08;display:grid;place-items:center;font-size:24px;font-weight:950}.easy-step-title strong{display:block;font-size:25px;color:#07191d}.easy-step-title small{display:block;font-size:15px;font-weight:850;color:#776f62}.easy-client-row{display:grid;grid-template-columns:1fr 260px;gap:12px}.easy-client-row input{font-size:23px;border:2px solid #d8c47d;border-radius:16px;padding:20px;background:#fff}.easy-big-btn{border:0;border-radius:16px;background:#137d35;color:#fff;font-size:22px;font-weight:950;padding:18px}.easy-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.easy-product{border:2px solid #ead78f;border-radius:20px;background:linear-gradient(135deg,#fffbea,#fff4b8);padding:18px;text-align:left;min-height:140px;box-shadow:0 8px 20px rgba(11,24,28,.06);transition:.16s}.easy-product:hover,.easy-product.active{transform:translateY(-2px);border-color:#137d35;box-shadow:0 16px 34px rgba(19,125,53,.20);background:linear-gradient(135deg,#eafece,#fff7bf)}.easy-banana{display:block;font-size:34px}.easy-product strong{display:block;font-size:26px;color:#07191d;margin:6px 0}.easy-product small{display:block;font-size:15px;font-weight:900;color:#55604b}.easy-selected{background:#102d33;color:#fff;border-radius:16px;padding:16px 18px;font-size:20px;font-weight:900}.easy-selected strong{color:#ffcf08}.easy-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.easy-qty{display:grid;grid-template-columns:86px minmax(110px,1fr) 86px;gap:10px;align-items:center}.easy-qty button{height:76px;border:0;border-radius:18px;background:#ffcf08;font-size:42px;font-weight:950;color:#07191d}.easy-qty input{height:76px;border:2px solid #d8c47d;border-radius:18px;text-align:center;font-size:38px;font-weight:950;background:#fff}.easy-check{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:19px;font-weight:900;color:#07191d}.easy-check input{width:24px;height:24px}.easy-payments{display:grid;grid-template-columns:1fr 1fr;gap:10px}.easy-payments button{border:2px solid #ead78f;background:#fff;border-radius:18px;padding:18px;font-size:21px;font-weight:950;color:#07191d}.easy-payments button.active{background:#137d35;color:#fff;border-color:#137d35}.easy-total-box{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#07191d,#102d33);border-radius:20px;padding:20px;color:#fff}.easy-total-box span{display:block;font-size:16px;font-weight:850;color:#dfe9df}.easy-total-box strong{display:block;font-size:42px;color:#ffcf08;line-height:1}.easy-final-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.easy-finish,.easy-print{border:0;border-radius:16px;padding:20px 24px;font-size:22px;font-weight:950}.easy-finish{background:#ffcf08;color:#07191d}.easy-print{background:#fff;color:#07191d}.easy-help-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.easy-help{border:1px solid var(--line);border-radius:16px;background:#fffdf7;padding:18px;font-size:18px;font-weight:950;color:#07191d;text-align:left;box-shadow:0 8px 18px rgba(11,24,28,.05)}.easy-help:hover{background:#fff1bd}.floating-order{font-size:0}.floating-order:after{content:'＋ Venda Fácil';font-size:14px}
@media(max-width:900px){.easy-head{display:grid}.easy-client-row,.easy-grid-two{grid-template-columns:1fr}.easy-total-box{display:grid}.easy-final-actions{justify-content:stretch}.easy-final-actions button{width:100%}.easy-help-row{grid-template-columns:1fr}.easy-head h1{font-size:38px}.easy-products{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.easy-sale-screen{padding-bottom:90px}.easy-card{padding:12px;border-radius:16px}.easy-step{padding:14px}.easy-step-title strong{font-size:22px}.easy-client-row input{font-size:19px;padding:16px}.easy-big-btn{font-size:19px;padding:16px}.easy-products{grid-template-columns:1fr}.easy-product{min-height:120px}.easy-product strong{font-size:24px}.easy-qty{grid-template-columns:68px 1fr 68px}.easy-qty button,.easy-qty input{height:66px}.easy-payments{grid-template-columns:1fr}.easy-total-box strong{font-size:34px}.easy-finish,.easy-print{font-size:20px;padding:18px}.easy-head h1{font-size:34px}}

/* BANAIN V3.5.7 — modo simplificado */
.nav-btn.big-sale{
  font-size:1.08rem;
  padding:18px 14px;
  border:2px solid rgba(255,255,255,.75);
}
.simple-home-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(180px,1fr));
  gap:18px;
  margin-top:18px;
}
.simple-home-card{
  min-height:150px;
  border:1px solid var(--line,#eadbbd);
  border-radius:18px;
  background:#fffaf0;
  box-shadow:0 6px 0 rgba(0,0,0,.08);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
  padding:24px;
  cursor:pointer;
  text-align:left;
  transition:.18s ease;
}
.simple-home-card:hover{ transform:translateY(-2px); box-shadow:0 9px 0 rgba(0,0,0,.10); }
.simple-home-card.sale{ background:#ffcf08; border-color:#edb900; }
.simple-home-card strong{ font-size:1.45rem; color:#071d22; }
.simple-home-card small{ font-size:1rem; color:#635743; line-height:1.35; }
.simple-icon{ font-size:2.4rem; line-height:1; }
.simple-tip-panel{
  margin-top:20px;
  border-radius:18px;
  border:1px solid var(--line,#eadbbd);
  background:#fffaf0;
  padding:22px 24px;
}
.simple-tip-panel h2{ margin:0 0 8px; font-size:1.35rem; }
.simple-tip-panel p{ margin:0; color:#5f5545; font-size:1.05rem; }
.simple-quick .quick-action{ font-size:.98rem; padding:14px 12px; }
@media(max-width:980px){
  .simple-home-grid{ grid-template-columns:repeat(2,minmax(160px,1fr)); }
}
@media(max-width:640px){
  .simple-home-grid{ grid-template-columns:1fr; }
  .simple-home-card{ min-height:120px; padding:20px; }
  .simple-home-card strong{ font-size:1.32rem; }
}