:root{
  --brand:#1e6df1; --green:#1aa674; --text:#1b1f2a; --muted:#6c7a91;
  --card:#fff; --bg:#f3f6fb; --border:#e7ebf3;
}

/* базовые */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  /* фикс дёргания при появлении скролла */
  overflow-y: scroll;
  scrollbar-gutter: stable both-edges;
}
button,
input,
select,
textarea{font-family:inherit}

.container{max-width:720px;margin:0 auto;padding:10px}
.header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.header h1{font-size:18px;margin:0}

.search{margin-bottom:8px}
.search input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;font-size:14px}

/* плотное расположение карточек */
.list{display:grid;row-gap:6px}

.card{
  background:var(--card);
  border-radius:14px;
  padding:2px 10px;                 /* компактно */
  box-shadow:0 1px 3px rgba(0,0,0,.05)
}

.top{display:flex;align-items:flex-start;gap:6px}
.date{
  width:44px;text-align:center;font-weight:800;line-height:1.05;
  color:#ef4444;
}
.date .d{font-size:20px}
.date .m{font-size:12px;color:#ef4444;display:block;line-height:1}
.date .y{font-size:12px;color:#ef4444;display:block;line-height:1}  /* ⬅ год под месяцем */

.title{flex:1;min-width:0}
.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.title .issuer{
  font-weight:800;font-size:15px;
  color:var(--text);white-space:normal;word-break:break-word;overflow:visible;text-overflow:clip;
}

/* рейтинг крупнее и заметнее */
.rating-badge{font-weight:800;font-size:19px;line-height:1;color:#f59e0b;white-space:nowrap}

/* вторая строка — максимально компактно */
.row2{display:flex;align-items:center;justify-content:space-between;margin-top:2px;gap:6px}
.meta{
  color:var(--green);font-weight:800;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;font-size:13px
}
.meta small{color:var(--muted);font-weight:600;margin-left:6px}
.rightcol{display:flex;align-items:center;gap:6px}

.toggle{
  width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #c4c7cf;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.06));cursor:pointer;transition:transform .15s ease;
}
.card.open .toggle{transform:rotate(180deg)}

/* детали */
.details{
  border-top:1px dashed var(--border);margin-top:6px;padding-top:6px;
  max-height:0;overflow:hidden;transition:max-height .25s ease
}
.card.open .details{max-height:1000px}

.kv{display:grid;grid-template-columns:130px 1fr;gap:6px 10px;font-size:14px}
.kv .k{color:var(--muted)}
.hold-limit{font-weight:800}
.hold-limit.hl-red{color:#ef4444}
.hold-limit.hl-orange{color:#f97316}
.hold-limit.hl-yellow{color:#facc15}
.hold-limit.hl-green{color:#22c55e}
.hold-limit.hl-green-dark{color:#15803d}
.extra{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}

.empty{color:#9ca3af;text-align:center;margin-top:40px}