/* Дополнения хаба поверх base.css (дизайн панели KAMORKA). */
.login-brand { font-size:20px;font-weight:650;letter-spacing:.5px;text-align:center;margin-bottom:12px }
#login-error { min-height:18px;font-size:12px;text-align:center }

.pf { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;white-space:nowrap }
.pf i { width:8px;height:8px;border-radius:2px;display:inline-block;background:var(--pf, #8692a8) }

.metrics.five { grid-template-columns:repeat(4,1fr) }
.pf-rows .attention-row { cursor:default }
.pf-rows .pf-nums { display:flex;gap:26px;text-align:right }
.pf-rows .pf-nums b { font-size:16px;font-weight:550;display:block }
.pf-rows .pf-nums small { margin:0 }

.sev { font-size:10px;font-weight:600;border-radius:3px;padding:2px 6px;white-space:nowrap }
.sev.critical { background:#fbeceb;color:var(--red) }
.sev.warning { background:#fbf3e6;color:var(--amber) }
.sev.info { background:#eef2f7;color:#657289 }
.acked { opacity:.55 }

.st { font-size:11px;border-radius:3px;padding:2px 7px;white-space:nowrap;background:#eef2f7;color:#56627a }
.st.purchasing,.st.delivering { background:#eaf0ff;color:#264bba }
.st.delivered { background:#e9f5ef;color:var(--green) }
.st.completed { background:#f1f3f6;color:#5b6474 }
.st.refund_pending,.st.manual { background:#fbeceb;color:var(--red) }
.st.refunded { background:#fbf3e6;color:var(--amber) }

.job-list { margin:18px 0 0;font-size:12px }
.job-list p { display:flex;justify-content:space-between;gap:10px;margin:0;padding:8px 0;border-bottom:1px solid var(--line) }
.job-list p:last-child { border:0 }
.pf-actions { display:flex;gap:8px;flex-wrap:wrap }
.btn.danger { color:var(--red);border-color:#e7c3bf }
.btn.danger:hover { background:#fbeceb;border-color:#d99f99 }
.btn.danger.solid { background:var(--red);color:#fff;border-color:var(--red) }

.act-form textarea { display:block;width:100%;min-height:76px;padding:10px;margin-top:7px;border:1px solid #dbe1e9;border-radius:5px;font:inherit;resize:vertical }
.act-form .warnbox { background:#fbeceb;border:1px solid #efcfcb;color:#7d2c25;padding:12px 14px;border-radius:5px;font-size:12px;line-height:1.6;margin-bottom:18px }
.act-result { padding:12px 14px;border-radius:5px;font-size:12px;margin:14px 0 }
.act-result.done,.act-result.queued { background:#e9f5ef;color:#1d5d45 }
.act-result.rejected,.act-result.failed { background:#fbeceb;color:#7d2c25 }
.act-result.unknown { background:#fbf3e6;color:#6d4a17 }

.errline { background:#fbf3e6;border:1px solid #f0dfc1;color:#6d4a17;padding:10px 14px;border-radius:5px;font-size:12px;margin-bottom:16px }
.more { display:flex;justify-content:center;padding:16px }
.chart .bar.pf-bar { fill:var(--pf) }
.legend-pf { display:flex;gap:14px;flex-wrap:wrap }
td .cell-sub a { color:var(--blue) }
.kv { font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:var(--muted) }

@media(max-width:760px) {
  .metrics.five { grid-template-columns:1fr 1fr }
  .pf-rows .pf-nums { gap:14px }
}

/* экран входа: до входа видна только форма, после — только панель */
body.auth-only>aside,body.auth-only>.shell,body.auth-only>#drawer,body.auth-only>#toast { display:none!important }
#auth-screen { display:none }
body.auth-only>#auth-screen { display:grid }
@media(max-width:760px) { aside>.profile { display:none } }