.side-resources { display:grid; gap:5px; }
.side-resources .resource { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:7px 9px; text-align:left; border-color:#36bcdc55; background:#061426; }
.side-resources .resource small { color:#8aa6bf; font-size:9px; }
.side-resources .resource b { color:#48e3ff; font-size:12px; }
.mail-badge { float: right; min-width: 20px; padding: 2px 6px; border-radius: 12px; background: #e04e69; color: white; text-align: center; }
.mail-layout { display: grid; grid-template-columns: minmax(280px, .8fr) 1.4fr; gap: 16px; }
.mail-tabs { display: flex; gap: 8px; margin-bottom: 10px; }
.mail-tabs .active { border-color: #49e4ff; color: #49e4ff; }
.message-list { display: grid; gap: 10px; }
.message-card p { white-space: normal; line-height: 1.55; }
.message-head { display: flex; justify-content: space-between; gap: 12px; color: #718da8; font-size: 11px; }
.compact { padding: 2px 0; }
.pact-panel { margin: 14px 0; }
.pact-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 10px 0; border-bottom: 1px solid #23425d; }
.pact-row span { flex: 1; min-width: 180px; }
.pact-panel select { width: 100%; margin: 7px 0 10px; padding: 11px; border: 1px solid #315d85; background: #020a16; color: white; }
.tax-panel input[type=range] { width: 100%; }
.tax-panel form > b { display: block; margin: 8px 0; color: #ffc85b; font-size: 22px; }
.happiness { position: relative; overflow: hidden; padding: 10px; border: 1px solid #264e6d; display: flex; justify-content: space-between; }
.happiness i { position: absolute; left: 0; bottom: 0; height: 3px; background: #57e7a6; }
@media (max-width: 850px) { .mail-layout { grid-template-columns: 1fr; } }