/* Think xD - Auth/User/Admin CSS */

/* Think xD - Admin CSS Additions
 * Parent pages:
 * - /public/admin/contacts.php
 * - /public/admin/contact-view.php
 * - /public/admin/newsletter.php
 * Copy this content to the end of /public/assets/css/auth.css
 */

.topbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 34px;
    background: rgba(5,18,26,.88);
    border-bottom: 1px solid rgba(215,182,106,.18);
    backdrop-filter: blur(12px);
    z-index: 20;
}

.topbar-brand {
    color: #f7f0df;
    font-weight: 900;
    font-size: 1.25rem;
    text-decoration: none;
}

.topbar-brand span { color: #d7b66a; }

.topbar nav {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.topbar nav a {
    color: rgba(247,240,223,.82);
    text-decoration: none;
    font-weight: 700;
}

.topbar nav a:hover { color: #d7b66a; }

.auth-wrap {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 110px 24px 42px;
}

.auth-card {
    width: min(100%, 520px);
    padding: 34px;
    border-radius: 28px;
    border: 1px solid rgba(215,182,106,.28);
    background: rgba(255,255,255,.055);
    box-shadow: 0 24px 80px rgba(0,0,0,.24);
}

.auth-card h1 {
    font-size: clamp(2.1rem, 6vw, 3.2rem);
    margin-bottom: 10px;
}

.auth-card p {
    color: #9fb6bd;
    line-height: 1.6;
}

.form-row { margin-bottom: 18px; }

.form-row label {
    display: block;
    margin-bottom: 7px;
    color: rgba(247,240,223,.88);
    font-weight: 750;
}

.form-row input {
    width: 100%;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    padding: 13px 14px;
    color: #f7f0df;
    background: rgba(255,255,255,.07);
    outline: none;
}

.form-row input:focus {
    border-color: rgba(215,182,106,.74);
    box-shadow: 0 0 0 4px rgba(215,182,106,.13);
}

.btn-primary-txd {
    width: 100%;
    border: 1px solid rgba(215,182,106,.88);
    border-radius: 14px;
    padding: 13px 16px;
    background: linear-gradient(135deg, #b9913f 0%, #f2d891 55%, #b9913f 100%);
    color: #10202a;
    font-weight: 900;
    cursor: pointer;
}

.btn-primary-txd:hover { filter: brightness(1.06); }

.alert {
    border-radius: 14px;
    padding: 12px 14px;
    margin-bottom: 18px;
    line-height: 1.5;
}

.alert-error {
    border: 1px solid rgba(255,95,95,.45);
    background: rgba(255,95,95,.12);
    color: #ffd1d1;
}

.alert-success {
    border: 1px solid rgba(125,230,180,.45);
    background: rgba(125,230,180,.12);
    color: #d8ffe9;
}

.auth-links {
    margin-top: 18px;
    text-align: center;
}

.auth-links a {
    color: #d7b66a;
    text-decoration: none;
}

.dashboard-wrap { padding: 110px 24px 42px; }

.dashboard-card {
    width: min(100%, 1100px);
    margin: 0 auto;
    padding: 34px;
    border-radius: 28px;
    border: 1px solid rgba(215,182,106,.28);
    background: rgba(255,255,255,.055);
}

.meta-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}
.meta-list a {
    color: white !important;
    text-decoration: none !important;
}

.meta-item {
    border: 1px solid rgba(215,182,106,.22);
    background: rgba(255,255,255,.05);
    border-radius: 18px;
    padding: 18px;
}

.meta-item strong {
    display: block;
    color: #d7b66a;
    margin-bottom: 6px;
}

@media (max-width: 760px) {
    .topbar {
        padding: 14px 20px;
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .auth-wrap,
    .dashboard-wrap { padding-top: 145px; }

    .meta-list { grid-template-columns: 1fr; }
}

.admin-wide{width:min(100%,1320px)}.admin-detail{width:min(100%,1080px)}.admin-filter{margin:26px 0;padding:22px;border:1px solid rgba(215,182,106,.22);border-radius:20px;background:rgba(255,255,255,.045)}.filter-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr;gap:16px}.filter-grid-small{grid-template-columns:1.5fr .8fr}.admin-filter label,.status-form label{display:block;color:rgba(247,240,223,.86);font-weight:750;margin-bottom:7px}.admin-filter input,.admin-filter select,.status-form select{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:11px 13px;color:#f7f0df;background:rgba(255,255,255,.07);outline:none}.admin-filter option,.status-form option{color:#10202a}.filter-actions,.status-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.btn-admin,.btn-admin-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:11px 16px;font-weight:850;text-decoration:none;cursor:pointer}.btn-admin{border:1px solid rgba(215,182,106,.88);background:linear-gradient(135deg,#b9913f 0%,#f2d891 55%,#b9913f 100%);color:#10202a}.btn-admin-secondary{border:1px solid rgba(247,240,223,.22);background:rgba(255,255,255,.06);color:#f7f0df}.admin-summary{margin:16px 0;color:rgba(247,240,223,.78)}.admin-summary strong{color:#d7b66a}.admin-table-wrap{overflow-x:auto;border:1px solid rgba(215,182,106,.18);border-radius:18px}.admin-table{width:100%;border-collapse:collapse;min-width:980px}.admin-table th,.admin-table td{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top;color:rgba(247,240,223,.82)}.admin-table th{color:#d7b66a;background:rgba(255,255,255,.045);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.admin-table a{color:#f0d997;font-weight:800}.status-badge{display:inline-flex;border:1px solid rgba(215,182,106,.28);border-radius:999px;padding:4px 9px;color:#f0d997;background:rgba(215,182,106,.08);font-size:.85rem;font-weight:800}.pagination-txd{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.pagination-txd a{min-width:36px;min-height:36px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(215,182,106,.24);color:#f7f0df;text-decoration:none}.pagination-txd a.active{background:#d7b66a;color:#10202a;font-weight:900}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.detail-item{border:1px solid rgba(215,182,106,.20);border-radius:18px;padding:16px;background:rgba(255,255,255,.045)}.detail-item strong{display:block;color:#d7b66a;margin-bottom:7px}.detail-item span,.detail-item p{color:rgba(247,240,223,.84)}.detail-wide{grid-column:1/-1}@media(max-width:900px){.filter-grid,.filter-grid-small,.detail-grid{grid-template-columns:1fr}}


/* Think xD - Audit CSS Additions
 * Parent pages:
 * - /public/user/audits.php
 * - /public/user/new-audit.php
 * - /public/user/audit-view.php
 *
 * Copy this content to the end of /public/assets/css/auth.css
 */

.audit-form input,
.audit-form select,
.audit-form textarea {
    width: 100%;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    padding: 12px 13px;
    color: #f7f0df;
    background: rgba(255,255,255,.07);
    outline: none;
}

.audit-form select option {
    color: #10202a;
}

.audit-form label {
    display: block;
    color: rgba(247,240,223,.88);
    font-weight: 800;
    margin-bottom: 7px;
}

.audit-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 24px 0;
}

.audit-wide {
    grid-column: 1 / -1;
}

.audit-scale-note {
    border: 1px solid rgba(215,182,106,.22);
    border-radius: 18px;
    padding: 16px;
    background: rgba(215,182,106,.08);
    color: rgba(247,240,223,.84);
    margin-bottom: 22px;
}

.audit-scale-note strong {
    color: #d7b66a;
}

.audit-dimensions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.audit-dimension-card {
    border: 1px solid rgba(215,182,106,.22);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
    padding: 20px;
}

.audit-dim-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.audit-dim-head strong {
    display: block;
    color: #f7f0df;
    font-size: 1.08rem;
}

.audit-dim-head span {
    display: block;
    color: #d7b66a;
    font-size: .9rem;
    margin-top: 4px;
}

.audit-score-value {
    min-width: 46px;
    min-height: 46px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #10202a;
    background: linear-gradient(135deg, #b9913f 0%, #f2d891 55%, #b9913f 100%);
    font-weight: 950;
    font-size: 1.25rem;
}

.audit-dimension-card p {
    color: rgba(247,240,223,.72);
    line-height: 1.6;
}

.audit-dimension-card input[type="range"] {
    padding: 0;
    accent-color: #d7b66a;
}

.audit-score-labels {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin: 10px 0 16px;
    color: rgba(247,240,223,.58);
    font-size: .78rem;
}

.audit-result-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 24px 0;
}

.audit-result-card {
    border: 1px solid rgba(215,182,106,.22);
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    padding: 18px;
}

.audit-result-card strong {
    display: block;
    color: #d7b66a;
    margin-bottom: 8px;
}

.audit-result-card span {
    color: #f7f0df;
    font-size: 1.25rem;
    font-weight: 900;
}

.audit-section-heading {
    color: #d7b66a;
    margin-top: 34px;
    margin-bottom: 18px;
}

.audit-bars {
    display: grid;
    gap: 14px;
}

.audit-bar-row {
    border: 1px solid rgba(215,182,106,.18);
    border-radius: 18px;
    padding: 16px;
    background: rgba(255,255,255,.04);
}

.audit-bar-label {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

.audit-bar-label strong {
    color: #f7f0df;
}

.audit-bar-label span {
    color: #d7b66a;
    font-weight: 800;
}

.audit-bar-track {
    height: 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    overflow: hidden;
}

.audit-bar-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #b9913f, #f2d891);
}

.audit-note {
    margin-top: 10px;
    color: rgba(247,240,223,.70);
}

@media (max-width: 1000px) {
    .audit-dimensions,
    .audit-result-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .audit-meta-grid,
    .audit-score-labels {
        grid-template-columns: 1fr;
    }

    .audit-bar-label {
        flex-direction: column;
        gap: 4px;
    }
}


/* Think xD - Audit CSS Additions, Phase 6.1
 * Copy this content to the end of /public/assets/css/auth.css
 */

.audit-wide {
    width: min(100%, 1220px);
}

.audit-section {
    margin-top: 28px;
    padding: 24px;
    border: 1px solid rgba(215,182,106,.22);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
}

.audit-section h2 {
    color: #d7b66a;
    margin-top: 0;
}

.audit-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.audit-form label,
.audit-field label {
    display: block;
    color: rgba(247,240,223,.9);
    font-weight: 800;
    margin-bottom: 7px;
}

.audit-form input[type="text"],
.audit-form select,
.audit-form textarea {
    width: 100%;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    padding: 12px 14px;
    color: #f7f0df;
    background: rgba(255,255,255,.07);
    outline: none;
}

.audit-form option {
    color: #10202a;
}

.audit-form small {
    color: rgba(247,240,223,.58);
}

.score-row {
    display: grid;
    grid-template-columns: 1.3fr .7fr 1fr;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.score-row:last-child {
    border-bottom: 0;
}

.score-row strong {
    color: #f7f0df;
}

.score-row p {
    color: rgba(247,240,223,.70);
    margin: 7px 0 0;
}

.score-control {
    display: flex;
    align-items: center;
    gap: 12px;
}

.txd-range {
    width: 100%;
    accent-color: #d7b66a;
}

.range-value {
    min-width: 42px;
    padding: 6px 9px;
    border-radius: 12px;
    background: rgba(215,182,106,.16);
    color: #f0d997;
    font-weight: 900;
    text-align: center;
}

.audit-actions {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 24px;
}

.top-actions {
    margin-bottom: 18px;
}

.audit-result-hero {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

.audit-result-hero > div,
.metric-card {
    border: 1px solid rgba(215,182,106,.22);
    border-radius: 20px;
    padding: 18px;
    background: rgba(255,255,255,.05);
}

.audit-result-hero strong,
.metric-card strong {
    display: block;
    color: #d7b66a;
    margin-bottom: 8px;
}

.audit-result-hero span {
    display: block;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 900;
}

.audit-result-hero small {
    color: rgba(247,240,223,.65);
}

.audit-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.metric-score {
    font-size: 1.5rem;
    font-weight: 900;
    color: #f7f0df;
}

.bar {
    margin-top: 12px;
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    overflow: hidden;
}

.bar span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #b9913f, #f2d891);
}

.wisdom-panel {
    border-color: rgba(215,182,106,.42);
    background: linear-gradient(135deg, rgba(215,182,106,.10), rgba(255,255,255,.04));
}

@media (max-width: 980px) {
    .audit-grid-2,
    .score-row,
    .audit-result-hero,
    .audit-metric-grid {
        grid-template-columns: 1fr;
    }
}

/* Think xD - Audit View CSS Additions, Phase 6.2
 * Copy this content to the end of /public/assets/css/auth.css
 */

.audit-view { width: min(100%, 1320px); }

.audit-summary-hero {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.4fr;
    gap: 18px;
    margin: 28px 0;
}

.summary-main,
.wisdom-panel,
.orbit-summary,
.audit-reading {
    border: 1px solid rgba(215,182,106,.24);
    border-radius: 22px;
    background: rgba(255,255,255,.055);
    padding: 22px;
}

.summary-main strong {
    display: block;
    color: #f7f0df;
    font-size: clamp(1.8rem, 3vw, 3rem);
    line-height: 1.05;
    margin-top: 7px;
}

.summary-main small,
.summary-label {
    display: block;
    color: rgba(247,240,223,.64);
    font-size: .84rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 850;
}

.signature-text {
    font-size: clamp(1.1rem, 1.8vw, 1.7rem) !important;
    line-height: 1.35 !important;
}

.wisdom-main {
    border-color: rgba(215,182,106,.45);
    box-shadow: 0 20px 60px rgba(215,182,106,.09);
}

.audit-reading {
    color: rgba(247,240,223,.82);
    line-height: 1.65;
    margin-bottom: 30px;
}

.audit-reading strong { color: #d7b66a; }

.audit-layer-section { margin-top: 36px; }

.layer-heading { margin-bottom: 18px; }

.layer-heading span {
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .78rem;
    font-weight: 900;
}

.layer-heading h2 {
    color: #f7f0df;
    margin: 6px 0 8px;
}

.layer-heading p {
    color: rgba(247,240,223,.72);
    line-height: 1.65;
}

.audit-table-wrap {
    overflow-x: auto;
    border: 1px solid rgba(215,182,106,.18);
    border-radius: 18px;
}

.audit-result-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}

.audit-result-table th,
.audit-result-table td {
    padding: 14px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    vertical-align: middle;
    color: rgba(247,240,223,.82);
}

.audit-result-table th {
    color: #d7b66a;
    background: rgba(255,255,255,.045);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .82rem;
}

.component-code strong {
    display: block;
    color: #d7b66a;
    font-size: 1.35rem;
}

.component-code span {
    display: block;
    color: #f7f0df;
    font-weight: 800;
}

.score-cell {
    font-size: 1.15rem;
    font-weight: 900;
    color: #f7f0df !important;
}

.maturity-badge,
.state-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 5px 10px;
    font-weight: 850;
    font-size: .84rem;
    border: 1px solid rgba(247,240,223,.18);
}

.maturity-residual {
    color: #ffcaca;
    background: rgba(255,95,95,.12);
    border-color: rgba(255,95,95,.28);
}

.maturity-emergent {
    color: #ffe1a8;
    background: rgba(255,180,70,.12);
    border-color: rgba(255,180,70,.28);
}

.maturity-functional {
    color: #d8e9ff;
    background: rgba(110,165,255,.12);
    border-color: rgba(110,165,255,.28);
}

.maturity-integrated {
    color: #d8ffe9;
    background: rgba(125,230,180,.12);
    border-color: rgba(125,230,180,.28);
}

.maturity-catalyst {
    color: #f7e6a9;
    background: rgba(215,182,106,.16);
    border-color: rgba(215,182,106,.45);
}

.state-active {
    color: #d8ffe9;
    background: rgba(125,230,180,.10);
    border-color: rgba(125,230,180,.26);
}

.state-observing {
    color: rgba(247,240,223,.72);
    background: rgba(255,255,255,.06);
}

.score-bar {
    height: 12px;
    width: 100%;
    min-width: 130px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.08);
}

.score-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(215,182,106,.55), rgba(247,240,223,.9));
}

