/* Warm, traditional theme for the customer app ("hangat & tradisional").
   Layered over customer.css: tokens first, then the components whose shape changes.
   Remove this file's <link> in customer.blade.php to return to the previous look. */

:root{
  --navy:#2B1E14;--navy-2:#20160E;--orange:#E9A23B;--cream:#F3E9D8;--paper:#FBF6EC;--mint:#EFE4D2;
  --ink:#2B1E14;--muted:#6B5444;--line:#E2D3BC;--danger:#A63A34;--shadow:0 16px 44px rgba(43,30,20,.12);
  --accent-ink:#9A5A00;--espresso:#2B1E14;--on-espresso:#F3E9D8;--on-espresso-muted:#D9C7AE;--track:#4A3727;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;--sans:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif
}
[data-theme="dark"]{
  --navy:#F0DFC4;--navy-2:#140D08;--cream:#17110C;--paper:#221811;--mint:#2E2218;--ink:#F3E9D8;--muted:#C9B497;
  --line:#4A3727;--danger:#FFAAA2;--shadow:0 16px 44px rgba(0,0,0,.35);--accent-ink:#F0C27A;--espresso:#2E2218
}

body{font-family:var(--sans);background:var(--cream);color:var(--ink);padding-bottom:104px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}

/* Serif display for names and titles; the product photos already carry the "warung jamu" warmth. */
.hero h1,.section-head h2,.page-title h1,.modal h2,.product-info h3,.product-modal-title h2,.brand strong,
.stat b,.panel h3,.points-strip strong,.empty-card h3,.announcement-copy h2,.order-card h3,.receipt-heading h2{
  font-family:var(--serif);font-weight:600;letter-spacing:-.01em
}
.eyebrow,.section-head small,.page-title small,.store-panel small,.announcement-copy small{
  font-size:12px;font-weight:700;letter-spacing:.01em;color:var(--accent-ink)
}
.page-title small{display:none}

