/* The reseller's own screens (views/reseller_*.js, the reseller plan's Faz 5 and Faz 6): prefix rp-. Keep small; the parts are the
   panel's (panel.css, the dashboard's strip and one-line rows in dashboard.css). Colours only via the theme variables (the
   print block names black on white: paper has no theme); calm.css loads last, so these rules carry the page's class. */
.rp-filters{align-items:center;flex-wrap:wrap;gap:8px 12px}
.rp-filters .input[type=search]{max-width:320px;flex:1 1 200px;min-width:0}
.rp-page .card-h{flex-wrap:wrap;row-gap:4px}

/* the lists (v3: one line per row; the name as the link with one grey line under it) */
.rp-list .tbl td{white-space:nowrap}
.rp-name{min-width:0;max-width:360px}
.rp-name 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){.rp-name a.n:hover{text-decoration:underline;text-underline-offset:3px}}
.rp-name b{display:flex;align-items:center;gap:6px;font-weight:600;min-width:0}
.rp-name .sub{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.25;margin-top:1px;color:var(--muted)}
.rp-cut{display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-nowrap{white-space:nowrap}
.rp-list .tbl td.num{font-variant-numeric:tabular-nums}
.rp-self{font-size:11px}

/* Genel bakış: the band, the two cards of a row stretch to one height */
.rp-band b{display:block;color:var(--text);font-weight:600}
.rp-band p{margin:2px 0 0}
.rp-two{align-items:stretch}
.rp-two > .card{display:flex;flex-direction:column}
.rp-two > .card > .card-b{flex:1 1 auto}
.rp-amt{flex:none;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}

/* a customer's page: the card, then one card per licence, one under the other */
.rp-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.rp-detail .kv dd{overflow-wrap:anywhere}
.rp-key{font-size:14px;overflow-wrap:anywhere}
.rp-hwid{white-space:nowrap}
.rp-lic .card-b + .card-b{border-top:1px solid var(--line)}

/* Hesap */
.rp-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rp-tools .select{width:auto;height:30px;min-height:30px;font-size:13px;padding-top:0;padding-bottom:0}
.rp-stmt{margin:12px 20px 0;font-size:13px}
.rp-note{margin:10px 16px 12px;font-size:13px}
.rp-prices .rp-note{margin:10px 0 0}
.rp-open{padding:12px 20px 4px;border-top:1px solid var(--line)}
.rp-open h4{margin:0 0 6px;font-size:13px;font-weight:600}
.rp-open-l{margin:0 0 8px;padding-left:18px;font-size:13px;color:var(--muted)}

/* Faz 6: a page's one action in its head; why an action is closed, written on the page (one grey line, an icon) */
.rp-head-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rp-why{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:13px;line-height:1.45;color:var(--muted)}
.rp-why .ic{flex:none;width:14px;height:14px;margin-top:3px}
.rp-page > .rp-why{margin-top:-12px}
/* a licence card's actions: PC ekle and the reasons, under the facts */
.rp-acts{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.rp-acts .rp-why{min-width:0}
.rp-lic .card-h .rp-tools{gap:10px}
/* the summary before a sale, the dialogs' forms */
.rp-sum .kv{margin:0}
.rp-sum-note{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
.rp-refusal > div{min-width:0}
.rp-refusal-link{margin-top:6px}
.rp-lead{margin:0;font-size:13px;line-height:1.5}
.rp-sub h4{margin:6px 0 0;font-size:13px;font-weight:600}
.rp-sub p{margin:2px 0 0;font-size:12.5px}
.rp-cc-row{display:flex;gap:8px;align-items:center}
.rp-cc-row .select{flex:1 1 auto;min-width:0}
.rp-cc-row .rp-cc{flex:0 0 72px;max-width:72px}
/* Talepler: the state with the owner's decline reason under it */
.rp-req-st .sub{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin-top:2px}

/* Rehber */
.rp-guide .card-b{max-width:820px}
.rp-guide-s + .rp-guide-s{margin-top:18px}
.rp-guide h3{margin:0 0 6px;font-size:16px;font-weight:600}
.rp-guide p{margin:0 0 6px;line-height:1.55}

@media (max-width:600px){
  /* a one-line row of Genel bakış: its detail on a line of its own under the text */
  .rp-two .db-row{flex-wrap:wrap;row-gap:2px}
  .rp-two .db-row .t{flex:1 1 100%}
  .rp-two .db-row .d{max-width:none;flex:1 1 auto}
  .rp-list .tbl td{white-space:normal}
  .rp-name{max-width:220px}
  .rp-cut{max-width:180px}
  .rp-stmt{margin:12px 16px 0}
  .rp-page > .rp-why{margin-top:-14px}
  .rp-req-st .sub{max-width:160px}
  .rp-pc{grid-template-columns:minmax(0,1fr)}
}

/* the guide on paper (Yazdır, a PDF): the page alone, black on white, no menu, no top bar, no button */
@media print{
  .side,.side-scrim,.top,#subnav,.subnav-box,.rp-noprint,.toasts{display:none !important}
  .app{display:block}
  .main{display:block}
  .view{padding:0;max-width:none}
  body,html{background:#fff;color:#000}
  .rp-page .page-head h2,.rp-page .page-head p,.rp-guide,.rp-guide h3,.rp-guide p{color:#000}
  .rp-guide{border:0;background:#fff;box-shadow:none}
  .rp-guide .card-b{max-width:none;padding:0}
  .rp-guide-s{break-inside:avoid}
}