.wisdom-panel,
.orbit-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.orbit-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 18px;
}

.wisdom-panel strong,
.orbit-summary strong {
    display: block;
    color: #f7f0df;
    font-size: 1.45rem;
    margin-top: 6px;
}

@media (max-width: 980px) {
    .audit-summary-hero,
    .wisdom-panel,
    .orbit-summary {
        grid-template-columns: 1fr;
    }
}

/* Think xD - Audit Edit CSS Additions, Phase 6.3 */
.audit-actions-cell {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.mini-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none !important;
    border: 1px solid rgba(247, 240, 223, 0.18);
    background: rgba(255, 255, 255, 0.06);
    color: #f7f0df !important;
    cursor: pointer;
}
.mini-view { border-color: rgba(215, 182, 106, 0.35); color: #f0d997 !important; }
.mini-edit { border-color: rgba(110, 165, 255, 0.35); color: #d8e9ff !important; }
.mini-action:hover { background: rgba(255, 255, 255, 0.12); }

/* Think xD - Audit Manage CSS Additions, Phase 6.4
 * ------------------------------------------------------------
 * Copy this to the end of /public/assets/css/auth.css
 */

.audit-actions-cell {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.inline-action-form {
    display: inline-flex;
    margin: 0;
}

.mini-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none !important;
    border: 1px solid rgba(247, 240, 223, 0.18);
    background: rgba(255, 255, 255, 0.06);
    color: #f7f0df !important;
    cursor: pointer;
}

.mini-view {
    border-color: rgba(215, 182, 106, 0.35);
    color: #f0d997 !important;
}

.mini-edit {
    border-color: rgba(110, 165, 255, 0.35);
    color: #d8e9ff !important;
}

.mini-duplicate {
    border-color: rgba(125, 230, 180, 0.35);
    color: #d8ffe9 !important;
}

.mini-archive {
    border-color: rgba(255, 180, 70, 0.35);
    color: #ffe1a8 !important;
}

.mini-delete {
    border-color: rgba(255, 95, 95, 0.35);
    color: #ffcaca !important;
}

.mini-action:hover {
    background: rgba(255, 255, 255, 0.12);
}


/* Think xD - Audit Charts CSS Additions, Phase 6.5
 * ------------------------------------------------------------
 * Copy this to the end of /public/assets/css/auth.css
 */

.audit-charts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin: 30px 0 36px;
}

.audit-chart-card {
    border: 1px solid rgba(215,182,106,.22);
    border-radius: 22px;
    background: rgba(255,255,255,.055);
    padding: 22px;
    min-height: 380px;
}

.audit-chart-card.chart-wide {
    grid-column: 1 / -1;
    min-height: 520px;
}

.audit-chart-card h2 {
    color: #f7f0df;
    margin: 0 0 6px;
    font-size: 1.25rem;
}

.audit-chart-card p {
    color: rgba(247,240,223,.70);
    margin: 0 0 18px;
    line-height: 1.55;
}

.chart-box {
    position: relative;
    width: 100%;
    height: 290px;
}

.chart-wide .chart-box {
    height: 430px;
}

.wisdom-chart-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 10px;
}

.wisdom-chart-meta div {
    border-radius: 16px;
    background: rgba(255,255,255,.05);
    padding: 12px;
    border: 1px solid rgba(255,255,255,.08);
}

.wisdom-chart-meta span {
    display: block;
    color: rgba(247,240,223,.58);
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 850;
}

