/* ops.css (CONTENT)  styles for the hospitality, sustainability and field-observation panels. Class prefix op-. Tokens come from app.css. */
.op-panel{display:grid;gap:14px}
.op-lede{margin:0;max-width:62ch}
.op-h{margin:10px 0 0;font-family:var(--label,inherit);letter-spacing:.04em;font-size:1.05rem}
.op-count,.op-total,.op-words{font-weight:600}
.op-words{padding:10px 12px;border:1px solid var(--line,#333);border-radius:8px;background:var(--panel-2,#161616)}
.op-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.op-row{border:1px solid var(--line,#333);border-radius:10px;padding:12px;background:var(--panel-2,#161616);display:grid;gap:10px}
.op-row__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.op-row__n{font-family:var(--label,inherit);letter-spacing:.05em}
.op-row__msg{flex:1 1 200px;min-width:0;color:var(--muted,#aaa);overflow-wrap:anywhere}
.op-add{display:flex;flex-wrap:wrap;gap:8px}
.op-ex{border:1px solid var(--line,#333);border-radius:10px;padding:10px 12px}
.op-ex>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.op-ex__l,.op-menu{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.op-ex__i,.op-menu__i{border:1px solid var(--line,#333);border-radius:8px;padding:10px 12px;background:var(--panel-2,#161616);display:grid;gap:6px}
.op-ex__i p,.op-menu__i p{margin:0;overflow-wrap:anywhere}
.op-ex__slogan{text-decoration:line-through;text-decoration-color:var(--faint,#777)}
.op-menu__name{font-weight:700}
.op-menu__i.is-taken{border-color:var(--ok,#3a8)}
.op-watch{border:1px solid var(--line,#333);border-radius:10px;padding:10px 12px;background:var(--panel-2,#161616)}
.op-watch__t{margin:0 0 6px;font-weight:700}
.op-watch ul{margin:0;padding-left:20px;display:grid;gap:4px}
@media (min-width:640px){.op-menu{grid-template-columns:1fr 1fr}.op-row .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}}
@media (prefers-reduced-motion:reduce){.op-panel *{transition:none!important;animation:none!important}}