.config-tabs { display: flex; gap: 4px; margin-bottom: 22px; flex-wrap: wrap; }
.config-tab { padding: 7px 14px; font-family: var(--font-display); font-size: 11px; font-weight: 700; letter-spacing: 0.10em; text-transform: uppercase; cursor: pointer; border: 1px solid var(--border); background: var(--bg-1); color: var(--ink-1); transition: all 120ms; }
.config-tab:hover { border-color: var(--border-2); }
.config-tab.active { background: var(--accent); color: #02161e; border-color: var(--accent); }

.config-item { display: flex; align-items: center; gap: 14px; padding: 12px 14px; background: var(--bg-1); border-radius: var(--radius-sm); margin-bottom: 6px; border: 1px solid var(--border); }
.config-item-info { flex: 1; }
.config-item-info strong { display: block; font-size: 13px; font-weight: 600; }
.config-item-info span { font-size: 11px; color: var(--ink-2); }
.config-item-actions { display: flex; gap: 4px; }

.config-general-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.config-general-grid .form-group { margin-bottom: 0; }

.config-month-header { font-family: var(--font-display); font-weight: 800; color: var(--accent); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; margin: 14px 0 6px; }
.config-marine-event { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: var(--surface); border: 1px solid var(--border); border-radius: 6px; margin-bottom: 4px; font-size: 12px; }
.config-marine-event .nivel { font-family: var(--font-display); font-size: 9px; padding: 2px 6px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.nivel-peak { background: rgba(255,92,117,0.10); color: var(--danger); }
.nivel-alto { background: rgba(245,176,66,0.10); color: var(--warn); }
.nivel-medio { background: rgba(26,179,198,0.12); color: var(--accent); }
.nivel-bajo { background: var(--surface-2); color: var(--ink-2); }