.wisdom-chart-meta strong {
    display: block;
    color: #f7f0df;
    margin-top: 4px;
    font-size: 1.2rem;
}

@media (max-width: 980px) {
    .audit-charts-grid {
        grid-template-columns: 1fr;
    }

    .audit-chart-card.chart-wide {
        grid-column: auto;
    }

    .wisdom-chart-meta {
        grid-template-columns: 1fr;
    }

    .chart-wide .chart-box {
        height: 340px;
    }
}


/* Think xD - Audit Interpretation CSS Additions, Phase 6.6 */
.audit-interpretation {
    margin: 34px 0;
    border: 1px solid rgba(215,182,106,.24);
    border-radius: 24px;
    background: rgba(255,255,255,.052);
    padding: 24px;
}
.audit-interpretation-header { margin-bottom: 20px; }
.audit-interpretation-header span {
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .78rem;
    font-weight: 900;
}
.audit-interpretation-header h2 { color: #f7f0df; margin: 6px 0 8px; }
.audit-interpretation-header p { color: rgba(247,240,223,.72); line-height: 1.6; margin: 0; }
.interpretation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.interpretation-card {
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background: rgba(255,255,255,.045);
    padding: 18px;
}
.interpretation-card h3 { color: #d7b66a; font-size: 1.02rem; margin: 0 0 10px; }
.interpretation-card p, .interpretation-card li { color: rgba(247,240,223,.82); line-height: 1.62; }
.interpretation-card ul, .interpretation-card ol { margin: 0; padding-left: 1.2rem; }
.interpretation-card li + li { margin-top: 8px; }
.interpretation-card.card-wide { grid-column: span 3; }
@media (max-width: 1100px) {
    .interpretation-grid { grid-template-columns: 1fr; }
    .interpretation-card.card-wide { grid-column: auto; }
}


/* Think xD - Audit Report & Share CSS, Phase 6.7 */
.report-page .report-card { width: min(100%, 1120px); }
.report-toolbar { display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap; margin-bottom:22px; }
.report-header { border-bottom:1px solid rgba(215,182,106,.22); padding-bottom:18px; margin-bottom:22px; }
.report-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:22px 0; }
.report-summary-grid div, .share-preview-box, .share-link-box { border:1px solid rgba(215,182,106,.22); border-radius:18px; background:rgba(255,255,255,.055); padding:18px; }
.report-summary-grid span { display:block; color:rgba(247,240,223,.62); text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; font-weight:850; }
.report-summary-grid strong { display:block; color:#f7f0df; font-size:2rem; margin-top:6px; }
.report-summary-grid small { color:rgba(247,240,223,.70); }
.report-signature { font-size:1.25rem!important; line-height:1.4; }
.report-section { margin-top:26px; }
.report-section h2 { color:#d7b66a; margin-bottom:10px; }
.report-section h3 { color:#f7f0df; margin:18px 0 8px; }
.report-section p, .report-section li { color:rgba(247,240,223,.82); line-height:1.65; }
.report-table { width:100%; border-collapse:collapse; margin-top:12px; }
.report-table th, .report-table td { border-bottom:1px solid rgba(255,255,255,.10); padding:12px; color:rgba(247,240,223,.82); }
.report-table th { color:#d7b66a; text-align:left; text-transform:uppercase; font-size:.8rem; letter-spacing:.06em; }
.report-columns { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.report-footer { border-top:1px solid rgba(215,182,106,.22); margin-top:34px; padding-top:16px; color:rgba(247,240,223,.72); }
.share-options-form { margin-top:24px; }
.checkbox-line { display:flex; align-items:center; gap:10px; color:rgba(247,240,223,.82); margin-top:18px; }
.share-link-box { display:flex; gap:10px; align-items:center; }
.share-link-box input { flex:1; }
@media print {
    .no-print, nav, .site-nav, .topbar { display:none!important; }
    body { background:#fff!important; color:#000!important; }
    .dashboard-card, .report-summary-grid div, .share-preview-box { background:#fff!important; color:#000!important; border-color:#ccc!important; box-shadow:none!important; }
    .report-section p, .report-section li, .report-table td, .report-summary-grid strong, .report-section h3 { color:#000!important; }
    .report-section h2, .kicker, .report-table th { color:#333!important; }
}
@media (max-width:900px) {
    .report-summary-grid, .report-columns { grid-template-columns:1fr; }
    .share-link-box { flex-direction:column; align-items:stretch; }
}

.report-charts {
    page-break-inside: avoid;
}

@media print {
    .audit-chart-card {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .chart-box {
        height: 260px !important;
    }

    .chart-wide .chart-box {
        height: 320px !important;
    }
}

/* ============================================================
   Think xD - Improved Print / PDF Styles
   Phase 6.7 Print Fix
   ------------------------------------------------------------
   Purpose:
   - Preserve colors in PDF export.
   - Avoid broken dark/white mixed areas.
   - Keep charts, cards and report sections readable.
   ============================================================ */

@media print {
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    html,
    body {
        background: #10131b !important;
        color: #f7f0df !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body {
        font-size: 12pt !important;
        line-height: 1.45 !important;
    }

    nav,
    .site-nav,
    .topbar,
    .main-nav,
    .report-toolbar,
    .no-print,
    footer.site-footer {
        display: none !important;
    }

    .dashboard-wrap,
    .report-page {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #10131b !important;
    }

    .dashboard-card,
    .report-card {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 22px !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: #10131b !important;
        color: #f7f0df !important;
    }

    .report-header {
        border-bottom: 1px solid rgba(215, 182, 106, 0.45) !important;
        margin-bottom: 18px !important;
        padding-bottom: 14px !important;
        page-break-after: avoid !important;
    }

    .report-header h1,
    .report-section h2,
    .report-section h3,
    .audit-chart-card h2,
    .kicker {
        color: #d7b66a !important;
    }

    .lead,
    .report-section p,
    .report-section li,
    .audit-chart-card p,
    .report-footer,
    .report-table td {
        color: #f7f0df !important;
    }

    .report-summary-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
        margin: 18px 0 !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .report-summary-grid div,
    .audit-chart-card,
    .report-section,
    .share-preview-box {
        background: #171b26 !important;
        border: 1px solid rgba(215, 182, 106, 0.38) !important;
        color: #f7f0df !important;
        box-shadow: none !important;
    }

    .report-summary-grid div {
        border-radius: 12px !important;
        padding: 12px !important;
    }

    .report-summary-grid span {
        color: rgba(247, 240, 223, 0.75) !important;
    }

    .report-summary-grid strong,
    .report-summary-grid small,
    .report-signature {
        color: #f7f0df !important;
    }

    .report-section {
        border-radius: 12px !important;
        padding: 16px !important;
        margin-top: 18px !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .report-table {
        width: 100% !important;
        border-collapse: collapse !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .report-table th {
        color: #d7b66a !important;
        border-bottom: 1px solid rgba(215, 182, 106, 0.45) !important;
        background: rgba(255, 255, 255, 0.04) !important;
    }

    .report-table td {
        border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    }

    .audit-charts-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
        margin: 20px 0 !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .audit-chart-card {
        border-radius: 14px !important;
        padding: 14px !important;
        min-height: auto !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .audit-chart-card.chart-wide {
        grid-column: 1 / -1 !important;
    }

    .chart-box {
        height: 240px !important;
        min-height: 240px !important;
        max-height: 240px !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .chart-wide .chart-box {
        height: 330px !important;
        min-height: 330px !important;
        max-height: 330px !important;
    }

    canvas {
        max-width: 100% !important;
        height: auto !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .wisdom-chart-meta {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
        margin-top: 8px !important;
    }

    .wisdom-chart-meta div {
        background: rgba(255, 255, 255, 0.06) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 10px !important;
        padding: 8px !important;
    }

    .report-columns {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
    }

    .report-footer {
        border-top: 1px solid rgba(215, 182, 106, 0.45) !important;
        margin-top: 22px !important;
        padding-top: 12px !important;
    }

    a {
        color: #d7b66a !important;
        text-decoration: none !important;
    }
}

/* Think xD - Rewards Dashboard CSS, Phase 6.8 */

.rewards-page .rewards-card {
    width: min(100%, 1280px);
}

.rewards-summary-grid {
    display: grid;
    grid-template-columns: 1.2fr repeat(3, 1fr);
    gap: 16px;
    margin: 28px 0;
}

.reward-summary-card,
.milestone-card {
    border: 1px solid rgba(215,182,106,.22);
    border-radius: 22px;
    background: rgba(255,255,255,.055);
    padding: 20px;
}

.reward-summary-card span,
.milestone-top span {
    display: block;
    color: rgba(247,240,223,.64);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 850;
}

.reward-summary-card strong {
    display: block;
    color: #f7f0df;
    font-size: clamp(2rem, 4vw, 3.6rem);
    line-height: 1;
    margin: 8px 0 4px;
}

.reward-summary-card small {
    color: rgba(247,240,223,.70);
}

.reward-main {
    border-color: rgba(215,182,106,.48);
    box-shadow: 0 20px 70px rgba(215,182,106,.08);
}

.reward-section {
    margin-top: 34px;
}

.reward-section-header {
    margin-bottom: 16px;
}

.reward-section-header h2 {
    color: #f7f0df;
    margin: 0 0 6px;
}

.reward-section-header p {
    color: rgba(247,240,223,.72);
    margin: 0;
    line-height: 1.55;
}

.milestone-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.milestone-top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.milestone-top strong {
    color: #d7b66a;
    font-size: .82rem;
}

.milestone-card h3 {
    color: #f7f0df;
    margin: 14px 0 8px;
}

.milestone-card p {
    color: rgba(247,240,223,.72);
    line-height: 1.55;
    min-height: 72px;
}

.milestone-card.unlocked {
    border-color: rgba(125,230,180,.42);
}

.milestone-card.unlocked .milestone-top strong {
    color: #d8ffe9;
}

.reward-progress {
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
}

.reward-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(215,182,106,.65), rgba(247,240,223,.92));
}

.rewards-table td small {
    display: block;
    color: rgba(247,240,223,.58);
    margin-top: 4px;
}

.mini-copy {
    margin-left: 8px;
    border-color: rgba(215,182,106,.32);
    color: #f0d997 !important;
}

@media (max-width: 1100px) {
    .rewards-summary-grid,
    .milestone-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .rewards-summary-grid,
    .milestone-grid {
        grid-template-columns: 1fr;
    }
}


/* Think xD - Model Map CSS, Phase 6.9A */

.model-map-page .model-map-card { width: min(100%, 1280px); }

.model-architecture-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 28px 0;
}

.model-architecture-summary article,
.model-term-card,
.model-detail-card,
.model-relation-card,
.model-term-meta div {
    border: 1px solid rgba(215,182,106,.22);
    border-radius: 20px;
    background: rgba(255,255,255,.055);
    padding: 18px;
}

.model-architecture-summary span,
.model-term-card span,
.model-term-meta span,
.model-relation-card span {
    color: #d7b66a;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 900;
}

.model-architecture-summary h2,
.model-term-card h3,
.model-detail-card h2,
.model-relation-card h3 {
    color: #f7f0df;
    margin: 8px 0;
}

.model-architecture-summary p,
.model-term-card p,
.model-detail-card p,
.model-relation-card p {
    color: rgba(247,240,223,.76);
    line-height: 1.58;
}

.model-map-section { margin-top: 34px; }
.model-map-section > h2 { color: #f7f0df; margin-bottom: 16px; }

.model-term-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.model-term-card {
    display: block;
    text-decoration: none !important;
    transition: transform .18s ease, background .18s ease;
}

.model-term-card:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,.085);
}

.model-term-card small { color: rgba(247,240,223,.60); }

.model-term-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.model-term-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 26px;
}

.model-term-meta strong {
    display: block;
    color: #f7f0df;
    margin-top: 6px;
}

.model-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.model-detail-card.card-wide { grid-column: 1 / -1; }

.model-relations-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.model-relation-card a {
    color: #d7b66a !important;
    text-decoration: none;
}

@media (max-width: 1000px) {
    .model-architecture-summary,
    .model-term-grid,
    .model-term-meta,
    .model-detail-grid {
        grid-template-columns: 1fr;
    }

    .model-term-header { flex-direction: column; }

    .model-detail-card.card-wide { grid-column: auto; }
}


.audit-dimension-card textarea {
    width: 100%;
    min-height: 70px;
    margin-top: 12px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: #f7f0df;
    padding: 12px;
}

.audit-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 20px 0;
}

.audit-summary-grid div {
    border: 1px solid rgba(215,182,106,.24);
    border-radius: 18px;
    background: rgba(255,255,255,.055);
    padding: 18px;
}

.audit-summary-grid span {
    display: block;
    color: rgba(247,240,223,.64);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .76rem;
    font-weight: 850;
}

.audit-summary-grid strong {
    display: block;
    color: #f7f0df;
    font-size: 2rem;
    margin-top: 6px;
}

.audit-summary-grid small {
    color: rgba(247,240,223,.72);
}

@media (max-width: 900px) {
    .audit-summary-grid {
        grid-template-columns: 1fr;
    }
}

/* Think xD - Model Map Visual Assets */

.model-visual-hero {
    margin: 32px 0;
}

.model-visual-main {
    margin: 0;
    border: 1px solid rgba(215, 182, 106, .26);
    border-radius: 24px;
    overflow: hidden;
    background: rgba(255, 255, 255, .045);
    box-shadow: 0 22px 70px rgba(0, 0, 0, .28);
}

.model-visual-main img {
    display: block;
    width: 100%;
    height: auto;
}

.model-visual-main figcaption {
    padding: 14px 18px 18px;
    color: rgba(247, 240, 223, .78);
    font-weight: 700;
    text-align: center;
}

.model-detail-toggle {
    margin-top: 18px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 18px;
    background: rgba(255, 255, 255, .045);
    overflow: hidden;
}

.model-detail-toggle summary {
    cursor: pointer;
    padding: 16px 18px;
    color: #d7b66a;
    font-weight: 900;
    letter-spacing: .02em;
}

.model-detail-toggle .model-visual-main {
    border: 0;
    border-top: 1px solid rgba(215, 182, 106, .18);
    border-radius: 0;
    box-shadow: none;
}

.model-visual-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 34px 0;
}

.model-layer-visual-card {
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    overflow: hidden;
    background: rgba(255, 255, 255, .052);
    box-shadow: 0 16px 50px rgba(0, 0, 0, .22);
}

.model-layer-visual-card img {
    display: block;
    width: 100%;
    height: auto;
}

.model-layer-visual-card div {
    padding: 18px;
}

.model-layer-visual-card h2 {
    margin: 0 0 8px;
    color: #f7f0df;
}

.model-layer-visual-card p {
    margin: 0;
    color: rgba(247, 240, 223, .72);
    line-height: 1.5;
}

@media (max-width: 1000px) {
    .model-visual-grid {
        grid-template-columns: 1fr;
    }
}

/* Think xD - Model Map Layer Visuals Full Width */

.model-layer-visual-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    margin: 36px 0;
}

.model-layer-visual-wide {
    border: 1px solid rgba(215, 182, 106, .24);
    border-radius: 26px;
    overflow: hidden;
    background: rgba(255, 255, 255, .052);
    box-shadow: 0 20px 70px rgba(0, 0, 0, .26);
}

.model-layer-visual-wide img {
    display: block;
    width: 100%;
    height: auto;
}

.model-layer-visual-wide div {
    padding: 22px 24px 26px;
}

.model-layer-visual-wide h2 {
    margin: 0 0 8px;
    color: #f7f0df;
}

.model-layer-visual-wide p {
    max-width: 920px;
    margin: 0 0 18px;
    color: rgba(247, 240, 223, .74);
    line-height: 1.58;
}

.model-layer-visual-wide .btn-admin-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Think xD - Model Map Parent/Child Term Cards */

.model-term-card-parent {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin-bottom: 18px;
    padding: 26px 28px;
    border-color: rgba(215, 182, 106, .42);
    background:
        radial-gradient(circle at top left, rgba(215, 182, 106, .18), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .095), rgba(255, 255, 255, .045));
    box-shadow: 0 18px 60px rgba(0, 0, 0, .28);
}

.model-term-card-parent span {
    font-size: .82rem;
}

.model-term-card-parent h3 {
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    margin: 8px 0 6px;
}

.model-term-card-parent small {
    display: inline-flex;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(215, 182, 106, .12);
    color: rgba(247, 240, 223, .78);
}

.model-term-card-parent p {
    max-width: 980px;
    font-size: 1.02rem;
    color: rgba(247, 240, 223, .82);
}

.model-term-grid-children {
    margin-top: 0;
}

.model-term-card-child {
    min-height: 180px;
}

.model-map-section-core .model-term-card-parent {
    border-color: rgba(215, 182, 106, .48);
}

.model-map-section-ring .model-term-card-parent {
    border-color: rgba(96, 190, 210, .42);
}

.model-map-section-orbit .model-term-card-parent {
    border-color: rgba(120, 150, 255, .38);
}

@media (min-width: 1001px) {
    .model-term-grid-children {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1000px) {
    .model-term-card-parent {
        padding: 22px;
    }

    .model-term-card-child {
        min-height: auto;
    }
}

/* Think xD - Orbit children layout */

.model-map-section-orbit .model-term-grid-children {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 800px) {
    .model-map-section-orbit .model-term-grid-children {
        grid-template-columns: 1fr;
    }
}

/* Think xD - Admin Model Assets */

.model-asset-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 26px;
    margin-top: 28px;
}

.model-asset-card {
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 24px;
    overflow: hidden;
    background: rgba(255, 255, 255, .052);
    box-shadow: 0 18px 60px rgba(0, 0, 0, .24);
}

.model-asset-card img {
    display: block;
    width: 100%;
    height: auto;
}

.model-asset-card div {
    padding: 20px 22px 24px;
}

.model-asset-card h2 {
    margin: 0 0 10px;
    color: #f7f0df;
}

.model-asset-card p {
    color: rgba(247, 240, 223, .72);
    line-height: 1.6;
}

.model-asset-card code {
    color: #d7b66a;
    word-break: break-all;
}

/* Think xD - Main Model Diagram */

.model-diagram-main-section {
    margin: 34px 0;
}

.model-diagram-main {
    margin: 0;
    border: 1px solid rgba(215, 182, 106, .26);
    border-radius: 26px;
    overflow: hidden;
    background: rgba(255, 255, 255, .045);
    box-shadow: 0 22px 70px rgba(0, 0, 0, .28);
}

.model-diagram-main img {
    display: block;
    width: 100%;
    height: auto;
}

.model-diagram-main figcaption {
    padding: 14px 18px 18px;
    color: rgba(247, 240, 223, .78);
    font-weight: 700;
    text-align: center;
}

/* Think xD - Audit Compare, Phase 6.10 */

.audit-compare-selector {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    margin: 30px 0;
    padding: 20px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.audit-compare-selector label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .72);
    font-weight: 800;
}

.audit-compare-selector select {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    color: #f7f0df;
    padding: 0 14px;
}

.audit-compare-submit {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.audit-compare-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin: 28px 0;
}

.audit-compare-pair article,
.audit-compare-summary article,
.audit-compare-reading article {
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .052);
    padding: 20px;
}

.audit-compare-pair span,
.audit-compare-summary span {
    display: block;
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 900;
}

.audit-compare-pair h2 {
    margin: 8px 0;
    color: #f7f0df;
}

.audit-compare-pair p {
    margin: 0;
    color: rgba(247, 240, 223, .72);
}

.audit-compare-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 28px 0;
}

.audit-compare-summary strong {
    display: block;
    margin-top: 8px;
    color: #f7f0df;
    font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.audit-compare-summary small {
    display: block;
    margin-top: 6px;
    color: rgba(247, 240, 223, .72);
}

.audit-delta-positive {
    color: #9be7b3 !important;
}

.audit-delta-negative {
    color: #ffb0a8 !important;
}

.audit-delta-stable {
    color: rgba(247, 240, 223, .76) !important;
}

.audit-compare-reading {
    margin: 34px 0;
}

.audit-compare-reading h2,
.audit-compare-section h2 {
    color: #f7f0df;
}

.audit-compare-reading-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.audit-compare-reading ul {
    margin: 12px 0 0;
    padding-left: 18px;
}

.audit-compare-reading li {
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .82);
}

.audit-compare-reading li span {
    color: #d7b66a;
    font-weight: 900;
    margin-left: 6px;
}

.audit-compare-section {
    margin-top: 36px;
}

.audit-compare-section > p {
    color: rgba(247, 240, 223, .72);
}

.audit-compare-table td:first-child span {
    display: block;
    color: rgba(247, 240, 223, .68);
    margin-top: 4px;
}

.audit-compare-state {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    padding: 5px 10px;
    font-size: .82rem;
    font-weight: 900;
}

@media (max-width: 1000px) {
    .audit-compare-selector,
    .audit-compare-pair,
    .audit-compare-summary,
    .audit-compare-reading-grid {
        grid-template-columns: 1fr;
    }

    .audit-compare-submit {
        justify-content: flex-start;
    }
}

/* Think xD - Global select dropdown contrast fix */

select,
select option {
    background-color: #203f43;
    color: #f7f0df;
}

select option:checked,
select option:hover {
    background-color: #35575b;
    color: #ffffff;
}

/* Think xD - Audit Timeline, Phase 6.11 */

.audit-timeline-overview,
.audit-timeline-summary,
.audit-timeline-reading-grid {
    display: grid;
    gap: 18px;
}

.audit-timeline-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 30px 0 18px;
}

.audit-timeline-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 18px 0 36px;
}

.audit-timeline-overview article,
.audit-timeline-summary article,
.audit-timeline-reading article {
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .052);
    padding: 20px;
}

.audit-timeline-overview span,
.audit-timeline-summary span {
    display: block;
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 900;
}

.audit-timeline-overview strong,
.audit-timeline-summary strong {
    display: block;
    margin-top: 8px;
    color: #f7f0df;
    font-size: clamp(1.2rem, 2vw, 1.8rem);
}

.audit-timeline-overview small,
.audit-timeline-summary small {
    display: block;
    margin-top: 6px;
    color: rgba(247, 240, 223, .72);
}

.audit-timeline-path,
.audit-timeline-section,
.audit-timeline-reading {
    margin-top: 38px;
}

.audit-timeline-path h2,
.audit-timeline-section h2,
.audit-timeline-reading h2 {
    color: #f7f0df;
}

.audit-timeline-path > p {
    color: rgba(247, 240, 223, .72);
}

.audit-timeline-track {
    position: relative;
    display: grid;
    gap: 18px;
    margin-top: 22px;
}

.audit-timeline-point {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.audit-timeline-marker {
    width: 54px;
    height: 54px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(215, 182, 106, .44);
    background: radial-gradient(circle, rgba(215, 182, 106, .24), rgba(255, 255, 255, .04));
    color: #f7f0df;
    font-weight: 1000;
    box-shadow: 0 12px 38px rgba(0, 0, 0, .25);
}

.audit-timeline-content {
    border: 1px solid rgba(215, 182, 106, .20);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
    padding: 18px 20px;
}

.audit-timeline-content > span {
    color: #d7b66a;
    font-weight: 900;
    letter-spacing: .05em;
}

.audit-timeline-content h3 {
    margin: 8px 0;
    color: #f7f0df;
}

.audit-timeline-content p {
    margin: 0 0 12px;
    color: rgba(247, 240, 223, .72);
}

.audit-timeline-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 14px 0;
}

.audit-timeline-metrics strong {
    display: inline-flex;
    border: 1px solid rgba(215, 182, 106, .20);
    border-radius: 999px;
    padding: 6px 10px;
    background: rgba(255, 255, 255, .052);
    color: #f7f0df;
}

.audit-timeline-table td:first-child span {
    display: block;
    margin-top: 4px;
    color: rgba(247, 240, 223, .64);
}

.audit-timeline-reading-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.audit-timeline-reading ul {
    margin: 12px 0 0;
    padding-left: 18px;
}

.audit-timeline-reading li {
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .82);
}

