/* Fusion Cafe POS — app.css */
:root{
  --fcp-cr:#7B1A1A;--fcp-crl:#A52828;--fcp-gold:#C9943A;--fcp-gl:#E8B55A;
  --fcp-cream:#F5EDD8;--fcp-bg:#0F0A06;--fcp-bg2:#1A1108;--fcp-bg3:#241810;
  --fcp-bd:rgba(201,148,58,.15);--fcp-bd2:rgba(201,148,58,.3);
  --fcp-tx:#F0E8D0;--fcp-tx2:#C8B898;--fcp-tx3:#8A7A60;
  --fcp-gn:#2D6A4F;--fcp-gnl:#40916C;--fcp-rd:#9B2335;--fcp-rdl:#C0392B;
  --fcp-bl:#1A4A7A;--fcp-bll:#2980B9;
  --fcp-sh:0 4px 24px rgba(0,0,0,.6);
}

/* ── Reset ── */
#fcp-app,#fcp-app *{box-sizing:border-box;margin:0;padding:0}
#fcp-app{
  display:flex;min-height:100vh;background:var(--fcp-bg);color:var(--fcp-tx);
  font-family:'DM Sans',sans-serif;position:relative;
}
#fcp-app ::-webkit-scrollbar{width:4px;height:4px}
#fcp-app ::-webkit-scrollbar-track{background:var(--fcp-bg2)}
#fcp-app ::-webkit-scrollbar-thumb{background:var(--fcp-bd2);border-radius:2px}

/* ── SIDEBAR ── */
#fcp-sidebar{
  width:230px;background:var(--fcp-bg2);border-right:1px solid var(--fcp-bd);
  display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;
  transition:transform .3s;overflow:hidden;
}
.fcp-sl{padding:14px 12px;border-bottom:1px solid var(--fcp-bd);display:flex;align-items:center;gap:10px}
.fcp-lm{width:36px;height:36px;background:var(--fcp-cr);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid var(--fcp-gold);flex-shrink:0}
.fcp-brand{font-family:'Playfair Display',serif;font-size:15px;color:var(--fcp-gold);font-weight:700}
.fcp-tagline{font-size:8px;color:var(--fcp-tx3);letter-spacing:1px}
.fcp-user-bar{padding:10px 12px;border-bottom:1px solid var(--fcp-bd);display:flex;align-items:center;gap:8px}
.fcp-av{width:30px;height:30px;border-radius:50%;background:var(--fcp-cr);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--fcp-cream);flex-shrink:0}
.fcp-uname{font-size:12px;font-weight:600}.fcp-urole{font-size:10px;color:var(--fcp-tx3)}
.fcp-nav{flex:1;overflow-y:auto;padding:8px 0}
.fcp-ns{padding:5px 12px 3px;font-size:9px;color:var(--fcp-tx3);letter-spacing:1.5px;text-transform:uppercase;margin-top:6px}
.fcp-ni{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;transition:all .15s;font-size:12px;color:var(--fcp-tx2);text-decoration:none;border:none;background:none;width:100%;text-align:left}
.fcp-ni:hover{background:var(--fcp-bg3);color:var(--fcp-tx)}
.fcp-ni.active{background:rgba(123,26,26,.3);color:var(--fcp-gold);border-right:2px solid var(--fcp-gold)}
.fcp-badge{margin-left:auto;background:var(--fcp-cr);color:var(--fcp-cream);font-size:9px;padding:1px 6px;border-radius:9px;font-weight:700}
.fcp-sb-foot{padding:10px;border-top:1px solid var(--fcp-bd)}
.fcp-logout-btn{display:block;width:100%;background:transparent;border:1px solid var(--fcp-bd);border-radius:8px;padding:8px;color:var(--fcp-tx3);font-size:12px;cursor:pointer;text-align:center;text-decoration:none;transition:all .2s;font-family:inherit}
.fcp-logout-btn:hover{border-color:var(--fcp-rdl);color:var(--fcp-rdl)}

