:root{
  --tooka-red:#a80301;
  --tooka-yellow:#ffde00;
  --tooka-bg:#f7f7f7;
  --tooka-ink:#1f2329;
  --tooka-muted:#737984;
  --tooka-line:#ececec;
}
.tooka-staff-shell,.tooka-staff-shell *{box-sizing:border-box}
.tooka-staff-shell{
  direction:rtl;
  width:min(100%,780px);
  margin:0 auto;
  padding:14px 14px 92px;
  font-family:IRANSansX,IRANSans,"Yekan Bakh",Vazirmatn,Tahoma,sans-serif;
  color:var(--tooka-ink);
}
.tooka-staff-shell button,.tooka-staff-shell input,.tooka-staff-shell select{font:inherit}
.tooka-staff-top{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;background:#fff;border:1px solid var(--tooka-line);
  border-radius:16px;padding:12px 14px;box-shadow:0 5px 18px rgba(0,0,0,.04)
}
.tooka-staff-top div{display:flex;flex-direction:column;gap:2px}
.tooka-staff-top strong{font-size:14px}
.tooka-staff-top span{font-size:11px;color:var(--tooka-muted)}
.tooka-logout{color:var(--tooka-red);font-size:12px;font-weight:700;text-decoration:none}
.tooka-staff-nav{
  position:fixed;z-index:50;bottom:max(10px,env(safe-area-inset-bottom));left:50%;
  transform:translateX(-50%);width:min(calc(100% - 24px),520px);
  background:rgba(255,255,255,.96);backdrop-filter:blur(12px);
  display:flex;gap:5px;padding:6px;border:1px solid var(--tooka-line);
  border-radius:17px;box-shadow:0 10px 35px rgba(0,0,0,.12)
}
.tooka-staff-nav a{
  flex:1;text-align:center;text-decoration:none;color:#60646d;
  padding:11px 8px;border-radius:12px;font-size:12px;font-weight:700
}
.tooka-staff-nav a.is-active{background:var(--tooka-red);color:#fff}
.tooka-welcome,.tooka-page-title{padding:24px 3px 12px}
.tooka-welcome p,.tooka-page-title p{margin:0 0 5px;color:var(--tooka-muted);font-size:12px}
.tooka-welcome h1,.tooka-page-title h1{margin:0;font-size:24px;font-weight:900;color:var(--tooka-red)}
.tooka-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 18px}
.tooka-summary-card{
  min-height:86px;background:#fff;border:1px solid var(--tooka-line);border-radius:15px;
  padding:12px;display:flex;flex-direction:column;justify-content:center;gap:6px;
  box-shadow:0 5px 16px rgba(0,0,0,.035)
}
.tooka-summary-card span{font-size:10.5px;color:var(--tooka-muted)}
.tooka-summary-card strong{font-size:21px;color:var(--tooka-ink)}
.tooka-summary-card.is-warning{border-color:#ffd3d2;background:#fff7f7}
.tooka-summary-card.is-warning strong{color:var(--tooka-red)}
.tooka-big-actions{display:grid;gap:10px}
.tooka-big-actions a{
  display:flex;align-items:center;gap:12px;text-decoration:none;background:#fff;color:var(--tooka-ink);
  padding:14px;border:1px solid var(--tooka-line);border-radius:17px;box-shadow:0 6px 18px rgba(0,0,0,.04)
}
.tooka-big-actions b{
  flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:var(--tooka-yellow);
  display:grid;place-items:center;color:var(--tooka-red);font-size:24px
}
.tooka-big-actions span{display:flex;flex:1;flex-direction:column;gap:3px}
.tooka-big-actions strong{font-size:14px}
.tooka-big-actions small{font-size:10.5px;color:var(--tooka-muted)}
.tooka-big-actions i{font-style:normal;color:#b3b3b3;font-size:24px}
.tooka-task-list{display:grid;gap:8px}
.tooka-task{
  appearance:none;width:100%;border:1px solid var(--tooka-line);background:#fff;
  display:flex;align-items:center;gap:12px;text-align:right;padding:13px;border-radius:16px;
  cursor:pointer;color:var(--tooka-ink);min-height:68px
}
.tooka-check{
  width:37px;height:37px;flex:0 0 37px;border-radius:11px;border:2px solid #ddd;
  display:grid;place-items:center;font-size:20px;font-weight:900
}
.tooka-task-copy{display:flex;flex-direction:column;gap:4px}
.tooka-task-copy strong{font-size:13px}
.tooka-task-copy small{font-size:10px;color:var(--tooka-muted)}
.tooka-task.is-done{background:#fbfff2;border-color:#e4efbf}
.tooka-task.is-done .tooka-check{background:var(--tooka-yellow);border-color:var(--tooka-yellow);color:var(--tooka-red)}
.tooka-task.is-busy{opacity:.55;pointer-events:none}
.tooka-progress{margin:14px 0 0}
.tooka-progress>div{height:8px;background:#ececec;border-radius:99px;overflow:hidden}
.tooka-progress>div span{display:block;height:100%;width:0;background:var(--tooka-red);transition:width .2s}
.tooka-progress p{margin:7px 0;font-size:10.5px;color:var(--tooka-muted);text-align:center}
.tooka-inventory-list{display:grid;gap:9px}
.tooka-stock-card{background:#fff;border:1px solid var(--tooka-line);border-radius:17px;padding:13px}
.tooka-stock-card.is-low{border-color:#ffcecd;background:#fffafa}
.tooka-stock-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.tooka-stock-head>div{display:flex;flex-direction:column;gap:3px}
.tooka-stock-head strong{font-size:14px}
.tooka-stock-head span{font-size:9.5px;color:var(--tooka-red);font-weight:700}
.tooka-stock-head b{font-size:13px;white-space:nowrap}
.tooka-stock-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}
.tooka-stock-actions button{
  border:0;border-radius:10px;min-height:39px;background:#f1f2f3;color:#262a31;font-weight:800;font-size:11px;cursor:pointer
}
.tooka-stock-actions button:first-child{background:var(--tooka-yellow);color:#6e1a18}
.tooka-stock-actions .is-waste{background:#fff0ef;color:var(--tooka-red)}
.tooka-stock-actions .is-add{background:#edf8ee;color:#267536}
.tooka-recent{margin-top:20px}
.tooka-recent h2{font-size:14px;margin:0 0 8px}
.tooka-recent>div{
  display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;
  padding:10px 2px;border-bottom:1px solid var(--tooka-line)
}
.tooka-recent span{font-size:11px}
.tooka-recent b{font-size:10.5px}
.tooka-recent small{font-size:9px;color:var(--tooka-muted)}
.tooka-empty{background:#fff;border:1px dashed #ddd;border-radius:16px;padding:28px;text-align:center;color:#777;font-size:12px}
.tooka-move-modal{
  position:fixed;z-index:99999;inset:0;background:rgba(0,0,0,.32);padding:20px;
  display:flex;align-items:flex-end;justify-content:center
}
.tooka-move-modal[hidden]{display:none!important}
.tooka-move-sheet{
  width:min(100%,480px);background:#fff;border-radius:22px;padding:20px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);position:relative
}
.tooka-modal-close{
  position:absolute;left:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;
  background:#f1f1f1;font-size:24px;line-height:1;cursor:pointer
}
.tooka-move-sheet>p{margin:0 0 2px;font-size:10px;color:var(--tooka-muted)}
.tooka-move-sheet h3{margin:0 0 14px;font-size:19px;color:var(--tooka-red)}
.tooka-quick-qty{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.tooka-quick-qty button{border:1px solid #ddd;background:#fff;border-radius:10px;min-height:40px;font-weight:800}
.tooka-move-sheet label{display:block;font-size:10.5px;font-weight:700;margin:9px 0}
.tooka-move-sheet input{
  width:100%;margin-top:5px;border:1px solid #ddd;border-radius:11px;min-height:46px;padding:8px 11px;background:#fff
}
.tooka-submit-move{
  width:100%;border:0;border-radius:12px;min-height:48px;background:var(--tooka-red);color:#fff;font-weight:900;margin-top:5px
}
.tooka-submit-move:disabled{opacity:.5}
.tooka-login-shell{min-height:70vh;display:grid;place-items:center;padding-bottom:20px}
.tooka-login-card{width:min(100%,380px);background:#fff;border:1px solid var(--tooka-line);border-radius:20px;padding:22px;box-shadow:0 10px 35px rgba(0,0,0,.06)}
.tooka-mini-logo{display:inline-block;background:var(--tooka-red);color:#fff;border-radius:9px;padding:7px 10px;font-weight:900;font-size:13px}
.tooka-login-card h2{margin:15px 0 3px;font-size:22px;color:var(--tooka-red)}
.tooka-login-card>p{margin:0 0 16px;color:var(--tooka-muted);font-size:11px}
.tooka-login-card label{font-size:11px;font-weight:700}
.tooka-login-card input[type=text],.tooka-login-card input[type=password]{
  width:100%;min-height:45px;border:1px solid #ddd;border-radius:10px;margin-top:5px;padding:7px 10px
}
.tooka-login-card .login-submit input{
  width:100%;min-height:46px;border:0;border-radius:11px;background:var(--tooka-red);color:#fff;font-weight:900;cursor:pointer
}
.tooka-login-card .login-remember{font-size:10px}
@media(max-width:520px){
  .tooka-staff-shell{padding-left:10px;padding-right:10px}
  .tooka-summary-grid{grid-template-columns:repeat(2,1fr)}
  .tooka-summary-grid .tooka-summary-card:last-child:nth-child(3){grid-column:1/-1}
  .tooka-welcome h1,.tooka-page-title h1{font-size:21px}
}
@media(min-width:900px){
  .tooka-staff-shell{padding-top:24px}
  .tooka-staff-nav{position:static;transform:none;width:100%;margin-top:10px;box-shadow:none}
  .tooka-staff-shell{padding-bottom:30px}
}