.audit-timeline-reading li span {
    color: #d7b66a;
    font-weight: 900;
    margin-left: 6px;
}

@media (max-width: 1000px) {
    .audit-timeline-overview,
    .audit-timeline-summary,
    .audit-timeline-reading-grid {
        grid-template-columns: 1fr;
    }

    .audit-timeline-point {
        grid-template-columns: 1fr;
    }

    .audit-timeline-marker {
        width: 44px;
        height: 44px;
    }
}

/* Think xD - Audit Timeline Charts, Phase 6.11B */

.audit-timeline-charts {
    margin: 42px 0;
}

.audit-timeline-charts-header {
    margin-bottom: 20px;
}

.audit-timeline-charts-header span {
    display: block;
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 900;
}

.audit-timeline-charts-header h2 {
    margin: 8px 0;
    color: #f7f0df;
}

.audit-timeline-charts-header p {
    max-width: 860px;
    color: rgba(247, 240, 223, .72);
}

.audit-chart-card-wide {
    margin-top: 22px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 24px;
    background: rgba(255, 255, 255, .052);
    box-shadow: 0 18px 60px rgba(0, 0, 0, .22);
    padding: 22px;
}

.audit-chart-card-wide h3 {
    margin: 0 0 8px;
    color: #f7f0df;
}

