:root{
  --amber:#F59E0B;--amber-d:#D97706;--dark:#0F1420;
  --card:#161E2E;--card2:#1C2740;--border:#243050;--text:#F1F5F9;
  --muted:#64748B;--green:#10B981;--red:#EF4444;--blue:#3B82F6;--purple:#8B5CF6;
  --r:14px;--sh:0 20px 60px rgba(0,0,0,.6);
  --sb-w:220px;--top-h:56px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;font-family:'DM Sans',sans-serif;background:var(--dark);color:var(--text);}

/* SCREENS */
.screen{display:none;width:100%;height:100dvh;flex-direction:column;overflow:hidden;}
.screen.active{display:flex;}

/* ═══ BANNER ═══ */
#sc-banner{position:relative;cursor:pointer;overflow:hidden;background:#000;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s;display:flex;align-items:center;justify-content:center;}
.slide.on{opacity:1;}
.slide-bg{position:absolute;inset:0;transform:scale(1.06);transition:transform 8s ease;}
.slide.on .slide-bg{transform:scale(1);}
.slide-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.78),rgba(0,0,0,.3));}
.slide-body{position:relative;z-index:2;text-align:center;padding:2rem;animation:fu .8s ease;}
@keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.slide-tag{display:inline-block;background:var(--amber);color:#000;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 14px;border-radius:99px;margin-bottom:1.2rem;}
.slide-h{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,7vw,5rem);font-weight:900;color:#fff;line-height:1.05;text-shadow:0 4px 24px rgba(0,0,0,.5);margin-bottom:.8rem;}
.slide-p{font-size:clamp(.85rem,2vw,1rem);color:rgba(255,255,255,.75);margin-bottom:2.2rem;max-width:480px;margin-left:auto;margin-right:auto;}
.slide-btn{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:#000;font-weight:700;font-size:.95rem;padding:14px 30px;border-radius:99px;border:none;cursor:pointer;transition:all .25s;box-shadow:0 6px 28px rgba(245,158,11,.45);font-family:inherit;}
.slide-btn:hover{transform:scale(1.05);}
.b-logo{position:relative;font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:#fff;white-space:nowrap;}
.b-logo b{color:var(--amber);}
.b-hint{position:absolute;bottom:4.0rem;left:0;right:0;text-align:center;color:rgba(255,255,255,.42);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;animation:pu 2s infinite;z-index:10;}
.b-dots{position:absolute;bottom:2.4rem;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:10;}
.dot{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.35);cursor:pointer;transition:all .3s;}
.dot.on{width:22px;background:var(--amber);}
.pats-strip{position:absolute;left:0;right:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:0 1rem;}
.pats-strip-label{font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.32);}
.pats-strip-logos{display:flex;justify-content:center;align-items:center;gap:.6rem;flex-wrap:wrap;width:100%;}
.slide-body{position:relative;z-index:2;text-align:center;padding:5.5rem 2rem 2rem;animation:fu .8s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;}
@keyframes pu{0%,100%{opacity:.35}50%{opacity:1}}
.b-prog{position:absolute;bottom:0;left:0;height:3px;background:var(--amber);z-index:20;transition:width .1s linear;}

/* ═══ MAIN MENU ═══ */
#sc-main{align-items:center;background:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.08) 0%,transparent 60%),var(--dark);}
.main-wrap{width:100%;max-width:420px;padding:1.5rem;}
.main-logo{text-align:center;margin-bottom:1.8rem;}
.main-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--amber),var(--amber-d));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto .8rem;box-shadow:0 8px 28px rgba(245,158,11,.4);overflow:hidden;transition:all .3s;}
.main-icon img{width:100%;height:100%;object-fit:contain;padding:6px;}
.main-h{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:900;}
.main-h span{color:var(--amber);}
.main-sub{color:var(--muted);font-size:.8rem;margin-top:3px;}
.mc{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1.1rem 1.4rem;cursor:pointer;transition:all .22s;display:flex;align-items:center;gap:.9rem;margin-bottom:.8rem;position:relative;overflow:hidden;}
.mc:hover,.mc:active{border-color:var(--amber);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.35);}
.mc-stripe{position:absolute;left:0;top:0;bottom:0;width:4px;}
.mc-ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.mc-txt h3{font-size:.95rem;font-weight:600;margin-bottom:2px;}
.mc-txt p{font-size:.76rem;color:var(--muted);}
.mc-arr{margin-left:auto;color:var(--muted);font-size:1.2rem;transition:all .22s;}
.mc:hover .mc-arr{color:var(--amber);transform:translateX(4px);}

