/* style.css - compact layout for index.php   [15.10.2026 : Claude - Opus 5.5] */
:root{--g:#1e824c;--bg:#f4f6f4;--fg:#1d231f;--card:#fff;--line:#d5dbd6}
*{box-sizing:border-box}
body{margin:0;font:15px/1.45 system-ui,sans-serif;background:var(--bg);color:var(--fg)}
header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding:.7rem 1rem;background:var(--g)}
header a{color:#fff;text-decoration:none}.brand{font-weight:700;font-size:1.2rem}
nav{display:flex;flex-wrap:wrap;gap:.3rem;margin-left:auto}nav a{padding:.25rem .6rem;border-radius:4px}nav a.on,nav a:hover{background:#0003}
main{max-width:1100px;margin:auto;padding:1rem}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:1rem;margin:0 0 1rem}
.tile{display:block;padding:2rem 1rem;text-align:center;font-weight:600;color:var(--g);text-decoration:none}.tile:hover{border-color:var(--g)}
label{display:block;margin:.5rem 0}label.inl{display:inline-block;margin:.2rem 1rem .2rem 0}
input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%;padding:.4rem;border:1px solid var(--line);border-radius:4px;font:inherit}
.inl select,td input,td select{width:auto}
.row{display:flex;flex-wrap:wrap;gap:0 1rem}.row label{flex:1 1 200px}
button{background:var(--g);color:#fff;border:0;border-radius:4px;padding:.45rem 1rem;font:inherit;cursor:pointer}button:disabled{opacity:.5}
button.del{background:#b03a2e;margin-left:.3rem}form.inl{display:inline}
fieldset{border:1px solid var(--line);border-radius:6px;margin:.6rem 0}audio{width:100%}
.flash{background:#fff7d6;border:1px solid #e6cf6e;padding:.6rem 1rem;border-radius:6px}
.ok{font-size:.75rem;background:var(--g);color:#fff;padding:.1rem .4rem;border-radius:3px;vertical-align:middle}
.minimap{height:220px;border-radius:6px}.bigmap{height:450px;border-radius:8px;margin:.5rem 0}
.scroll{overflow-x:auto}table{border-collapse:collapse;background:var(--card);width:100%;margin-bottom:1rem}
th,td{border:1px solid var(--line);padding:.3rem .45rem;text-align:left;vertical-align:top}td.c{text-align:center}
.grid td{text-align:center;min-width:1.8rem}tr.pending{background:#fff7d6}tr.blocked{opacity:.55}
small{color:#5d6a61}progress{width:200px;vertical-align:middle}