.audit-chart-card-wide p {
    margin: 0 0 18px;
    color: rgba(247, 240, 223, .72);
}

.audit-timeline-chart-box {
    position: relative;
    width: 100%;
    height: 360px;
}

.audit-timeline-chart-box-tall {
    height: 430px;
}

.audit-timeline-chart-box canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 900px) {
    .audit-chart-card-wide {
        padding: 18px;
    }

    .audit-timeline-chart-box,
    .audit-timeline-chart-box-tall {
        height: 340px;
    }
}

/* Think xD - Action Plan, Phase 6.12 */

.action-plan-selector {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    margin: 30px 0;
    padding: 20px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.action-plan-selector label,
.action-plan-edit-form label,
.action-plan-custom-form label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .72);
    font-weight: 800;
}

.action-plan-selector select,
.action-plan-edit-form select,
.action-plan-edit-form input,
.action-plan-edit-form textarea,
.action-plan-custom-form select,
.action-plan-custom-form input,
.action-plan-custom-form textarea {
    width: 100%;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    color: #f7f0df;
    padding: 12px 14px;
}

.action-plan-selector select option,
.action-plan-edit-form select option,
.action-plan-custom-form select option {
    background-color: #203f43;
    color: #f7f0df;
}

.action-plan-selector-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.action-plan-audit-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    margin: 28px 0;
    padding: 22px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 24px;
    background: rgba(255, 255, 255, .052);
}

.action-plan-audit-header span,
.action-plan-section-header span,
.action-plan-suggestion-card span,
.action-plan-item-top span {
    display: block;
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 900;
}

.action-plan-audit-header h2,
.action-plan-section-header h2,
.action-plan-item-card h3,
.action-plan-suggestion-card h3 {
    color: #f7f0df;
}

.action-plan-audit-header h2 {
    margin: 8px 0;
}

.action-plan-audit-header p,
.action-plan-section-header p,
.action-plan-suggestion-card p,
.action-plan-item-card p {
    color: rgba(247, 240, 223, .72);
}

.action-plan-audit-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.action-plan-audit-metrics strong {
    display: inline-flex;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 999px;
    background: rgba(255, 255, 255, .052);
    color: #f7f0df;
    padding: 7px 12px;
}

.action-plan-suggestions,
.action-plan-items,
.action-plan-custom {
    margin-top: 38px;
}

.action-plan-suggestion-grid,
.action-plan-item-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 22px;
}

.action-plan-suggestion-card,
.action-plan-item-card {
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 24px;
    background: rgba(255, 255, 255, .052);
    padding: 22px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .20);
}

.action-plan-suggestion-card.priority-high,
.action-plan-item-card.priority-high {
    border-color: rgba(255, 176, 168, .42);
}

.action-plan-suggestion-card.priority-medium,
.action-plan-item-card.priority-medium {
    border-color: rgba(215, 182, 106, .36);
}

.action-plan-suggestion-card.priority-low,
.action-plan-item-card.priority-low {
    border-color: rgba(155, 231, 179, .34);
}

.action-plan-suggestion-card small {
    color: rgba(247, 240, 223, .64);
    font-weight: 800;
}

.action-plan-inline-form {
    margin-top: 22px;
}

.action-plan-item-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
}

.action-plan-item-top strong {
    white-space: nowrap;
    border-radius: 999px;
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, .14);
    color: #f7f0df;
}

.status-completed {
    color: #9be7b3 !important;
}

.status-in_progress {
    color: #d7b66a !important;
}

.status-cancelled {
    color: #ffb0a8 !important;
}

.action-plan-edit-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 16px 0;
}

.action-plan-edit-form > div,
.action-plan-custom-form > div {
    margin-top: 14px;
}

.action-plan-card-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.btn-admin-secondary.danger {
    border-color: rgba(255, 176, 168, .34);
    color: #ffb0a8;
}

