/* Kebarick POS | Shared Business UI System | Stage 1 of 8
   Presentation-only foundation. No API, permission, sale, inventory or pricing logic.
   Applied only to explicitly opted-in business pages; NOT cashier, public landing,
   public shop, or platform admin (which has its own acceptance stage). */
body.pos-ui-modern {
  --pos-blue:#1461d1;
  --pos-blue-strong:#074cb8;
  --pos-navy:#0b367c;
  --pos-ink:#162a4a;
  --pos-muted:#687a96;
  --pos-line:#dfe7f4;
  --pos-surface:#ffffff;
  --pos-soft:#f2f6fc;
  --pos-ring:#2782e9;
  background:var(--pos-soft);
  color:var(--pos-ink);
  font-size:14px;
  line-height:1.48;
  -webkit-font-smoothing:antialiased;
}
body.pos-ui-modern :where(.top){
  background:linear-gradient(105deg,#083989 0%,#0e56bd 50%,#176de0 100%);
  border-bottom:1px solid #ffffff23;
  color:#fff;
  box-shadow:0 3px 12px #082b7116;
  position:relative;
  z-index:20;
}
body.pos-ui-modern :where(.top .nav){
  max-width:1600px;
  min-height:65px;
  padding:11px clamp(15px,2.2vw,28px);
  display:flex;
  align-items:center;
  gap:18px;
}
body.pos-ui-modern :where(.top .brand){
  color:#fff;
  font-size:clamp(19px,2.1vw,25px);
  font-weight:850;
  letter-spacing:-.045em;
  line-height:1.15;
  white-space:nowrap;
}
body.pos-ui-modern :where(.top .brand span){color:#9dcaff}
body.pos-ui-modern :where(.top .navlinks){
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
body.pos-ui-modern :where(.top .navlinks a){
  color:#e8f2ff;
  padding:7px 10px;
  border-radius:9px;
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  text-decoration:none;
}
body.pos-ui-modern :where(.top .navlinks a:hover,.top .navlinks a:focus-visible){
  background:#ffffff20;
  color:#fff;
}
body.pos-ui-modern :where(.shell){max-width:1440px;padding:clamp(14px,2vw,26px)}
body.pos-ui-modern :where(.doc-shell){max-width:1450px;margin-inline:auto}
body.pos-ui-modern :where(.tools,.int-wrap){max-width:1320px;margin-inline:auto}
body.pos-ui-modern :where(h1){
  color:#122f68;
  font-size:clamp(1.65rem,2.8vw,2.35rem);
  font-weight:850;
  line-height:1.15;
  letter-spacing:-.04em;
  margin:4px 0 9px;
}
body.pos-ui-modern :where(h2){
  color:#15386e;
  font-size:clamp(1.2rem,1.8vw,1.55rem);
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.025em;
  margin:4px 0 12px;
}
body.pos-ui-modern :where(h3){color:#153d79;font-weight:800;letter-spacing:-.015em}
body.pos-ui-modern :where(p){line-height:1.55}
body.pos-ui-modern :where(.shell>p,.doc-shell>p,.tools>p){color:#617490}
body.pos-ui-modern :where(.muted,.hint){color:var(--pos-muted)}
body.pos-ui-modern :where(.card,.box,.stat){
  background:var(--pos-surface);
  border:1px solid var(--pos-line);
  border-radius:15px;
  box-shadow:0 3px 16px #133e7808;
}
body.pos-ui-modern :where(.card){padding:clamp(15px,1.55vw,22px)}
body.pos-ui-modern :where(.stat){
  min-width:0;
  padding:17px 18px;
  border-top:3px solid #176bdc;
}
body.pos-ui-modern :where(.stat b){color:#0f55c0;font-size:clamp(1.28rem,2vw,1.8rem);font-variant-numeric:tabular-nums}
body.pos-ui-modern :where(.grid,.stats,.twocol){gap:14px}
body.pos-ui-modern :where(.shell>.toolbar,.main>.toolbar){
  background:#fff;
  border:1px solid var(--pos-line);
  border-radius:14px;
  padding:10px 14px;
  margin:13px 0 19px;
  box-shadow:0 2px 12px #143f6e08;
  align-items:center;
}
body.pos-ui-modern :where(.toolbar) :where(label){font-size:12px;font-weight:750;color:#244977}
body.pos-ui-modern :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  border:1px solid #cad8eb;
  background-color:#fff;
  border-radius:10px;
  color:#17325d;
  min-height:42px;
}
body.pos-ui-modern :where(textarea){min-height:96px}
body.pos-ui-modern :where(input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus){
  border-color:var(--pos-ring);
  outline:3px solid #1f80ea25;
  outline-offset:0;
}
body.pos-ui-modern :where(button,a.button){
  border-radius:10px;
  background:#155fd0;
  color:#fff;
  font-weight:750;
  min-height:39px;
  transition:background-color .15s,border-color .15s,box-shadow .15s;
}
body.pos-ui-modern :where(button:hover:not(:disabled),a.button:hover){background:#0c4eaf;color:#fff}
body.pos-ui-modern :where(button.secondary){
  background:#eff5ff;
  color:#164c99;
  border:1px solid #d8e6f9;
}
body.pos-ui-modern :where(button.secondary:hover:not(:disabled)){background:#dfecff}
body.pos-ui-modern :where(button:disabled){opacity:.56;cursor:not-allowed}
body.pos-ui-modern :where(table){border:1px solid var(--pos-line);border-radius:12px;background:#fff}
body.pos-ui-modern :where(th){
  background:#edf3fc;
  color:#355780;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
  white-space:normal;
}
body.pos-ui-modern :where(td,th){border-bottom:1px solid #e8edf6;vertical-align:middle}
body.pos-ui-modern :where(tbody tr:hover){background:#f7faff}
body.pos-ui-modern :where(.catalogtable){border-radius:12px}
body.pos-ui-modern :where(.pill){background:#e7f1ff;color:#1856ad;font-weight:750}
body.pos-ui-modern :where(.notice:not(.error)){
  border:1px solid #bfe5d3;
  background:#ebf9f1;
  color:#146346;
}
body.pos-ui-modern :where(.dash){grid-template-columns:minmax(190px,226px) minmax(0,1fr);min-width:0}
body.pos-ui-modern :where(.dash>aside){
  background:linear-gradient(180deg,#0a3477,#102a54);
  color:#ecf4ff;
  padding:14px 10px;
  border-right:1px solid #ffffff1a;
}
body.pos-ui-modern :where(.dash>aside button,.dash>aside .sideanchor){
  border-radius:9px;
  min-height:38px;
  font-size:13px;
  color:#eaf2ff;
  background:transparent;
  text-align:left;
}
body.pos-ui-modern :where(.dash>aside button.active,.dash>aside button:hover,.dash>aside .sideanchor:hover){
  background:#2374d8;
  color:#fff;
}
body.pos-ui-modern :where(.dash .main){max-width:none;min-width:0;overflow-x:auto}
body.pos-ui-modern :where(.s10top){background:linear-gradient(100deg,#083989,#1267d4);color:white}
body.pos-ui-modern :where(.s10top a){color:#e8f2ff}
body.pos-ui-modern :where(.s10panel){border-color:var(--pos-line);box-shadow:0 3px 14px #153f710b}
body.pos-ui-modern :where(.doc-shell .doc-controls){border-color:var(--pos-line)}
body.pos-ui-modern :where(.card,.stat,.box,.s10panel){overflow-wrap:anywhere}
body.pos-ui-modern :where(.catalogtable,.s10table){max-width:100%;overflow-x:auto}
body.pos-ui-modern :where(a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline:3px solid #36a1ff;outline-offset:2px}
@media(min-width:761px){body.pos-ui-modern .dash>aside{top:0;scrollbar-width:thin}}
@media(max-width:760px){
  body.pos-ui-modern :where(.top .nav){padding:10px 12px;min-height:0;flex-wrap:wrap;gap:6px 12px}
  body.pos-ui-modern :where(.top .navlinks){gap:3px;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:thin}
  body.pos-ui-modern :where(.top .navlinks a){white-space:nowrap;padding:7px 8px;font-size:12px}
  body.pos-ui-modern :where(.shell){padding:12px}
  body.pos-ui-modern :where(.dash){display:block}
  body.pos-ui-modern :where(.dash>aside){display:flex;overflow-x:auto;gap:3px;padding:8px}
  body.pos-ui-modern :where(.dash>aside button,.dash>aside .sideanchor){white-space:nowrap;width:auto;flex-shrink:0}
  body.pos-ui-modern :where(.dash .main){overflow-x:clip;padding:12px}
  body.pos-ui-modern :where(.card){padding:13px}
  body.pos-ui-modern :where(.shell>.toolbar,.main>.toolbar){padding:10px;align-items:flex-end}
  body.pos-ui-modern :where(.stats,.grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
}
@media(prefers-reduced-motion:reduce){body.pos-ui-modern button,body.pos-ui-modern a.button{transition:none}}
@media print{
  body.pos-ui-modern{background:#fff}
  body.pos-ui-modern :where(.top,.dash>aside){display:none!important}
  body.pos-ui-modern :where(.card,.stat,.box){box-shadow:none}
}