/* KASSA — umumiy uslub. Tashqi shrift/kutubxona yo'q: internetsiz ham ishlaydi. */
/* Dilux Bakery brend ranglari: shokolad, oltin, krem */
:root{
  --fon:#15100A; --panel:#1F1710; --panel2:#2B2117; --chiziq:#3B2F23;
  --matn:#F7EFE3; --xira:#A8988A;
  --urgu:#C9A84C;      /* oltin — asosiy urg'u */
  --yashil:#6BBF8A;    /* tayyor */
  --kok:#7FB2D9;       /* yangi buyurtma */
  --qizil:#C0392B;     /* brend qizili — bekor/kechikish */
  --binafsha:#B08BD9;  /* stol tanlash */
}
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent}
html,body{height:100%; margin:0}
body{
  background:var(--fon); color:var(--matn); overflow:hidden;
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  font-size:16px; user-select:none;
}
button{font-family:inherit; cursor:pointer; border:none; color:inherit; background:none}
.mono{font-variant-numeric:tabular-nums}

/* ── yuqori qator ── */
.bosh{
  height:58px; display:flex; align-items:center; gap:16px; padding:0 16px;
  background:var(--panel); border-bottom:1px solid var(--chiziq); flex:none;
}
.bosh .nom{font-size:19px; font-weight:600; letter-spacing:.02em}
.bosh .nom span{color:var(--urgu)}
.bosh .ong{margin-left:auto; display:flex; align-items:center; gap:14px}
.holat-nuqta{width:8px; height:8px; border-radius:50%; background:var(--yashil); flex:none}
.holat-nuqta.uzilgan{background:var(--qizil)}
.bosh .kichik{font-size:13px; color:var(--xira)}
.bosh .soat{font-size:17px; font-weight:600}

.havola{
  padding:8px 14px; border-radius:6px; background:var(--panel2);
  border:1px solid var(--chiziq); font-size:14px; text-decoration:none; color:var(--matn);
}
.havola:hover{border-color:var(--urgu)}

/* ── holat ranglari ── */
.h-yangi{--h:var(--kok)}
.h-tayyorlanmoqda{--h:var(--urgu)}
.h-tayyor{--h:var(--yashil)}
.h-berildi{--h:var(--xira)}
.h-bekor{--h:var(--qizil)}

/* ── umumiy karta ── */
.karta{background:var(--panel); border:1px solid var(--chiziq); border-radius:10px}

/* ── tugmalar ── */
.tugma{
  padding:14px 20px; border-radius:8px; background:var(--panel2);
  border:1px solid var(--chiziq); font-size:16px; font-weight:600;
  transition:transform .06s, background .15s;
}
.tugma:active{transform:scale(.97)}
.tugma.asosiy{background:var(--urgu); color:#12181D; border-color:transparent}
.tugma.yashil{background:var(--yashil); color:#0B1F18; border-color:transparent}
.tugma.kok{background:var(--kok); color:#08222E; border-color:transparent}
.tugma.xira{color:var(--xira)}
.tugma:disabled{opacity:.4; cursor:default}

/* ── modal ── */
.parda{
  position:fixed; inset:0; background:rgba(6,9,12,.82); z-index:50;
  display:none; align-items:center; justify-content:center; padding:20px;
}
.parda.kor{display:flex}
.oyna{
  background:var(--panel); border:1px solid var(--chiziq); border-radius:12px;
  padding:22px; max-width:460px; width:100%; max-height:88vh; overflow:auto;
}
.oyna h2{margin:0 0 6px; font-size:22px}
.oyna .izoh{color:var(--xira); font-size:14px; margin-bottom:16px}

/* ── skroll ── */
::-webkit-scrollbar{width:8px; height:8px}
::-webkit-scrollbar-thumb{background:var(--chiziq); border-radius:4px}