/* YORDAM XIZMATI — help.neokassa.uz (2026-09-27).
   ⛔ Ranglar, shrift va tugmalar — `base.css` dan: ikkinchi dizayn tizimi
   yo'q. Bu yerda faqat shu sahifaning joylashuvi. */

body.help{overflow:auto}
.help-wrap{max-width:1040px;margin:0 auto;padding:24px 16px 48px}

.hp-card{background:#fff;border-radius:16px;padding:20px 22px;margin-bottom:14px}
.hp-brand{font-size:var(--t-3);color:var(--muted)}
.hp-brand b{color:var(--mid);font-weight:600}

.hp-login{max-width:400px;margin:10vh auto 0}
.hp-login h1{font-size:var(--t-7);margin:6px 0 18px}
.hp-login form{display:grid;gap:8px}
.hp-login label{margin-top:6px}
.hp-login .go,.hp-login .ghost{margin-top:8px}

.hp-note{color:var(--muted);font-size:var(--t-3);padding:8px 2px}
.hp-msg{color:var(--danger);font-size:var(--t-3);min-height:20px}
.hp-warn{background:#fdf3f2;border-radius:12px;padding:12px 14px;
  color:var(--danger);font-size:var(--t-3);margin-bottom:10px}

.hp-top{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.hp-tabs{display:flex;gap:6px}
.hp-tab{border:0;background:transparent;border-radius:10px;padding:10px 14px;
  font:inherit;font-weight:500;color:var(--muted);min-height:var(--tap)}
.hp-tab.on{background:var(--soft);color:var(--mid)}
.hp-me{margin-left:auto;color:var(--muted);font-size:var(--t-3)}

.hp-search{display:flex;gap:10px;margin-bottom:14px}
.hp-search input{flex:1;font-size:var(--t-4)}

.hp-row{display:grid;grid-template-columns:1.3fr 1.5fr 1fr auto auto;gap:12px;
  align-items:center;width:100%;border:0;background:#fff;border-radius:12px;
  padding:14px 16px;margin-bottom:8px;font:inherit;text-align:left;cursor:pointer;
  min-height:var(--tap)}
.hp-row:hover{box-shadow:var(--ring)}
.hp-kind{font-weight:600}
.hp-where,.hp-when{color:var(--muted);font-size:var(--t-3)}

.hp-st{font-size:var(--t-2);font-weight:500;border-radius:8px;padding:3px 8px;
  white-space:nowrap}
.hp-st.ok{background:#e8f7ee;color:var(--ok)}
.hp-st.wait{background:#f1f3f6;color:var(--muted)}
.hp-st.bad{background:#fdf3f2;color:var(--danger)}

.hp-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.hp-head > div{flex:1}
.hp-head .hp-kind{font-size:var(--t-6);line-height:var(--lh-tight)}
.hp-total{font-size:var(--t-6)}
.hp-infos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.hp-info{background:#f6f7f9;border-radius:10px;padding:8px 12px;min-width:0}
.hp-info span{display:block;color:var(--muted);font-size:var(--t-2)}
.hp-info b{font-weight:500;overflow-wrap:anywhere}
.hp-sub{margin:16px 0 6px;color:var(--muted);font-size:var(--t-3)}
.hp-line{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:6px 0}
.hp-q{color:var(--muted);font-size:var(--t-3);white-space:nowrap}
.hp-acts{margin-top:16px;display:grid;gap:8px;max-width:440px}

.hp-shop{display:grid;grid-template-columns:1.6fr .8fr 1.2fr auto;gap:12px;
  align-items:center;padding:10px 0}
.hp-shop-head{color:var(--muted);font-size:var(--t-2)}

@media (max-width:640px){
  .hp-row{grid-template-columns:1fr auto}
  .hp-row .hp-where,.hp-row .hp-when{grid-column:1}
  .hp-shop{grid-template-columns:1fr auto}
  .hp-shop-head{display:none}
}

/* ⛔ SURATDA TOPILDI (2026-09-27): `.ghost` va `textarea` kassada faqat
   aniq joylarda bezalgan — bu sahifada brauzerning xom tugmasi va
   qora ramkali «mashinka» maydoni chiqdi. Shu sahifaga o'z qoidasi. */
.help .ghost{width:100%;min-height:var(--tap);border:0;border-radius:10px;
  background:#f1f3f6;color:var(--ink);font:inherit;font-weight:500;cursor:pointer}
.help .ghost:hover{background:#e9ecf1}
.help .danger-text{color:var(--danger)}
.help .hp-out{width:auto;padding:0 16px}
.help textarea{width:100%;padding:12px 14px;border:0;border-radius:10px;
  background:var(--field);font:inherit;font-size:var(--t-3);resize:vertical}
.help textarea:focus{outline:none;background:var(--field-on);box-shadow:var(--ring)}
.help .go.danger{background:var(--danger)}
/* «Topish» — maydon yonida o'z kengligida, yarim ekranga cho'zilmaydi */
.hp-search .go{width:auto;flex:0 0 auto;margin-top:0;padding:0 28px;height:var(--tap)}