:root{
  --rg-background:#FFF7E9;--rg-primary:#D95D63;--rg-accent:#8FC9A8;--rg-text:#4A3026;--rg-surface:#FFFFFF;
  --rg-border:#EADED3;--rg-muted:#765F56;--rg-success:#237A57;--rg-danger:#B42318;--rg-warning:#A65F00;
  --navy:var(--rg-text);--blue:var(--rg-primary);--bg:var(--rg-background);--card:var(--rg-surface);--text:var(--rg-text);
  --muted:var(--rg-muted);--line:var(--rg-border);--green:var(--rg-success);--red:var(--rg-danger);--amber:var(--rg-warning);
}
body{background:var(--rg-background);color:var(--rg-text)}
header{background:var(--rg-text);border-bottom:3px solid var(--rg-primary)}
.brandBlock{display:flex;align-items:center;flex:0 0 auto;width:max-content;min-width:0;gap:8px;padding:6px 10px;background:var(--rg-background);border:1px solid rgb(255 255 255 / 18%);border-radius:8px;box-sizing:border-box}.ronggoPosWordmark{display:block;width:145px;height:32px;overflow:hidden;flex:none}.ronggoPosLogo{display:block;width:145px;height:auto;max-width:none;transform:translateY(-6px)}.ronggoPosSuffix{color:var(--rg-text);font-size:14px;font-weight:750;line-height:1;letter-spacing:.08em;white-space:nowrap}
.panel,.product,.stocktakeAreaCard,.areaConfigCard,table{border-color:var(--rg-border);box-shadow:0 3px 14px rgb(74 48 38 / 5%)}
.product{background:#FFFBF5}.product:hover{border-color:#D9A7A0;background:#FFF7F3}
button.primary,.mainTabs button.active,.subTabs button.active,.posSubTabs button.active,.categoryCheck.selected{background:var(--rg-primary);border-color:var(--rg-primary);color:#fff}
button.primary:hover{background:#C94F56}.secondary,.areaConfigureBtn{background:#FFF0ED!important;color:var(--rg-primary)!important;border-color:#F2C8C4!important}
input:focus,select:focus,textarea:focus{outline:3px solid rgb(217 93 99 / 16%);border-color:var(--rg-primary)}
.stocktakeCode{background:var(--rg-text)}.note{background:#FFF3EF;border-left-color:var(--rg-primary)}
.checkoutAmountLabel,.checkoutAmountValue,.total{color:var(--rg-text)}.finalCheckoutButton{background:var(--rg-primary)!important;border-color:var(--rg-primary)!important;color:#fff;box-shadow:0 6px 16px rgb(217 93 99 / 24%)}
.cashBtn{background:var(--rg-success)!important;border-color:var(--rg-success)!important}.note.bad{border-left-color:var(--rg-danger)}.note.warn{border-left-color:var(--rg-warning)}.note.ok{border-left-color:var(--rg-success)}
.ownerMenu button.active{background:#FFF0ED;color:var(--rg-primary)}.status{border-color:rgb(255 247 233 / 30%)}
@media(max-width:700px){header{height:72px;padding:0 14px}.brandBlock{width:max-content;min-width:0;gap:6px;padding:5px 8px}.ronggoPosWordmark{width:122px;height:27px}.ronggoPosLogo{width:122px;transform:translateY(-5px)}.ronggoPosSuffix{font-size:12px}.smallHeader{display:none}}