/* ── MAIN ── */
#fcp-main{margin-left:230px;flex:1;display:flex;flex-direction:column;min-height:100vh}
#fcp-topbar{height:54px;background:var(--fcp-bg2);border-bottom:1px solid var(--fcp-bd);display:flex;align-items:center;padding:0 18px;gap:12px;position:sticky;top:0;z-index:100}
#fcp-menu-toggle{display:none;background:none;border:none;color:var(--fcp-tx);font-size:20px;cursor:pointer;padding:4px}
.fcp-page-title{font-family:'Playfair Display',serif;font-size:17px;color:var(--fcp-gold);font-weight:700}
.fcp-topbar-r{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fcp-tb{background:var(--fcp-bg3);border:1px solid var(--fcp-bd);border-radius:7px;padding:4px 10px;font-size:11px;color:var(--fcp-tx2)}
.fcp-open-badge{color:var(--fcp-gnl);border-color:rgba(64,145,108,.3)}
#fcp-content{flex:1;padding:16px}

/* ── PAGES ── */
.fcp-page{display:none}.fcp-page.active{display:block}

/* ── STAT GRID ── */
.fcp-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.fcp-sc{background:var(--fcp-bg2);border:1px solid var(--fcp-bd);border-radius:12px;padding:16px;position:relative;overflow:hidden}
.fcp-sc::before{content:'';position:absolute;top:-16px;right:-16px;width:64px;height:64px;border-radius:50%;opacity:.1}
.fcp-sc.gold::before{background:var(--fcp-gold)}.fcp-sc.green::before{background:var(--fcp-gnl)}
.fcp-sc.red::before{background:var(--fcp-rdl)}.fcp-sc.blue::before{background:var(--fcp-bll)}
.fcp-si{font-size:20px;margin-bottom:8px}
.fcp-sv{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:500}
.fcp-sl3{font-size:11px;color:var(--fcp-tx3);margin-top:3px}

/* ── DASHBOARD ── */
.fcp-dg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.fcp-dc{background:var(--fcp-bg2);border:1px solid var(--fcp-bd);border-radius:12px;padding:16px}
.fcp-dc h3{font-size:13px;color:var(--fcp-tx2);margin-bottom:12px}
.fcp-dc.wide{grid-column:span 2}
.fcp-or{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--fcp-bd)}
.fcp-or:last-child{border-bottom:none}
.fcp-oid{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--fcp-gold)}
.fcp-oa{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:11px}
.fcp-os{font-size:9px;padding:2px 6px;border-radius:4px;font-weight:600;white-space:nowrap}
.fcp-sp{background:rgba(201,148,58,.15);color:var(--fcp-gold)}
.fcp-sr{background:rgba(64,145,108,.15);color:var(--fcp-gnl)}
.fcp-ss{background:rgba(41,128,185,.15);color:var(--fcp-bll)}
.fcp-sc2{background:rgba(192,57,43,.15);color:var(--fcp-rdl)}