/* Header */
.topbar{background:rgba(243,233,216,.94);border-bottom:1px solid var(--line)}
[data-theme="dark"] .topbar{background:rgba(23,17,12,.94)}
.brand{color:var(--ink);font-size:20px}
.brand img{width:40px;height:40px}
.icon-btn,.cart-btn{min-height:44px;border-radius:14px;border-color:var(--line);background:var(--paper);color:var(--ink)}
.cart-btn b{background:var(--orange);color:#2B1E14}
[data-theme="dark"] .icon-btn,[data-theme="dark"] .cart-btn{background:var(--paper);color:var(--ink)}

/* Store picker */
.store-panel{margin:12px 20px 0;padding:14px 16px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:none}
.store-panel strong{font-size:15px;color:#2F6B45}
[data-theme="dark"] .store-panel strong{color:#9FE0B5}
.store-panel select{border-color:var(--line);border-radius:14px;background:var(--cream);color:var(--ink);font-weight:700;min-height:48px}

/* Member points */
.points-strip{margin:12px 20px 0;padding:16px 18px;border-radius:20px;background:var(--espresso);color:var(--on-espresso);display:flex;align-items:center;gap:16px}
.points-strip:empty{display:none}
[data-theme="dark"] .points-strip{border:1px solid var(--line)}
.points-strip>div{display:grid;gap:5px;flex:1;min-width:0}
.points-strip small{color:var(--on-espresso-muted);font-size:12px;font-weight:600}
.points-strip strong{font-size:26px;line-height:1.05}
.points-strip span{color:var(--on-espresso-muted);font-size:12px}
.points-strip .points-progress{display:block;height:6px;border-radius:3px;background:var(--track);overflow:hidden}
.points-progress i{display:block;height:100%;border-radius:3px;background:var(--orange)}
.points-strip .primary{flex-shrink:0;min-height:44px}

/* Hero: a real menu photo (or the admin banner) instead of a slogan on a gradient */
.hero{min-height:320px;margin:14px 20px 0;padding:22px;border-radius:24px;align-items:flex-end;background:var(--espresso);color:#FBF6EC}
[data-theme="dark"] .hero{background:var(--espresso)}
.hero.has-banner::before{background:linear-gradient(to top,rgba(32,22,14,.94) 18%,rgba(32,22,14,.35) 58%,rgba(32,22,14,0) 100%)}
.hero-orbit{display:none}
.hero-copy{max-width:640px}
.hero .eyebrow{color:#F0C27A}
.hero h1{font-size:clamp(28px,4.4vw,46px);line-height:1.08;margin:4px 0 6px}
.hero h1 em{font-style:italic;color:#F0C27A}
.hero p:not(.eyebrow){color:#EADBC4;font-size:15px;margin:0}
.hero-action{min-height:48px;align-items:center;padding:12px 20px;border-radius:14px;background:var(--orange);color:#2B1E14}
.hero.is-feature .hero-copy{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:end}
.hero.is-feature .hero-copy>:not(.hero-action){grid-column:1}
.hero.is-feature .hero-action{grid-column:2;grid-row:1/span 3;align-self:end;margin:0}
.hero.is-feature #heroDescription{font-weight:800;color:#FBF6EC}

/* Catalog */
.catalog{padding:24px 20px 40px}
.section-head h2{font-size:clamp(24px,3.4vw,34px)}
.section-head input{border-color:var(--line);border-radius:14px;background:var(--paper);color:var(--ink);min-height:48px}
.chip{min-height:44px;padding:10px 16px;border-color:#D8C6AB;background:transparent;color:var(--ink);font-weight:600}
.chip.active{background:var(--ink);border-color:var(--ink);color:var(--cream);font-weight:700}
[data-theme="dark"] .chip{background:transparent;border-color:var(--line);color:var(--ink)}
[data-theme="dark"] .chip:hover{border-color:var(--orange);color:var(--ink)}
[data-theme="dark"] .chip.active{background:var(--orange);border-color:var(--orange);color:#2B1E14}
.product-card{border-radius:20px;border-color:var(--line);background:var(--paper)}
.product-card:hover{border-color:#CDB894;box-shadow:0 12px 30px rgba(43,30,20,.12)}
.product-media{background:var(--mint);border-bottom:0}
.product-card .product-media img{object-fit:cover}
.product-info h3{font-size:17px;margin:3px 0 12px}
.product-info small{color:var(--muted);font-weight:600}
.add-dot{border-radius:10px;background:var(--orange);color:#2B1E14}

/* Bottom navigation: a floating espresso bar */
.bottom-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));transform:none;width:auto;max-width:640px;margin:0 auto;padding:8px;border:0;border-radius:22px;background:#2B1E14;backdrop-filter:none}
[data-theme="dark"] .bottom-nav{background:#0F0A06;border:1px solid var(--line)}
.nav-item{min-height:52px;color:#D9C7AE;font-weight:600;gap:3px}
.nav-item.active{color:var(--orange);font-weight:800}
.nav-item span{display:grid;place-items:center;height:24px}
.nav-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Member pages */
.page-title h1{font-size:clamp(28px,4vw,40px)}
.stat,.panel,.empty-card,.order-card{background:var(--paper);border-color:var(--line);border-radius:20px}
.stats .stat:first-child{background:var(--espresso);border-color:var(--espresso);color:var(--on-espresso)}
.stats .stat:first-child small,.stats .stat:first-child span{color:var(--on-espresso-muted)}
.stat b{font-size:32px}
.reward-card,.voucher-card,.address-card{background:var(--cream);border-color:var(--line);border-radius:16px}
.voucher-card{border-left:6px solid var(--orange)}
.voucher-card strong{font-family:var(--serif);font-size:22px}
.empty-icon{color:var(--accent-ink)}
.status{background:var(--mint);color:var(--ink)}

/* Buttons, dialogs, notices */
.primary{min-height:44px;border-radius:14px;background:var(--orange);color:#2B1E14}
[data-theme="dark"] .primary{color:#2B1E14}
.secondary{min-height:44px;border-radius:14px;border-color:var(--line);background:var(--paper);color:var(--ink)}
.text-btn{color:var(--ink)}
.modal{border-radius:24px;background:var(--paper);color:var(--ink)}
.modal::backdrop{background:rgba(32,22,14,.58)}
.modal-close{background:var(--cream);color:var(--ink)}
.modal input,.modal select,.modal textarea,.checkout-fields select,.stack-form input,.profile-form input,.profile-form select{border-color:var(--line);background:#FFFDF8;color:var(--ink)}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#17110C!important;color:var(--ink)!important}
.toast{background:var(--ink);color:var(--cream)}
[data-theme="dark"] .toast{background:var(--orange);color:#2B1E14}
.notice{background:#FBE9C8;color:#6E4300}
[data-theme="dark"] .notice{background:#3A2A14;color:#F4D49C}
.pickup-estimate{background:#EEF1E3;border-color:#CFD8BF}
[data-theme="dark"] .pickup-estimate{background:#252A1A;border-color:#4C5636;color:var(--ink)}
[data-theme="dark"] .pickup-estimate span{color:#D2D9BF}
.pickup-choice{background:var(--paper)}
.pickup-choice:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.qty button{min-width:36px;min-height:36px;border-color:#D8C6AB;background:var(--paper);color:var(--ink)}
[data-theme="dark"] .qty button{background:var(--paper);border-color:var(--line);color:var(--ink)}
.cart-edit{color:var(--accent-ink)}
[data-theme="dark"] .cart-edit{color:var(--accent-ink)}
.announcement-card{background:var(--espresso);color:var(--on-espresso)}
.announcement-copy p{color:#EADBC4}
.announcement-copy small{color:#F0C27A}
.skeleton{background:linear-gradient(90deg,var(--mint),var(--paper),var(--mint))}
.auth-tabs{background:var(--cream)}
.auth-note{background:#FBE9C8;color:#6E4300;border-left-color:var(--orange)}
.method-icon{background:var(--mint)}
.remembered-login{background:var(--mint)}

@media(max-width:540px){
  .store-panel,.points-strip{margin:10px 12px 0}
  .hero{margin:12px 12px 0;min-height:290px;padding:18px;border-radius:22px}
  .hero h1{font-size:28px}
  .catalog{padding:20px 12px 30px}
  .product-info h3{font-size:15px}
  .points-strip strong{font-size:22px}
}

/* Narrow phones: keep the brand on one line; the cart keeps its icon, count and aria-label. */
.brand strong{white-space:nowrap}
@media(max-width:430px){.brand{font-size:18px;gap:8px}.brand img{width:36px;height:36px}.top-actions{gap:6px}.icon-btn{padding:9px 11px}#cartLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.primary:disabled{background:transparent;border:1px dashed #B9A07E;color:var(--muted);cursor:not-allowed;opacity:1}

/* Pesanan: live pickup card with steps, payment card, and a compact history list */
.orders-group{display:grid;gap:12px}.orders-group+.orders-group{margin-top:12px}
.orders-group h2{margin:4px 0 0;font-family:var(--serif);font-weight:600;font-size:22px}
.order-live{padding:18px;border-radius:24px;background:var(--espresso);color:var(--on-espresso)}
[data-theme="dark"] .order-live{border:1px solid var(--line)}
.order-live header,.order-pay header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.order-live header small{color:var(--on-espresso-muted);font-size:12px}
.order-live h3{margin:2px 0 0;font-size:26px;line-height:1.1}
.order-pay h3{margin:0;font-family:var(--serif);font-weight:600;font-size:20px}
.order-pay header small{color:var(--muted);font-size:12px}
.order-pill{display:inline-block;padding:6px 10px;border-radius:10px;background:var(--orange);color:#2B1E14;font-size:12px;font-weight:800;white-space:nowrap}
.order-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.order-steps li{display:grid;gap:6px;font-size:11px;color:var(--on-espresso-muted)}
.order-steps li span{height:6px;border-radius:3px;background:var(--track)}
.order-steps li.done{color:var(--on-espresso);font-weight:700}.order-steps li.done span{background:var(--orange)}
.order-steps li[aria-current]{color:#F0C27A;font-weight:800}
.order-meta{display:grid;gap:4px;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--track);font-size:13px;color:var(--on-espresso-muted)}
.order-meta strong{color:var(--on-espresso)}
.order-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
.order-buttons>*{min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}
.order-live .secondary{background:transparent;border-color:#6B5444;color:var(--on-espresso)}
.order-pay{padding:16px;border-radius:22px;background:var(--paper);border:1px solid var(--line)}
.order-pay .payment-deadline{margin:12px 0 0}
.order-items{margin:6px 0 0;color:var(--muted);font-size:13px}
.order-list{list-style:none;margin:0;padding:0;border-radius:20px;background:var(--paper);border:1px solid var(--line);overflow:hidden}
.order-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--line)}
.order-row:first-child{border-top:0}
.order-row-main{display:grid;gap:3px;flex:1;min-width:0}
.order-row-main p{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.order-row-main small{color:var(--muted);font-size:12px}
.order-row-side{display:grid;justify-items:end;gap:2px}
.order-row-side span{display:flex;gap:10px}
.order-row-side .text-btn{min-height:40px;padding:0;color:var(--accent-ink);font-size:13px;font-weight:800}
.order-tag{padding:3px 7px;border-radius:7px;font-size:11px;font-weight:800}
.order-tag.done{background:#DDEBDD;color:#22502F}.order-tag.pending{background:#FBE3B8;color:#6E4300}.order-tag.muted{background:#E2D6C4;color:#4A3727}
[data-theme="dark"] .order-tag.done{background:#1F3A28;color:#B8E6C6}[data-theme="dark"] .order-tag.pending{background:#4A3515;color:#FFE0A6}[data-theme="dark"] .order-tag.muted{background:#3A2C20;color:#E2D3BC}

/* Receipt: pickup QR on a dark card, then a torn-paper receipt (paper stays light in dark mode) */
#receiptDialog{width:min(440px,calc(100% - 24px));padding:54px 20px 22px;background:var(--cream)}
.pickup-qr-block{display:grid;justify-items:center;gap:12px;margin:0 0 18px;padding:20px;border:0;border-radius:24px;background:var(--espresso);color:var(--on-espresso);text-align:center}
.pickup-qr-block canvas{width:220px;height:220px;margin:0;padding:10px;border-radius:16px;background:#fff}
.pickup-qr-block p{margin:0;font-weight:700}
.pickup-qr-block details{width:100%;text-align:left}
.pickup-qr-block summary{min-height:44px;display:flex;align-items:center;justify-content:center;color:#F0C27A;font-weight:800}
.pickup-qr-block .pickup-token{background:#3B2A1E;color:var(--on-espresso)}
.receipt-paper{--paper-bg:#FFFDF8;position:relative;margin:14px 2px;padding:20px 20px 22px;background:var(--paper-bg);color:#2B1E14;font-family:var(--sans);font-size:13px;filter:drop-shadow(0 10px 24px rgba(43,30,20,.10))}
.receipt-paper::before,.receipt-paper::after{content:"";position:absolute;left:0;right:0;height:12px;background-size:14px 12px;background-repeat:repeat-x}
.receipt-paper::before{top:-12px;background-image:radial-gradient(circle at 7px 0,transparent 6px,var(--paper-bg) 6.5px)}
.receipt-paper::after{bottom:-12px;background-image:radial-gradient(circle at 7px 12px,transparent 6px,var(--paper-bg) 6.5px)}
.receipt-head{display:grid;justify-items:center;gap:4px;padding-bottom:14px;border-bottom:1px dashed #CDB894;text-align:center}
.receipt-head img{width:104px;height:104px;object-fit:contain}
.receipt-brand{font-family:var(--serif);font-size:24px}
.receipt-head b{font-size:13px}
.receipt-code{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 0 12px}
.receipt-code>div{display:grid;gap:2px}
.receipt-code>div:last-child{justify-items:end;font-size:12px}
.receipt-code small{color:#6B5444;font-size:11px;font-weight:600}
.receipt-code strong{font-family:var(--serif);font-size:30px;line-height:1}
.receipt-items{list-style:none;margin:0;padding:0;border-top:1px solid #EADCC6}
.receipt-items li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;padding:10px 0;border-bottom:1px solid #EADCC6}
.receipt-qty{font-weight:800}
.receipt-name{display:grid;gap:1px;font-weight:700}
.receipt-name small{color:#6B5444;font-weight:500;font-size:11px}
.receipt-sums{display:grid;gap:6px;padding:12px 0}
.receipt-sums p,.receipt-info p{margin:0;display:flex;justify-content:space-between;gap:12px}
.receipt-discount span:last-child{color:#2F6B45;font-weight:700}
.receipt-paper .receipt-grand-total{margin:0;display:flex;justify-content:space-between;padding:12px 0;border-top:2px solid #2B1E14;border-bottom:1px dashed #CDB894;font-size:20px;font-weight:800}
.receipt-grand-total span:first-child{font-family:var(--serif);font-weight:700}
.receipt-info{display:grid;gap:6px;padding:12px 0;border-bottom:1px dashed #CDB894;font-size:12px}
.receipt-info p span:first-child{color:#6B5444}
.receipt-info p span:last-child{font-weight:700;text-align:right}
.receipt-points{padding:2px 8px;border-radius:8px;background:#DDEBDD;color:#22502F!important}
.receipt-info .receipt-tax{justify-content:center;color:#6B5444;text-align:center}
.receipt-paper .receipt-footer{display:grid;justify-items:center;gap:4px;padding:14px 0 0;text-align:center}
.receipt-footer em{font-family:var(--serif);font-size:15px}
.receipt-footer p{margin:0;color:#6B5444;font-size:11px;white-space:pre-line}
.receipt-footer small{margin-top:6px;color:#6B5444;font-size:10px;font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.receipt-actions{margin-top:22px}
.receipt-actions .receipt-download{min-height:52px;margin:0}

/* Profil: member card, grouped menu rows, sub-views */
.member-card{padding:20px;border-radius:24px;background:var(--espresso);color:var(--on-espresso)}
[data-theme="dark"] .member-card{border:1px solid var(--line)}
.member-id{display:flex;align-items:center;gap:14px}
.member-id h2{margin:0;font-family:var(--serif);font-weight:600;font-size:22px;overflow-wrap:anywhere}
.member-id p{margin:2px 0 0;color:var(--on-espresso-muted);font-size:13px}
.avatar-wrap{position:relative;flex-shrink:0}
.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#2B1E14;font-family:var(--serif);font-weight:700;font-size:24px;object-fit:cover}
.avatar.large{width:96px;height:96px;font-size:34px}
.avatar-edit{position:absolute;right:-6px;bottom:-6px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:2px solid var(--espresso);border-radius:50%;background:var(--cream);color:var(--ink)}
.avatar-edit svg,.row-icon svg,.row-chevron svg,.icon-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.member-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.member-stats button{display:grid;gap:2px;padding:12px 14px;border:0;border-radius:16px;background:#3B2A1E;color:var(--on-espresso);text-align:left}
.member-stats small{color:var(--on-espresso-muted);font-size:12px}
.member-stats strong{font-size:18px}
.profile-group h3{margin:6px 0 8px 4px;font-family:var(--sans);font-size:13px;font-weight:800;color:var(--muted)}
.profile-group ul{list-style:none;margin:0;padding:0;border-radius:20px;background:var(--paper);border:1px solid var(--line);overflow:hidden}
.profile-group li+li{border-top:1px solid var(--line)}
.profile-row{width:100%;min-height:64px;display:flex;align-items:center;gap:14px;padding:10px 16px;border:0;background:transparent;color:var(--ink);text-align:left}
button.profile-row:hover{background:var(--cream)}
.row-icon{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:var(--mint);color:var(--accent-ink)}
.row-text{display:grid;gap:1px;flex:1;min-width:0}
.row-text strong{font-size:15px}
.row-text small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.row-chevron{color:var(--muted);display:grid}
.row-badge{padding:4px 8px;border-radius:8px;background:#FBE3B8;color:#6E4300;font-size:11px;font-weight:800}
.profile-row.static select{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:0 10px;background:var(--cream);color:var(--ink);font-weight:700}
.switch{position:relative;flex-shrink:0;width:52px;height:32px;padding:0;border:0;border-radius:16px;background:#CDB894;cursor:pointer}
.switch::after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s}
.switch[aria-checked="true"]{background:#2F6B45}
.switch[aria-checked="true"]::after{transform:translateX(20px)}
.switch:disabled{opacity:.5;cursor:not-allowed}
.profile-theme{display:grid;gap:10px;padding:14px 16px 16px}
.profile-theme strong{font-size:15px}
.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:var(--mint)}
.segmented button{min-height:40px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:600}
.segmented button[aria-checked="true"]{background:var(--paper);color:var(--ink);font-weight:800}
.profile-exit{display:grid;gap:6px}
.profile-exit .secondary{min-height:52px}
.text-danger{min-height:44px;border:0;background:transparent;color:var(--danger);font-weight:700}
.profile-sub-head{display:flex;align-items:center;gap:12px}
.profile-sub-head h2{margin:0;font-family:var(--serif);font-weight:600;font-size:24px}
.icon-back{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}
.profile-photo{display:grid;justify-items:center;gap:10px;text-align:center}
.profile-photo small{color:var(--muted)}
.profile-photo .photo-form{justify-content:center}
.profile-stack{display:grid;gap:16px}
.profile-stack h3{margin:0}
.profile-stack label:not(.choice):not(.remember-row){display:grid;gap:6px;font-size:13px;font-weight:800}
.profile-stack input:not([type=radio]):not([type=checkbox]),.profile-stack textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--cream);color:var(--ink)}
.choice-grid{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.choice-grid legend{margin-bottom:8px;font-size:13px;font-weight:800}
.choice{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:14px;cursor:pointer}
.choice:has(input:checked){border:2px solid var(--ink);font-weight:700}
.choice input{width:18px;height:18px;margin:0;accent-color:var(--accent-ink)}.member-content>*,.member-content fieldset{min-width:0}
.order-pay header .status{white-space:nowrap}
.photo-form{display:grid;gap:8px;width:100%}
.photo-form input[type=file]{width:100%;min-height:48px;padding:6px;border:1px dashed var(--line);border-radius:14px;background:var(--cream);color:var(--muted);font-size:13px}
.photo-form input[type=file]::file-selector-button{min-height:36px;margin-right:10px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-weight:700}
.photo-form .secondary{width:100%}