.action-plan-custom-form {
    margin-top: 20px;
    padding: 22px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 24px;
    background: rgba(255, 255, 255, .045);
}

@media (max-width: 1000px) {
    .action-plan-selector,
    .action-plan-audit-header,
    .action-plan-edit-grid {
        grid-template-columns: 1fr;
    }

    .action-plan-selector-actions,
    .action-plan-audit-metrics,
    .action-plan-item-top {
        align-items: flex-start;
    }

    .action-plan-item-top {
        flex-direction: column;
    }
}


/* Think xD - Action Plan Control, Phase 6.12B */

.action-plan-control,
.action-plan-impact {
    margin-top: 38px;
}

.action-plan-control-grid,
.action-plan-impact-summary,
.action-plan-impact-reading,
.action-plan-evidence-grid {
    display: grid;
    gap: 18px;
}

.action-plan-control-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 20px;
}

.action-plan-control-grid article,
.action-plan-impact-summary article,
.action-plan-impact-reading article {
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .052);
    padding: 20px;
}

.action-plan-control-grid article.is-warning,
.action-plan-item-card.is-overdue {
    border-color: rgba(255, 176, 168, .46);
}

.action-plan-control-grid span,
.action-plan-impact-summary span {
    display: block;
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 900;
}

.action-plan-control-grid strong,
.action-plan-impact-summary strong {
    display: block;
    margin-top: 8px;
    color: #f7f0df;
    font-size: clamp(1.3rem, 2vw, 1.9rem);
}

.action-plan-control-grid small,
.action-plan-impact-summary small {
    display: block;
    margin-top: 6px;
    color: rgba(247, 240, 223, .72);
}

.action-plan-impact-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    margin-top: 20px;
    padding: 20px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.action-plan-impact-form label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .72);
    font-weight: 800;
}

.action-plan-impact-form select {
    width: 100%;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    color: #f7f0df;
    padding: 12px 14px;
}

.action-plan-impact-form select option {
    background-color: #203f43;
    color: #f7f0df;
}

.action-plan-impact-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 24px;
}

.action-plan-impact-reading {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 22px;
}

.action-plan-impact-reading h3 {
    margin-top: 0;
    color: #f7f0df;
}

.action-plan-impact-reading p,
.action-plan-impact-reading li {
    color: rgba(247, 240, 223, .76);
}

.action-plan-impact-reading li {
    margin-bottom: 8px;
}

.action-plan-impact-reading li span {
    color: #d7b66a;
    font-weight: 900;
    margin-left: 6px;
}

.action-plan-evidence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
}

.action-plan-evidence-grid > div:last-child {
    max-width: 220px;
}

.action-plan-overdue-badge {
    display: inline-flex;
    width: fit-content;
    margin: 10px 0;
    border: 1px solid rgba(255, 176, 168, .38);
    border-radius: 999px;
    padding: 6px 10px;
    color: #ffb0a8;
    background: rgba(255, 176, 168, .08);
    font-weight: 900;
    font-size: .82rem;
}

.action-plan-completed-at {
    display: block;
    margin-top: 12px;
    color: rgba(155, 231, 179, .86);
    font-weight: 800;
}

@media (max-width: 1000px) {
    .action-plan-control-grid,
    .action-plan-impact-summary,
    .action-plan-impact-reading,
    .action-plan-evidence-grid,
    .action-plan-impact-form {
        grid-template-columns: 1fr;
    }

    .action-plan-evidence-grid > div:last-child {
        max-width: none;
    }
}
/* Think xD - xD Simulator, Phase 6.13 */

.xd-simulator-selector {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    margin: 30px 0;
    padding: 20px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.xd-simulator-selector label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .72);
    font-weight: 800;
}

.xd-simulator-selector select {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    color: #f7f0df;
    padding: 0 14px;
}

.xd-simulator-selector select option {
    background-color: #203f43;
    color: #f7f0df;
}

.xd-simulator-selector-actions,
.xd-simulator-audit-actions,
.xd-simulator-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.xd-simulator-audit-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    margin: 28px 0;
    padding: 22px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 24px;
    background: rgba(255, 255, 255, .052);
}

.xd-simulator-audit-header span,
.xd-simulator-summary span {
    display: block;
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 900;
}

.xd-simulator-audit-header h2 {
    margin: 8px 0;
    color: #f7f0df;
}

.xd-simulator-audit-header p {
    margin: 0;
    color: rgba(247, 240, 223, .72);
}

.xd-simulator-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 28px 0;
}

.xd-simulator-summary article,
.xd-simulator-reading article {
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .052);
    padding: 20px;
}

.xd-simulator-summary strong {
    display: block;
    margin-top: 8px;
    color: #f7f0df;
    font-size: clamp(1.2rem, 2vw, 1.7rem);
}

.xd-simulator-summary small {
    display: block;
    margin-top: 6px;
    color: rgba(247, 240, 223, .72);
}

.xd-simulator-reading {
    margin: 34px 0;
}

.xd-simulator-reading h2,
.xd-simulator-section h2 {
    color: #f7f0df;
}

.xd-simulator-reading-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.xd-simulator-reading h3 {
    margin-top: 0;
    color: #f7f0df;
}

.xd-simulator-reading p,
.xd-simulator-reading li {
    color: rgba(247, 240, 223, .76);
}

.xd-simulator-reading li {
    margin-bottom: 8px;
}

.xd-simulator-reading li span {
    color: #d7b66a;
    font-weight: 900;
    margin-left: 6px;
}

.xd-simulator-section {
    margin-top: 38px;
}

.xd-simulator-section > p {
    color: rgba(247, 240, 223, .72);
}

.xd-simulator-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
    gap: 18px;
    align-items: center;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid rgba(215, 182, 106, .18);
    border-radius: 20px;
    background: rgba(255, 255, 255, .045);
}

.xd-simulator-row-text strong {
    color: #f7f0df;
}

.xd-simulator-row-text p {
    margin: 8px 0;
    color: rgba(247, 240, 223, .70);
}

.xd-simulator-row-text small {
    color: rgba(247, 240, 223, .62);
    font-weight: 800;
}

.xd-simulator-control {
    justify-self: stretch;
}

.xd-simulator-actions {
    margin-top: 28px;
}

@media (max-width: 1000px) {
    .xd-simulator-selector,
    .xd-simulator-audit-header,
    .xd-simulator-summary,
    .xd-simulator-reading-grid,
    .xd-simulator-row {
        grid-template-columns: 1fr;
    }

    .xd-simulator-audit-actions,
    .xd-simulator-selector-actions {
        justify-content: flex-start;
    }
}

/* Think xD - Transformative Actions Admin, Phase 6.14B */

.ta-admin-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px 200px auto;
    gap: 16px;
    align-items: end;
    margin: 28px 0;
    padding: 20px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.ta-admin-filters label,
.ta-edit-form label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .72);
    font-weight: 800;
}

.ta-admin-filters input,
.ta-admin-filters select,
.ta-edit-form input,
.ta-edit-form select,
.ta-edit-form textarea {
    width: 100%;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    color: #f7f0df;
    padding: 12px 14px;
}

.ta-admin-filters select option,
.ta-edit-form select option {
    background-color: #203f43;
    color: #f7f0df;
}

.ta-admin-filter-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.ta-form-section {
    margin-top: 34px;
    padding-top: 24px;
    border-top: 1px solid rgba(215, 182, 106, .18);
}

.ta-form-section h2 {
    margin-top: 0;
    color: #f7f0df;
}

.ta-form-grid-2,
.ta-form-grid-3,
.ta-form-grid-4 {
    display: grid;
    gap: 16px;
    margin: 16px 0;
}

.ta-form-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ta-form-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ta-form-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ta-edit-form textarea {
    min-height: 80px;
    resize: vertical;
}

.ta-checkbox-row,
.ta-inline-checkbox {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 16px;
}

.ta-checkbox-row label,
.ta-inline-checkbox {
    color: rgba(247, 240, 223, .78);
    font-weight: 800;
}

.ta-checkbox-row input,
.ta-inline-checkbox input {
    width: auto;
    margin-right: 8px;
}

.ta-nested-card {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(215, 182, 106, .20);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.btn-admin-secondary.danger {
    border-color: rgba(255, 176, 168, .36);
    color: #ffb0a8;
}

@media (max-width: 1100px) {
    .ta-admin-filters,
    .ta-form-grid-2,
    .ta-form-grid-3,
    .ta-form-grid-4 {
        grid-template-columns: 1fr;
    }

    .ta-admin-filter-actions {
        justify-content: flex-start;
    }
}

/* Think xD - Transformative Action Admin View, Phase 6.14B.1 */

.ta-view-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
    gap: 22px;
    align-items: stretch;
    margin: 30px 0;
}

.ta-view-hero > div,
.ta-view-hero > aside,
.ta-view-metrics article,
.ta-view-info-grid article,
.ta-view-card,
.ta-view-source {
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 24px;
    background: rgba(255, 255, 255, .052);
    padding: 22px;
}

.ta-view-hero h2 {
    margin: 14px 0 10px;
    color: #f7f0df;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
}

.ta-view-hero p,
.ta-view-text-block p,
.ta-view-card p,
.ta-view-source p,
.ta-view-source small {
    color: rgba(247, 240, 223, .76);
    line-height: 1.7;
}

.ta-view-badge {
    display: inline-flex;
    margin: 0 8px 8px 0;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 999px;
    padding: 5px 10px;
    color: #d7b66a;
    font-size: .82rem;
    font-weight: 900;
}

.ta-view-badge.is-muted {
    color: rgba(247, 240, 223, .62);
}

.ta-view-hero dl,
.ta-view-source dl {
    display: grid;
    gap: 12px;
    margin: 0;
}