/* ── POS ── */
.fcp-pos-layout{display:grid;grid-template-columns:1fr 350px;gap:12px;height:calc(100vh - 86px)}
.fcp-pos-left{display:flex;flex-direction:column;gap:9px;overflow:hidden}
.fcp-pos-right{overflow:hidden}
.fcp-pos-search{display:flex;gap:7px;align-items:center}
.fcp-pos-search input{flex:1;background:var(--fcp-bg2);border:1px solid var(--fcp-bd);border-radius:9px;padding:10px 13px;color:var(--fcp-tx);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}
.fcp-pos-search input:focus{border-color:var(--fcp-gold)}
.fcp-cat-tabs{display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
.fcp-cat-tabs::-webkit-scrollbar{height:2px}
.fcp-ctb{padding:7px 13px;border-radius:16px;border:1px solid var(--fcp-bd);background:var(--fcp-bg2);color:var(--fcp-tx2);font-size:11px;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit;transition:all .2s}
.fcp-ctb:hover{border-color:var(--fcp-bd2);color:var(--fcp-tx)}
.fcp-ctb.active{background:var(--fcp-cr);border-color:var(--fcp-gold);color:var(--fcp-cream)}
.fcp-menu-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px;align-content:start}
.fcp-mi{background:var(--fcp-bg2);border:1px solid var(--fcp-bd);border-radius:10px;padding:11px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px;user-select:none}
.fcp-mi:hover{border-color:var(--fcp-gold);transform:translateY(-2px);box-shadow:var(--fcp-sh)}
.fcp-mi:active{transform:scale(.97)}
.fcp-mi .ie{font-size:24px}
.fcp-mi .in{font-size:12px;font-weight:500;line-height:1.3}
.fcp-mi .ic{font-size:9px;color:var(--fcp-tx3)}
.fcp-mi .ip{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--fcp-gold);font-weight:600}

/* ── CART ── */
.fcp-cart{background:var(--fcp-bg2);border:1px solid var(--fcp-bd);border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden}
.fcp-cart-hd{padding:11px 13px;border-bottom:1px solid var(--fcp-bd);display:flex;align-items:center;gap:7px}
.fcp-cart-hd h3{font-size:13px;font-weight:600}
.fcp-cc{margin-left:auto;background:var(--fcp-cr);color:var(--fcp-cream);font-size:10px;padding:1px 7px;border-radius:9px;font-weight:700}
.fcp-table-sel{padding:9px 13px;border-bottom:1px solid var(--fcp-bd);display:flex;gap:7px;align-items:center}
.fcp-table-sel label{font-size:11px;color:var(--fcp-tx3);white-space:nowrap}
.fcp-table-sel select{flex:1;background:var(--fcp-bg3);border:1px solid var(--fcp-bd);border-radius:7px;padding:7px 9px;color:var(--fcp-tx);font-size:12px;outline:none;font-family:inherit}
.fcp-cart-items{flex:1;overflow-y:auto;padding:6px}
.fcp-cart-empty{text-align:center;padding:30px 16px;color:var(--fcp-tx3);font-size:13px;line-height:2}
.fcp-ci{display:flex;align-items:center;gap:6px;padding:8px 5px;border-bottom:1px solid var(--fcp-bd)}
.fcp-ci .cn{font-size:12px;flex:1;line-height:1.3}
.fcp-ci-qty{display:flex;align-items:center;gap:3px}
.fcp-qb{width:22px;height:22px;border-radius:5px;border:1px solid var(--fcp-bd);background:var(--fcp-bg3);color:var(--fcp-tx);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit;line-height:1}
.fcp-qb:hover{border-color:var(--fcp-gold);color:var(--fcp-gold)}
.fcp-qn{font-family:'JetBrains Mono',monospace;font-size:12px;width:22px;text-align:center}
.fcp-cpr{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--fcp-gold);min-width:58px;text-align:right}
.fcp-ri{background:none;border:none;color:var(--fcp-tx3);cursor:pointer;font-size:14px;padding:2px;transition:color .15s}
.fcp-ri:hover{color:var(--fcp-rdl)}
.fcp-cart-foot{border-top:1px solid var(--fcp-bd);padding:10px 13px}
.fcp-disc-row{display:flex;gap:5px;margin-bottom:8px}
.fcp-disc-row input{flex:1;background:var(--fcp-bg3);border:1px solid var(--fcp-bd);border-radius:7px;padding:7px 9px;color:var(--fcp-tx);font-size:11px;outline:none;font-family:inherit}
.fcp-disc-row select{background:var(--fcp-bg3);border:1px solid var(--fcp-bd);border-radius:7px;padding:7px;color:var(--fcp-tx);font-size:11px;outline:none;font-family:inherit}
.fcp-totals{margin-bottom:10px}
.fcp-tr{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;color:var(--fcp-tx2)}
.fcp-total-row{font-size:15px;font-weight:700;color:var(--fcp-tx);font-family:'JetBrains Mono',monospace;margin-top:5px;padding-top:7px;border-top:1px solid var(--fcp-bd)}
.fcp-pay-btn{width:100%;background:linear-gradient(135deg,var(--fcp-cr),var(--fcp-crl));color:var(--fcp-cream);border:1px solid rgba(201,148,58,.3);border-radius:9px;padding:13px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;letter-spacing:.5px}
.fcp-pay-btn:hover{background:linear-gradient(135deg,var(--fcp-crl),var(--fcp-gold))}

