/* Alternate customer-app designs. Same markup and logic as the default "Board" design (index.html);
   picked with ?theme=fresh|slip|nawabi or the switcher in the demo bar. */

/* ---------- switcher in the demo bar ---------- */
.ribbon{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:6px 12px}
.ribbon .th{display:flex;gap:4px}
.ribbon .th button{height:26px;padding:0 10px;border-radius:13px;border:1px solid #444;color:#ddd;font-size:12px;font-weight:600}
.ribbon .th button.on{background:#fff;color:#111;border-color:#fff}

/* =====================================================================
   FRESH: light, clean, list layout, red only where you can press
   ===================================================================== */
html[data-theme=fresh] body{background:#f6f3ee}
[data-theme=fresh] .cx,[data-theme=fresh] .sheet{--ink:#f6f3ee;--panel:#fff;--panel2:#f1ece5;--hair:rgba(40,25,10,.09);--text:#1c1916;--mut:#6f665d;--cream:#fff1ec;--disp:'Figtree',system-ui,sans-serif}
[data-theme=fresh] .cx{font-family:'Figtree',system-ui,sans-serif}
[data-theme=fresh] .cx-bar{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
[data-theme=fresh] .cx-id b{font-family:'Figtree',sans-serif;font-weight:800;font-size:19px;text-transform:none;letter-spacing:-.01em;color:#1c1916}
[data-theme=fresh] .cx-id span{color:#6f665d}
[data-theme=fresh] .cx-ic{background:#f3eee8;color:#1c1916}
[data-theme=fresh] .cx-mic{background:#d90a10;color:#fff}
[data-theme=fresh] .cx-install{background:#f3eee8;color:#1c1916}
[data-theme=fresh] .cx-search{background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
[data-theme=fresh] .cx-search input{background:#f3eee8}
[data-theme=fresh] .cx-search>.i,[data-theme=fresh] .cx-search button{color:#1c1916}
[data-theme=fresh] .cx-hero{margin:14px 16px 0;border-radius:24px;min-height:260px}
[data-theme=fresh] .cx-hero:after{background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.72))}
[data-theme=fresh] .cx-hero h1{font-family:'Figtree',sans-serif;font-weight:900;text-transform:none;font-size:clamp(44px,13vw,60px);letter-spacing:-.03em;line-height:.95}
[data-theme=fresh] .cx-btn.ghost{background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
[data-theme=fresh] .plate{background:none;color:#1c1916;font-family:'Figtree',sans-serif;font-weight:800;font-size:17px;padding:0;height:auto;letter-spacing:-.01em}
[data-theme=fresh] .plate small{font-weight:500;color:#6f665d;opacity:1}
[data-theme=fresh] .plate.big{background:#fff;color:#1c1916;padding:0 14px;height:44px;font-size:22px;border-radius:22px}
[data-theme=fresh] .plate.on{background:none;color:#d90a10;animation:none}
[data-theme=fresh] .cx-facts{border:0;padding:14px 16px 4px}
[data-theme=fresh] .cx-facts li{border-color:rgba(0,0,0,.1)}
[data-theme=fresh] .cx-bands{background:#f6f3ee;box-shadow:none;gap:8px;padding:10px 16px;top:64px}
[data-theme=fresh] .cx-bands button{height:38px;padding:0 16px;border-radius:19px;background:#fff;color:#1c1916;font-family:'Figtree',sans-serif;font-weight:700;font-size:14px;text-transform:none;letter-spacing:0;box-shadow:0 1px 2px rgba(0,0,0,.06)}
[data-theme=fresh] .cx-bands button.on{background:#1c1916;color:#fff}
[data-theme=fresh] .cx-bands button.on:after{content:none}
[data-theme=fresh] .cx-bands button i{background:#d90a10;color:#fff}
[data-theme=fresh] .cx .band{border-bottom:0;margin:22px 16px 10px}
[data-theme=fresh] .cx .band h2{font-family:'Figtree',sans-serif;font-weight:800;text-transform:none;font-size:24px;letter-spacing:-.02em}
[data-theme=fresh] .mgrid{grid-template-columns:1fr;gap:10px}
[data-theme=fresh] .mc{position:relative;flex-direction:row;background:#fff;border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 4px 14px rgba(40,25,10,.05);min-height:124px}
[data-theme=fresh] .mc-media{position:static;flex:none;width:124px;padding:10px 0 10px 10px}
[data-theme=fresh] .mc-ph{border-radius:14px;overflow:hidden;background:#f1ece5}
[data-theme=fresh] .mc-ph .sizes-tag{display:none}
[data-theme=fresh] .mc-media .stp,[data-theme=fresh] .mc-media .st-add{right:12px;bottom:12px;box-shadow:none}
[data-theme=fresh] .st-add{background:#d90a10;color:#fff;width:38px;height:38px}
[data-theme=fresh] .stp{height:38px}
[data-theme=fresh] .mc-b{padding:14px 14px 14px 14px}
[data-theme=fresh] .mc-b h3{font-size:15.5px;font-weight:700;color:#1c1916}
[data-theme=fresh] .mc-row{padding-top:8px}
[data-theme=fresh] .nextmenu{background:#fff;border:0;color:#6f665d}
[data-theme=fresh] .nextmenu b{font-family:'Figtree',sans-serif;font-weight:800;text-transform:none;font-size:16px;color:#1c1916}
[data-theme=fresh] .cx-foot img{box-shadow:0 0 0 1px rgba(0,0,0,.08)}
[data-theme=fresh] .cx-foot a{color:#d90a10}
[data-theme=fresh] .cx-order{background:#fff;border-top:0;box-shadow:0 -10px 30px rgba(40,25,10,.12)}
[data-theme=fresh] .cx-lbl{color:#1c1916}
[data-theme=fresh] .cx-total{font-family:'Figtree',sans-serif;font-weight:800;font-size:20px;color:#1c1916}
[data-theme=fresh] .cx-order .hint{color:#b8550c}
[data-theme=fresh] .cx-order .stp,[data-theme=fresh] .sheet .stp{background:#f3eee8;color:#1c1916}
[data-theme=fresh] .cx-order .stp button,[data-theme=fresh] .sheet .stp button{color:#1c1916}
[data-theme=fresh] .sheet{background:#fff;color:#1c1916}
[data-theme=fresh] .sheet .hd b,[data-theme=fresh] .dt-in h2,[data-theme=fresh] .sheet h3.sec{font-family:'Figtree',sans-serif;font-weight:800;text-transform:none;letter-spacing:-.01em}
[data-theme=fresh] .sheet .x{background:#f3eee8;color:#1c1916}
[data-theme=fresh] .sheet.detail .x{background:rgba(255,255,255,.9)}
[data-theme=fresh] .dt-ph{background:#f1ece5}
[data-theme=fresh] .dt-in p{color:#6f665d}
[data-theme=fresh] .dt-in h4{color:#1c1916}
[data-theme=fresh] .dt-opt{background:#f7f3ee}
[data-theme=fresh] .dt-opt .r{border-color:#b9b0a6}
[data-theme=fresh] .dt-add b{font-family:'Figtree',sans-serif;font-weight:800}
[data-theme=fresh] .dt-add:disabled{background:#ece6de;color:#9a9087}
[data-theme=fresh] .sheet .fld input,[data-theme=fresh] .sheet .fld select,[data-theme=fresh] .sheet .fld textarea{background:#f7f3ee;border-color:#e6dfd6;color:#1c1916}
[data-theme=fresh] .sheet .fld label{color:#5c544c}
[data-theme=fresh] .sheet .bill{background:#f7f3ee}
[data-theme=fresh] .sheet .bill div{color:#5c544c}
[data-theme=fresh] .sheet .bill .tot{color:#1c1916}
[data-theme=fresh] .sheet .bill .tot span:last-child{font-family:'Figtree',sans-serif;font-weight:800}
[data-theme=fresh] .sheet .hint{color:#b8550c}
[data-theme=fresh] .sheet .meta{color:#6f665d}
[data-theme=fresh] .sheet .bub.bot{background:#f3eee8;color:#1c1916}
[data-theme=fresh] .sheet .chips button{background:#fff;border-color:#e0d8ce;color:#1c1916}
[data-theme=fresh] .sheet .cin input{background:#f7f3ee;border-color:#e6dfd6;color:#1c1916}
[data-theme=fresh] .sheet .card{background:#f7f3ee!important}
[data-theme=fresh] .sheet .steps li{color:#9a9087}
[data-theme=fresh] .sheet .steps li.done{color:#1c1916}
[data-theme=fresh] .toast{background:#1c1916;color:#fff}

/* =====================================================================
   ORDER SLIP: receipt paper, hairlines, printed numbers, red stamp
   ===================================================================== */
html[data-theme=slip] body{background:#e9e6e1}
[data-theme=slip] .cx,[data-theme=slip] .sheet{--ink:#e9e6e1;--panel:#fffdf8;--panel2:#f3f0ea;--hair:rgba(0,0,0,.14);--text:#141414;--mut:#5f5a54;--cream:#fffdf8;--disp:'Archivo',sans-serif}
[data-theme=slip] .cx{font-family:'Archivo',system-ui,sans-serif}
[data-theme=slip] .cx-bar{background:#141414}
[data-theme=slip] .cx-id b{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:115%;font-size:18px;letter-spacing:.06em}
[data-theme=slip] .cx-id span{color:#bdb6ad}
[data-theme=slip] .cx-ic{background:#2a2a2a}
[data-theme=slip] .cx-mic{background:#d90a10;color:#fff}
[data-theme=slip] .cx-install{background:#fffdf8;color:#141414}
[data-theme=slip] .cx-search{background:#141414}
[data-theme=slip] .cx-hero{margin:14px 16px 0;border-radius:2px;min-height:250px;filter:none}
[data-theme=slip] .cx-hero:after{background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.78))}
[data-theme=slip] .cx-hero h1{font-family:'Archivo',sans-serif;font-weight:900;font-stretch:125%;letter-spacing:.02em;font-size:clamp(48px,15vw,70px)}
[data-theme=slip] .cx-btn{border-radius:2px}
[data-theme=slip] .cx-btn.ghost{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
[data-theme=slip] .plate{background:none;color:#141414;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px;padding:0;height:auto;letter-spacing:0;border-radius:0}
[data-theme=slip] .plate small{font-family:'JetBrains Mono',monospace;font-weight:400}
[data-theme=slip] .plate.big{background:#fffdf8;padding:0 12px;height:44px;font-size:20px;border-radius:2px}
[data-theme=slip] .plate.on{color:#fff;background:#d90a10;padding:3px 7px;border-radius:2px;transform:rotate(-2deg);animation:stamp .3s cubic-bezier(.16,1,.3,1)}
@keyframes stamp{from{transform:rotate(-2deg) scale(1.6);opacity:0}}
[data-theme=slip] .cx-facts{border-color:rgba(0,0,0,.14);border-bottom-style:dashed}
[data-theme=slip] .cx-facts li{border-color:rgba(0,0,0,.14);font-family:'JetBrains Mono',monospace;font-size:12px;text-transform:uppercase}
[data-theme=slip] .cx-bands{background:#e9e6e1;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.14)}
[data-theme=slip] .cx-bands button{font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;color:#7a746c}
[data-theme=slip] .cx-bands button.on{color:#141414}
[data-theme=slip] .cx-bands button.on:after{background:#d90a10}
[data-theme=slip] .cx .band{border-bottom:2px solid #141414}
[data-theme=slip] .cx .band h2{font-family:'Archivo',sans-serif;font-weight:900;font-stretch:125%;font-size:26px;letter-spacing:.03em}
[data-theme=slip] .cx .band span{font-family:'JetBrains Mono',monospace}
[data-theme=slip] .mgrid{gap:0;border:1px solid rgba(0,0,0,.14);margin:0 16px;padding:0;background:#fffdf8}
[data-theme=slip] .mc{border-radius:0;background:#fffdf8;box-shadow:none;border-right:1px dashed rgba(0,0,0,.18);border-bottom:1px dashed rgba(0,0,0,.18)}
[data-theme=slip] .mc:nth-child(2n){border-right:0}
[data-theme=slip] .mc-media{padding:10px 10px 0}
[data-theme=slip] .mc-ph{background:#f3f0ea}
[data-theme=slip] .mc-ph .sizes-tag{border-radius:0;background:#141414;font-family:'JetBrains Mono',monospace}
[data-theme=slip] .mc-media .stp,[data-theme=slip] .mc-media .st-add{right:16px;bottom:6px;box-shadow:none}
[data-theme=slip] .st-add{border-radius:2px;background:#141414;color:#fff}
[data-theme=slip] .stp{border-radius:2px;background:#141414}
[data-theme=slip] .mc-b h3{font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.03em}
[data-theme=slip] .mc-row{border-top:1px dotted rgba(0,0,0,.25);margin-top:auto;padding-top:8px}
[data-theme=slip] .mc-b p{font-size:12px}
[data-theme=slip] .nextmenu{border-radius:2px;border-style:dashed;border-color:rgba(0,0,0,.25)}
[data-theme=slip] .nextmenu b{font-family:'Archivo',sans-serif;font-weight:800;color:#141414}
[data-theme=slip] .cx-foot a{color:#d90a10}
[data-theme=slip] .cx-order{background:#fffdf8;border-radius:0;border-top:0;box-shadow:0 -8px 24px rgba(0,0,0,.14);
  -webkit-mask:radial-gradient(circle 6px at 8px 0,#0000 98%,#000) top/16px 100% repeat-x;mask:radial-gradient(circle 6px at 8px 0,#0000 98%,#000) top/16px 100% repeat-x;padding-top:6px}
[data-theme=slip] .cx-count{border-radius:2px;background:#141414;color:#fff}
[data-theme=slip] .cx-lbl{color:#141414;font-family:'JetBrains Mono',monospace;text-transform:uppercase;font-size:12px}
[data-theme=slip] .cx-total{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:20px;color:#141414}
[data-theme=slip] .cx-order .go{border-radius:2px}
[data-theme=slip] .cx-order .cl{font-family:'JetBrains Mono',monospace;font-size:12.5px;border-bottom-style:dotted}
[data-theme=slip] .cx-order .hint{color:#d90a10}
[data-theme=slip] .cx-order .stp,[data-theme=slip] .sheet .stp{background:#141414}
[data-theme=slip] .sheet{background:#fffdf8;color:#141414;border-radius:0}
[data-theme=slip] .sheet .hd b,[data-theme=slip] .dt-in h2,[data-theme=slip] .sheet h3.sec{font-family:'Archivo',sans-serif;font-weight:900;font-stretch:125%;letter-spacing:.03em}
[data-theme=slip] .sheet .x{background:#141414;color:#fff;border-radius:2px}
[data-theme=slip] .dt-ph{border-radius:0;background:#f3f0ea}
[data-theme=slip] .dt-in p{color:#5f5a54}
[data-theme=slip] .dt-in h4{color:#141414;font-family:'JetBrains Mono',monospace;text-transform:uppercase}
[data-theme=slip] .dt-opt{background:#fffdf8;border:1px dashed rgba(0,0,0,.25);border-radius:0}
[data-theme=slip] .dt-opt.on{border:1.5px solid #141414}
[data-theme=slip] .dt-opt .r{border-color:#141414;border-radius:0}
[data-theme=slip] .dt-opt.on .r{border:6px solid #d90a10}
[data-theme=slip] .dt-add,[data-theme=slip] .sheet .btn{border-radius:2px}
[data-theme=slip] .dt-add b{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:17px}
[data-theme=slip] .dt-add:disabled{background:#e4e0d9;color:#8a847c}
[data-theme=slip] .dt-foot .stp{border-radius:2px;background:#141414}
[data-theme=slip] .sheet .fld input,[data-theme=slip] .sheet .fld select,[data-theme=slip] .sheet .fld textarea{background:#fff;border-color:rgba(0,0,0,.25);color:#141414;border-radius:2px}
[data-theme=slip] .sheet .fld label{color:#141414;font-family:'JetBrains Mono',monospace;text-transform:uppercase;font-size:12px}
[data-theme=slip] .sheet .bill{background:#fff;border:1px dashed rgba(0,0,0,.25);border-radius:0;font-family:'JetBrains Mono',monospace}
[data-theme=slip] .sheet .bill div{color:#141414}
[data-theme=slip] .sheet .bill .tot span:last-child{font-family:'JetBrains Mono',monospace;font-weight:800}
[data-theme=slip] .sheet .hint{color:#d90a10}
[data-theme=slip] .sheet .meta{color:#5f5a54}
[data-theme=slip] .sheet .bub{border-radius:2px}
[data-theme=slip] .sheet .bub.bot{background:#f3f0ea;color:#141414}
[data-theme=slip] .sheet .chips button{background:#fff;border:1px dashed rgba(0,0,0,.3);color:#141414;border-radius:2px}
[data-theme=slip] .sheet .cin input{background:#fff;border-color:rgba(0,0,0,.25);color:#141414;border-radius:2px}
[data-theme=slip] .sheet .card{background:#fff!important;border:1px dashed rgba(0,0,0,.25);border-radius:0!important}
[data-theme=slip] .sheet .steps li{color:#8a847c}
[data-theme=slip] .sheet .steps li.done{color:#141414}
[data-theme=slip] .toast{background:#141414;color:#fff;border-radius:2px;font-family:'JetBrains Mono',monospace;font-size:13px}

/* =====================================================================
   NAWABI: Bahawalpur heritage, maroon and gold, big single-column plates
   ===================================================================== */
html[data-theme=nawabi] body{background:#2b0609}
[data-theme=nawabi] .cx,[data-theme=nawabi] .sheet{--ink:#2b0609;--panel:#3a0b0f;--panel2:#4a1115;--hair:rgba(214,170,86,.18);--text:#fbf1de;--mut:#d7bfa0;--cream:#d6aa56;--red:#b5121b;--disp:'Rozha One',serif}
[data-theme=nawabi] .cx{font-family:'Hind',system-ui,sans-serif;font-size:15.5px}
[data-theme=nawabi] .cx-bar{background:#2b0609;border-bottom:1px solid rgba(214,170,86,.35);box-shadow:none}
[data-theme=nawabi] .cx-logo{box-shadow:0 0 0 2px #d6aa56}
[data-theme=nawabi] .cx-id b{font-family:'Rozha One',serif;text-transform:none;font-size:22px;letter-spacing:.01em;color:#f3d797}
[data-theme=nawabi] .cx-id span{color:#d7bfa0}
[data-theme=nawabi] .cx-ic{background:rgba(214,170,86,.12);color:#f3d797}
[data-theme=nawabi] .cx-mic{background:#d6aa56;color:#2b0609}
[data-theme=nawabi] .cx-install{background:rgba(214,170,86,.12);color:#f3d797}
[data-theme=nawabi] .cx-search{background:#3a0b0f}
[data-theme=nawabi] .cx-hero{min-height:330px}
[data-theme=nawabi] .cx-hero:after{background:linear-gradient(180deg,rgba(43,6,9,.1) 20%,rgba(43,6,9,.75) 60%,#2b0609)}
[data-theme=nawabi] .cx-hero h1{font-family:'Rozha One',serif;text-transform:none;font-size:clamp(56px,17vw,84px);line-height:.95;color:#f3d797}
[data-theme=nawabi] .cx-btn{background:#d6aa56;color:#2b0609}
[data-theme=nawabi] .cx-btn.ghost{background:rgba(43,6,9,.6);color:#f3d797;box-shadow:inset 0 0 0 1px rgba(214,170,86,.6)}
[data-theme=nawabi] .plate{background:none;color:#f3d797;font-family:'Rozha One',serif;font-size:20px;padding:0;height:auto;letter-spacing:.01em}
[data-theme=nawabi] .plate small{font-family:'Hind',sans-serif;color:#d7bfa0;opacity:1}
[data-theme=nawabi] .plate.big{border:1px solid #d6aa56;padding:0 14px;height:46px;border-radius:23px;font-size:26px;background:rgba(43,6,9,.55)}
[data-theme=nawabi] .plate.on{background:none;color:#fff;animation:none;text-decoration:underline 2px #d6aa56;text-underline-offset:6px}
[data-theme=nawabi] .cx-facts{border-color:rgba(214,170,86,.25)}
[data-theme=nawabi] .cx-facts li{border-color:rgba(214,170,86,.25)}
[data-theme=nawabi] .cx-bands{background:#2b0609;border-bottom:1px solid rgba(214,170,86,.3);box-shadow:none}
[data-theme=nawabi] .cx-bands button{font-family:'Rozha One',serif;text-transform:none;font-size:17px;letter-spacing:0;color:#bfa685}
[data-theme=nawabi] .cx-bands button.on{color:#f3d797}
[data-theme=nawabi] .cx-bands button.on:after{background:#d6aa56;height:2px}
[data-theme=nawabi] .cx-bands button i{background:#d6aa56;color:#2b0609}
[data-theme=nawabi] .cx .band{border-bottom:0;justify-content:center;flex-direction:column;align-items:center;gap:2px;margin:30px 16px 16px}
[data-theme=nawabi] .cx .band h2{font-family:'Rozha One',serif;text-transform:none;font-size:34px;color:#f3d797}
[data-theme=nawabi] .cx .band h2:after{content:"";display:block;width:64px;height:2px;margin:10px auto 0;background:#d6aa56}
[data-theme=nawabi] .mgrid{grid-template-columns:1fr;gap:18px}
[data-theme=nawabi] .mc{background:#3a0b0f;border-radius:20px;box-shadow:0 0 0 1px rgba(214,170,86,.22)}
[data-theme=nawabi] .mc-ph{aspect-ratio:16/10;background:#200407}
[data-theme=nawabi] .mc-ph .sizes-tag{background:rgba(43,6,9,.85);color:#f3d797}
[data-theme=nawabi] .mc-media .stp,[data-theme=nawabi] .mc-media .st-add{right:14px;bottom:14px}
[data-theme=nawabi] .st-add{background:#d6aa56;color:#2b0609;width:48px;height:48px}
[data-theme=nawabi] .stp{background:#d6aa56;color:#2b0609;height:46px}
[data-theme=nawabi] .stp button{color:#2b0609}
[data-theme=nawabi] .mc-b{padding:14px 16px 16px}
[data-theme=nawabi] .mc-b h3{font-family:'Rozha One',serif;font-weight:400;font-size:22px;color:#fbf1de}
[data-theme=nawabi] .mc-b p{font-size:14px;color:#d7bfa0}
[data-theme=nawabi] .nextmenu{border-color:rgba(214,170,86,.35);color:#d7bfa0}
[data-theme=nawabi] .nextmenu b{font-family:'Rozha One',serif;text-transform:none;color:#f3d797}
[data-theme=nawabi] .cx-foot a{color:#f3d797}
[data-theme=nawabi] .cx-order{background:#3a0b0f;border-top:1px solid rgba(214,170,86,.4)}
[data-theme=nawabi] .cx-count{background:#d6aa56;color:#2b0609}
[data-theme=nawabi] .cx-total{font-family:'Rozha One',serif;color:#f3d797}
[data-theme=nawabi] .cx-order .go,[data-theme=nawabi] .dt-add,[data-theme=nawabi] .sheet .btn{background:#d6aa56;color:#2b0609}
[data-theme=nawabi] .cx-order .hint{color:#f3d797}
[data-theme=nawabi] .cx-order .stp,[data-theme=nawabi] .sheet .stp{background:#4a1115;color:#f3d797}
[data-theme=nawabi] .cx-order .stp button,[data-theme=nawabi] .sheet .stp button{color:#f3d797}
[data-theme=nawabi] .sheet{background:#2f080b;color:#fbf1de}
[data-theme=nawabi] .sheet .hd b,[data-theme=nawabi] .dt-in h2,[data-theme=nawabi] .sheet h3.sec{font-family:'Rozha One',serif;text-transform:none;color:#f3d797;letter-spacing:0}
[data-theme=nawabi] .sheet .x{background:#4a1115;color:#f3d797}
[data-theme=nawabi] .dt-in p{color:#d7bfa0}
[data-theme=nawabi] .dt-opt{background:#3a0b0f}
[data-theme=nawabi] .dt-opt.on{border-color:#d6aa56}
[data-theme=nawabi] .dt-opt.on .r{border-color:#d6aa56}
[data-theme=nawabi] .dt-add b{font-family:'Rozha One',serif}
[data-theme=nawabi] .dt-add:disabled{background:#4a1115;color:#a88e70}
[data-theme=nawabi] .sheet .fld input,[data-theme=nawabi] .sheet .fld select,[data-theme=nawabi] .sheet .fld textarea{background:#3a0b0f;border-color:rgba(214,170,86,.3);color:#fbf1de}
[data-theme=nawabi] .sheet .fld label{color:#d7bfa0}
[data-theme=nawabi] .sheet .bill{background:#3a0b0f}
[data-theme=nawabi] .sheet .bill .tot span:last-child{font-family:'Rozha One',serif;color:#f3d797}
[data-theme=nawabi] .sheet .hint{color:#f3d797}
[data-theme=nawabi] .sheet .bub.bot{background:#4a1115}
[data-theme=nawabi] .sheet .bub.me{background:#d6aa56;color:#2b0609}
[data-theme=nawabi] .sheet .chips button{background:#3a0b0f;border-color:rgba(214,170,86,.35);color:#f3d797}
[data-theme=nawabi] .sheet .cin input{background:#3a0b0f;border-color:rgba(214,170,86,.3);color:#fbf1de}
[data-theme=nawabi] .sheet .cin button{background:#d6aa56;color:#2b0609}
[data-theme=nawabi] .sheet .card{background:#3a0b0f!important}
[data-theme=nawabi] .toast{background:#3a0b0f;color:#f3d797;border-color:rgba(214,170,86,.4)}

/* contrast fixes: banner text is always light on the photo; totals use each design's ink */
[data-theme=fresh] .cx-hero h1,[data-theme=slip] .cx-hero h1{color:#fff}
[data-theme=fresh] .cx-hero p,[data-theme=slip] .cx-hero p{color:#f1ece5}
[data-theme=slip] .cx-id b{color:#fff}
[data-theme=fresh] .cx-order #cartT{color:#1c1916}
[data-theme=slip] .cx-order #cartT{color:#141414}
[data-theme=nawabi] .cx-order #cartT{color:#f3d797}
[data-theme=slip] .mc-media .stp,[data-theme=slip] .mc-media .st-add{top:16px;bottom:auto}
[data-theme=slip] .cx-id b{font-stretch:100%;font-size:16px;white-space:nowrap}