.options-shell { display:grid; gap:1rem; }
.options-topbar { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.options-kicker { color:#9a3412; text-transform:uppercase; letter-spacing:.08em; font-size:.72rem; font-weight:800; }
.options-title { margin:.15rem 0 0; color:#111827; font-size:1.65rem; font-weight:800; }
.options-subtitle { margin:.35rem 0 0; color:#6b7280; max-width:78ch; }
.options-section { border:1px solid #e5e7eb; border-radius:1.1rem; background:#fff; box-shadow:0 18px 44px rgba(15,23,42,.06); padding:1rem; }
.options-tabs { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; margin-bottom:1rem; padding-bottom:.25rem; border-bottom:1px solid #eef2f7; }
.options-tab { display:inline-flex; align-items:center; gap:.55rem; border:1px solid #e5e7eb; border-radius:999px; background:#fff; color:#475569; padding:.58rem .9rem; font-size:.9rem; font-weight:700; transition:border-color .12s ease, background .12s ease, color .12s ease, box-shadow .12s ease; }
.options-tab:hover { border-color:#fdba74; color:#9a3412; background:#fff7ed; }
.options-tab.is-active { border-color:#fb923c; background:linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%); color:#9a3412; box-shadow:0 10px 22px rgba(249,115,22,.14); }
.options-tab__count { display:inline-flex; align-items:center; justify-content:center; min-width:1.6rem; height:1.6rem; padding:0 .45rem; border-radius:999px; background:#e2e8f0; color:#334155; font-size:.74rem; font-weight:800; line-height:1; box-shadow:inset 0 0 0 1px rgba(148,163,184,.18); }
.options-tab:hover .options-tab__count { background:#fed7aa; color:#9a3412; }
.options-tab.is-active .options-tab__count { background:#c2410c; color:#fff7ed; box-shadow:none; }
.options-panels { display:grid; }
.options-panel { display:grid; gap:.75rem; }
.options-section__head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.85rem; flex-wrap:wrap; }
.options-section__title { margin:0; font-size:1.05rem; font-weight:800; color:#111827; }
.options-section__meta { color:#6b7280; font-size:.92rem; }
.options-card-list { display:grid; gap:.75rem; }
.options-card { display:grid; gap:.35rem; border:1px solid #e5e7eb; border-radius:1rem; padding:.95rem 1rem; text-decoration:none; color:inherit; background:#fff; transition:border-color .12s ease, box-shadow .12s ease, transform .12s ease; }
.options-card:hover { border-color:#fdba74; box-shadow:0 12px 28px rgba(249,115,22,.12); transform:translateY(-1px); }
.options-card__top { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.options-card__name { font-weight:800; color:#111827; }
.options-card__subject { color:#374151; font-weight:600; }
.options-card__snippet { color:#6b7280; font-size:.92rem; }
.options-chip { display:inline-flex; align-items:center; gap:.35rem; width:fit-content; padding:.28rem .62rem; border-radius:999px; background:#fff7ed; color:#c2410c; font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.options-chip--draft { background:#eff6ff; color:#1d4ed8; }
.options-chip--option { background:#ecfdf5; color:#047857; }
.options-empty { border:1px dashed #d1d5db; border-radius:1rem; background:#f9fafb; padding:1rem; color:#6b7280; text-align:center; }
@media (max-width: 640px) {
  .options-tabs { align-items:stretch; }
  .options-tab { width:100%; justify-content:space-between; }
}

/* Match the current Bon Maître application chrome. */
.options-kicker { color:var(--bm-sage, #7D877E); }
.options-title { color:var(--bm-ink, #1F2A24); letter-spacing:-.02em; }
.options-subtitle { color:var(--bm-muted, #6F766F); }
.options-section { border-color:var(--bm-border, #D8D2C4); border-radius:1rem; background:var(--bm-linen, #F7F3EA); box-shadow:0 10px 30px rgba(31,42,36,.04); }
.options-tabs { gap:.5rem; padding:.25rem; border:1px solid var(--bm-border, #D8D2C4); border-radius:.8rem; background:rgba(255,250,241,.66); }
.options-tab { border-color:transparent; border-radius:.6rem; background:transparent; color:var(--bm-muted, #6F766F); padding:.58rem .8rem; }
.options-tab:hover { border-color:var(--bm-border, #D8D2C4); color:var(--bm-green, #2F3D34); background:rgba(255,255,255,.7); }
.options-tab.is-active { border-color:var(--bm-green, #2F3D34); background:var(--bm-green, #2F3D34); color:var(--bm-linen, #F7F3EA); box-shadow:0 5px 14px rgba(31,42,36,.13); }
.options-tab__count { min-width:1.55rem; height:1.55rem; padding:0 .4rem; background:rgba(125,135,126,.16); color:var(--bm-green, #2F3D34); box-shadow:none; }
.options-tab:hover .options-tab__count { background:rgba(125,135,126,.24); color:var(--bm-green, #2F3D34); }
.options-tab.is-active .options-tab__count { background:rgba(247,243,234,.2); color:var(--bm-linen, #F7F3EA); }
.options-section__title { color:var(--bm-ink, #1F2A24); }
.options-section__title .badge { background:rgba(125,135,126,.16) !important; color:var(--bm-green, #2F3D34); font-size:.72rem; vertical-align:middle; }
.options-card { border-color:var(--bm-border, #D8D2C4); border-radius:.85rem; background:rgba(255,255,255,.82); }
.options-card:hover { border-color:var(--bm-sage, #7D877E); box-shadow:0 10px 22px rgba(31,42,36,.08); background:#fffaf1; color:inherit; }
.options-card__name, .options-card__subject { color:var(--bm-ink, #1F2A24); }
.options-card__snippet, .options-card .text-muted { color:var(--bm-muted, #6F766F) !important; }
.options-chip { background:rgba(125,135,126,.16); color:var(--bm-green, #2F3D34); }
.options-chip--draft { background:rgba(141,74,67,.12); color:#8D4A43; }
.options-chip--option { background:rgba(47,61,52,.13); color:var(--bm-green, #2F3D34); }
.options-empty { border-color:var(--bm-border, #D8D2C4); border-radius:.85rem; background:rgba(255,250,241,.72); color:var(--bm-muted, #6F766F); }