.ta-view-hero dt,
.ta-view-source dt {
    color: rgba(247, 240, 223, .58);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ta-view-hero dd,
.ta-view-source dd {
    margin: 4px 0 0;
    color: #f7f0df;
    word-break: break-word;
}

.ta-view-metrics,
.ta-view-info-grid {
    display: grid;
    gap: 16px;
}

.ta-view-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 28px 0;
}

.ta-view-info-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 20px;
}

.ta-view-metrics span,
.ta-view-info-grid span,
.ta-view-card span,
.ta-view-source span {
    display: block;
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 900;
}

.ta-view-metrics strong {
    display: block;
    margin-top: 8px;
    color: #f7f0df;
    font-size: clamp(1.3rem, 2vw, 1.9rem);
}

.ta-view-info-grid strong {
    display: block;
    margin-top: 8px;
    color: #f7f0df;
}

.ta-view-section {
    margin-top: 38px;
}

.ta-view-section h2 {
    color: #f7f0df;
    margin-bottom: 16px;
}

.ta-view-text-block {
    margin-top: 18px;
    padding: 20px;
    border: 1px solid rgba(215, 182, 106, .18);
    border-radius: 22px;
    background: rgba(255, 255, 255, .04);
}

.ta-view-text-block h3,
.ta-view-card h3,
.ta-view-source h3 {
    color: #f7f0df;
    margin-top: 0;
}

.ta-view-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ta-view-table td:first-child span,
.ta-view-table td:first-child small,
.ta-view-table td span {
    display: block;
    margin-top: 5px;
    color: rgba(247, 240, 223, .62);
}

.ta-view-table td:first-child p {
    color: rgba(247, 240, 223, .76);
    margin: 8px 0;
}

.ta-view-source-list {
    display: grid;
    gap: 18px;
}

.ta-view-source {
    display: grid;
    gap: 16px;
}

.ta-view-source a {
    color: #d7b66a;
    font-weight: 900;
}

.ta-view-citation {
    border-left: 3px solid rgba(215, 182, 106, .55);
    padding: 12px 14px;
    background: rgba(215, 182, 106, .06);
    color: rgba(247, 240, 223, .80);
    line-height: 1.7;
}

@media (max-width: 1000px) {
    .ta-view-hero,
    .ta-view-metrics,
    .ta-view-info-grid,
    .ta-view-card-grid {
        grid-template-columns: 1fr;
    }
}

/* Think xD - User Transformative Action Library, Phase 6.14C */

.action-library-filters {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(180px, .8fr) 140px minmax(180px, .8fr) minmax(180px, .8fr) auto;
    gap: 16px;
    align-items: end;
    margin: 30px 0;
    padding: 20px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.action-library-filters label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .72);
    font-weight: 800;
}

.action-library-filters input,
.action-library-filters select {
    width: 100%;
    min-height: 46px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    color: #f7f0df;
    padding: 0 14px;
}

.action-library-filters select option {
    background-color: #203f43;
    color: #f7f0df;
}

.action-library-filter-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.action-library-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 28px 0;
}

.action-library-summary article,
.action-library-card,
.action-library-view-hero > div,
.action-library-view-hero > aside,
.action-library-impact-grid article,
.action-library-scenario-grid article,
.action-library-source-list article {
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 24px;
    background: rgba(255, 255, 255, .052);
    padding: 22px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .18);
}

.action-library-summary span,
.action-library-card-top span,
.action-library-view-hero dt,
.action-library-impact-grid span,
.action-library-scenario-grid span,
.action-library-source-list span {
    display: block;
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 900;
}

.action-library-summary strong {
    display: block;
    margin-top: 8px;
    color: #f7f0df;
    font-size: clamp(1.3rem, 2vw, 1.9rem);
}

.action-library-summary small {
    display: block;
    margin-top: 6px;
    color: rgba(247, 240, 223, .72);
}

.action-library-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 28px;
}

.action-library-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.action-library-card-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.action-library-card-top strong {
    color: #9be7b3;
    font-size: .82rem;
    white-space: nowrap;
}

.action-library-card h2,
.action-library-view-section h2,
.action-library-impact-grid h3,
.action-library-scenario-grid h3,
.action-library-source-list h3,
.action-library-text-block h3 {
    color: #f7f0df;
}

.action-library-card h2 {
    margin: 0;
}

.action-library-card p,
.action-library-view-hero p,
.action-library-impact-grid p,
.action-library-scenario-grid p,
.action-library-source-list p,
.action-library-source-list small,
.action-library-text-block p {
    color: rgba(247, 240, 223, .76);
    line-height: 1.7;
}

.action-library-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

.action-library-meta small,
.action-library-badge {
    display: inline-flex;
    width: fit-content;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 999px;
    padding: 6px 10px;
    color: rgba(247, 240, 223, .76);
    font-weight: 800;
    font-size: .82rem;
}

.action-library-card-actions {
    margin-top: 8px;
}

.action-library-view-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
    gap: 22px;
    margin: 30px 0;
}

.action-library-view-hero dl {
    display: grid;
    gap: 12px;
    margin: 0;
}

.action-library-view-hero dd {
    margin: 4px 0 0;
    color: #f7f0df;
}

.action-library-view-section {
    margin-top: 38px;
}

.action-library-text-block {
    margin-top: 18px;
    padding: 20px;
    border: 1px solid rgba(215, 182, 106, .18);
    border-radius: 22px;
    background: rgba(255, 255, 255, .04);
}

.action-library-impact-grid,
.action-library-scenario-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.action-library-impact-grid strong {
    display: block;
    margin: 10px 0;
    color: #9be7b3;
    font-size: 1.8rem;
}

.action-library-impact-grid small {
    color: rgba(247, 240, 223, .68);
    font-weight: 800;
}

.action-library-source-list {
    display: grid;
    gap: 18px;
    margin-top: 18px;
}

.action-library-source-list a {
    color: #d7b66a;
    font-weight: 900;
}

.action-library-source-list blockquote {
    margin: 14px 0;
    padding: 12px 14px;
    border-left: 3px solid rgba(215, 182, 106, .55);
    background: rgba(215, 182, 106, .06);
    color: rgba(247, 240, 223, .8);
    line-height: 1.7;
}

@media (max-width: 1200px) {
    .action-library-filters,
    .action-library-summary,
    .action-library-grid,
    .action-library-view-hero,
    .action-library-impact-grid,
    .action-library-scenario-grid {
        grid-template-columns: 1fr;
    }
}

/* Think xD - Content Templates Admin, Phase 6.14D */

.content-template-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px 210px 190px auto;
    gap: 16px;
    align-items: end;
    margin: 28px 0;
    padding: 20px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.content-template-filters label,
.content-template-edit-form label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .72);
    font-weight: 800;
}

.content-template-filters input,
.content-template-filters select,
.content-template-edit-form input,
.content-template-edit-form select,
.content-template-edit-form textarea {
    width: 100%;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    color: #f7f0df;
    padding: 12px 14px;
}

.content-template-filters select option,
.content-template-edit-form select option {
    background-color: #203f43;
    color: #f7f0df;
}

.content-template-filter-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.content-template-section {
    margin-top: 34px;
    padding-top: 24px;
    border-top: 1px solid rgba(215, 182, 106, .18);
}

.content-template-section h2 {
    margin-top: 0;
    color: #f7f0df;
}

.content-template-grid-2,
.content-template-grid-3,
.content-template-grid-4 {
    display: grid;
    gap: 16px;
    margin: 16px 0;
}

.content-template-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.content-template-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.content-template-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.content-template-checkbox {
    display: flex !important;
    gap: 10px;
    align-items: center;
    margin: 14px 0 18px;
    color: rgba(247, 240, 223, .78);
}

.content-template-checkbox input {
    width: auto;
}

.content-template-preview {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 20px;
    background: rgba(255, 255, 255, .045);
}

.content-template-preview h3 {
    color: #f7f0df;
    margin-top: 0;
}

.content-template-preview pre {
    white-space: pre-wrap;
    color: rgba(247, 240, 223, .82);
    line-height: 1.6;
}

.btn-admin-secondary.danger {
    border-color: rgba(255, 176, 168, .36);
    color: #ffb0a8;
}

@media (max-width: 1100px) {
    .content-template-filters,
    .content-template-grid-2,
    .content-template-grid-3,
    .content-template-grid-4 {
        grid-template-columns: 1fr;
    }
}

/* Think xD - Content Template View, Phase 6.14D.1 */

.content-template-view-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
    gap: 22px;
    align-items: stretch;
    margin: 30px 0;
}

.content-template-view-hero > div,
.content-template-view-hero > aside,
.content-template-view-metrics article,
.content-template-view-block {
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 24px;
    background: rgba(255, 255, 255, .052);
    padding: 22px;
}

.content-template-view-hero h2 {
    margin: 14px 0 10px;
    color: #f7f0df;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
}

.content-template-view-hero p {
    color: rgba(247, 240, 223, .78);
    line-height: 1.7;
}

.content-template-view-badge {
    display: inline-flex;
    margin: 0 8px 8px 0;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 999px;
    padding: 5px 10px;
    color: #d7b66a;
    font-size: .82rem;
    font-weight: 900;
}

.content-template-view-badge.is-muted {
    color: rgba(247, 240, 223, .62);
}

.content-template-view-hero dl {
    display: grid;
    gap: 12px;
    margin: 0;
}

.content-template-view-hero dt {
    color: rgba(247, 240, 223, .58);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.content-template-view-hero dd {
    margin: 4px 0 0;
    color: #f7f0df;
    word-break: break-word;
}

.content-template-view-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 28px 0;
}

.content-template-view-metrics span {
    display: block;
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 900;
}

.content-template-view-metrics strong {
    display: block;
    margin-top: 8px;
    color: #f7f0df;
    font-size: clamp(1.1rem, 2vw, 1.5rem);
}

