/* Page d'administration (s'ajoute à home.css + forms.css) */
.admin { max-width: 860px; }
.tabs { display: flex; gap: .5rem; flex-wrap: wrap; margin: 1rem 0; }
.admin [hidden] { display: none !important; }

.app-form { grid-template-columns: 1fr 1fr; align-items: end; }
.app-form .span2 { grid-column: 1 / -1; }
.app-form .chk { display: flex; align-items: center; gap: .5rem; font-weight: 400; }
.app-form .chk input { accent-color: var(--accent); width: auto; }
.actions { display: flex; gap: .6rem; flex-wrap: wrap; }

.rows { list-style: none; padding: 0; margin: 1.2rem 0 0; display: grid; }
.rows li { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; padding: .7rem 0; border-top: 1px solid var(--line); }
.rows .grow { flex: 1; min-width: 180px; }
.rows .grow b { font-weight: 600; }
.rows .grow small { display: block; color: var(--muted); font: .75rem var(--mono); word-break: break-all; }
.rows .ico { font-size: 1.4rem; }
.rows li.off { opacity: .55; }
.rows select { font: .8rem var(--mono); padding: .35rem .5rem; border-radius: 6px; border: 1px solid var(--line); background: var(--bg); color: var(--text); }
.chip.danger:hover { color: var(--danger); border-color: var(--danger); }

@media (max-width: 720px) { .app-form { grid-template-columns: 1fr; } }

.sub { font: 500 .72rem var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin: 1.6rem 0 .8rem; }
.tagpick { grid-column: 1 / -1; display: flex; gap: .5rem 1rem; flex-wrap: wrap; font-size: .85rem; }
.tagpick:empty { display: none; }
.tagpick label { display: flex; align-items: center; gap: .35rem; font-weight: 400; }
.tagpick input { width: auto; accent-color: var(--accent); }
.tagchips { display: flex; gap: .35rem; flex-wrap: wrap; align-items: center; margin-top: .3rem; }
.tagchips .tag { display: inline-flex; align-items: center; gap: .3rem; margin: 0; }
.tagchips .tag button { background: none; border: 0; color: inherit; cursor: pointer; font-size: .8rem; padding: 0; line-height: 1; }
.tagchips .tag button:hover { color: var(--danger); }
.tagchips select { font-size: .72rem; padding: .15rem .3rem; }