/* Compact active-space control and group pages; theme tokens follow KetabGard. */
.kg-groups-tabs { display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--kg-glass-border);padding-bottom:12px; }
.kg-groups-tabs a { padding:10px 16px;border-radius:999px;text-decoration:none;color:var(--kg-ink-2);font-weight:700;font-size:14px; }
.kg-groups-tabs a.is-active { background:var(--kg-cream);color:var(--kg-primary-deep);box-shadow:0 2px 10px #62452e10; }
.kg-explorer-heading { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px; }
.kg-explorer-heading h2 { margin:0;font-size:1.2rem; }
.kg-book-explorer { min-width:0;gap:14px; }
.kg-book-explorer .book-results-meta { margin:0; }
.kg-book-explorer .book-filter-summary { overflow-wrap:anywhere; }
.kg-book-explorer .book-discovery-search input { width:100%; }
.kg-book-result { display:flex;flex-direction:column;align-self:start;gap:10px; }
.kg-book-source-groups { display:flex;flex-direction:column;gap:7px; }
.kg-book-source { display:flex;align-items:flex-start;gap:5px;padding:8px 10px;background:var(--kg-cream);border:1px solid var(--kg-glass-border);border-radius:14px;text-decoration:none;color:var(--kg-primary-deep);font-size:12px;line-height:1.7;overflow-wrap:anywhere; }
.kg-book-source .kg-icon { flex-shrink:0;margin-top:2px; }
.kg-book-source:hover { background:var(--kg-primary-tint); }
.kg-book-explorer .book-filter-trigger { flex-shrink:0; }
.kg-book-explorer .book-discovery-search { padding-inline:4px; }
.kg-book-explorer .book-discovery-search .kg-icon { flex-shrink:0; }
.kg-book-filters .book-filter-choice input:focus-visible+span { outline:2px solid var(--kg-primary-deep); }
.header-actions { gap:6px; }
.header-actions>button { width:44px;min-width:36px; }
.header-actions>button>span:not(.header-notif-badge) { white-space:nowrap; }
.header-actions button[data-k="settings"] { margin-inline-start:auto; }
.kg-group-dialog { width:min(620px,calc(100vw - 24px));max-height:86dvh;box-sizing:border-box;border:1px solid var(--kg-glass-border,#e9ded5);border-radius:28px;background:var(--kg-cream,#fffaf5);color:var(--kg-ink,#453c33);padding:0;box-shadow:0 24px 80px #35261e30; }
.kg-group-dialog::backdrop { background:#30251f70;backdrop-filter:blur(5px); }
.kg-group-modal-head { position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:var(--kg-cream,#fffaf5);border-bottom:1px solid var(--kg-glass-border,#e9ded5); }
.kg-group-modal-head h2 { margin:0;font-size:1.15rem; }
.kg-group-close { border:0;background:transparent;color:inherit;font:inherit;font-size:28px;width:40px;height:40px;cursor:pointer; }
.kg-group-body { padding:22px; }
.kg-group-error { color:#b84431;font-size:14px; }
.kg-group-check { display:flex;align-items:center;gap:12px;padding:14px;background:var(--kg-glass-bg,#f5eee7);border-radius:16px;cursor:pointer; }
.kg-group-check input { width:20px;height:20px;accent-color:var(--kg-primary-strong,#98664f); }
.kg-group-page-head,.kg-group-actions { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.kg-group-page-head h1 { margin-inline-end:auto;font-size:1.5rem; }
.kg-groups-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px; }
.kg-group-card { border:1px solid var(--kg-glass-border,#e9ded5);border-radius:26px;padding:24px;background:var(--kg-cream,#fffaf5);color:inherit;text-align:start;font:inherit;cursor:pointer;box-shadow:0 4px 20px #62452e08;transition:transform .18s; }
.kg-group-card:hover { transform:translateY(-3px); }
.kg-group-image { width:80px;height:80px;border-radius:24px;object-fit:cover; }
.kg-group-hero { grid-template-columns:48px minmax(0,1fr);gap:10px 12px;align-items:center; }
.kg-group-hero>.kg-icon,.kg-group-hero>.kg-group-image { grid-column:1;grid-row:1;width:44px;height:44px; }
.kg-group-hero>h2 { grid-column:2;margin:0;font-size:1.3rem; }
.kg-group-hero>p,.kg-group-hero>.kg-group-actions { grid-column:1/-1;margin:0; }
.kg-group-hero>p:empty { display:none; }
.kg-groups-page { gap:20px; }
.kg-groups-page>p { margin:0; }
.kg-group-filters .field { margin:0; }
.kg-group-actions .btn { font-size:13px;padding:10px 14px;min-height:42px; }
.kg-group-book-wrap .cover-wrap { height:auto; }
.kg-group-member,.kg-group-row { display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;border-bottom:1px solid var(--kg-glass-border,#e9ded5); }
.kg-group-member>div { flex:1;min-width:100px; }
.kg-group-member small { display:block;opacity:.7; }
.kg-member-avatar { width:46px;height:46px;border-radius:50%;object-fit:cover; }
.kg-group-small { background:transparent;border:1px solid var(--kg-glass-border,#e9ded5);color:var(--kg-primary-deep,#754a36);border-radius:999px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer; }
.kg-group-pick { padding:16px;border:1px solid var(--kg-glass-border,#e9ded5);border-radius:16px;background:transparent;color:inherit;text-align:start;font:inherit;cursor:pointer; }
.kg-group-filters { display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px; }
.kg-group-book-wrap { min-width:0; }
.kg-group-book-wrap>.book-card { width:100%; }
.kg-group-book-wrap>.kg-group-small { margin-top:10px; }
.kg-group-report { padding:16px;border:1px solid var(--kg-glass-border,#e9ded5);border-radius:18px; }
.kg-group-dialog input[type="text"],.kg-group-dialog input[type="number"],.kg-group-dialog select,.kg-group-dialog textarea { width:100%;box-sizing:border-box; }
@media(max-width:540px) {
 .header-actions { gap:2px; }
 .header-actions>button { width:38px;min-width:32px; }
 .header-actions>button span { font-size:9px; }
 .header-actions .header-avatar { width:34px;height:34px; }
 .kg-group-filters { grid-template-columns:1fr 1fr; }
 .kg-group-filters>.field:first-child { grid-column:1/-1; }
 .kg-group-page-head .btn { padding:10px 14px;font-size:13px; }
 .kg-group-body { padding:18px; }
}
@media(prefers-reduced-motion:reduce) { .kg-group-card { transition:none; } }

.kg-group-back { display:inline-flex;align-items:center;justify-self:start;gap:8px;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid var(--kg-glass-border);background:var(--kg-cream);color:var(--kg-primary-deep);font-weight:700;text-decoration:none; }
.kg-group-back:hover { background:var(--kg-primary-tint); }
.kg-group-back:focus-visible { outline:2px solid var(--kg-primary-deep);outline-offset:3px; }