body{background:linear-gradient(135deg,#e0f2fe,#f0f9ff 40%,#fff);color:#0f172a}
h1,h2,.text-slate-900{color:#0f172a}.text-slate-800{color:#1e293b}.text-slate-700{color:#334155}
.accent{color:#0369a1}.toolbar{background:#ffffffcc;border-color:#e0f2fe}.section-card{border-color:#e0f2fecc}.mail-icon,.total{background:#e0f2fe;color:#075985}
.action{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;border-radius:10px;background:#0284c7;color:white;font-size:14px;font-weight:500;min-height:36px}.action:hover{background:#0369a1}.reset{background:#e11d48}.reset:hover{background:#be123c}.secondary{background:#e0f2fe;color:#075985}.secondary:hover{background:#bae6fd}
.total,.shared-total{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:99px;font-size:14px;font-weight:600}.shared-total{background:#f3e8ff;color:#6b21a8}
.row-shared{background:linear-gradient(90deg,#a855f70f,#a855f708);border:1px solid #e9d5ff99}.regular-row:hover{background:#f0f9ff99}.counter-btn-plus{background:#10b981}.counter-btn-plus:hover{background:#059669}.counter-btn-minus{background:#f43f5e}.counter-btn-minus:hover{background:#e11d48}.counter-btn:disabled{opacity:.25}
.comments-panel{background:#faf5ff66;border-color:#f3e8ff}.comments-panel textarea{border-color:#e9d5ff}.comment-count{background:#f3e8ff;color:#7e22ce}.comment-note{background:white;border:1px solid #e9d5ff;border-radius:10px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere}.comments-panel .action{background:#9333ea;font-size:12px;min-height:32px;padding:4px 12px}
button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}dialog{border:1px solid #e0f2fe;border-radius:16px;padding:24px;max-width:440px;width:calc(100% - 32px);color:#334155}dialog::backdrop{background:#0f172a55}footer{line-height:1.7}
@media(max-width:400px){.count-row{padding-left:8px;padding-right:8px;gap:4px}.count-row .counter-group{gap:3px}.count-row .counter-value{min-width:24px}.counter-btn{width:30px;height:30px}.count-row .row-label{font-size:12px}}