/* Base + premium table styles (same as fix4) */
:root{--bg:#0f1115;--panel:#161a21;--muted:#8a8f98;--text:#e8ecf1;--accent:#4dd0e1;--danger:#ff5c5c;--warn:#ffb74d;--ok:#64ffda;}
*{box-sizing:border-box}body{color:var(--text)!important; margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,Segoe UI,Roboto}
a{color:#9be7ff;text-decoration:none}a:hover{text-decoration:underline}
.layout{display:flex;min-height:100vh}
.sidebar{width:220px;background:#11151c;border-right:1px solid #222;padding:14px;position:sticky;top:0;align-self:flex-start;height:100vh}
.sidebar .brand{font-weight:700;margin-bottom:12px}
.sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sidebar a{display:block;padding:8px 10px;border-radius:8px;background:transparent}
.sidebar a.active,.sidebar a:hover{background:#1b2330}
.content{flex:1;padding:16px;max-width:calc(100% - 220px)}
.card{background:var(--panel);border:1px solid #222;border-radius:12px;padding:16px;margin-bottom:16px}
.grid{display:grid;gap:12px}
.grid.cols-2{grid-template-columns:1fr 1fr}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.btn{display:inline-block;padding:8px 12px;border-radius:10px;border:1px solid #333;background:#1f2632;color:var(--text);cursor:pointer}
.btn:hover{background:#242c3a}
.btn-primary{background:#2a3b7a;border-color:#2a3b7a}
.btn-danger{background:#6e1d26;border-color:#8a2732}
.card>.table-wrap{position:relative;overflow:auto;border-radius:12px}
table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;border-radius:12px;overflow:hidden}
thead th{position:sticky;top:0;background:linear-gradient(180deg,#141821 0%,#10141c 100%);z-index:2;border-bottom:1px solid #1f2633}
tbody tr:nth-child(odd){background:#121720}
tbody tr:nth-child(even){background:#0f141c}
tbody tr:hover{background:#1a2230}
th,td{padding:12px 14px;border-bottom:1px solid #1a2130;vertical-align:middle;word-break:break-word}
td .muted, th .muted{color:var(--muted)}
td.num, th.num{text-align:right;font-variant-numeric: tabular-nums;}
td.nowrap, th.nowrap{white-space:nowrap}
.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:12px;border:1px solid #2a3342;background:#0f131a}
.chip--ok{border-color:#1f6f5d;background:rgba(100,255,218,.08)}
.chip--warn{border-color:#7a5d26;background:rgba(255,183,77,.08)}
.chip--danger{border-color:#7a2b2d;background:rgba(255,92,92,.10)}
.table-actions{display:flex;gap:8px;flex-wrap:wrap}
input,select,textarea{background:#0f131a;border:1px solid #2a3342;color:var(--text);padding:8px;border-radius:8px;width:100%}
label{display:block;margin-bottom:8px}
.form-row{display:flex;gap:12px;flex-wrap:wrap}
.form-row>*{flex:1 1 180px}
.badge{padding:3px 8px;border-radius:999px;font-weight:600;font-size:12px;display:inline-block}
.status-waiting{background:#3b3b22;color:#ffd28a}
.status-in_work{background:#1c3a36;color:#a5f2e1}
.status-processing{background:#2b1c3a;color:#d0a5f2}
.status-await_refund{background:#3a2a1c;color:#ffd8a5}
.status-archived{background:#2b2e34;color:#c7c8cc}
.progress{height:10px;background:#0b0d12;border:1px solid #333;border-radius:10px;overflow:hidden}
.progress>.bar{height:100%}
.progress.green{box-shadow:0 0 12px rgba(76,175,80,.2)}
.progress.orange{box-shadow:0 0 12px rgba(255,152,0,.25)}
.progress.red{box-shadow:0 0 12px rgba(244,67,54,.35)}
.muted{color:var(--muted)}
.alert{background:#2a1e1e;border:1px solid #5a2e2e;color:#ffdada;padding:10px;border-radius:8px;margin:8px 0}
.auth{display:flex;min-height:100vh;align-items:center;justify-content:center}
.auth-card{width:360px;background:var(--panel);padding:20px;border-radius:12px;border:1px solid #222}
.w100{width:100%}
@media (max-width:1100px){.content{padding:10px}.grid.cols-3{grid-template-columns:1fr}.card{padding:12px}th,td{padding:10px}}

th{cursor:pointer}
.bank-badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #2a3342;background:#0f131a;font-size:12px}
.bank-privat{border-color:#2c5; background:rgba(0,255,120,.08)}
.bank-mono{border-color:#59f; background:rgba(100,170,255,.08)}
.tooltip{cursor:help}


/* ===== Responsive & robust tables ===== */
.table-fixed{table-layout:fixed}
th{white-space:nowrap;word-break:keep-all}
td{word-break:normal;overflow-wrap:anywhere}
.bank-badge{white-space:nowrap}
.td-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;letter-spacing:.04em}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}
/* Improve header row look */
thead th{font-weight:600}
/* On small screens keep cards table readable via horizontal scroll */
@media (max-width: 1100px){
  .table-cards{min-width:980px}
}

/* --- Controls near card limit --- */
.rem-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rem-form .left-input{max-width:180px}
.table-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.table-actions form{margin:0}
.table-actions .btn{white-space:nowrap}

/* Icon buttons near limit controls */
.action-icons{display:flex;gap:8px;align-items:center;margin-top:8px}
.icon-form{display:inline-block}
.icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid #2a3342;background:#0f131a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.icon-btn:hover{background:#16202b;border-color:#334155}
.icon-btn:active{transform:translateY(1px)}
.icon-btn svg{display:block}