.content-template-view-metrics small {
    display: block;
    margin-top: 6px;
    color: rgba(247, 240, 223, .72);
}

.content-template-view-section {
    margin-top: 38px;
}

.content-template-view-section h2 {
    color: #f7f0df;
    margin-bottom: 16px;
}

.content-template-view-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.content-template-view-block {
    margin-top: 18px;
}

.content-template-view-block h3 {
    color: #f7f0df;
    margin-top: 0;
}

.content-template-view-block pre {
    white-space: pre-wrap;
    color: rgba(247, 240, 223, .82);
    line-height: 1.65;
}

.content-template-view-block.is-main pre {
    font-size: .96rem;
}

.content-template-preview-form {
    margin-top: 18px;
    padding: 20px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.content-template-preview-form label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .72);
    font-weight: 800;
}

.content-template-preview-form textarea {
    width: 100%;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    color: #f7f0df;
    padding: 12px 14px;
    margin-bottom: 14px;
}

@media (max-width: 1000px) {
    .content-template-view-hero,
    .content-template-view-metrics,
    .content-template-view-grid {
        grid-template-columns: 1fr;
    }
}

/* Think xD - Templates + Transformative Actions Integration, Phase 6.14E */

.ta-template-action-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);
    gap: 18px;
    margin: 30px 0;
}

.ta-template-action-header > div,
.ta-template-action-header > aside,
.ta-template-variable-grid article,
.ta-template-preview {
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 24px;
    background: rgba(255, 255, 255, .052);
    padding: 22px;
}

.ta-template-action-header span,
.ta-template-variable-grid span {
    display: block;
    color: #d7b66a;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 900;
}

.ta-template-action-header h2,
.ta-template-section h2 {
    color: #f7f0df;
}

.ta-template-action-header h2 {
    margin: 8px 0;
}

.ta-template-action-header p,
.ta-template-action-header small,
.ta-template-variable-grid p {
    color: rgba(247, 240, 223, .72);
    line-height: 1.7;
}

.ta-template-action-header aside strong {
    display: block;
    color: #f7f0df;
    margin-bottom: 8px;
}

.ta-template-section {
    margin-top: 38px;
}

.ta-template-grid-2 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: end;
    padding: 20px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.ta-template-generate-form label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .72);
    font-weight: 800;
}

.ta-template-generate-form select {
    width: 100%;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    color: #f7f0df;
    padding: 12px 14px;
}

.ta-template-generate-form select option {
    background-color: #203f43;
    color: #f7f0df;
}

.ta-template-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.ta-template-variable-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.ta-template-variable-grid p {
    margin-bottom: 0;
    word-break: break-word;
}

.ta-template-preview pre {
    white-space: pre-wrap;
    color: rgba(247, 240, 223, .84);
    line-height: 1.7;
}

@media (max-width: 1000px) {
    .ta-template-action-header,
    .ta-template-grid-2,
    .ta-template-variable-grid {
        grid-template-columns: 1fr;
    }
}

.btn-admin-secondary.is-disabled {
    opacity: .45;
    cursor: not-allowed;
    pointer-events: none;
}

.table-action-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.inline-delete-form {
    display: inline;
    margin: 0;
}

.inline-delete-form button {
    background: transparent;
    cursor: pointer;
}

.mini-delete {
    border-color: rgba(255, 176, 168, .36);
    color: #ffb0a8;
}

/* Think xD - New Transformative Action by Template, Phase 6.14E.1 */

.ta-create-template-section {
    margin-top: 34px;
    padding-top: 24px;
    border-top: 1px solid rgba(215, 182, 106, .18);
}

.ta-create-template-section h2 {
    margin-top: 0;
    color: #f7f0df;
}

.ta-create-template-grid-2,
.ta-create-template-grid-3,
.ta-create-template-grid-4 {
    display: grid;
    gap: 16px;
    margin: 16px 0;
}

.ta-create-template-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ta-create-template-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ta-create-template-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ta-create-template-form label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .72);
    font-weight: 800;
}

.ta-create-template-form input,
.ta-create-template-form select,
.ta-create-template-form textarea {
    width: 100%;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    color: #f7f0df;
    padding: 12px 14px;
}

.ta-create-template-form select option {
    background-color: #203f43;
    color: #f7f0df;
}

.ta-create-template-vars,
.ta-create-template-preview {
    margin-top: 18px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 22px;
    background: rgba(255, 255, 255, .052);
    padding: 20px;
}

.ta-create-template-vars h3,
.ta-create-template-preview h3 {
    margin-top: 0;
    color: #f7f0df;
}

.ta-create-template-vars p {
    color: rgba(247, 240, 223, .76);
}

.ta-create-template-preview pre {
    white-space: pre-wrap;
    color: rgba(247, 240, 223, .84);
    line-height: 1.7;
}

.ta-create-template-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 1100px) {
    .ta-create-template-grid-2,
    .ta-create-template-grid-3,
    .ta-create-template-grid-4 {
        grid-template-columns: 1fr;
    }
}

/* Think xD - Content Template Classification, Phase 6.14D.2 */

.content-template-scenario-card {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(215, 182, 106, .20);
    border-radius: 22px;
    background: rgba(255, 255, 255, .045);
}

.content-template-section h3 {
    margin-top: 22px;
    color: #f7f0df;
}

.content-template-filters.advanced {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
    align-items: end;
}

.content-template-filters.advanced > div {
    min-width: 0;
}

.content-template-filters.advanced input,
.content-template-filters.advanced select {
    width: 100%;
    max-width: 100%;
}

.content-template-filter-actions {
    display: flex;
    gap: 10px;
    align-items: end;
    justify-content: flex-start;
    flex-wrap: wrap;
}

@media (min-width: 1200px) {
    .content-template-filters.advanced {
        grid-template-columns:
            minmax(220px, 1.3fr)
            minmax(170px, .8fr)
            minmax(190px, 1fr)
            minmax(180px, .9fr)
            minmax(160px, .8fr)
            auto;
    }
}

@media (max-width: 900px) {
    .content-template-filters.advanced {
        grid-template-columns: 1fr;
    }
}

/* Think xD - Scenario hierarchy filters, Phase 6.14S.1 */

.scenario-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
}

@media (max-width: 900px) {
    .scenario-filter-grid {
        grid-template-columns: 1fr;
    }
}

/* Think xD - Dependent Dropdowns, Phase UX-2 */

.txd-dependent-dropdown {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
    align-items: end;
}

.txd-dd-field {
    min-width: 0;
}

.txd-dd-field label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 240, 223, .72);
    font-weight: 800;
}

.txd-dd-field select {
    width: 100%;
    max-width: 100%;
    min-height: 46px;
    border: 1px solid rgba(215, 182, 106, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    color: #f7f0df;
    padding: 0 14px;
}

.txd-dd-field select option {
    background-color: #203f43;
    color: #f7f0df;
}

.txd-dd-field select:disabled {
    opacity: .55;
    cursor: not-allowed;
}

/* Think xD - Phase 6.14E.2 Template Blueprint UI append */
.txd-blueprint-card { border: 1px solid rgba(0,0,0,.08); border-radius: 14px; padding: 16px; margin: 14px 0; background: #fff; }
.txd-blueprint-card__title { font-weight: 700; margin-bottom: 6px; }
.txd-blueprint-card__meta { font-size: .92rem; opacity: .78; margin-bottom: 10px; }
.txd-blueprint-flow { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
.txd-blueprint-flow span { padding: 6px 10px; border-radius: 999px; background: rgba(0,0,0,.06); font-size: .86rem; }
.txd-blueprint-note { font-size: .92rem; opacity: .82; margin-top: 10px; }


.txd-taxonomy-map-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 24px;
}

.txd-taxonomy-map-preview span {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 218, 120, .14);
    color: #fff4d4;
    border: 1px solid rgba(255, 218, 120, .18);
    font-size: .9rem;
    font-weight: 700;
}

.txd-taxonomy-map-preview span:not(:last-child)::after {
    content: " →";
    opacity: .7;
}

.txd-template-bottom.audit-actions {
    padding: 18px 20px;
    border-radius: 18px;
    border: 1px solid rgba(255, 218, 120, 0.18);
    background: rgba(255, 255, 255, 0.035);
    margin-top: 24px;
}
.txd-template-preview-button-full {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}

.txd-template-preview-button-full {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}

.txd-template-preview-button-full.is-disabled {
    opacity: .45;
    cursor: not-allowed;
}

.txd-template-preview-note {
    width: 100%;
    margin: 0 0 14px;
    font-size: .86rem;
    opacity: .72;
    text-align: center;
}

.txd-template-preview-button-full {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}

.txd-template-preview-button-full.is-disabled {
    opacity: .45;
    cursor: not-allowed;
}

.txd-template-preview-note {
    width: 100%;
    margin: 0 0 14px;
    font-size: .86rem;
    opacity: .72;
    text-align: center;
}

.txd-template-tone-picker {
    width: 100%;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 218, 120, 0.18);
    background: rgba(255, 255, 255, 0.035);
    margin-bottom: 14px;
}

.txd-template-tone-picker label {
    display: block;
    font-weight: 800;
    margin-bottom: 8px;
}

.txd-template-tone-picker select {
    width: 100%;
}

.txd-template-tone-hint {
    margin: 8px 0 0;
    font-size: .86rem;
    opacity: .72;
}


.txd-template-tone-preview-btn-container {
    width: 100%;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 218, 120, 0.18);
    background: rgba(255, 255, 255, 0.035);
    margin-bottom: 14px;
    text-align: center;
}

.txd-template-tone-preview-btn-container label {
    display: block;
    font-weight: 800;
    margin-bottom: 8px;
    width: 100%;
    text-align: center;
    color: yellow;
    font-size: .80rem;
}