.toggle-control span::after, .switch-control > span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 13px; height: 13px; border-radius: 50%; background: #c4d0db; transition: transform .15s; }
.toggle-control input:checked + span, .switch-control input:checked + span { background: #3a8177; }
.toggle-control input:checked + span::after, .switch-control input:checked + span::after { transform: translateX(15px); }
.log-console-panel { padding: 0; overflow: hidden; }
.log-filter-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border-bottom: 1px solid var(--border-soft); }
.wide-search { flex: 1; max-width: 450px; }
.filter-cluster { display: flex; gap: 8px; }
.filter-cluster label { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: .68rem; }
.filter-cluster select, .setting-value-editor select { min-height: 34px; border: 1px solid var(--border); border-radius: 7px; color: var(--text-soft); background: #162638; padding: 0 28px 0 8px; }
.full-console { max-height: calc(100vh - 235px); min-height: 470px; overflow: auto; background: #08121d; font: .72rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.console-table-header, .console-table-row { min-width: 900px; display: grid; grid-template-columns: 82px 90px 90px 70px minmax(320px,1fr) 54px; gap: 10px; align-items: center; padding: 7px 10px; }
.console-table-header { position: sticky; top: 0; z-index: 1; color: var(--muted-2); background: #101c29; border-bottom: 1px solid var(--border); font-family: var(--font, inherit); font-size: .64rem; text-transform: uppercase; }
.console-table-row { color: #c7d4df; border-bottom: 1px solid rgba(126,155,184,.1); }
.console-table-row:hover { background: rgba(130,174,242,.04); }
.console-table-row .log-level { color: var(--amber); }
.console-table-row.severity-info .log-level { color: var(--teal); }
.console-table-row.severity-error .log-level { color: var(--coral); }
.copy-line-button { padding: .3rem .45rem; border-radius: 6px; font: .64rem ui-sans-serif, system-ui; }
.console-footer-note { margin: 0; padding: 8px 12px; color: var(--muted-2); border-top: 1px solid var(--border-soft); font-size: .66rem; }

.settings-explorer-toolbar { display: grid; gap: 10px; padding: 12px; border-radius: var(--radius); margin-bottom: 10px; }
.settings-search { width: 100%; height: 46px; padding: 0 13px; }
.settings-search kbd { padding: .15rem .45rem; border: 1px solid var(--border); border-bottom-width: 2px; border-radius: 5px; color: var(--muted); background: rgba(5,13,21,.38); }
.settings-category-row, .settings-filter-row { display: flex; flex-wrap: wrap; gap: 7px; }
.settings-filter-row { align-items: center; padding-top: 9px; border-top: 1px solid var(--border-soft); }
.settings-filter-row > span { display: inline-flex; align-items: center; gap: 5px; margin-right: 4px; color: var(--muted); font-size: .7rem; }
.settings-list { display: grid; gap: 8px; padding-bottom: 86px; }
.setting-card { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .78fr); min-height: 98px; border-radius: var(--radius); overflow: hidden; transition: border-color .15s, transform .15s, background .15s; }
.setting-card:hover { border-color: rgba(130,174,242,.3); transform: translateY(-1px); }
.setting-card-main { min-width: 0; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.setting-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--border-soft); background: rgba(130,174,242,.08); color: var(--blue); }
.setting-icon.tone-amber { color: var(--amber); background: rgba(138,98,41,.14); }
.setting-icon.tone-lavender { color: var(--lavender); background: rgba(80,65,110,.16); }
.setting-icon.tone-teal { color: var(--teal); background: rgba(45,117,110,.14); }
.setting-identity { min-width: 0; display: grid; gap: 3px; }
.setting-identity strong { font-size: .9rem; }
.setting-identity code { width: fit-content; color: var(--blue); font-size: .67rem; }
.setting-identity small { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.setting-badges { align-self: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.setting-category, .impact-badge { padding: .2rem .46rem; border: 1px solid var(--border-soft); color: var(--muted); background: rgba(15,28,42,.5); font-size: .61rem; }
.impact-badge.high { color: var(--amber); border-color: rgba(223,182,111,.24); background: rgba(138,98,41,.12); }
.impact-badge.restart { color: var(--blue); border-color: rgba(130,174,242,.24); }
.impact-badge.locked { color: var(--lavender); border-color: rgba(180,164,220,.24); }
.setting-value-editor { display: flex; align-items: center; justify-content: flex-end; gap: 9px; padding: 12px; border-left: 1px solid var(--border-soft); background: rgba(7,17,27,.25); }
.current-value-label { color: var(--muted-2); font-size: .65rem; text-transform: uppercase; letter-spacing: .05em; }
.integer-control { display: grid; grid-template-columns: minmax(90px, 1fr) 62px auto; align-items: center; gap: 8px; min-width: 230px; }
.integer-control input[type="range"] { width: 100%; accent-color: var(--teal); }
.integer-control input[type="number"] { width: 62px; min-height: 34px; border: 1px solid var(--border); border-radius: 7px; background: #152537; color: var(--text); padding: 0 6px; }
.integer-control span { color: var(--muted); font-size: .67rem; }
.switch-control { display: flex; align-items: center; gap: 8px; }
.switch-control strong { min-width: 25px; font-size: .72rem; }
.locked-value { display: grid; justify-items: end; }
.locked-value strong { color: var(--lavender); }
.locked-value small { color: var(--muted); font-size: .63rem; }
.info-button { width: 31px; height: 31px; border-radius: 50%; }
.settings-count { color: var(--muted-2); font-size: .68rem; text-align: right; }
.setting-drawer-panel .drawer-body { display: grid; gap: 12px; }
.setting-detail-description { color: var(--text-soft); }
.setting-detail-section { padding: 12px; border: 1px solid var(--border-soft); border-radius: 9px; background: rgba(7,17,27,.3); }
.setting-detail-section h3 { margin: 0 0 8px; font-size: .78rem; }
.setting-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.setting-detail-grid div { padding: 8px; border-radius: 7px; background: rgba(126,155,184,.06); }
.setting-detail-grid span { display: block; color: var(--muted); font-size: .65rem; }
.setting-detail-grid strong { display: block; margin-top: 3px; }
.tag-list { display: flex; flex-wrap: wrap; gap: 5px; }
.tag-list span { padding: .25rem .5rem; border: 1px solid var(--border-soft); border-radius: 999px; color: var(--muted); font-size: .65rem; }
.pending-change-tray { position: fixed; right: 20px; bottom: 18px; z-index: 80; width: min(420px, calc(100vw - 40px)); border: 1px solid rgba(117,207,191,.36); border-radius: 12px; background: rgba(20,35,52,.97); box-shadow: var(--shadow); overflow: hidden; backdrop-filter: blur(14px); }