/* v0.9.14: calm everyday navigation, no loss of diagnostic capabilities. */
.dev-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.dev-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.dev-tabs .button{flex:1 1 170px;font-size:13px;padding:12px 10px}
.dev-tabs .button.active{border-color:var(--accent);background:var(--accentbg)}
.dev-pane{display:none}.dev-pane.active{display:block}
.dev-pane>.card,.dev-pane>details{margin:15px 0}
.dev-intro{background:var(--elevated);padding:16px 20px;margin:8px 0 18px;border:1px solid var(--border);border-radius:14px}
.dev-intro h2{margin:0 0 6px}.dev-intro p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}
.dev-intro .button{margin-top:14px}
.smart-review-disclosure{margin:20px 0}.smart-review-disclosure summary{font-size:14px}
.smart-review-disclosure>.smart-card{margin:12px 0 3px}
.simple-top-actions{margin:0 0 16px}
.advanced-settings{margin-top:22px}.advanced-settings>.card{max-width:650px}
.dev-shortcut{margin:0 0 16px}.dev-shortcut summary{color:var(--muted)}
.module-advanced{margin-top:17px}.module-advanced>.card{margin-top:14px}
.module-advanced>p{margin:12px 6px 4px;line-height:1.6}
/* Main screen stays uncluttered while safety notices remain where needed. */
@media(max-width:730px){.mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr))}.dev-tabs .button{flex:1 1 140px;font-size:11px;padding:12px 8px}.dev-header .button{margin:0 0 14px}}