:root { font-family: system-ui, -apple-system, sans-serif; color-scheme: dark; background: var(--tg-theme-bg-color, #10151f); color: var(--tg-theme-text-color, #eef2fa) }
* { box-sizing: border-box }
body { margin: 0 }
main { max-width: 720px; margin: 0 auto; padding: max(20px, env(safe-area-inset-top)) 16px max(32px, env(safe-area-inset-bottom)) }
h1 { margin: .2rem 0 1rem; font-size: 1.65rem }
h2 { margin-top: 0; font-size: 1.05rem }
.eyebrow, .muted, footer { color: var(--tg-theme-hint-color, #9ca9b9); font-size: .9rem }
.notice { padding: 12px; border: 1px solid #b98d3a; border-radius: 12px; color: #f3d99f; font-size: .9rem }
section { background: var(--tg-theme-secondary-bg-color, #1e293b); padding: 18px; border-radius: 16px; margin: 14px 0 }
nav { display: flex; gap: 8px; margin-top: 16px }
button { background: var(--tg-theme-button-color, #7751dc); color: var(--tg-theme-button-text-color, #fff); border: 0; border-radius: 10px; padding: 12px 15px; font: inherit; cursor: pointer }
button:disabled { opacity: .5; cursor: not-allowed }
.nav { flex: 1; padding: 10px; background: #273345 }
.nav.active { outline: 2px solid #8a68dd }
.hidden { display: none }
label { display: block; margin-bottom: 8px }
input { width: 100%; padding: 12px; border: 1px solid #607188; border-radius: 8px; background: #10151f; color: #fff; font: inherit; margin-bottom: 10px }
.error { color: #ffb1a9 }
li { overflow-wrap: anywhere; margin-bottom: 8px }
dl { display: grid; grid-template-columns: 2fr 1fr; gap: 8px }
dt, dd { margin: 0; padding: 8px 0; border-bottom: 1px solid #34425b }
.scroll { overflow-x: auto }
table { width: 100%; border-collapse: collapse; font-size: .83rem }
th, td { padding: 10px 8px; text-align: left; border-bottom: 1px solid #34425b; white-space: nowrap }
footer { margin: 20px 0 }

.wallet-address{overflow-wrap:anywhere;margin-bottom:0.6rem} select{max-width:100%;width:100%;padding:.75rem;background:#1b2433;color:white;border-radius:8px;border:1px solid #536075}

textarea { width: 100%; box-sizing: border-box; font: inherit; min-height: 7rem; resize: vertical; }
#distribution-plan ol { max-height: 280px; overflow-y: auto; overflow-wrap: anywhere; }

/* Block 09: compact Telegram-friendly dashboard and history */
nav { flex-wrap: wrap; }
nav .nav { flex: 1 1 27%; min-width: 95px; }
.summary-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0; }
.summary-card { padding:14px 10px;background:rgba(128,144,178,.12);border:1px solid #43536e;border-radius:12px;display:flex;flex-direction:column;gap:6px; }
.summary-card strong { font-size:1.15rem;overflow-wrap:anywhere; }
.summary-card small { color:var(--tg-theme-hint-color,#a1adbc); }
.warning-item { border-left:3px solid #e4ad4e;padding-left:10px; }
.counter { font-size:.85rem;padding:2px 8px;border-radius:20px;background:#47556c; }
.check-label { display:flex;gap:10px;align-items:center; }
.check-label input {width:auto;margin:0;}
#history td {white-space:normal;overflow-wrap:anywhere;min-width:75px;}
#history .scroll {max-height:65vh;overflow:auto;}
@media(max-width:380px){.summary-grid{grid-template-columns:1fr 1fr}nav .nav{flex-basis:40%}}