:root { --bg:#fff; --fg:#1d2327; --muted:#5f6b73; --line:#d9dee2; --accent:#1a6b4a; --card:#f5f7f8; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#16191b; --fg:#e8ecee; --muted:#9aa7af; --line:#33393d; --accent:#52c493; --card:#1f2427; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:1.0625rem/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
header, nav, main { max-width:46rem; margin:0 auto; padding:0 1rem; }
header { display:flex; justify-content:space-between; align-items:center; padding-top:.5rem; padding-bottom:.5rem; }
a { color:var(--accent); }
.brand { font-weight:700; text-decoration:none; }
nav { display:flex; flex-direction:column; gap:.4rem; padding-bottom:.5rem; border-bottom:1px solid var(--line); max-width:46rem; }
nav a { padding:.6rem .9rem; min-height:44px; border-radius:.5rem; background:var(--card); text-decoration:none; color:var(--fg); }
nav a.on { background:var(--accent); color:var(--bg); }
.count { font-weight:700; }
h1 { font-size:1.5rem; line-height:1.25; } h2 { font-size:1.25rem; } h3 { font-size:1.05rem; color:var(--muted); }
.rows { list-style:none; padding:0; margin:.5rem 0 1.5rem; }
.row a { display:block; padding:.8rem .25rem; min-height:44px; border-bottom:1px solid var(--line); color:var(--fg); text-decoration:none; }
.row.check { display:flex; align-items:center; gap:.75rem; border-bottom:1px solid var(--line); }
.row.check label { flex:1; padding:.8rem 0; }
.row.check a { border:0; display:inline; padding:.8rem 0; }
.num { color:var(--muted); }
.pill { display:inline-block; padding:.05rem .6rem; border-radius:999px; font-size:.8rem; font-weight:600; background:var(--line); color:var(--fg); vertical-align:middle; }
.s-waiting_partner { background:#ffe7a8; color:#4a3500; } .s-waiting_us { background:#cfe3ff; color:#0b2f66; }
.s-resolved, .s-decided { background:#cdeedd; color:#0c3b25; } .s-conflict { background:#f9d2d2; color:#5c1111; }
.s-draft { background:#e3e3e3; color:#333; }
.label { font-weight:700; }
.notice, .card { background:var(--card); border:1px solid var(--line); border-radius:.5rem; padding:.75rem 1rem; margin:1rem 0; }
.post { border-left:3px solid var(--line); padding:.25rem 0 .25rem .9rem; margin:1rem 0; }
.meta, .muted, .crumbs { color:var(--muted); font-size:.9rem; }
.small { font-size:.9rem; }
.md pre { overflow-x:auto; } .md img { max-width:100%; } .md { overflow-wrap:anywhere; }
label { display:block; font-weight:600; margin:.75rem 0 .25rem; } label.inline { font-weight:400; }
textarea, input[type=text], input[type=email], select { width:100%; font:inherit; padding:.6rem; border:1px solid var(--line); border-radius:.5rem; background:var(--bg); color:var(--fg); }
input[type=checkbox] { width:1.4rem; height:1.4rem; }
button { font:inherit; min-height:44px; padding:.5rem 1rem; border-radius:.5rem; border:1px solid var(--line); background:var(--card); color:var(--fg); cursor:pointer; }
button.primary { background:var(--accent); color:var(--bg); border-color:var(--accent); font-weight:700; margin-top:.75rem; }
button.link { border:0; background:none; color:var(--accent); }
.actions { display:flex; flex-wrap:wrap; gap:.5rem; margin:1.5rem 0; }
.messages { list-style:none; padding:0; } .messages li { padding:.75rem 1rem; border-radius:.5rem; background:#cdeedd; color:#0c3b25; margin:.5rem 0; } .messages li.error { background:#f9d2d2; color:#5c1111; }
details.context { background:var(--card); border:1px solid var(--line); border-radius:.5rem; padding:.25rem 1rem; margin:1rem 0; }
details.context summary { cursor:pointer; min-height:44px; display:flex; align-items:center; font-weight:600; color:var(--accent); }
details.context h4 { margin:1rem 0 .25rem; color:var(--muted); font-size:.95rem; }
.empty { color:var(--muted); }
@media (max-width:30rem) { body { font-size:1rem; } }
.navitem { display:inline-flex; align-items:center; white-space:nowrap; gap:.15rem; }
.info-btn { min-height:32px; min-width:32px; padding:0; border:0; background:none; color:var(--accent); font-size:1.1rem; line-height:1; }
.navinfos { max-width:46rem; margin:0 auto; padding:0 1rem; }
.navinfo { background:var(--card); border:1px solid var(--line); border-radius:.5rem; padding:.6rem .9rem; margin:.5rem 0 0; font-size:.95rem; }
header form.who { display:flex; align-items:center; flex-wrap:wrap; gap:.25rem; overflow-wrap:anywhere; }
header { flex-wrap:wrap; gap:.25rem .75rem; }
details.decide { margin:.5rem 0; } details.decide summary { cursor:pointer; min-height:44px; display:flex; align-items:center; font-weight:600; color:var(--accent); }
.close-box .navitem { white-space:normal; }
.attachments { list-style:none; padding:0; margin:.5rem 0; display:flex; flex-direction:column; gap:.5rem; }
.attachments li.image img { display:block; max-width:100%; height:auto; border:1px solid var(--line); border-radius:.5rem; }
.attachments li { overflow-wrap:anywhere; }
.attachments form.del { display:inline; } .attachments button.link { min-height:44px; padding:.25rem .5rem; }
input[type=file] { width:100%; font:inherit; padding:.5rem 0; }
.navrow { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .5rem; }
.navlabel { color:var(--muted); font-size:.85rem; min-width:5.5rem; }
.navitem.sep { margin-left:auto; padding-left:.75rem; border-left:1px solid var(--line); }
@media (max-width:30rem) { .navlabel { flex-basis:100%; min-width:0; } .navitem.sep { margin-left:0; } }
.navitem a { overflow-wrap:anywhere; white-space:normal; }
.conflict-box h4 { margin:.5rem 0 .1rem; } .conflict-box textarea { width:100%; }