/*
   NewSEOSaaS UI Prototype
   Isolated redesign layer loaded after app.css. This file intentionally
   overrides older inline-heavy module styling without changing business logic.
*/

:root {
    --proto-bg:#F3F6FA;
    --proto-surface:#FFFFFF;
    --proto-surface-2:#F8FAFC;
    --proto-text:#101828;
    --proto-text-2:#344054;
    --proto-muted:#667085;
    --proto-border:#DDE3EA;
    --proto-border-soft:#EDF1F5;
    --proto-primary:#0A4495;
    --proto-primary-dark:#073A7F;
    --proto-primary-soft:#E8F0FA;
    --proto-success:#067647;
    --proto-success-soft:#ECFDF3;
    --proto-warning:#B54708;
    --proto-warning-soft:#FFFAEB;
    --proto-danger:#B42318;
    --proto-danger-soft:#FEF3F2;
    --proto-shadow:0 1px 2px rgba(16,24,40,.06),0 8px 20px rgba(16,24,40,.05);
    --proto-radius:10px;
}

body.prototype-ui {
    background:var(--proto-bg);
    color:var(--proto-text);
    font-size:14px;
}

.prototype-ui .main-content {
    max-width:1560px;
    padding:24px 28px 40px;
}

.prototype-ui .topbar {
    background:transparent !important;
    border:0 !important;
    border-bottom:1px solid var(--proto-border) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 0 18px !important;
    margin-bottom:24px !important;
    align-items:center;
}

.prototype-ui .eyebrow {
    color:var(--proto-muted) !important;
    letter-spacing:.06em;
    font-size:10.5px;
    margin-bottom:5px;
}

.prototype-ui .topbar h1 {
    font-size:25px !important;
    font-weight:750 !important;
    letter-spacing:-.015em;
}

.prototype-ui .topbar p {
    font-size:14px !important;
    color:var(--proto-muted) !important;
}

.prototype-ui .topbar-actions {
    gap:8px;
}