/* ── TABLES PAGE ── */
.fcp-hall-lbl{font-size:11px;color:var(--fcp-tx3);letter-spacing:1px;text-transform:uppercase;margin:14px 0 7px;padding-bottom:5px;border-bottom:1px solid var(--fcp-bd)}
.fcp-tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px;margin-bottom:8px}
.fcp-tc{aspect-ratio:1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:1.5px solid;font-size:10px;font-weight:500;gap:2px}
.fcp-tc .tn{font-family:'Playfair Display',serif;font-size:18px;font-weight:700}.fcp-tc .ti{font-size:9px;opacity:.8}
.fcp-tc.available{background:rgba(45,106,79,.1);border-color:rgba(64,145,108,.3);color:var(--fcp-gnl)}
.fcp-tc.occupied{background:rgba(155,35,53,.15);border-color:rgba(192,57,43,.4);color:var(--fcp-rdl)}
.fcp-tc.reserved{background:rgba(26,74,122,.15);border-color:rgba(41,128,185,.3);color:var(--fcp-bll)}
.fcp-tc.cleaning{background:rgba(201,148,58,.1);border-color:rgba(201,148,58,.3);color:var(--fcp-gold)}
.fcp-tc:hover{transform:scale(1.04)}

/* ── KDS ── */
.fcp-ktab{padding:7px 13px;border-radius:7px;border:1px solid var(--fcp-bd);background:var(--fcp-bg2);color:var(--fcp-tx2);font-size:11px;cursor:pointer;font-family:inherit;transition:all .2s}
.fcp-ktab.active{background:var(--fcp-cr);border-color:var(--fcp-gold);color:var(--fcp-cream)}
.fcp-kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.fcp-kc{background:var(--fcp-bg2);border:1px solid var(--fcp-bd);border-radius:11px;overflow:hidden}
.fcp-kch{padding:10px 12px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--fcp-bd)}
.fcp-kon{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--fcp-gold);font-weight:600}
.fcp-ktb2{font-size:12px;color:var(--fcp-tx2)}.fcp-ktm{margin-left:auto;font-size:10px;color:var(--fcp-tx3)}
.fcp-kbody{padding:8px 12px}
.fcp-kit{padding:5px 0;border-bottom:1px solid var(--fcp-bd);font-size:12px;display:flex;gap:6px}
.fcp-kit:last-child{border-bottom:none}.fcp-kit .qty{color:var(--fcp-gold);font-weight:700;min-width:18px}
.fcp-kf{padding:8px 12px;border-top:1px solid var(--fcp-bd);display:flex;gap:5px}
.fcp-kb{flex:1;padding:7px;border-radius:7px;border:1px solid var(--fcp-bd);background:var(--fcp-bg3);color:var(--fcp-tx2);font-size:11px;cursor:pointer;font-family:inherit;transition:all .15s}
.fcp-kb:hover{border-color:var(--fcp-bd2);color:var(--fcp-tx)}
.fcp-kb.rdy{background:rgba(45,106,79,.15);border-color:rgba(64,145,108,.3);color:var(--fcp-gnl)}

