/* Bayiler (resellers): view-specific styles (keep small; prefer panel.css components). Colours only via the theme
   variables; calm.css loads last, so these rules carry the page's class to win over its components of the same weight. */
.rs-filters{align-items:center}
.rs-filters .input[type=search]{max-width:320px}
.rs-page .card-h,.rs-detail .card-h{flex-wrap:wrap;row-gap:4px}

/* the lists (v3, one line per row): the name as the link (bold, the text colour, underlined on hover) with one grey line
   under it, every other cell one value on one line; a long value is cut and whole in its title */
.rs-page [data-list] .tbl td,.rs-detail [data-list] .tbl td{padding:5px 16px;white-space:nowrap}
.rs-name{min-width:0;max-width:360px}
.rs-page [data-list] .tbl td a.n,.rs-detail [data-list] .tbl td a.n{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:600;line-height:1.25;color:var(--text);text-decoration:none}
@media (hover:hover){.rs-page [data-list] .tbl td a.n:hover,.rs-detail [data-list] .tbl td a.n:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}}
.rs-page [data-list] .tbl td .sub,.rs-detail [data-list] .tbl td .sub{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.25;margin-top:1px}
/* a row without a grey line keeps its room, so every row has the same height */
.rs-none{min-height:15px}
.rs-acts{width:44px;text-align:right}

/* the page (v3 "Detail pages"): the head (the name, the id, one status line; "Düzenle" and "İşlemler ▾" on the right),
   the cards two by two */
.rs-detail .detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}
.rs-dh-main{flex:1 1 320px;min-width:0}
.rs-dh-title{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;min-width:0}
.rs-dh-title h2{margin:0;font-size:22px;font-weight:600;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.rs-dh-id{color:var(--muted)}
.rs-dh-status{margin:6px 0 0;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.rs-dh-sep{color:var(--faint)}
.rs-dh-acts{gap:8px;flex-wrap:wrap}
.rs-detail .detail-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.rs-detail .detail-cards > .rs-cust{grid-column:1 / span 2}
/* Faz 5: its logins (Girişler), a list as wide as the page */
.rs-detail .detail-cards > .rs-logins{grid-column:1 / span 2}
.rs-logins .card-h .tools{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.rs-lacts{width:auto}
.rs-note{margin:8px 16px 12px;font-size:13px}
.rs-terms .rs-note{margin:12px 0 0}
.rs-note-text{white-space:pre-wrap;overflow-wrap:anywhere}
.rs-detail .kv dd{overflow-wrap:anywhere}

/* the drawer */
.rs-country{display:flex;gap:8px}
.rs-country .rs-cc{max-width:80px}
.field .rs-err{color:var(--bad);font-size:11.5px}
.field .rs-err a{color:inherit;text-decoration:underline;font-weight:600}
.field .rs-err:empty{display:none}
.rs-sep{border:0;border-top:1px solid var(--line);margin:4px 0}

/* Faz 2, the money (views/reseller_money.js) */
/* the list's strip: the dashboard's four numbers (dashboard.css .kpi-strip), not links here */
.rs-page .rs-strip .kpi-cell{cursor:default}
@media (hover:hover){.rs-page .rs-strip .kpi-cell:hover{background:transparent}}
/* the page: the wide cards span both columns */
.rs-detail .detail-cards > .rs-hold,.rs-detail .detail-cards > .rs-ledger,.rs-detail .detail-cards > .rs-prices,.rs-detail .detail-cards > .rs-notes{grid-column:1 / span 2}
.rs-acct-tools{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;justify-content:flex-end}
.rs-hold-l{margin:0 0 6px}
.rs-hold-l:last-child{margin:0;color:var(--muted)}
.rs-ledger .card-h .tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rs-ledger .card-h .select{width:auto;height:30px;min-height:30px;font-size:13px;padding-top:0;padding-bottom:0}
.rs-stmt{margin:12px 20px 0;font-size:13px}
.rs-ledger .p-chips{margin:12px 20px 0}
.rs-cut{display:block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-detail [data-list] .tbl td.num,.rs-page [data-list] .tbl td.num{font-variant-numeric:tabular-nums}
.rs-price{white-space:nowrap}
.rs-up{font-size:12px}
.rs-note-in{margin:12px 0 0;font-size:13px}
/* the drawers: the preview of a payment, the price boxes, the sale box of the licence drawers and its override */
.rs-pv{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}
.rs-pv-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.rs-pv-amt{white-space:nowrap;font-variant-numeric:tabular-nums}
.rs-pv .kv{margin-top:4px}
.rs-pv-ok{margin:0;color:var(--ok)}
.rs-pv-bad{margin:0;color:var(--bad)}
.rs-money{max-width:200px}
.rs-file{padding-top:6px}
.rs-sec{margin:4px 0 0;font-size:13px;font-weight:600}
.rs-sale{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px}
.rs-sale-in{display:flex;flex-direction:column;gap:3px}
.rs-sale-l.bad{color:var(--bad)}
.rs-sale-l.warn{color:var(--warn)}
.rs-ovr{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--line)}
/* Faz 3, the site's distributor list: Bayi bilgileri two rows high, Site and Demo lisansı stacked beside it; the Site
   drawer's order box */
.rs-detail .detail-cards > .rs-facts{grid-row:span 2}
.rs-sort{max-width:120px}
/* the Site drawer: the switch with its reason under it (a closed reseller: disabled while off), the 5-minute line */
.rs-switch-w{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.rs-switch.is-locked{cursor:not-allowed}
.rs-why,.rs-site-note{margin:0;font-size:13px}
/* the dashboard's "Tahsilat" card (views/dashboard.js) */
.db-collect .kv{margin:0}
/* the history (Geçmiş, the page's last card): both columns wide; "Daha fazla göster" under the timeline */
.rs-detail .detail-cards > .rs-hist{grid-column:1 / span 2}
.rs-hist-more{margin-top:4px}

@media (max-width:900px){
  .rs-detail .detail-cards{grid-template-columns:minmax(0,1fr)}
  .rs-detail .detail-cards > .rs-cust,.rs-detail .detail-cards > .rs-hold,.rs-detail .detail-cards > .rs-ledger,.rs-detail .detail-cards > .rs-prices,
  .rs-detail .detail-cards > .rs-notes,.rs-detail .detail-cards > .rs-logins,.rs-detail .detail-cards > .rs-hist{grid-column:auto}
  .rs-detail .detail-cards > .rs-facts{grid-row:auto}
  .rs-cut{max-width:200px}
}