/* 9-point grading inspired palette:
   - Header: soft pink
   - Table/title accents: denim blue
   - Body background: gentle gray */

body:not(.dark-mode) .module-detail-theme.tone-9point {
    --tone-bg: #eef1f4;
    --tone-card-bg: #f6f8fb;
    --tone-border: #d4dce7;
    --tone-title: #1f4f86;
    --tone-accent: #2f5f95;
    --tone-accent-soft: #e8eff8;
    --tone-head: #f3c7cb;
    --tone-head-text: #3d4451;
    --tone-row-alt: #f2f6fb;
    --tone-row-hover: #e6edf8;
}

body:not(.dark-mode) .module-detail-theme.tone-9point {
    background: linear-gradient(180deg, #f1f4f8 0%, #e9edf3 100%);
    border: 1px solid #dbe3ee;
    border-radius: 12px;
    padding: 14px;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .card {
    border: 1px solid var(--tone-border);
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(34, 64, 104, 0.08);
    overflow: hidden;
    background: var(--tone-card-bg);
}

body:not(.dark-mode) .module-detail-theme.tone-9point .card-header {
    background: linear-gradient(180deg, #f8d9dc 0%, var(--tone-head) 100%);
    color: var(--tone-head-text);
    border-bottom: 1px solid #d7b6ba;
    font-weight: 700;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .card-title,
body:not(.dark-mode) .module-detail-theme.tone-9point h3,
body:not(.dark-mode) .module-detail-theme.tone-9point h4 {
    color: var(--tone-title);
}

body:not(.dark-mode) .module-detail-theme.tone-9point .nav-tabs {
    border-bottom: 1px solid #cbd7e6;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .nav-tabs > li > a {
    color: #395b84;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .nav-tabs > li.active > a,
body:not(.dark-mode) .module-detail-theme.tone-9point .nav-tabs > li.active > a:hover,
body:not(.dark-mode) .module-detail-theme.tone-9point .nav-tabs > li.active > a:focus {
    color: #1f4f86;
    background: var(--tone-accent-soft);
    border: 1px solid #b9cadf;
    border-bottom-color: transparent;
    font-weight: 700;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .table {
    border: 1px solid #cfd8e5;
    background: #ffffff;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .table > thead > tr > th,
body:not(.dark-mode) .module-detail-theme.tone-9point .table > thead > tr > td {
    background: linear-gradient(180deg, #4a6f9e 0%, #3f628f 100%);
    color: #f4f8fd;
    border-color: #3a5a84;
    font-weight: 600;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .table > tbody > tr:nth-child(even) {
    background: var(--tone-row-alt);
}

body:not(.dark-mode) .module-detail-theme.tone-9point .table > tbody > tr:hover {
    background: var(--tone-row-hover);
}

body:not(.dark-mode) .module-detail-theme.tone-9point .btn-primary {
    background: linear-gradient(180deg, #3f78bc 0%, #2f5f95 100%);
    border-color: #2f5f95;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .btn-primary:hover,
body:not(.dark-mode) .module-detail-theme.tone-9point .btn-primary:focus {
    background: #2c5688;
    border-color: #294f7d;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .btn-success {
    background: linear-gradient(180deg, #5da17d 0%, #4b8b69 100%);
    border-color: #4b8b69;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .btn-danger {
    background: linear-gradient(180deg, #de666f 0%, #c44d56 100%);
    border-color: #b74750;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .btn-default {
    background: #f4f7fb;
    border-color: #c9d5e5;
    color: #27496d;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .form-control {
    border: 1px solid #c5d1e1;
    border-radius: 8px;
    background: #fbfdff;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .form-control:focus {
    border-color: #5a88bb;
    box-shadow: 0 0 0 2px rgba(90, 136, 187, 0.15);
}

body:not(.dark-mode) .module-detail-theme.tone-9point .badge {
    border-radius: 10px;
    padding: 4px 8px;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .small-box {
    border: 1px solid #c8d5e7;
    border-radius: 10px;
    box-shadow: 0 5px 14px rgba(41, 73, 109, 0.08);
}

body:not(.dark-mode) .module-detail-theme.tone-9point .small-box.bg-info,
body:not(.dark-mode) .module-detail-theme.tone-9point .small-box.bg-warning,
body:not(.dark-mode) .module-detail-theme.tone-9point .small-box.bg-danger,
body:not(.dark-mode) .module-detail-theme.tone-9point .small-box.bg-success {
    background: linear-gradient(180deg, #e6eef9 0%, #d8e5f6 100%) !important;
    color: #1f3f66 !important;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .small-box .icon {
    color: rgba(37, 79, 128, 0.28);
}

body:not(.dark-mode) .module-detail-theme.tone-9point .callout {
    border-left: 4px solid #5c84b0;
    border-radius: 8px;
    background: #f3f7fd;
}

body:not(.dark-mode) .module-detail-theme.tone-9point .modal-header {
    background: linear-gradient(180deg, #f8d9dc 0%, var(--tone-head) 100%);
    border-bottom: 1px solid #d7b6ba;
}