/* ═══ LOGIN ═══ */
#sc-login{align-items:center;background:var(--dark);padding:1rem 1rem 0;}
.login-box{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem 1.8rem;width:100%;max-width:360px;box-shadow:var(--sh);}
.lh{text-align:center;margin-bottom:1.6rem;}
.lh-ico{width:60px;height:60px;background:linear-gradient(135deg,var(--amber),var(--amber-d));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin:0 auto .8rem;}
.lh h2{font-family:'Playfair Display',serif;font-size:1.3rem;}
.lh p{color:var(--muted);font-size:.78rem;margin-top:3px;}
.fg{margin-bottom:.85rem;}
.fl{display:block;font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;}
.fi{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:10px;font-family:inherit;font-size:.88rem;outline:none;transition:border-color .2s;}
.fi:focus{border-color:var(--amber);}
.lbtn{width:100%;background:var(--amber);color:#000;font-weight:700;font-size:.92rem;padding:12px;border-radius:11px;border:none;cursor:pointer;font-family:inherit;transition:all .2s;}
.lbtn:hover{background:var(--amber-d);}
.lerr{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--red);padding:9px 12px;border-radius:9px;font-size:.78rem;margin-top:.8rem;display:none;}
.lcreds{margin-top:1rem;background:var(--dark);border-radius:9px;padding:.75rem;font-size:.72rem;color:var(--muted);line-height:1.8;}

/* ═══ ADMIN LAYOUT ═══ */
#sc-admin{overflow:hidden;}
#sc-admin .topbar{order:1;}
#sc-admin .sync-lastbar{order:2;}
#sc-admin .admin-body{order:3;}
#copy-admin{order:4;}

/* TOPBAR */
.topbar{background:var(--card);border-bottom:1px solid var(--border);height:var(--top-h);display:flex;align-items:center;padding:0 1rem;gap:.7rem;flex-shrink:0;z-index:100;}
.ham-btn{width:36px;height:36px;border-radius:9px;background:transparent;border:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;}
.tb-brand{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;}
.tb-brand b{color:var(--amber);}
.tb-right{margin-left:auto;display:flex;align-items:center;gap:.5rem;}
.tb-user{font-size:.75rem;color:var(--muted);}
.sync-pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:99px;padding:5px 9px;font-size:.68rem;color:var(--muted);background:var(--dark);}
.sync-lastbar{background:rgba(0,0,0,.16);border-bottom:1px solid var(--border);padding:3px 1rem;font-size:.58rem;color:var(--muted);text-align:right;flex-shrink:0;}

/* BODY */
.admin-body{display:flex;flex:1;overflow:hidden;position:relative;}

/* SIDEBAR OVERLAY (mobile) */
.sb-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:199;backdrop-filter:blur(3px);}
.sb-overlay.open{display:block;}