/* ── DATA TABLE ── */
.fcp-table-wrap{overflow-x:auto}
.fcp-dt{width:100%;border-collapse:collapse;background:var(--fcp-bg2);border-radius:10px;overflow:hidden;border:1px solid var(--fcp-bd)}
.fcp-dt th{background:var(--fcp-bg3);padding:10px 12px;text-align:left;font-size:10px;color:var(--fcp-tx3);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--fcp-bd)}
.fcp-dt td{padding:9px 12px;font-size:12px;border-bottom:1px solid var(--fcp-bd);vertical-align:middle}
.fcp-dt tr:last-child td{border-bottom:none}.fcp-dt tr:hover td{background:var(--fcp-bg3)}
.fcp-sb{font-size:10px;padding:2px 7px;border-radius:5px;font-weight:600}
.fcp-sok{background:rgba(45,106,79,.15);color:var(--fcp-gnl)}.fcp-slow{background:rgba(201,148,58,.15);color:var(--fcp-gold)}.fcp-sout{background:rgba(155,35,53,.15);color:var(--fcp-rdl)}

/* ── BUTTONS ── */
.fcp-btn-gold{background:var(--fcp-cr);color:var(--fcp-cream);border:1px solid rgba(201,148,58,.3);border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:5px;transition:all .2s;white-space:nowrap}
.fcp-btn-gold:hover{background:var(--fcp-crl)}
.fcp-btn-pri{flex:1;background:linear-gradient(135deg,var(--fcp-cr),var(--fcp-crl));color:var(--fcp-cream);border:1px solid rgba(201,148,58,.3);border-radius:9px;padding:12px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}
.fcp-btn-pri:hover{opacity:.9}
.fcp-btn-sec{background:var(--fcp-bg3);color:var(--fcp-tx2);border:1px solid var(--fcp-bd);border-radius:9px;padding:12px 18px;font-size:13px;cursor:pointer;font-family:inherit;transition:all .2s}
.fcp-btn-sec:hover{border-color:var(--fcp-bd2);color:var(--fcp-tx)}

/* ── SECTION HEADER ── */
.fcp-sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}
.fcp-sh h2{font-family:'Playfair Display',serif;font-size:19px;color:var(--fcp-gold)}

/* ── MODALS ── */
.fcp-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;display:none;backdrop-filter:blur(4px)}
.fcp-modal-overlay.open{display:flex}
.fcp-modal{background:var(--fcp-bg2);border:1px solid var(--fcp-bd2);border-radius:14px;padding:24px;width:500px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:var(--fcp-sh)}
.fcp-modal h2{font-family:'Playfair Display',serif;font-size:19px;color:var(--fcp-gold);margin-bottom:16px}
.fcp-modal-actions{display:flex;gap:8px;margin-top:16px}
.fcp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fcp-fg{display:flex;flex-direction:column;gap:5px}
.fcp-fg label{font-size:11px;color:var(--fcp-tx3)}
.fcp-fg input,.fcp-fg select,.fcp-fg textarea{background:var(--fcp-bg3);border:1px solid var(--fcp-bd);border-radius:7px;padding:9px 11px;color:var(--fcp-tx);font-size:12px;font-family:inherit;outline:none;transition:border-color .2s}
.fcp-fg input:focus,.fcp-fg select:focus{border-color:var(--fcp-gold)}