.prototype-ui .mini-stat {
    min-width:86px;
    height:66px;
    border:1px solid var(--proto-border);
    border-radius:10px;
    background:var(--proto-surface);
    box-shadow:none;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.prototype-ui .mini-stat span {
    color:var(--proto-muted);
    font-size:10px;
    font-weight:700;
}

.prototype-ui .mini-stat strong {
    color:var(--proto-text);
    font-size:20px;
}

.prototype-ui .user-chip {
    min-height:66px;
    border-radius:10px;
    border-color:var(--proto-border);
    box-shadow:none;
}

.prototype-ui .avatar,
.prototype-ui .sb-user-av {
    background:var(--proto-primary) !important;
    border-radius:8px !important;
}

.prototype-ui .card,
.prototype-ui .panel,
.prototype-ui .sidebar-panel,
.prototype-ui .detail-panel {
    border:1px solid var(--proto-border) !important;
    border-radius:var(--proto-radius) !important;
    background:var(--proto-surface) !important;
    box-shadow:var(--proto-shadow) !important;
}

.prototype-ui .card {
    padding:20px;
}

.prototype-ui .btn,
.prototype-ui button.btn,
.prototype-ui .btn-generate,
.prototype-ui .btn-save,
.prototype-ui .btn-bulk,
.prototype-ui [type="submit"] {
    border-radius:8px !important;
    font-weight:700 !important;
    box-shadow:none !important;
}

.prototype-ui .btn,
.prototype-ui .btn-generate,
.prototype-ui .btn-bulk-all {
    background:var(--proto-primary) !important;
    color:#fff !important;
}

.prototype-ui .btn:hover,
.prototype-ui .btn-generate:hover,
.prototype-ui .btn-bulk-all:hover {
    background:var(--proto-primary-dark) !important;
    opacity:1 !important;
}

.prototype-ui .btn.secondary,
.prototype-ui .btn-bulk-sel {
    background:var(--proto-primary-soft) !important;
    color:var(--proto-primary) !important;
    border:1px solid transparent !important;
}

.prototype-ui .btn.ghost,
.prototype-ui .btn-dl {
    background:#fff !important;
    color:var(--proto-text-2) !important;
    border:1px solid var(--proto-border) !important;
}

.prototype-ui .btn.danger {
    background:var(--proto-danger) !important;
    color:#fff !important;
}

.prototype-ui input,
.prototype-ui select,
.prototype-ui textarea,
.prototype-ui .form-group input,
.prototype-ui .form-group select,
.prototype-ui .form-group textarea {
    border:1px solid #C9D2DD !important;
    border-radius:8px !important;
    background:#fff !important;
    color:var(--proto-text) !important;
    min-height:42px;
}

.prototype-ui textarea {
    min-height:110px;
}

.prototype-ui input:focus,
.prototype-ui select:focus,
.prototype-ui textarea:focus {
    outline:none !important;
    border-color:var(--proto-primary) !important;
    box-shadow:0 0 0 3px rgba(10,68,149,.12) !important;
}

.prototype-ui label,
.prototype-ui .form-group label,
.prototype-ui .field label {
    color:var(--proto-text-2) !important;
    font-size:12px !important;
    font-weight:750 !important;
    letter-spacing:.02em !important;
}

.prototype-ui .badge,
.prototype-ui .pipeline-badge,
.prototype-ui .status-tag {
    border-radius:999px !important;
    padding:3px 9px !important;
    font-size:10.5px !important;
    font-weight:750 !important;
}

.prototype-ui .hub-layout {
    grid-template-columns:minmax(0,1fr) 360px !important;
    gap:20px !important;
}

.prototype-ui .mode-tabs {
    background:var(--proto-surface-2) !important;
    border-bottom:1px solid var(--proto-border) !important;
    padding:8px !important;
    gap:8px !important;
}

.prototype-ui .mode-tab {
    border:1px solid transparent !important;
    border-radius:8px !important;
    padding:11px 12px !important;
    color:var(--proto-muted) !important;
    font-weight:750 !important;
}

.prototype-ui .mode-tab.active {
    background:#fff !important;
    color:var(--proto-primary) !important;
    border-color:var(--proto-border) !important;
    box-shadow:0 1px 2px rgba(16,24,40,.05) !important;
}

.prototype-ui .mode-icon {
    display:block;
    font-size:11px !important;
    line-height:1;
    margin-bottom:4px !important;
    color:var(--proto-muted);
    letter-spacing:.08em;
}

.prototype-ui .panel-body {
    padding:22px !important;
}

.prototype-ui .intent-chip,
.prototype-ui .region-chip {
    background:#fff;
    border:1px solid var(--proto-border) !important;
    border-radius:999px !important;
    color:var(--proto-text-2) !important;
}

.prototype-ui .intent-chip.sel,
.prototype-ui .region-chip.sel {
    background:var(--proto-primary) !important;
    border-color:var(--proto-primary) !important;
    color:#fff !important;
}

.prototype-ui .idea-card,
.prototype-ui .recent-idea,
.prototype-ui .idea-list-item {
    border:1px solid transparent !important;
    border-radius:10px !important;
    background:#fff !important;
}

.prototype-ui .idea-card {
    border-color:var(--proto-border-soft) !important;
    margin-bottom:10px !important;
}

.prototype-ui .idea-card:hover,
.prototype-ui .idea-list-item:hover {
    border-color:#BFD0E4 !important;
    box-shadow:0 4px 14px rgba(16,24,40,.06) !important;
}

.prototype-ui .idea-card.selected,
.prototype-ui .idea-list-item.active {
    background:#F2F7FD !important;
    border-color:var(--proto-primary) !important;
}

.prototype-ui .idea-title,
.prototype-ui .ri-title {
    color:var(--proto-text) !important;
    font-weight:750 !important;
}

.prototype-ui .sidebar-panel {
    overflow:hidden;
}

.prototype-ui .sidebar-panel > div:first-child,
.prototype-ui .matrix-header {
    background:var(--proto-surface-2) !important;
    border-bottom:1px solid var(--proto-border) !important;
}

.prototype-ui .bulk-bar {
    background:#F2F7FD !important;
    border:1px solid #C9D9EC !important;
    border-radius:10px !important;
}

.prototype-ui .matrix-panel {
    border:1px solid var(--proto-border) !important;
    border-radius:10px !important;
    box-shadow:var(--proto-shadow);
}

.prototype-ui .ideas-layout {
    grid-template-columns:370px minmax(0,1fr) !important;
    gap:18px !important;
}

.prototype-ui .lifecycle-steps {
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px !important;
}

.prototype-ui .lc-step {
    flex-direction:column !important;
    align-items:flex-start !important;
    min-height:92px;
    background:var(--proto-surface-2) !important;
    border:1px solid var(--proto-border) !important;
}

.prototype-ui .lc-step.done {
    background:var(--proto-success-soft) !important;
    border-color:#ABEFC6 !important;
}

.prototype-ui .lc-step.active {
    background:var(--proto-primary-soft) !important;
    border-color:#BFD0E4 !important;
}

.prototype-ui .lc-icon {
    border-radius:8px !important;
}

.prototype-ui .empty-detail {
    min-height:320px;
}

.prototype-ui .stat-card {
    min-height:112px;
}

.prototype-ui .stat-card .value,
.prototype-ui .value {
    color:var(--proto-text) !important;
    font-size:31px !important;
}

.prototype-ui .table-wrap {
    box-shadow:var(--proto-shadow);
}

@media (max-width: 1200px) {
    .prototype-ui .hub-layout,
    .prototype-ui .ideas-layout {
        grid-template-columns:1fr !important;
    }
    .prototype-ui .sidebar-panel,
    .prototype-ui .tool-sidebar {
        position:relative !important;
        top:auto !important;
    }
}

@media (max-width: 860px) {
    .prototype-ui .main-content {
        padding:18px 14px 32px;
    }
    .prototype-ui .topbar {
        padding-left:52px !important;
        align-items:flex-start;
    }
    .prototype-ui .topbar-actions {
        width:100%;
        justify-content:flex-start;
    }
    .prototype-ui .lifecycle-steps {
        grid-template-columns:1fr !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   Full-app bridge: master, auth, installer, public, and legacy pages
   These selectors are intentionally unscoped so any page loading app.css
   or this file gets the same corporate system.
   ═══════════════════════════════════════════════════════════════════ */

body {
    background:var(--proto-bg) !important;
    color:var(--proto-text);
}

.page-wrap,
.container,
.legal,
.settings-wrap,
.master-wrap {
    max-width:1280px !important;
}

.master-nav {
    background:#0B1628 !important;
    color:#fff !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    box-shadow:none !important;
    height:auto !important;
    min-height:60px !important;
    padding:0 24px !important;
    gap:18px !important;
}

.master-nav .brand {
    color:#fff !important;
    font-size:16px !important;
    font-weight:800 !important;
}

.master-nav .brand span {
    background:rgba(91,155,245,.16) !important;
    color:#BFD7FF !important;
    border:1px solid rgba(191,215,255,.16) !important;
    border-radius:999px !important;
    padding:3px 9px !important;
}

.master-nav .nav-right {
    gap:8px !important;
    flex-wrap:wrap !important;
}

.master-nav a {
    color:#C2CEDD !important;
    padding:8px 10px !important;
    border-radius:8px !important;
    font-weight:650 !important;
}

.master-nav a:hover,
.master-nav a.active {
    background:#13233C !important;
    color:#fff !important;
    border-bottom:0 !important;
}

.master-nav .logout {
    color:#FCA5A5 !important;
}

.page-title,
.page-title h1 {
    color:var(--proto-text) !important;
    letter-spacing:-.015em !important;
}

.page-title {
    font-size:24px !important;
}

.page-sub,
.page-title p {
    color:var(--proto-muted) !important;
}

.stats-row,
.plans-grid,
.grid,
.cards-grid {
    gap:18px !important;
}

.stat-card,
.panel,
.plan-card,
.form-card,
.plan-summary,
.quick-form,
.login-wrap .card,
.card {
    background:#fff !important;
    border:1px solid var(--proto-border) !important;
    border-radius:var(--proto-radius) !important;
    box-shadow:var(--proto-shadow) !important;
}

.stat-card.accent,
.stat-card.gold,
.stat-card.green {
    background:#fff !important;
    border-color:var(--proto-border) !important;
    color:var(--proto-text) !important;
}

.stat-card .num,
.stat-card .value,
.plan-price,
.plan-title,
.license-ws {
    color:var(--proto-text) !important;
}

.stat-card .label,
.license-key,
.license-due {
    color:var(--proto-muted) !important;
}

.panel-head {
    background:var(--proto-surface-2) !important;
    border-bottom:1px solid var(--proto-border) !important;
}

.panel-title {
    color:var(--proto-text) !important;
    font-weight:750 !important;
}

.data-table th,
table th {
    background:var(--proto-surface-2) !important;
    color:var(--proto-muted) !important;
    border-bottom:1px solid var(--proto-border) !important;
}

.data-table td,
table td {
    border-bottom:1px solid var(--proto-border-soft) !important;
}

.btn-sm,
.btn-primary-sm,
.btn-submit,
.btn-choose,
.quick-form button,
.success-wrap a,
button[type="submit"] {
    background:var(--proto-primary) !important;
    color:#fff !important;
    border:1px solid transparent !important;
    border-radius:8px !important;
    box-shadow:none !important;
    font-weight:750 !important;
}

.btn-sm:hover,
.btn-primary-sm:hover,
.btn-submit:hover,
.btn-choose:hover,
.quick-form button:hover,
.success-wrap a:hover,
button[type="submit"]:hover {
    background:var(--proto-primary-dark) !important;
}

.btn-danger-sm,
.btn-outline {
    background:#fff !important;
    color:var(--proto-primary) !important;
    border:1px solid var(--proto-border) !important;
}

.quick-form input,
.quick-form select,
.field input,
.field select,
.field textarea,
.login-wrap input,
.form-card input,
.form-card select,
.form-card textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
    border:1px solid #C9D2DD !important;
    border-radius:8px !important;
    background:#fff !important;
    color:var(--proto-text) !important;
    min-height:42px;
}

.quick-form input:focus,
.quick-form select:focus,
.field input:focus,
.field select:focus,
.field textarea:focus,
.login-wrap input:focus,
.form-card input:focus,
input:focus,
select:focus,
textarea:focus {
    border-color:var(--proto-primary) !important;
    box-shadow:0 0 0 3px rgba(10,68,149,.12) !important;
    outline:none !important;
}

label,
.quick-form label,
.field label {
    color:var(--proto-text-2) !important;
    font-size:12px !important;
    font-weight:750 !important;
}

.badge,
.popular-badge,
.plan-trial,
.plan-limit {
    border-radius:999px !important;
    font-weight:750 !important;
}

.login-wrap {
    max-width:440px !important;
}

.logo-bar .brand,
.brand,
.nav-right a {
    color:var(--proto-primary) !important;
}

nav:not(.master-nav) {
    background:#fff !important;
    border-bottom:1px solid var(--proto-border) !important;
    box-shadow:none !important;
}

.step .dot,
.step-tab {
    border-radius:8px !important;
}

.step.active,
.step-tab.active {
    color:var(--proto-primary) !important;
}

.step.active .dot,
.step-tab.active {
    border-color:var(--proto-primary) !important;
}

.card-header {
    background:var(--proto-primary) !important;
}

.success-icon {
    font-size:0 !important;
}

.success-icon::before {
    content:"Done";
    display:inline-flex;
    width:60px;
    height:60px;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:var(--proto-success-soft);
    color:var(--proto-success);
    font-size:13px;
    font-weight:800;
}

@media (max-width:900px) {
    .master-nav {
        align-items:flex-start !important;
        flex-direction:column !important;
        padding:14px 18px !important;
    }
    .master-nav .nav-right {
        width:100% !important;
    }
    .page-wrap,
    .container {
        padding-left:16px !important;
        padding-right:16px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   Module-wide refinements for every tool page
   ═══════════════════════════════════════════════════════════════════ */

.gen-layout,
.kw-layout,
.link-layout,
.prompts-layout,
.schema-layout,
.cp-layout,
.ideas-layout,
.hub-layout,
.generate-layout,
.settings-grid,
.panels {
    gap:20px !important;
    align-items:start !important;
}

.gen-panel,
.schema-panel,
.prompt-card,
.settings-card,
.quality-card,
.brief-section,
.sidebar-nav,
.sidebar-panel,
.matrix-panel,
.blog-preview,
.content-preview,
.premium-preview,
.empty-state-card,
.nested-card,
.highlight,
.action-tile,
.module-link,
.checkpoint,
.integration-row,
.kpi-item,
.tip-box,
.check-item {
    border:1px solid var(--proto-border) !important;
    border-radius:var(--proto-radius) !important;
    background:#fff !important;
    box-shadow:var(--proto-shadow) !important;
}

.gen-panel-head,
.schema-panel-head,
.sidebar-nav .sn-head,
.panel-head,
.card-head,
.section-head {
    background:var(--proto-surface-2) !important;
    border-bottom:1px solid var(--proto-border) !important;
    padding:16px 18px !important;
}

.gen-panel-body,
.schema-panel-body,
.card-body,
.panel-body {
    padding:20px !important;
}

.gen-panel h3,
.schema-panel h3,
.panel-title,
.section-title,
.card h3,
.card h2 {
    color:var(--proto-text) !important;
    font-weight:780 !important;
    letter-spacing:-.01em;
}

.gen-panel-head p,
.schema-panel-head p,
.card p,
.hint,
.help,
.idea-notes,
.small,
.muted {
    color:var(--proto-muted) !important;
}

.action-bar,
.toolbar,
.filters,
.status-strip,
.bulk-bar {
    border:1px solid var(--proto-border) !important;
    border-radius:var(--proto-radius) !important;
    background:#fff !important;
    padding:14px !important;
    box-shadow:var(--proto-shadow) !important;
}

.toggle-row {
    border:1px solid var(--proto-border) !important;
    border-radius:10px !important;
    background:#fff !important;
    padding:11px 12px !important;
    margin-bottom:8px !important;
}

.toggle-switch .slider {
    background:#CBD5E1 !important;
}

.toggle-switch input:checked + .slider {
    background:var(--proto-primary) !important;
}

.stat-row,
.quality-grid,
.brief-micro-grid,
.notice-grid,
.publish-health,
.metric-row {
    gap:14px !important;
}

.stat-chip,
.metric,
.plan-limit,
.quality-card {
    background:var(--proto-surface-2) !important;
    border:1px solid var(--proto-border) !important;
    border-radius:10px !important;
    color:var(--proto-text-2) !important;
}

.stat-chip strong,
.metric strong,
.quality-card strong {
    color:var(--proto-text) !important;
}

.blog-preview,
.content-preview,
.premium-preview {
    padding:30px 34px !important;
    line-height:1.75 !important;
    max-width:100% !important;
}

.blog-preview h1,
.content-preview h1,
.premium-preview h1 {
    font-size:30px !important;
    line-height:1.25 !important;
    color:var(--proto-text) !important;
}

.blog-preview h2,
.content-preview h2,
.premium-preview h2 {
    font-size:22px !important;
    margin-top:30px !important;
    color:var(--proto-text) !important;
}

.schema-preview,
pre,
code {
    border-radius:8px !important;
}

.schema-preview,
pre.config-preview {
    background:#0B1628 !important;
    color:#E6EDF6 !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.module-link,
.action-tile,
.checkpoint,
.idea-list-item,
.recent-idea {
    transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.module-link:hover,
.action-tile:hover,
.checkpoint:hover {
    transform:translateY(-1px);
    border-color:#BFD0E4 !important;
}

.progress,
.meter {
    background:#E7ECF3 !important;
}

.progress > span,
.meter span {
    background:var(--proto-primary) !important;
}

.empty,
.empty-detail,
[class*="empty"] {
    color:var(--proto-muted) !important;
}

.empty h2,
.empty h3,
.empty-detail h2,
.empty-detail h3 {
    color:var(--proto-text) !important;
}

.cp-layout,
.schema-layout,
.kw-layout,
.link-layout,
.prompts-layout,
.gen-layout {
    grid-template-columns:minmax(300px,360px) minmax(0,1fr) !important;
}

.form-group {
    margin-bottom:14px !important;
}

.form-group label {
    margin-bottom:6px !important;
}

.form-group input,
.form-group select,
.form-group textarea {
    width:100% !important;
}

.data-table,
table {
    font-size:13px;
}

.data-table tr:hover td,
table tbody tr:hover td {
    background:#F7FAFE !important;
}

.table-wrap {
    overflow:auto !important;
}

@media (max-width:1200px) {
    .cp-layout,
    .schema-layout,
    .kw-layout,
    .link-layout,
    .prompts-layout,
    .gen-layout {
        grid-template-columns:1fr !important;
    }
}

/* Premium app polish v2 — palette unified onto the single corporate blue (#0A4495)
   so the whole app uses ONE brand color, not two competing blues. */
:root {
    --apple-bg:#F5F7FA;
    --apple-surface:#FFFFFF;
    --apple-surface-solid:#FFFFFF;
    --apple-surface-2:#F8FAFC;
    --apple-border:#E4E7EC;
    --apple-border-strong:#D0D7E0;
    --apple-text:#101828;
    --apple-text-2:#344054;
    --apple-muted:#667085;
    --apple-blue:#0A4495;
    --apple-blue-hover:#083677;
    --apple-green:#067647;
    --apple-red:#B42318;
    --apple-amber:#B54708;
    --apple-radius:12px;
    --apple-radius-sm:8px;
    --apple-shadow:0 8px 24px rgba(16,24,40,.08);
    --apple-shadow-soft:0 4px 12px rgba(16,24,40,.06);
}

html {
    background:var(--apple-bg) !important;
}

body,
body.prototype-ui {
    background:
        linear-gradient(180deg, rgba(255,255,255,.72), rgba(245,245,247,.94) 260px),
        var(--apple-bg) !important;
    color:var(--apple-text) !important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

.prototype-ui *,
.prototype-ui *::before,
.prototype-ui *::after {
    letter-spacing:0 !important;
}

.prototype-ui .app-shell {
    background:transparent !important;
}

.prototype-ui .main,
.prototype-ui main,
.prototype-ui .content,
.prototype-ui .page,
.prototype-ui .page-content {
    max-width:1560px !important;
    margin:0 auto !important;
}

.prototype-ui .topbar,
.prototype-ui .page-head,
.prototype-ui .page-header,
.prototype-ui .app-header {
    background:rgba(255,255,255,.74) !important;
    border:1px solid var(--apple-border) !important;
    border-radius:22px !important;
    box-shadow:var(--apple-shadow-soft) !important;
    backdrop-filter:saturate(180%) blur(18px);
}

.prototype-ui .topbar h1,
.prototype-ui .page-head h1,
.prototype-ui .page-header h1,
.prototype-ui h1,
.prototype-ui h2,
.prototype-ui h3 {
    color:var(--apple-text) !important;
    font-weight:760 !important;
}

.prototype-ui .eyebrow,
.prototype-ui .s-eyebrow {
    color:var(--apple-blue) !important;
    font-size:11px !important;
    font-weight:760 !important;
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
}

.prototype-ui .muted,
.prototype-ui .small,
.prototype-ui p,
.prototype-ui .hint,
.prototype-ui .help,
.prototype-ui .int-detail,
.prototype-ui .s-card-sub {
    color:var(--apple-muted) !important;
}

.prototype-ui .card,
.prototype-ui .s-card,
.prototype-ui .settings-card,
.prototype-ui .panel,
.prototype-ui .gen-panel,
.prototype-ui .schema-panel,
.prototype-ui .activity-list,
.prototype-ui .table-wrap,
.prototype-ui .cal-card,
.prototype-ui .auth-card,
.prototype-ui .login-card,
.prototype-ui .module-card,
.prototype-ui .stat-mini,
.prototype-ui .module-link,
.prototype-ui .action-tile,
.prototype-ui .checkpoint,
.prototype-ui .highlight,
.prototype-ui .integration-row,
.prototype-ui .pipeline-row,
.prototype-ui .idea-list-item,
.prototype-ui .recent-idea {
    background:var(--apple-surface) !important;
    border:1px solid var(--apple-border) !important;
    border-radius:var(--apple-radius) !important;
    box-shadow:var(--apple-shadow-soft) !important;
    backdrop-filter:saturate(180%) blur(16px);
}

.prototype-ui .card,
.prototype-ui .s-card,
.prototype-ui .settings-card,
.prototype-ui .panel {
    overflow:hidden;
}

.prototype-ui .card {
    padding:22px !important;
}

.prototype-ui .split-note {
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:18px !important;
    min-width:0 !important;
}

.prototype-ui .split-note > * {
    min-width:0;
}

.prototype-ui .split-note h2,
.prototype-ui .split-note h3 {
    margin:0 !important;
}

.prototype-ui a {
    color:var(--apple-blue);
}

.prototype-ui .btn,
.prototype-ui button,
.prototype-ui input[type="submit"],
.prototype-ui .mod-btn,
.prototype-ui .btn-save,
.prototype-ui .btn-run,
.prototype-ui .cal-form button,
.prototype-ui .save-idea-btn,
.prototype-ui .addbtn {
    border-radius:12px !important;
    min-height:38px !important;
    padding:9px 15px !important;
    font-size:13px !important;
    font-weight:720 !important;
    box-shadow:none !important;
    border:1px solid transparent !important;
    line-height:1.2 !important;
}

.prototype-ui .btn,
.prototype-ui .mod-btn.primary,
.prototype-ui .btn-save,
.prototype-ui .btn-run,
.prototype-ui .save-idea-btn,
.prototype-ui .cal-form button {
    background:var(--apple-blue) !important;
    color:#fff !important;
}

.prototype-ui .btn:hover,
.prototype-ui .mod-btn.primary:hover,
.prototype-ui .btn-save:hover,
.prototype-ui .btn-run:hover {
    background:var(--apple-blue-hover) !important;
}

.prototype-ui .btn.secondary,
.prototype-ui .btn.ghost,
.prototype-ui .mod-btn.outline,
.prototype-ui .btn-ghost,
.prototype-ui .cal-arrow,
.prototype-ui .suggest .addbtn {
    background:#FFFFFF !important;
    color:var(--apple-blue) !important;
    border-color:var(--apple-border-strong) !important;
}

.prototype-ui .btn.danger,
.prototype-ui .mini-del {
    background:rgba(215,0,21,.08) !important;
    color:var(--apple-red) !important;
    border-color:rgba(215,0,21,.18) !important;
}

.prototype-ui input,
.prototype-ui select,
.prototype-ui textarea {
    background:rgba(255,255,255,.92) !important;
    border:1px solid var(--apple-border-strong) !important;
    border-radius:12px !important;
    color:var(--apple-text) !important;
    min-height:40px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65) !important;
}

.prototype-ui input:focus,
.prototype-ui select:focus,
.prototype-ui textarea:focus {
    border-color:rgba(10,68,149,.72) !important;
    box-shadow:0 0 0 4px rgba(10,68,149,.14) !important;
    outline:none !important;
}

.prototype-ui label,
.prototype-ui .field label,
.prototype-ui .form-group label {
    color:var(--apple-text-2) !important;
    font-size:11px !important;
    font-weight:760 !important;
}

.prototype-ui .badge,
.prototype-ui .status-pill,
.prototype-ui .toggle-pill,
.prototype-ui .credit-badge,
.prototype-ui .badge-ok,
.prototype-ui .badge-warn,
.prototype-ui .badge-off,
.prototype-ui .format-tag,
.prototype-ui .kw-chip {
    border-radius:999px !important;
    border:1px solid rgba(60,60,67,.10) !important;
    font-weight:720 !important;
}

.prototype-ui .badge.success,
.prototype-ui .badge-ok,
.prototype-ui .toggle-pill.on {
    background:rgba(52,199,89,.13) !important;
    color:#087A2D !important;
}

.prototype-ui .badge.warning,
.prototype-ui .badge-warn {
    background:rgba(181,106,0,.12) !important;
    color:var(--apple-amber) !important;
}

.prototype-ui .badge.muted,
.prototype-ui .badge-off,
.prototype-ui .toggle-pill.off {
    background:rgba(110,110,115,.10) !important;
    color:var(--apple-muted) !important;
}

.prototype-ui .progress,
.prototype-ui .meter,
.prototype-ui .credit-bar {
    background:rgba(60,60,67,.12) !important;
    height:7px !important;
    border-radius:999px !important;
}

.prototype-ui .progress > span,
.prototype-ui .meter span,
.prototype-ui .credit-bar-fill {
    background:linear-gradient(90deg,var(--apple-blue),#4DA3FF) !important;
    border-radius:999px !important;
}

/* Dashboard */
.prototype-ui .dashboard-hero,
.prototype-ui .hero-card {
    background:
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,250,255,.94)) !important;
    color:var(--apple-text) !important;
    border:1px solid var(--apple-border) !important;
    border-radius:26px !important;
    padding:30px !important;
}

.prototype-ui .dashboard-hero h2,
.prototype-ui .hero-card h2 {
    color:var(--apple-text) !important;
    font-size:32px !important;
    line-height:1.08 !important;
    max-width:760px;
}

.prototype-ui .dashboard-hero p,
.prototype-ui .hero-card p {
    color:var(--apple-muted) !important;
    max-width:760px;
}

.prototype-ui .dashboard-hero .actions,
.prototype-ui .hero-card .actions {
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
    gap:10px !important;
    max-width:520px;
}

.prototype-ui .grid-4 {
    gap:18px !important;
}

.prototype-ui .stat-card,
.prototype-ui .stat-mini {
    min-height:98px !important;
    padding:19px 22px !important;
}

.prototype-ui .stat-card .value,
.prototype-ui .stat-mini .val {
    font-size:32px !important;
    letter-spacing:0 !important;
    line-height:1 !important;
    color:var(--apple-text) !important;
}

.prototype-ui .stat-card .label,
.prototype-ui .stat-mini .lbl {
    color:var(--apple-muted) !important;
    font-size:11px !important;
    font-weight:720 !important;
    text-transform:uppercase !important;
}

.prototype-ui .grid-3.dashboard-band {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,.9fr) !important;
    gap:18px !important;
    align-items:start !important;
}

.prototype-ui .dashboard-band > .card {
    min-width:0 !important;
    height:auto !important;
}

.prototype-ui .integration-row,
.prototype-ui .pipeline-row,
.prototype-ui .checkpoint,
.prototype-ui .action-tile {
    padding:14px 16px !important;
    box-shadow:none !important;
}

.prototype-ui .integration-row {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:12px !important;
    align-items:center !important;
}

.prototype-ui .integration-row strong,
.prototype-ui .integration-row .small,
.prototype-ui .action-tile strong,
.prototype-ui .action-tile span {
    min-width:0 !important;
    overflow-wrap:anywhere;
}

.prototype-ui .action-tile {
    display:block !important;
    text-decoration:none !important;
}

.prototype-ui .action-tile strong {
    display:block !important;
    color:var(--apple-text) !important;
    margin-bottom:6px !important;
}

.prototype-ui .module-links {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
}

.prototype-ui .module-link {
    min-height:126px !important;
    padding:20px !important;
    box-shadow:var(--apple-shadow-soft) !important;
}

.prototype-ui .timeline-item {
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    gap:12px !important;
    align-items:center !important;
    padding:14px 0 !important;
}

.prototype-ui .timeline-item strong {
    color:var(--apple-text) !important;
    overflow-wrap:anywhere;
}

/* Tables and queues */
.prototype-ui table {
    border-collapse:separate !important;
    border-spacing:0 !important;
    width:100% !important;
    font-size:13px !important;
}

.prototype-ui table th {
    background:rgba(250,250,252,.9) !important;
    color:var(--apple-muted) !important;
    font-size:11px !important;
    font-weight:760 !important;
    text-transform:uppercase !important;
    padding:13px 16px !important;
}

.prototype-ui table td {
    padding:14px 16px !important;
    vertical-align:middle !important;
    border-bottom:1px solid rgba(60,60,67,.10) !important;
}

.prototype-ui table td:last-child {
    min-width:300px;
}

.prototype-ui table .actions,
.prototype-ui td .actions,
.prototype-ui .actions {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    align-items:center !important;
}

.prototype-ui table .actions form,
.prototype-ui td .actions form {
    margin:0 !important;
}

.prototype-ui table .btn,
.prototype-ui table button,
.prototype-ui td .btn,
.prototype-ui td button {
    min-height:34px !important;
    padding:8px 12px !important;
    font-size:12px !important;
    white-space:nowrap !important;
}

.prototype-ui .blog-tabs {
    background:rgba(255,255,255,.68) !important;
    border:1px solid var(--apple-border) !important;
    border-radius:15px !important;
    padding:4px !important;
    gap:4px !important;
    box-shadow:var(--apple-shadow-soft) !important;
}

.prototype-ui .blog-tab {
    border:0 !important;
    border-radius:11px !important;
    padding:10px 14px !important;
    color:var(--apple-muted) !important;
    margin:0 !important;
}

.prototype-ui .blog-tab.active {
    background:#fff !important;
    color:var(--apple-blue) !important;
    box-shadow:0 2px 12px rgba(0,0,0,.05) !important;
}

.prototype-ui .filters {
    display:grid !important;
    grid-template-columns:minmax(260px,1fr) minmax(220px,1fr) auto !important;
    gap:14px !important;
    align-items:end !important;
}

/* Saved ideas */
.prototype-ui .ideas-layout {
    display:grid !important;
    grid-template-columns:360px minmax(0,1fr) !important;
    gap:18px !important;
}

.prototype-ui .idea-list-item {
    border-radius:16px !important;
    box-shadow:none !important;
    padding:15px 16px !important;
}

.prototype-ui .idea-list-item.active,
.prototype-ui .idea-list-item:hover {
    border-color:rgba(10,68,149,.38) !important;
    background:rgba(10,68,149,.05) !important;
}

.prototype-ui .lifecycle-steps,
.prototype-ui .steps-grid {
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:10px !important;
}

.prototype-ui .lifecycle-step,
.prototype-ui .step-card {
    min-height:78px !important;
    padding:13px !important;
    border-radius:15px !important;
    box-shadow:none !important;
}

/* Calendar */
.prototype-ui .status-pills {
    gap:8px !important;
    margin-bottom:18px !important;
}

.prototype-ui .cal-toolbar {
    background:rgba(255,255,255,.78) !important;
    border:1px solid var(--apple-border) !important;
    border-radius:18px !important;
    padding:12px !important;
    box-shadow:var(--apple-shadow-soft) !important;
}

.prototype-ui .cal-month-label {
    color:var(--apple-text) !important;
    font-size:18px !important;
}

.prototype-ui .cal-view {
    border:1px solid var(--apple-border) !important;
    border-radius:12px !important;
    padding:3px !important;
    background:#fff !important;
}

.prototype-ui .cal-view a {
    border-radius:9px !important;
}

.prototype-ui .cal-view a.active {
    background:var(--apple-blue) !important;
    color:#fff !important;
}

.prototype-ui .cal-grid {
    gap:0 !important;
    background:var(--apple-border) !important;
    border:1px solid var(--apple-border) !important;
    border-radius:20px !important;
    box-shadow:var(--apple-shadow-soft) !important;
}

.prototype-ui .cal-dow {
    background:rgba(255,255,255,.86) !important;
    color:var(--apple-muted) !important;
    padding:11px 0 !important;
}

.prototype-ui .cal-cell {
    min-height:112px !important;
    padding:9px !important;
    background:rgba(255,255,255,.92) !important;
}

.prototype-ui .cal-cell.today {
    background:rgba(10,68,149,.07) !important;
}

.prototype-ui .cal-daynum {
    color:var(--apple-muted) !important;
}

.prototype-ui .cal-event {
    border-radius:8px !important;
    font-size:11px !important;
    min-height:22px !important;
    padding:4px 7px !important;
    box-shadow:none !important;
}

.prototype-ui .cal-card h3 {
    margin-bottom:14px !important;
}

/* AI agent pages */
.prototype-ui .agent-hero {
    background:
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(242,247,255,.94)) !important;
    border:1px solid var(--apple-border) !important;
    border-radius:26px !important;
    color:var(--apple-text) !important;
    box-shadow:var(--apple-shadow) !important;
    padding:32px !important;
}

.prototype-ui .agent-hero::before {
    display:none !important;
}

.prototype-ui .agent-hero h2 {
    color:var(--apple-text) !important;
    font-size:34px !important;
}

.prototype-ui .agent-hero p {
    color:var(--apple-muted) !important;
    font-size:15px !important;
}

.prototype-ui .agent-hero .mod-btn.outline {
    color:var(--apple-blue) !important;
    background:#fff !important;
    border-color:var(--apple-border-strong) !important;
}

.prototype-ui .module-grid {
    gap:20px !important;
    grid-template-columns:repeat(auto-fit,minmax(310px,1fr)) !important;
}

.prototype-ui .module-card {
    border-color:var(--apple-border) !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:var(--apple-shadow-soft) !important;
    padding:22px !important;
}

.prototype-ui .module-card.enabled {
    border-color:rgba(10,68,149,.24) !important;
    background:rgba(255,255,255,.94) !important;
}

.prototype-ui .mod-icon {
    font-size:12px !important;
    font-weight:820 !important;
    color:var(--apple-blue) !important;
    background:rgba(10,68,149,.10) !important;
    border-radius:13px !important;
}

.prototype-ui .mod-title {
    color:var(--apple-text) !important;
    font-size:15px !important;
}

.prototype-ui .mod-desc {
    color:var(--apple-muted) !important;
    font-size:13px !important;
}

.prototype-ui .setup-banner {
    background:rgba(255,255,255,.86) !important;
    border-color:rgba(181,106,0,.20) !important;
    border-radius:18px !important;
    box-shadow:var(--apple-shadow-soft) !important;
}

.prototype-ui .trend-layout {
    grid-template-columns:310px minmax(0,1fr) !important;
    gap:20px !important;
}

.prototype-ui .trend-card {
    background:rgba(255,255,255,.9) !important;
    border:1px solid var(--apple-border) !important;
    border-radius:20px !important;
    box-shadow:var(--apple-shadow-soft) !important;
}

.prototype-ui .trend-card-head,
.prototype-ui .trend-body,
.prototype-ui .panel-head,
.prototype-ui .panel-body {
    background:transparent !important;
}

.prototype-ui .trend-topic {
    color:var(--apple-text) !important;
    font-size:17px !important;
}

.prototype-ui .summary-box,
.prototype-ui .brief-box,
.prototype-ui .suggested-title,
.prototype-ui .paa-item {
    background:rgba(245,245,247,.74) !important;
    border:1px solid var(--apple-border) !important;
    color:var(--apple-text-2) !important;
    border-radius:12px !important;
}

.prototype-ui .score-pill {
    background:var(--apple-blue) !important;
    border-radius:999px !important;
}

/* Settings */
.prototype-ui .settings-tabs {
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    gap:4px !important;
    padding:5px !important;
    background:rgba(255,255,255,.76) !important;
    border:1px solid var(--apple-border) !important;
    border-radius:18px !important;
    box-shadow:var(--apple-shadow-soft) !important;
}

.prototype-ui .stab {
    border:0 !important;
    border-radius:13px !important;
    padding:11px 8px !important;
    color:var(--apple-muted) !important;
    background:transparent !important;
}

.prototype-ui .stab.active,
.prototype-ui .stab:focus {
    background:#fff !important;
    color:var(--apple-blue) !important;
    box-shadow:0 2px 12px rgba(0,0,0,.045) !important;
}

.prototype-ui .stab-icon {
    width:28px !important;
    height:28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto 4px !important;
    border-radius:10px !important;
    background:rgba(10,68,149,.08) !important;
    color:var(--apple-blue) !important;
    font-size:10px !important;
    font-weight:820 !important;
}

.prototype-ui .int-row {
    padding:14px 0 !important;
}

.prototype-ui .save-bar {
    background:rgba(245,245,247,.84) !important;
    border-top:1px solid var(--apple-border) !important;
    backdrop-filter:saturate(180%) blur(18px);
}

.prototype-ui .module-row {
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    gap:16px !important;
    padding:18px 0 !important;
}

.prototype-ui .module-info strong {
    color:var(--apple-text) !important;
}

.prototype-ui .provider-grid {
    gap:14px !important;
}

.prototype-ui .provider-opt {
    border-radius:16px !important;
    border-color:var(--apple-border) !important;
    background:rgba(255,255,255,.7) !important;
}

.prototype-ui .provider-opt.selected {
    border-color:rgba(10,68,149,.42) !important;
    background:rgba(10,68,149,.07) !important;
}

/* Auth pages */
body:not(.prototype-ui) .auth-wrap,
.prototype-ui .auth-wrap,
body:not(.prototype-ui) .login-wrap,
.prototype-ui .login-wrap {
    background:
        radial-gradient(circle at 50% 0, rgba(10,68,149,.10), transparent 340px),
        var(--apple-bg) !important;
}

body:not(.prototype-ui) .auth-card,
body:not(.prototype-ui) .login-card,
.prototype-ui .auth-card,
.prototype-ui .login-card {
    border-radius:24px !important;
    border:1px solid var(--apple-border) !important;
    box-shadow:var(--apple-shadow) !important;
}

/* Responsive */
@media (max-width:1180px) {
    .prototype-ui .grid-3.dashboard-band,
    .prototype-ui .grid-2,
    .prototype-ui .module-links,
    .prototype-ui .trend-layout,
    .prototype-ui .ideas-layout {
        grid-template-columns:1fr !important;
    }

    .prototype-ui .dashboard-hero .split-note,
    .prototype-ui .hero-card .split-note {
        flex-direction:column !important;
    }

    .prototype-ui .dashboard-hero .actions,
    .prototype-ui .hero-card .actions {
        justify-content:flex-start !important;
        max-width:none !important;
    }

    .prototype-ui .filters {
        grid-template-columns:1fr !important;
    }
}

@media (max-width:820px) {
    .prototype-ui .settings-tabs {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .prototype-ui .lifecycle-steps,
    .prototype-ui .steps-grid,
    .prototype-ui .grid-4,
    .prototype-ui .stats-row {
        grid-template-columns:1fr !important;
    }

    .prototype-ui .cal-cell {
        min-height:88px !important;
        padding:6px !important;
    }

    .prototype-ui table td:last-child {
        min-width:220px;
    }
}

/* Premium bridge for module-specific pages */
.prototype-ui .gi-card,
.prototype-ui .section-card,
.prototype-ui .onboard-card,
.prototype-ui .sticky-card,
.prototype-ui .empty-state-card,
.prototype-ui .idea-card,
.prototype-ui .auto-tabs,
.prototype-ui .mode-tabs,
.prototype-ui .report-item,
.prototype-ui .schema-item,
.prototype-ui .link-card,
.prototype-ui .blog-card,
.prototype-ui .nested-card,
.prototype-ui .health-card,
.prototype-ui .crawl-card {
    background:var(--apple-surface) !important;
    border:1px solid var(--apple-border) !important;
    border-radius:var(--apple-radius) !important;
    box-shadow:var(--apple-shadow-soft) !important;
}

.prototype-ui .section-card,
.prototype-ui .gi-card,
.prototype-ui .onboard-card {
    overflow:hidden;
}

.prototype-ui .section-head,
.prototype-ui .section-card > div:first-child,
.prototype-ui .mode-tabs,
.prototype-ui .auto-tabs,
.prototype-ui .panel-head {
    background:rgba(250,250,252,.76) !important;
    border-bottom:1px solid var(--apple-border) !important;
}

.prototype-ui .section-icon,
.prototype-ui .mode-icon,
.prototype-ui .icon {
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(10,68,149,.10) !important;
    color:var(--apple-blue) !important;
    font-size:11px !important;
    font-weight:820 !important;
    line-height:1 !important;
}

.prototype-ui .mode-tabs,
.prototype-ui .auto-tabs {
    display:flex !important;
    gap:4px !important;
    padding:5px !important;
}

.prototype-ui .mode-tab,
.prototype-ui .auto-tab,
.prototype-ui .ttab {
    border:0 !important;
    border-radius:12px !important;
    padding:11px 14px !important;
    color:var(--apple-muted) !important;
    background:transparent !important;
}

.prototype-ui .mode-tab.active,
.prototype-ui .auto-tab.active,
.prototype-ui .ttab.active {
    background:#fff !important;
    color:var(--apple-blue) !important;
    box-shadow:0 2px 12px rgba(0,0,0,.045) !important;
}

.prototype-ui .btn-action,
.prototype-ui .btn-generate,
.prototype-ui .btn-gen,
.prototype-ui .btn-dl,
.prototype-ui .btn-evolve,
.prototype-ui .gi-btn,
.prototype-ui .add-row-btn,
.prototype-ui .copy-btn,
.prototype-ui .btn-save-kw {
    border-radius:12px !important;
    min-height:38px !important;
    padding:9px 14px !important;
    font-size:13px !important;
    font-weight:720 !important;
    border:1px solid var(--apple-border-strong) !important;
    box-shadow:none !important;
}

.prototype-ui .btn-action,
.prototype-ui .btn-generate,
.prototype-ui .btn-gen,
.prototype-ui .btn-evolve,
.prototype-ui .gi-google,
.prototype-ui .gi-green {
    background:var(--apple-blue) !important;
    color:#fff !important;
}

.prototype-ui .btn-dl,
.prototype-ui .gi-grey,
.prototype-ui .add-row-btn,
.prototype-ui .copy-btn,
.prototype-ui .btn-save-kw {
    background:#fff !important;
    color:var(--apple-blue) !important;
}

.prototype-ui .btn-del,
.prototype-ui .btn-delete,
.prototype-ui .remove-btn,
.prototype-ui .gi-red {
    background:rgba(215,0,21,.08) !important;
    color:var(--apple-red) !important;
    border:1px solid rgba(215,0,21,.18) !important;
    border-radius:10px !important;
}

.prototype-ui .dynamic-row {
    gap:10px !important;
}

.prototype-ui .tone-card,
.prototype-ui .provider-opt,
.prototype-ui .region-chip,
.prototype-ui .idea-card {
    background:rgba(255,255,255,.72) !important;
    border:1px solid var(--apple-border) !important;
    border-radius:14px !important;
}

.prototype-ui .tone-card.selected,
.prototype-ui .region-chip.selected,
.prototype-ui .idea-card.selected {
    border-color:rgba(10,68,149,.42) !important;
    background:rgba(10,68,149,.07) !important;
}

.prototype-ui .empty-state,
.prototype-ui .empty-state-card {
    color:var(--apple-muted) !important;
}

.prototype-ui .empty-state > div:first-child,
.prototype-ui .empty-state-card > div:first-child {
    color:var(--apple-blue) !important;
}

.prototype-ui .gap-list li::before {
    color:var(--apple-blue) !important;
}

/* ── Contrast safety: readable hover states for non-primary buttons ──
   Secondary/ghost buttons must NOT inherit the primary dark-blue hover
   background (that left blue text on a dark-blue fill = invisible). */
.prototype-ui .btn.secondary:hover,
.prototype-ui .btn-bulk-sel:hover {
    background:#DCE7F6 !important;
    color:var(--proto-primary-dark) !important;
    border-color:transparent !important;
}
.prototype-ui .btn.ghost:hover,
.prototype-ui .btn-dl:hover {
    background:var(--proto-surface-2) !important;
    color:var(--proto-text) !important;
    border-color:var(--proto-border-strong,#D0D7E0) !important;
}
.prototype-ui a.btn.secondary:hover { color:var(--proto-primary-dark) !important; }

/* Links keep brand color on hover (no invisible same-on-same) */
.prototype-ui a { color:var(--proto-primary); }
.prototype-ui a:hover { color:var(--proto-primary-dark); }