/* SIDEBAR */
.sb{position:fixed;top:0;left:0;bottom:0;width:var(--sb-w);background:var(--card);border-right:1px solid var(--border);padding:.8rem 0;flex-shrink:0;overflow-y:auto;transition:transform .28s ease;z-index:200;transform:translateX(-100%);box-shadow:0 18px 50px rgba(0,0,0,.45);}
.sb.open{transform:translateX(0);}
.sb-sec{padding:0 .8rem;margin-bottom:.2rem;}
.sb-lbl{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:.6rem .4rem .3rem;}
.sb-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;cursor:pointer;font-size:.83rem;font-weight:500;color:var(--muted);transition:all .17s;margin-bottom:1px;user-select:none;}
.sb-item:hover{background:rgba(255,255,255,.05);color:var(--text);}
.sb-item.on{background:rgba(245,158,11,.13);color:var(--amber);}
.si{font-size:.95rem;width:20px;text-align:center;flex-shrink:0;}
.sb-badge{margin-left:auto;background:var(--red);color:#fff;font-size:.63rem;font-weight:700;padding:1px 7px;border-radius:99px;flex-shrink:0;}

/* CONTENT */
.content{flex:1;overflow-y:auto;padding:1.2rem;background:var(--dark);}
.pnl{display:none;}
.pnl.on{display:block;}

/* BACK BAR (mobile back button inside panels) */
.back-bar{display:none;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.6rem .8rem;background:var(--card);border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--muted);}
.back-bar:hover{color:var(--amber);}
@media(max-width:768px){.back-bar{display:flex;}}

/* SECTION HEADER */
.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;flex-wrap:wrap;gap:.5rem;}
.sec-t{font-size:1rem;font-weight:700;}

/* STATS GRID */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin-bottom:1.2rem;}
.scard{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:1rem 1.1rem;position:relative;overflow:hidden;}
.scard::after{content:'';position:absolute;top:-16px;right:-16px;width:68px;height:68px;border-radius:50%;opacity:.09;}
.scard.s1::after{background:var(--amber);}
.scard.s2::after{background:var(--green);}
.scard.s3::after{background:var(--blue);}
.scard.s4::after{background:var(--red);}
.scard.s5::after{background:var(--purple);}
.sl{font-size:.67rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;}
.sv{font-size:1.6rem;font-weight:700;font-family:'JetBrains Mono',monospace;line-height:1;}
.ss{font-size:.7rem;margin-top:4px;}
.ss.up{color:var(--green);}.ss.dn{color:var(--red);}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:9px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .17s;border:none;font-family:inherit;white-space:nowrap;user-select:none;}
.btn-a{background:var(--amber);color:#000;}.btn-a:hover{background:var(--amber-d);}
.btn-g{background:transparent;color:var(--muted);border:1px solid var(--border);}.btn-g:hover{color:var(--text);border-color:var(--muted);}
.btn-r{background:rgba(239,68,68,.14);color:var(--red);border:1px solid rgba(239,68,68,.28);}.btn-r:hover{background:rgba(239,68,68,.24);}
.btn-s{background:var(--green);color:#fff;}.btn-s:hover{filter:brightness(.88);}
.btn-b{background:rgba(59,130,246,.14);color:var(--blue);border:1px solid rgba(59,130,246,.28);}
.btn-sm{padding:5px 10px;font-size:.74rem;border-radius:7px;}
.btn-xs{padding:3px 8px;font-size:.68rem;border-radius:6px;}

/* TABLE */
.tw{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:.9rem;overflow-x:auto;}
table{width:100%;border-collapse:collapse;font-size:.81rem;min-width:460px;}
th{background:rgba(255,255,255,.03);color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;padding:9px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;}
td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;}
tr:last-child td{border-bottom:none;}
tr:hover td{background:rgba(255,255,255,.02);}

/* BADGE */
.badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:99px;font-size:.69rem;font-weight:600;white-space:nowrap;}
.bg{background:rgba(16,185,129,.14);color:var(--green);}
.ba{background:rgba(245,158,11,.14);color:var(--amber);}
.br{background:rgba(239,68,68,.14);color:var(--red);}
.bb{background:rgba(59,130,246,.14);color:var(--blue);}
.bp{background:rgba(139,92,246,.14);color:var(--purple);}
.prod-thumb{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0;background:var(--dark);background-size:cover;background-position:center;border:1px solid var(--border);}