/* ── PAYMENT MODAL ── */
.fcp-pay-info{font-size:12px;color:var(--fcp-tx2);margin-bottom:12px}
.fcp-pay-total-box{background:var(--fcp-bg3);border-radius:9px;padding:12px;margin-bottom:14px;text-align:center}
.fcp-lbl{font-size:10px;color:var(--fcp-tx3);letter-spacing:.5px;margin-bottom:7px;text-transform:uppercase}
.fcp-pay-amount{font-family:'Playfair Display',serif;font-size:30px;color:var(--fcp-gold)}
.fcp-pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}
.fcp-pm{background:var(--fcp-bg3);border:1.5px solid var(--fcp-bd);border-radius:9px;padding:10px;text-align:center;cursor:pointer;transition:all .2s;font-size:11px;color:var(--fcp-tx2);font-family:inherit;line-height:1.6}
.fcp-pm:hover{border-color:var(--fcp-bd2);color:var(--fcp-tx)}
.fcp-pm.sel{border-color:var(--fcp-gold);background:rgba(201,148,58,.1);color:var(--fcp-gold)}
.fcp-cash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}
.fcp-cb{background:var(--fcp-bg3);border:1px solid var(--fcp-bd);border-radius:7px;padding:8px;color:var(--fcp-tx);font-size:11px;cursor:pointer;transition:all .15s;font-family:'JetBrains Mono',monospace}
.fcp-cb:hover{border-color:var(--fcp-gold);color:var(--fcp-gold)}
.fcp-cash-box{background:var(--fcp-bg3);border:1px solid var(--fcp-bd);border-radius:9px;padding:12px;margin-bottom:8px}
.fcp-cash-box input{background:transparent;border:none;outline:none;font-family:'JetBrains Mono',monospace;font-size:22px;color:var(--fcp-gold);width:100%}
.fcp-change-amt{font-family:'JetBrains Mono',monospace;font-size:22px;color:var(--fcp-gnl)}

/* ── RECEIPT ── */
.fcp-receipt{background:#fff;color:#000;padding:16px;font-family:'Courier New',monospace;font-size:11px;border-radius:6px;max-width:290px;margin:0 auto}
.fcp-receipt .rl{text-align:center;font-size:15px;font-weight:bold;margin-bottom:1px}
.fcp-receipt .rs{text-align:center;font-size:9px;color:#555;margin-bottom:7px}
.fcp-receipt hr{border:none;border-top:1px dashed #ccc;margin:5px 0}
.fcp-receipt .rr{display:flex;justify-content:space-between;padding:1px 0}
.fcp-receipt .rt{font-size:13px;font-weight:bold}
.fcp-receipt .rf{text-align:center;font-size:9px;color:#555;margin-top:7px}

/* ── DAY CLOSING ── */
.fcp-closing-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fcp-notes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.fcp-note-row{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--fcp-bg3);border:1px solid var(--fcp-bd);border-radius:8px;padding:10px}
.fcp-note-row .nd{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--fcp-gold)}
.fcp-note-row input{width:100%;background:var(--fcp-bg);border:1px solid var(--fcp-bd2);border-radius:6px;padding:7px;color:var(--fcp-tx);font-family:'JetBrains Mono',monospace;font-size:14px;text-align:center;outline:none}
.fcp-note-row .nt{font-size:10px;color:var(--fcp-tx3)}

/* ── REPORTS ── */
.fcp-rep-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.fcp-rpc{background:var(--fcp-bg2);border:1px solid var(--fcp-bd);border-radius:11px;padding:16px}
.fcp-rpc h4{font-size:10px;color:var(--fcp-tx3);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.fcp-rpc .val{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:600}
.fcp-rpc .sub{font-size:10px;color:var(--fcp-tx3);margin-top:3px}
.fcp-chart-wrap{background:var(--fcp-bg2);border:1px solid var(--fcp-bd);border-radius:11px;padding:16px;margin-bottom:14px}
.fcp-chart-wrap h3{font-size:13px;color:var(--fcp-tx2);margin-bottom:12px}
.fcp-bar-chart{display:flex;align-items:flex-end;gap:6px;height:100px}
.fcp-bi{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}
.fcp-bar{width:100%;border-radius:3px 3px 0 0;background:var(--fcp-cr);min-height:3px;transition:height .4s}
.fcp-bl{font-size:9px;color:var(--fcp-tx3)}.fcp-bv{font-size:8px;color:var(--fcp-tx2);font-family:'JetBrains Mono',monospace}

/* ── SETTINGS ── */
.fcp-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fcp-ss{background:var(--fcp-bg2);border:1px solid var(--fcp-bd);border-radius:11px;padding:16px}
.fcp-ss h3{font-size:14px;font-weight:600;margin-bottom:14px;color:var(--fcp-gold)}
.fcp-sr2{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--fcp-bd)}
.fcp-sr2:last-child{border-bottom:none}.fcp-slb{font-size:12px;color:var(--fcp-tx2)}
.fcp-tgl{width:38px;height:20px;background:var(--fcp-bg3);border-radius:10px;position:relative;cursor:pointer;border:1px solid var(--fcp-bd);transition:background .2s;flex-shrink:0}
.fcp-tgl.on{background:var(--fcp-gn);border-color:var(--fcp-gnl)}
.fcp-tgl::after{content:'';position:absolute;width:14px;height:14px;background:var(--fcp-tx3);border-radius:50%;top:2px;left:2px;transition:all .2s}
.fcp-tgl.on::after{background:var(--fcp-cream);left:20px}

/* ── AUDIT LOG ── */
.fcp-al{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--fcp-bd);font-size:12px}
.fcp-al:last-child{border-bottom:none}
.fcp-ad{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0}
.fcp-at{color:var(--fcp-tx3);font-size:10px;font-family:'JetBrains Mono',monospace;min-width:110px}
.fcp-au{color:var(--fcp-gold);min-width:70px}.fcp-aa{color:var(--fcp-tx2)}

/* ── MISC ── */
.fcp-loading{text-align:center;padding:24px;color:var(--fcp-tx3);font-size:13px}
#fcp-notif{position:fixed;top:16px;right:16px;background:var(--fcp-bg2);border:1px solid var(--fcp-gold);border-radius:10px;padding:11px 15px;font-size:13px;color:var(--fcp-tx);z-index:9999;box-shadow:var(--fcp-sh);transform:translateX(130%);transition:transform .3s;max-width:280px}
#fcp-notif.show{transform:translateX(0)}
#fcp-notif.err{border-color:var(--fcp-rdl)}
#fcp-notif.suc{border-color:var(--fcp-gnl)}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .fcp-stat-grid{grid-template-columns:repeat(2,1fr)}
  .fcp-dg{grid-template-columns:1fr 1fr}
  .fcp-dc.wide{grid-column:span 2}
  .fcp-rep-cards{grid-template-columns:repeat(2,1fr)}
  .fcp-settings-grid{grid-template-columns:1fr}
}

