/* =====================================================================================
   Print Way — C3 visual system (approved "نظام Print Way البصري — النهائي").
   Loads AFTER app.css and layers on top (no app.css edits). Navy/White structure,
   restrained Copper accent, editorial composition, image-led merchandising, RTL.
   Motion: hover / selection / one-time entry only, gated behind reduced-motion.
   ===================================================================================== */
:root{
  --c3-navy:#0f2740; --c3-navy-2:#1d3f63; --c3-navy-3:#28517d;
  --c3-copper:#b26a3c; --c3-copper-2:#cf8a58;
  --c3-ondark:#eaf0f7; --c3-ondark-mut:#9db1c6; --c3-hair:#e0e5ec; --c3-surf2:#f4f7fa; --c3-ok:#3d9a68;
}

/* ---- branded product-image fallback (used when a product has no stored image) ---- */
.pw-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  background:linear-gradient(150deg,var(--c3-navy-2),var(--c3-navy-3));color:#fff;
  font-family:"Righteous",sans-serif;font-size:26px;letter-spacing:1px}
.pw-fallback::after{content:"PW"}

/* ---- storefront product cards: image-led + refined hover ---- */
@media (prefers-reduced-motion:no-preference){
  .product-card{transition:transform .18s ease, box-shadow .18s ease}
  .product-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,39,64,.16)}
  .product-media img{transition:transform .35s ease}
  .product-card:hover .product-media img{transform:scale(1.06)}
  .cat-card{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
  .cat-card:hover{transform:translateY(-3px)}
}