/* PRODUCT CARDS */
.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.8rem;}
.pcard{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:all .2s;}
.pcard:hover,.pcard:active{border-color:var(--amber);transform:translateY(-2px);}
.pcard-img{height:88px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background-size:cover;background-position:center;}
.pcard-body{padding:.7rem;}
.pcard-name{font-weight:600;font-size:.83rem;margin-bottom:2px;}
.pcard-cat{font-size:.67rem;color:var(--muted);margin-bottom:6px;}
.pcard-price{font-size:.95rem;font-weight:700;color:var(--amber);font-family:'JetBrains Mono',monospace;}
.pcard-add{margin-top:6px;}

/* COMANDA LAYOUT */
.cmd-layout{display:grid;grid-template-columns:1fr 300px;gap:.9rem;height:calc(100dvh - var(--top-h) - 2.4rem - 46px);}
.cmd-left{display:flex;flex-direction:column;overflow:hidden;gap:.7rem;}
.cmd-scroll{flex:1;overflow-y:auto;padding-right:2px;}
.cmd-right{background:var(--card);border:1px solid var(--border);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;}
.cmd-rh{padding:.8rem;border-bottom:1px solid var(--border);}
.cmd-rh h3{font-size:.88rem;font-weight:700;margin-bottom:.5rem;}
.cmd-body{flex:1;overflow-y:auto;padding:.65rem;}
.cmd-item{display:flex;align-items:center;gap:.55rem;background:var(--dark);border:1px solid var(--border);border-radius:9px;padding:.6rem .7rem;margin-bottom:.5rem;}
.ci-em{font-size:1.2rem;flex-shrink:0;}
.ci-info{flex:1;min-width:0;}
.ci-name{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ci-obs{font-size:.67rem;color:var(--muted);}
.qrow{display:flex;align-items:center;gap:4px;flex-shrink:0;}
.qb{width:22px;height:22px;border-radius:5px;border:1px solid var(--border);background:var(--card2);color:var(--text);cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;}
.qb:hover{background:var(--amber);color:#000;border-color:var(--amber);}
.ci-price{font-size:.78rem;font-weight:700;color:var(--amber);font-family:'JetBrains Mono',monospace;flex-shrink:0;margin-left:3px;}
.cmd-foot{padding:.8rem;border-top:1px solid var(--border);}
.trow{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.8rem;}
.trow span:first-child{color:var(--muted);}
.trow span:last-child{font-family:'JetBrains Mono',monospace;font-weight:600;}
.tot-big{font-size:1.25rem;font-weight:700;color:var(--amber);}
.divl{height:1px;background:var(--border);margin:.5rem 0;}

/* MOBILE COMANDA: stack */
@media(max-width:768px){
  .cmd-layout{grid-template-columns:1fr;height:auto;}
  .cmd-right{min-height:320px;}
}

/* MESAS */
.mesa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.7rem;}
.mcard{background:var(--dark);border:2px solid var(--border);border-radius:12px;padding:.85rem .7rem;text-align:center;cursor:pointer;transition:all .2s;}
.mcard:hover,.mcard:active{transform:scale(1.04);}
.mcard.livre{border-color:var(--green);}
.mcard.ocupada{border-color:var(--amber);}
.mcard.fechando{border-color:var(--red);}
.mnum{font-size:1.2rem;font-weight:700;font-family:'Playfair Display',serif;margin-bottom:2px;}
.mst{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.mcard.livre .mst{color:var(--green);}
.mcard.ocupada .mst{color:var(--amber);}
.mcard.fechando .mst{color:var(--red);}
.mval{font-size:.7rem;color:var(--muted);margin-top:2px;font-family:'JetBrains Mono',monospace;}

/* FORM */
.fg2{margin-bottom:.85rem;}
.fl2{display:block;font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;}
.fi2{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--text);padding:9px 11px;border-radius:9px;font-family:inherit;font-size:.85rem;outline:none;transition:border-color .2s;}
.fi2:focus{border-color:var(--amber);}
.emoji-input{cursor:pointer;font-size:1.15rem;}
textarea.fi2{resize:vertical;min-height:65px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
@media(max-width:480px){.frow{grid-template-columns:1fr;}}

/* SWITCH */
.sw{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0;}
.sw input{opacity:0;width:0;height:0;}
.slr{position:absolute;inset:0;background:var(--border);border-radius:20px;cursor:pointer;transition:.3s;}
.slr::before{content:'';position:absolute;width:14px;height:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;}
input:checked+.slr{background:var(--green);}
input:checked+.slr::before{transform:translateX(16px);}

/* MODAL */
.mov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1000;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(5px);}
.mov.open{display:flex;}
.modal{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.6rem;width:100%;max-width:440px;box-shadow:var(--sh);max-height:92dvh;overflow-y:auto;}
.mhd{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;}
.mtt{font-size:1rem;font-weight:700;}
.mcl{width:28px;height:28px;border-radius:7px;background:var(--dark);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;}
.mcl:hover{color:var(--text);}

/* SEARCH */
.srch{position:relative;}
.srch input{width:100%;background:var(--card);border:1px solid var(--border);color:var(--text);padding:9px 12px 9px 34px;border-radius:9px;font-family:inherit;font-size:.83rem;outline:none;}
.srch input:focus{border-color:var(--amber);}
.srch-ic{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.85rem;}

/* CAT TABS */
.cat-tabs{display:flex;gap:5px;overflow-x:auto;padding:.4rem .2rem;flex-shrink:0;}
.cat-tabs::-webkit-scrollbar{height:0;}
.ct{padding:5px 12px;border-radius:99px;font-size:.77rem;font-weight:600;cursor:pointer;white-space:nowrap;border:1px solid var(--border);color:var(--muted);background:transparent;transition:all .17s;font-family:inherit;flex-shrink:0;}
.ct.on,.ct:hover{background:var(--amber);color:#000;border-color:var(--amber);}

/* CARDÁPIO PÚBLICO */
#sc-cardapio{overflow:hidden;}
.cp-hero{background:var(--card);padding:1.8rem 1.4rem;text-align:center;border-bottom:1px solid var(--border);flex-shrink:0;position:relative;overflow:hidden;}
.cp-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.12) 0%,transparent 65%);}
.cp-hero h1{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:900;position:relative;}
.cp-hero p{color:var(--muted);font-size:.83rem;margin-top:4px;position:relative;}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem;padding:1.2rem;}
.mitem{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:all .2s;}
.mitem:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.4);border-color:var(--amber);}
.mitem-img{height:110px;display:flex;align-items:center;justify-content:center;font-size:3.2rem;background:linear-gradient(135deg,#141e30,#0a0f1e);background-size:cover;background-position:center;position:relative;}
.mitem-img .ib{position:absolute;top:7px;right:7px;}
.mitem-body{padding:.85rem;}
.mitem-name{font-size:.92rem;font-weight:700;margin-bottom:3px;}
.mitem-desc{font-size:.72rem;color:var(--muted);line-height:1.5;margin-bottom:.55rem;}
.mitem-foot{display:flex;align-items:center;justify-content:space-between;}
.mitem-price{font-size:1.05rem;font-weight:700;color:var(--amber);font-family:'JetBrains Mono',monospace;}

/* COPYRIGHT BAR */
.copyright-bar{flex-shrink:0;text-align:center;padding:6px 1rem;font-size:.6rem;color:var(--muted);border-top:1px solid rgba(255,255,255,.04);letter-spacing:.04em;background:rgba(0,0,0,.18);}
.copyright-bar-dark{background:rgba(0,0,0,.45);color:rgba(255,255,255,.28);border-top:none;}

/* UPLOAD IMAGE */
.upload-zone{border:2px dashed var(--border);border-radius:12px;padding:1.4rem;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;}
.upload-zone:hover{border-color:var(--amber);background:rgba(245,158,11,.04);}
.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.upload-zone .uz-icon{font-size:2rem;margin-bottom:.4rem;}
.upload-zone .uz-txt{font-size:.78rem;color:var(--muted);line-height:1.5;}
.upload-zone .uz-hint{font-size:.67rem;color:var(--muted);opacity:.6;margin-top:.3rem;}
.img-preview{width:100%;max-height:140px;object-fit:cover;border-radius:9px;margin-top:.5rem;display:none;}
.logo-preview-wrap{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;}
.logo-preview-item{position:relative;display:inline-block;}
.logo-preview-item img{height:48px;width:auto;max-width:120px;object-fit:contain;border-radius:7px;background:rgba(255,255,255,.06);padding:4px 8px;border:1px solid var(--border);}
.logo-preview-item .rm-logo{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background:var(--red);color:#fff;border-radius:50%;font-size:.55rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-weight:700;}
.product-upload{padding:1rem;}
.product-upload.has-image .uz-icon,.product-upload.has-image .uz-txt,.product-upload.has-image .uz-hint{display:none;}
.product-upload.has-image .img-preview{display:block;max-height:170px;}
.emoji-modal{max-width:520px;}
.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.45rem;}
.emoji-choice{height:44px;border-radius:10px;border:1px solid var(--border);background:var(--dark);color:var(--text);font-size:1.45rem;cursor:pointer;transition:all .16s;font-family:inherit;}
.emoji-choice:hover{border-color:var(--amber);background:rgba(245,158,11,.12);transform:translateY(-1px);}

/* TAMANHO GUIDE */
.size-guide{background:var(--dark);border-radius:10px;padding:.8rem;font-size:.73rem;color:var(--muted);line-height:1.7;border:1px solid var(--border);}
.size-guide b{color:var(--text);}
.size-guide .sg-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;}
.size-guide .sg-badge{background:var(--card2);border:1px solid var(--border);border-radius:5px;padding:2px 7px;font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--amber);white-space:nowrap;}
.prog-bar{height:7px;background:var(--border);border-radius:99px;overflow:hidden;margin-top:5px;}
.prog-fill{height:100%;border-radius:99px;}
.cbar-wrap{display:flex;align-items:center;gap:7px;font-size:.76rem;}
.cbar{flex:1;height:5px;background:var(--border);border-radius:10px;overflow:hidden;}
.cbar-fill{height:100%;border-radius:10px;}

/* AVATAR */
.av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0;}

/* NOTIFY */
.notif{position:fixed;bottom:1.2rem;right:1.2rem;left:1.2rem;max-width:320px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:10px 15px;font-size:.8rem;font-weight:500;box-shadow:var(--sh);z-index:9999;display:flex;align-items:center;gap:8px;transform:translateY(120%);transition:transform .3s;text-align:left;}
.notif.show{transform:translateY(0);}
.notif.ns{border-color:var(--green);}
.notif.ne{border-color:var(--red);}
.notif.na{border-color:var(--amber);}
@media(min-width:480px){.notif{left:auto;right:1.4rem;bottom:1.4rem;transform:translateX(120%);}.notif.show{transform:translateX(0);}}

/* EMPTY */
.empty{text-align:center;color:var(--muted);padding:2rem;font-size:.82rem;}
.empty-ic{font-size:2.2rem;margin-bottom:7px;}

/* UTILS */
.mono{font-family:'JetBrains Mono',monospace;font-weight:600;}
.amber{color:var(--amber);}
.muted-s{color:var(--muted);font-size:.74rem;}
.fx{display:flex;align-items:center;gap:5px;}
.fw{flex-wrap:wrap;}
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;}