@media(max-width:900px){
  #fcp-sidebar{transform:translateX(-100%)}
  #fcp-sidebar.open{transform:translateX(0)}
  #fcp-main{margin-left:0}
  #fcp-menu-toggle{display:block}
  .fcp-pos-layout{grid-template-columns:1fr;height:auto}
  .fcp-pos-right{height:auto}
  .fcp-cart{height:auto}
  .fcp-menu-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
  .fcp-closing-wrap{grid-template-columns:1fr}
}

@media(max-width:600px){
  .fcp-stat-grid{grid-template-columns:1fr 1fr}
  .fcp-dg{grid-template-columns:1fr}.fcp-dc.wide{grid-column:span 1}
  .fcp-rep-cards{grid-template-columns:1fr}
  .fcp-notes-grid{grid-template-columns:repeat(2,1fr)}
  .fcp-form-grid{grid-template-columns:1fr}
  .fcp-form-grid [style*="grid-column:span 2"]{grid-column:span 1}
  .fcp-pay-methods{grid-template-columns:repeat(3,1fr)}
  .fcp-tg{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}
}

/* ── PRINT STYLES ── */
@media print{
  #fcp-sidebar,#fcp-topbar,#fcp-notif,.fcp-modal-overlay,.fcp-modal-actions{display:none!important}
  #fcp-main{margin-left:0}
  .fcp-receipt{box-shadow:none}
  body{background:#fff!important}
}