/* ---- editorial storefront home ---- */
.c3-store{display:grid;grid-template-columns:220px 1fr;gap:0}
.c3-sfnav{padding:22px 16px;border-inline-start:1px solid var(--c3-hair)}
.c3-sfnav .lbl{color:var(--c3-copper);font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px}
.c3-sfnav a{display:block;padding:9px 12px;border-radius:9px;font-size:15px;color:var(--muted,#6a7889);font-weight:500}
.c3-sfnav a.active{background:var(--c3-navy-2);color:#fff}
.c3-sfnav a:not(.active):hover{background:var(--c3-surf2);color:var(--c3-navy-2)}
.c3-sfnav .div{height:1px;background:var(--c3-hair);margin:12px 4px}
.c3-ed{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;align-items:center;padding:40px 30px 28px;border-bottom:1px solid var(--c3-hair)}
.c3-ed .k{color:var(--c3-copper);font-size:11px;font-weight:700;letter-spacing:2.5px}
.c3-ed h1{font-size:40px;line-height:1.14;margin:12px 0 14px;font-weight:700;letter-spacing:-.5px;color:var(--c3-navy);text-wrap:balance}
.c3-ed h1 b{color:var(--c3-copper)}
.c3-ed p{color:var(--muted,#6a7889);font-size:18px;font-weight:300;max-width:36ch;margin:0 0 18px}
.c3-ed .cta{display:inline-flex;gap:8px;font-weight:600;color:var(--c3-navy-2);border-bottom:2px solid var(--c3-copper);padding-bottom:4px}
.c3-edart{display:flex;align-items:center;justify-content:center}
.c3-edart .circ{width:230px;height:230px;border-radius:50%;background:radial-gradient(circle at 62% 38%,var(--c3-navy-3),var(--c3-navy));display:flex;align-items:center;justify-content:center}
.c3-edart .circ svg{width:150px;color:#fff}
.c3-band{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--c3-hair)}
.c3-bcell{padding:16px 18px;border-inline-start:1px solid var(--c3-hair);display:flex;align-items:center;gap:12px}
.c3-bcell:first-child{border:none}
.c3-bcell .ico{width:26px;height:26px;color:var(--c3-copper);flex:0 0 auto}
.cat-ico{display:inline-flex;width:28px;height:28px;color:var(--c3-copper);flex:0 0 auto}
.cat-ico svg{width:100%;height:100%}
.c3-bcell .t{font-size:13px;font-weight:600}.c3-bcell .s{color:var(--muted,#6a7889);font-size:11px}
.c3-sech{display:flex;align-items:baseline;justify-content:space-between;padding:20px 30px 0}
.c3-sech .k{color:var(--c3-copper);font-size:11px;font-weight:700;letter-spacing:2px}
.c3-sech .h{font-size:18px;color:var(--c3-navy-2);font-weight:600}
@media(max-width:820px){.c3-store,.c3-ed{grid-template-columns:1fr}.c3-band{grid-template-columns:1fr 1fr}}

/* ---- POS: products are the hero + strong navy cart ---- */
.pos-hero .card{border:none}
.c3-cart{background:var(--c3-navy)!important;color:var(--c3-ondark)!important;border:none!important;border-radius:14px}
.c3-cart h3{color:var(--c3-ondark-mut)!important}
.c3-cart label{color:var(--c3-ondark-mut)!important}
.c3-cart input, .c3-cart select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff}
.c3-cart input::placeholder{color:var(--c3-ondark-mut)}
.c3-cart details summary{color:var(--c3-copper-2)!important}
.c3-cart .muted, .c3-cart small{color:var(--c3-ondark-mut)!important}
.c3-cart .c3-total{display:flex;align-items:baseline;justify-content:space-between;margin:6px 0 2px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}
.c3-cart .c3-total .l{font-size:15px}.c3-cart .c3-total .v{font-size:30px;font-weight:700}
.c3-cart .btn-primary{background:var(--c3-copper);border-color:var(--c3-copper);font-weight:700;letter-spacing:.3px}
.c3-cart .btn-primary:hover{filter:brightness(1.06)}
/* POS product results as image-led tiles */
#pos-results .pos-hit{align-items:center}
.c3-tile-im{width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--c3-surf2)}
.c3-tile-im img{width:100%;height:100%;object-fit:contain}

/* ---- dashboard navy hero + big operational numbers ---- */
.c3-dashhero{background:radial-gradient(circle at 85% 12%,var(--c3-navy-3),var(--c3-navy) 62%);color:var(--c3-ondark);border-radius:14px;padding:26px 28px;margin-bottom:14px;position:relative;overflow:hidden}
.c3-dashhero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1.1px,transparent 1.2px);background-size:22px 22px}
.c3-dashhero>*{position:relative;z-index:1}
.c3-dashhero .hi{font-size:24px;font-weight:700}
.c3-dashhero .metlbl{color:var(--c3-copper-2);font-size:11px;font-weight:700;letter-spacing:2px;margin:18px 0 8px}
.c3-mets{display:grid;grid-template-columns:repeat(4,1fr)}
.c3-met{padding-inline-start:18px;border-inline-start:1px solid rgba(255,255,255,.14)}
.c3-met:first-child{border:none;padding-inline-start:0}
.c3-met .v{font-size:38px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.c3-met.urgent .v{color:var(--c3-copper-2)}
.c3-met .l{color:var(--c3-ondark-mut);font-size:13px;margin-top:6px}
.c3-met a{color:inherit}
.c3-alert{margin-top:18px}.c3-alert .k{color:var(--c3-copper-2);font-size:11px;font-weight:700;letter-spacing:2px}
.c3-alert .a{font-size:16px;font-weight:600;margin-top:2px}
@media(max-width:820px){.c3-mets{grid-template-columns:1fr 1fr;gap:12px}}

/* ---- branded empty / no-results component ---- */
.pw-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:34px 16px;color:var(--muted,#6a7889)}
.pw-empty .art{width:200px;max-width:70%;height:auto}
.pw-empty .t{font-weight:700;color:var(--c3-navy-2);font-size:16px}
.pw-empty .btn{margin-top:6px}
@media (prefers-reduced-motion:no-preference){
  .pw-empty .art{animation:pw-pop .6s ease .05s both}
  @keyframes pw-pop{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
  .c3-in{opacity:0;transform:translateY(10px);animation:pw-pop .5s ease forwards}
}

/* =====================================================================================
   C4 — POST-C3 UX & operational corrections (visual layer only; no business logic).
   ===================================================================================== */

/* ---- single shared flash toast (F.3) ---- */
.pw-toast{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;
  border-radius:10px;padding:11px 14px;margin-bottom:14px;font-size:14px;border:1px solid transparent}
.pw-toast.ok{background:#eaf6ef;border-color:#bfe3cd;color:#1c6b40}
.pw-toast.err{background:#fdecec;border-color:#f3c2c2;color:#a32020}
.pw-toast .pw-toast-msg{flex:1}
.pw-toast-x{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:inherit;opacity:.6;padding:0 2px}
.pw-toast-x:hover{opacity:1}

/* ---- header account menu (B) ---- */
.pw-acct{position:relative}
.pw-acct-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font:inherit;color:inherit;padding:4px 6px;border-radius:10px}
.pw-acct-btn:hover{background:rgba(0,0,0,.06)}
.pw-acct-avatar{width:30px;height:30px;border-radius:50%;background:var(--c3-navy-2);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.pw-acct-id{display:flex;flex-direction:column;line-height:1.15;text-align:start}
.pw-acct-id .pw-acct-name{font-weight:600;font-size:13px}
.pw-acct-id .pw-acct-role{font-size:11px;color:var(--muted,#6a7889)}
.pw-acct-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:220px;background:#fff;border:1px solid var(--border,#e2e6ea);border-radius:12px;box-shadow:0 14px 38px rgba(20,41,67,.20);padding:8px;z-index:3000;display:none}
.pw-acct.open .pw-acct-menu{display:block}
.pw-acct-head{padding:8px 12px 10px;border-bottom:1px solid var(--c3-hair)}
.pw-acct-head .pw-acct-name{font-weight:700}
.pw-acct-head .pw-acct-sub{font-size:12px;color:var(--muted,#6a7889)}
.pw-acct-menu a,.pw-acct-logout{display:block;width:100%;text-align:start;padding:9px 12px;border-radius:8px;color:var(--c3-navy);text-decoration:none;background:none;border:none;font:inherit;cursor:pointer}
.pw-acct-menu a:hover,.pw-acct-logout:hover{background:var(--c3-surf2)}
.pw-acct-logout{color:#a32020}

/* ---- page assistant "مساعد الصفحة" (B) ---- */
.pw-assist{background:var(--c3-surf2);border:1px solid var(--c3-hair);border-radius:14px;padding:4px 14px}
.pw-assist summary{cursor:pointer;font-weight:700;color:var(--c3-navy-2);padding:12px 0;list-style:none;display:flex;align-items:center;gap:8px}
.pw-assist summary::-webkit-details-marker{display:none}
.pw-assist-ic{width:20px;height:20px;border-radius:50%;background:var(--c3-copper);color:#fff;font-style:italic;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.pw-assist-body{padding:0 0 12px}
.pw-assist-intro{color:var(--muted,#6a7889);font-size:13px;margin:0 0 8px}
.pw-assist-list{margin:0;padding-inline-start:18px;font-size:13px;line-height:1.9;color:var(--c3-navy)}
.pw-assist-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pw-assist-links a{font-size:12.5px;font-weight:600;color:var(--c3-navy-2);border:1px solid var(--c3-hair);background:#fff;border-radius:8px;padding:6px 10px;text-decoration:none}
.pw-assist-links a:hover{border-color:var(--c3-copper);color:var(--c3-copper)}

/* ---- dashboard layout (B) ---- */
.c3-dash-grid{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}
.c3-setup-cta{display:flex;align-items:center;gap:14px;text-decoration:none;background:linear-gradient(120deg,#fff7ec,#fdeede);border:1px solid #e8b877;border-radius:14px;padding:16px 18px;margin-bottom:14px}
.c3-setup-cta .ic{width:38px;height:38px;flex:0 0 auto;border-radius:10px;background:var(--c3-copper);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
.c3-setup-cta .tx{display:flex;flex-direction:column;gap:2px}
.c3-setup-cta .tx strong{color:#8a4b1f}
.c3-setup-cta .tx span{color:#9a6a3a;font-size:13px}
.c3-setup-cta .go{margin-inline-start:auto;color:var(--c3-copper);font-weight:700;white-space:nowrap}
.c3-qa{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.c3-qa-group{background:var(--c3-surf2);border:1px solid var(--c3-hair);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column}
.c3-qa-title{color:var(--c3-copper);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px}
.c3-qa-links{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.c3-qa-link{display:block;padding:10px 12px;border:1px solid var(--c3-hair);border-radius:10px;background:#fff;color:var(--c3-navy);text-decoration:none;font-size:13.5px;font-weight:500;transition:border-color .15s,background .15s}
.c3-qa-link:hover{border-color:var(--c3-copper);background:#fff}
@media(max-width:900px){.c3-dash-grid{grid-template-columns:1fr}}
@media(max-width:640px){.c3-qa{grid-template-columns:1fr}.c3-qa-links{grid-template-columns:1fr}}

/* ---- POS group browsing (E) ---- */
.c3-pos-browse{margin-top:10px;border-top:1px dashed var(--border,#e2e6ea);padding-top:10px}
.c3-pos-browse-lbl{color:var(--muted,#6a7889);font-size:12px;margin-bottom:8px}
.c3-pos-chips{display:flex;gap:6px;flex-wrap:wrap}
.c3-pos-subs{margin-top:6px}
.c3-pos-chip{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:7px 12px;border-radius:20px;border:1px solid var(--c3-hair);background:#fff;color:var(--c3-navy-2);transition:border-color .15s,color .15s,background .15s}
.c3-pos-chip:hover{border-color:var(--c3-copper);color:var(--c3-copper)}
.c3-pos-chip.active{background:var(--c3-navy-2);border-color:var(--c3-navy-2);color:#fff}
.c3-pos-chip .cat-ico{width:18px;height:18px}
/* §17/G — dedicated POS session-opening state (shown when no session is open). */
.c3-pos-open{border-inline-start:4px solid var(--c3-copper)}
.c3-pos-open .form-row label{font-size:13px}
/* §17/I — session screens with a left-side help box (main content + help sidebar).
   In RTL the first grid column is inline-start (right) and the second is inline-end (left),
   so the help sits on the LEFT on wide screens and stacks below on narrow ones. */
.c3-help-cols{display:grid;grid-template-columns:1fr minmax(240px,300px);gap:16px;align-items:start}
.c3-help-cols .c3-help-main{min-width:0}
.c3-help-cols .pw-assist{position:sticky;top:16px}
@media(max-width:900px){.c3-help-cols{grid-template-columns:1fr}.c3-help-cols .pw-assist{position:static}}
.c3-pos-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:12px;max-height:340px;overflow:auto}

/* ---- role capability explainer (M) ---- */
.c3-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.c3-role{border:1px solid var(--c3-hair);border-radius:10px;padding:6px 12px}
.c3-role summary{cursor:pointer;font-weight:600;color:var(--c3-navy-2);padding:8px 0}
.c3-role ul{margin:4px 0 10px;padding-inline-start:18px;font-size:13px;line-height:1.8;color:var(--c3-navy)}

/* ---- audit technical details (L) ---- */
.pw-tech{margin-top:4px}
.pw-tech summary{cursor:pointer;color:var(--c3-navy-2);font-weight:600}
.pw-tech pre{background:var(--c3-surf2);border:1px solid var(--c3-hair);border-radius:8px;padding:8px 10px;margin:6px 0 0;font-size:11px;overflow:auto;max-width:420px}

/* ---- storefront hero enrichment (A) ---- */
.c3-ed-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.c3-ed .cta-2{font-weight:600;color:var(--c3-navy-2)}
.c3-ed .cta-2:hover{color:var(--c3-copper)}
.c3-ed-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:var(--muted,#6a7889);font-size:13px;font-weight:500}
.c3-ed-trust span{white-space:nowrap}
.c3-catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 30px}
.c3-catcard{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border:1px solid var(--c3-hair);border-radius:14px;text-decoration:none;background:linear-gradient(160deg,#fff,var(--c3-surf2));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.c3-catcard .cat-ico{width:34px;height:34px;color:var(--c3-copper)}
.c3-catcard .t{font-weight:700;color:var(--c3-navy);font-size:15px}
.c3-catcard .s{color:var(--c3-copper);font-size:12px;font-weight:600}
@media (prefers-reduced-motion:no-preference){
  .c3-catcard:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,39,64,.12);border-color:var(--c3-copper)}
}
@media(max-width:820px){.c3-catgrid{grid-template-columns:1fr 1fr}}

/* =====================================================================================
   QA2 — Business/Visual QA correction cycle (visual layer only; no business logic).
   POS sequential workflow + pre-issue review modal · Reports Center (RTL right-nav) ·
   Session detail operational sections + LEFT secondary guide.
   ===================================================================================== */

/* ---- POS: sequential step headers ---- */
.pos-step-h{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:16px;color:var(--c3-navy)}
.pos-step-n{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--c3-copper);color:#fff;font-size:13px;font-weight:700;flex:0 0 auto}
.c3-cart .pos-step-h{color:var(--c3-ondark)!important}
.pos-panel .pos-step-h{color:var(--c3-navy)}
.pos-search-box:focus{outline:none;border-color:var(--c3-copper)!important;box-shadow:0 0 0 3px rgba(178,106,60,.15)}

/* ---- POS: category groups (clearer hierarchy, unmistakable selection) ---- */
.c3-pos-browse-lbl{color:var(--c3-copper);font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px}
.c3-pos-chips{display:flex;gap:8px;flex-wrap:wrap}
.c3-pos-chip{padding:8px 14px;border-radius:12px;border:1.5px solid var(--c3-hair);box-shadow:0 1px 2px rgba(15,39,64,.04)}
.c3-pos-chip .cat-ico{color:var(--c3-copper)}
.c3-pos-chip:hover{border-color:var(--c3-copper);color:var(--c3-copper)}
.c3-pos-chip.active{background:var(--c3-navy);border-color:var(--c3-navy);color:#fff;box-shadow:0 4px 12px rgba(15,39,64,.22)}
.c3-pos-chip.active .cat-ico{color:var(--c3-copper-2)}
.c3-pos-subs .c3-pos-chip{font-size:12.5px;padding:6px 12px;border-radius:20px}
@media (prefers-reduced-motion:no-preference){.c3-pos-chip:hover{transform:translateY(-1px)}}

/* ---- POS: pre-issue review modal ---- */
.pos-modal{position:fixed;inset:0;z-index:4000;background:rgba(15,39,64,.55);display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow:auto}
.pos-modal-card{background:#fff;color:var(--c3-navy);border-radius:14px;padding:22px 22px 18px;max-width:560px;width:100%;box-shadow:0 24px 60px rgba(15,39,64,.35)}
.pos-modal-card .data-table{color:var(--c3-navy)}
.pos-modal .muted{color:var(--muted,#6a7889)!important}
.pos-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.pos-review-cust{font-size:14px;color:var(--c3-navy-2)}
@media(prefers-reduced-motion:no-preference){.pos-modal-card{animation:pw-pop .22s ease both}}

/* ---- Reports Center (RTL: category nav on the RIGHT = grid column 1) ---- */
.rc-shell{display:grid;grid-template-columns:minmax(210px,250px) 1fr;gap:16px;align-items:start}
.rc-nav{grid-column:1;position:sticky;top:16px;background:var(--c3-surf2);border:1px solid var(--c3-hair);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:6px}
.rc-main{grid-column:2;min-width:0}
.rc-nav-group{display:flex;flex-direction:column}
.rc-nav-head{display:block;padding:10px 12px;border-radius:9px;font-weight:700;font-size:13.5px;color:var(--c3-navy-2);text-decoration:none}
.rc-nav-head:hover{background:#eef3f8}
.rc-nav-head.active{background:var(--c3-navy);color:#fff}
.rc-nav-items{display:flex;flex-direction:column;gap:2px;margin:2px 6px 6px}
.rc-nav-item{display:block;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--c3-navy);text-decoration:none}
.rc-nav-item:hover{background:#eef3f8;color:var(--c3-copper)}
.rc-nav-item.active{background:#fff;border:1px solid var(--c3-copper);color:var(--c3-copper);font-weight:600}
.rc-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.rc-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px;background:var(--c3-surf2);border:1px solid var(--c3-hair);border-radius:12px;margin-bottom:14px}
.rc-filters .form-row{margin:0}
.rc-filters .form-row label{font-size:12px;color:var(--muted,#6a7889)}
.rc-table th{white-space:nowrap}
.rc-totals td{font-weight:700;border-top:2px solid var(--c3-navy-2);background:var(--c3-surf2)}
.rc-report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:10px}
.rc-report-tile{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--c3-hair);border-radius:12px;background:#fff;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.rc-report-tile:hover{border-color:var(--c3-copper);transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,39,64,.10)}
.rc-report-tile-t{font-weight:700;color:var(--c3-navy-2)}
.rc-report-tile-m{font-size:12px}
@media(max-width:900px){.rc-shell{grid-template-columns:1fr}.rc-nav{grid-column:1;flex-direction:row;flex-wrap:wrap;position:static}.rc-main{grid-column:1}}

/* ---- Session detail: operational sections + LEFT secondary guide ---- */
.sess-layout{display:grid;grid-template-columns:1fr minmax(230px,290px);gap:16px;align-items:start}
.sess-main{grid-column:1;min-width:0;display:flex;flex-direction:column;gap:14px}
.sess-guide{grid-column:2}
.sess-guide .pw-assist{position:sticky;top:16px;font-size:12.5px;opacity:.94}
.sess-h{margin:0 0 12px;color:var(--c3-navy-2);font-size:16px}
.sess-sec-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border,#e2e6ea)}
.sess-close{border-inline-start:4px solid var(--c3-copper)}
@media(max-width:900px){.sess-layout{grid-template-columns:1fr}.sess-main,.sess-guide{grid-column:1}.sess-guide .pw-assist{position:static}}

/* ---- print (reports) ---- */
.print-only{display:none}
@media print{
  .no-print{display:none!important}
  .print-only{display:block}
  .rc-shell{grid-template-columns:1fr}
  .rc-main,.rc-nav{grid-column:1}
  body{background:#fff}
}

/* =====================================================================================
   POS FINAL — fast cashier workspace (two work areas). Products RIGHT (grid col 1 in RTL),
   current-sale/cart LEFT. Visual layer only; server remains authoritative for money/stock.
   ===================================================================================== */
.pos2-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pos2-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.pos2{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;align-items:stretch;margin-top:6px}
@media(max-width:1000px){.pos2{grid-template-columns:1fr}}

/* RIGHT — products */
.pos2-products{grid-column:1;min-width:0;background:#fff;border:1px solid var(--c3-hair);border-radius:14px;padding:14px;display:flex;flex-direction:column}
.pos2-products .pos-search-box{width:100%;border:1.5px solid var(--c3-hair);border-radius:10px;padding:12px 14px;font-size:15px;margin-bottom:8px}
.pos2-results{max-height:200px;overflow:auto}
.pos2-msg{min-height:18px;font-size:13px;margin:2px 0}
.pos2-tiles,.c3-pos-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;margin-top:12px;max-height:calc(100vh - 320px);min-height:180px;overflow:auto}
.pos2-tile{border:1px solid var(--c3-hair);border-radius:12px;padding:8px;text-align:center;font-size:12px;background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}
.pos2-tile:hover{border-color:var(--c3-copper);transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,39,64,.10)}
.pos2-tile img{width:100%;height:70px;object-fit:contain;margin-bottom:4px}
.pos2-tile .pw-fallback{height:70px;border-radius:8px;margin-bottom:4px;font-size:18px}
.pos2-tile-n{font-weight:600;color:var(--c3-navy-2)}
.pos2-tile-m{font-size:11px}

/* LEFT — cart (navy via .c3-cart) */
.pos2-cart{grid-column:2;min-width:0;display:flex;flex-direction:column;border-radius:14px;padding:14px}
.pos2-cust{margin-bottom:10px;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:6px 10px}
.pos2-cust>summary{cursor:pointer;list-style:none;font-weight:600;color:var(--c3-copper-2)!important;display:flex;align-items:center;gap:6px}
.pos2-cust>summary::-webkit-details-marker{display:none}
.pos2-cust-ico{opacity:.85}
.pos2-items{max-height:calc(100vh - 470px);min-height:120px;overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:10px}
.pos2-items table{margin:0}
.pos2-qty{display:inline-flex;align-items:center;gap:4px}
.pos2-qbtn{width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:16px;line-height:1;cursor:pointer}
.pos2-qbtn:hover{background:rgba(255,255,255,.18)}
.pos2-qty input{width:48px;text-align:center}
.pos2-adj{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.pos2-adj .form-row:last-child{grid-column:1/-1}
.pos2-totals{border-top:1px solid rgba(255,255,255,.2);padding-top:10px;margin-top:4px}
.pos2-total-row{display:flex;justify-content:space-between;font-size:14px;padding:3px 0;color:var(--c3-ondark-mut)}
.pos2-grand{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.22);font-weight:800}
.pos2-grand>span:last-child{font-size:30px;color:#fff;font-variant-numeric:tabular-nums}
.pos2-grand>span:first-child{font-size:15px}

/* action bar */
.pos2-actionbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.pos2-act{position:relative;border:none;border-radius:12px;padding:14px 12px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s,transform .05s}
.pos2-act:hover{filter:brightness(1.07)}
.pos2-act:active{transform:translateY(1px)}
.pos2-act:disabled{opacity:.45;cursor:not-allowed;filter:none}
.pos2-act kbd{font-size:11px;font-weight:700;background:rgba(0,0,0,.22);border-radius:5px;padding:1px 6px}
.pos2-act-cash{background:#2f9e5f}
.pos2-act-card{background:var(--c3-navy-3)}
.pos2-act-multi{background:var(--c3-copper)}
.pos2-act-hold{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28)}
#pos-review-open{color:var(--c3-ondark-mut)!important;border:1px solid rgba(255,255,255,.28)}

/* held drawer rows */
.pos2-held-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--c3-hair);border-radius:10px;margin-bottom:8px;color:var(--c3-navy)}