.oko-app-screen {
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 24px;
    background: #ffffff;
}

.oko-app-page .entry-title,
.oko-app-page .page-title,
.oko-app-page .main_title,
.oko-app-page .et_post_meta_wrapper > h1,
.oko-app-page article > h1:first-child,
.oko-app-page .entry-content > h1:first-child {
    display: none;
}

.oko-app-page #top-header,
.oko-app-page #main-header,
.oko-app-page #et-top-navigation,
.oko-app-page .et-l--header,
.oko-app-page header#main-header {
    display: none;
}

.oko-app-page #page-container {
    padding-top: 0 !important;
}

.oko-app-page #main-content .container,
.oko-app-page #content-area,
.oko-app-page #left-area,
.oko-app-page .entry-content,
.oko-app-page .et_pb_section,
.oko-app-page .et_pb_row,
.oko-app-page .et_pb_column,
.oko-app-page .et_pb_module,
.oko-app-page .et_pb_text,
.oko-app-page .et_pb_text_inner {
    width: min(90vw, 1380px) !important;
    max-width: 1380px !important;
    margin-inline: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.oko-app-page #main-content .container::before,
.oko-app-page #content-area::before {
    display: none;
}

.oko-app-screen__eyebrow {
    margin: 0 0 4px;
    color: #c35d5e;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.oko-app-screen h2 {
    margin: 0 0 16px;
    color: #293375;
}

.oko-notice {
    border-left: 4px solid #293375;
    padding: 16px;
    background: #f7f8fc;
}

.oko-notice--error {
    border-left-color: #b42318;
    background: #fff4f2;
}

.oko-login {
    display: grid;
    min-height: min(58vh, 580px);
    align-items: start;
    justify-items: center;
    padding: 16px 20px;
    color: #1f2937;
}

.oko-login__panel {
    width: min(100%, 460px);
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 16px 26px 20px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(31, 41, 55, 0.12);
}

.oko-login__logo {
    display: block;
    width: min(100%, 270px);
    height: auto;
    margin: 0 auto 10px;
}

.oko-login h2 {
    margin: 0 0 8px;
    color: #293375;
}

.oko-login form {
    display: grid;
    gap: 11px;
    margin-top: 16px;
}

.oko-login label {
    color: #1f2937;
    font-weight: 800;
}

.oko-login input[type="text"],
.oko-login input[type="password"] {
    width: 100%;
    min-height: 42px;
    border: 1px solid #cfd4e6;
    border-radius: 6px;
    padding: 8px 10px;
    background: #ffffff;
}

.oko-login .login-remember label {
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 700;
}

.oko-login .login-submit {
    margin: 4px 0 0;
}

.oko-login .button-primary {
    width: 100%;
    min-height: 42px;
    border: 1px solid #293375;
    border-radius: 6px;
    background: #293375;
    color: #ffffff;
    font-weight: 800;
    cursor: pointer;
}

.oko-login__help {
    margin: 10px 0 0;
    text-align: center;
}

.oko-login__help a {
    color: #293375;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.oko-dashboard {
    color: #1f2937;
}

.oko-dashboard,
.oko-program-workspace,
.oko-engagement-workspace,
.oko-program-list,
.oko-program-report,
.oko-shared-updates,
.oko-admin-console,
.oko-surveys,
.oko-coach-profiles,
.oko-program-match,
.oko-participant-intake,
.oko-demo-guide,
.oko-goal-detail,
.oko-session-detail,
.oko-assignment-detail,
.oko-profile,
.oko-knowledge-base,
.oko-platform-settings,
.oko-company-settings {
    width: min(90vw, 1380px);
    max-width: none;
    margin-inline: auto;
}

.oko-calendar-settings {
    width: min(90vw, 1380px);
    max-width: none;
    margin-inline: auto;
}

.oko-calendar-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}

.oko-calendar-summary article,
.oko-calendar-provider-card {
    min-width: 0;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-radius: 8px;
    padding: 16px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(41, 51, 117, 0.06);
}

.oko-calendar-summary span,
.oko-calendar-provider-card__header span {
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-calendar-summary strong {
    display: block;
    margin: 6px 0;
    color: var(--oko-accent);
    font-size: clamp(24px, 4vw, 36px);
    line-height: 1;
}

.oko-calendar-summary p,
.oko-calendar-provider-card p {
    margin: 0;
    color: #4b5563;
    line-height: 1.4;
}

.oko-calendar-provider-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}

.oko-calendar-provider-card {
    display: grid;
    gap: 14px;
    border-left: 5px solid #d7a928;
}

.oko-calendar-provider-card.is-connected {
    border-left-color: #2f855a;
}

.oko-calendar-provider-card__header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.oko-calendar-provider-card__header h3 {
    margin: 4px 0 0;
    color: var(--oko-accent);
}

.oko-calendar-provider-card__header strong {
    align-self: flex-start;
    border: 1px solid #d8dbe8;
    border-radius: 999px;
    padding: 5px 9px;
    background: #f7f8fc;
    color: #293375;
    font-size: 12px;
    white-space: nowrap;
}

.oko-calendar-provider-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.oko-calendar-provider-card__actions form {
    margin: 0;
}

.oko-calendar-roadmap {
    display: grid;
    gap: 10px;
}

.oko-calendar-roadmap article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 12px;
    background: #f7f8fc;
}

.oko-calendar-roadmap article > span {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 999px;
    background: var(--oko-accent);
    color: #ffffff;
    font-weight: 900;
}

.oko-calendar-roadmap strong {
    color: var(--oko-accent);
}

.oko-calendar-roadmap p {
    margin: 3px 0 0;
    color: #4b5563;
}

.oko-calendar-admin-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 14px;
}

.oko-calendar-admin-card {
    border-left: 5px solid #d7a928;
}

.oko-calendar-admin-card code {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    border: 1px solid #d8dbe8;
    border-radius: 6px;
    padding: 8px;
    background: #f7f8fc;
    color: #293375;
    font-size: 12px;
    line-height: 1.35;
}

.oko-calendar-provider-form {
    display: grid;
    gap: 10px;
    margin-top: 14px;
    border-top: 1px solid #d8dbe8;
    padding-top: 14px;
}

.oko-calendar-provider-form label {
    display: grid;
    gap: 5px;
    color: #293375;
    font-weight: 800;
}

.oko-calendar-provider-form input[type="text"],
.oko-calendar-provider-form input[type="password"] {
    width: 100%;
    min-height: 40px;
    border: 1px solid #cfd4e6;
    border-radius: 6px;
    padding: 8px 10px;
    background: #ffffff;
}

.oko-calendar-provider-form .oko-checkbox-row {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    color: #4b5563;
    font-weight: 700;
}

.oko-settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
}

.oko-settings-card {
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 16px;
    background: #ffffff;
}

.oko-settings-card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.oko-settings-card h4 {
    margin: 0;
    color: #293375;
}

.oko-settings-card p {
    margin: 0 0 10px;
}

.oko-settings-card ul {
    margin: 0;
    padding-left: 18px;
}

.oko-scope-picker {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(260px, 420px) auto;
    gap: 10px;
    align-items: end;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 14px;
    background: #f7f8fc;
}

.oko-scope-picker label {
    color: #293375;
    font-weight: 800;
}

.oko-scope-picker select {
    width: 100%;
    min-height: 40px;
    border: 1px solid #cfd4e6;
    border-radius: 6px;
    padding: 8px 10px;
    background: #ffffff;
}

.oko-inheritance-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.oko-inheritance-step {
    min-width: 0;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 16px;
    background: #ffffff;
}

.oko-inheritance-step span {
    display: inline-grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    background: #293375;
    color: #ffffff;
    font-weight: 800;
}

.oko-inheritance-step h4 {
    margin: 12px 0 6px;
    color: #293375;
}

.oko-inheritance-step p {
    margin: 0;
    color: #4b5563;
}


.oko-dashboard__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    border: 1px solid #e0e4f1;
    border-radius: 8px;
    padding: 20px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fd 58%, #fff7f7 100%);
    box-shadow: 0 14px 34px rgba(41, 51, 117, 0.08);
}

.oko-dashboard__header h2 {
    margin: 0 0 8px;
    color: #293375;
}

.oko-dashboard__subtitle {
    margin: 0;
}

.oko-profile-photo-row {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 18px;
}

.oko-profile-photo {
    width: 96px;
    height: 96px;
    border: 1px solid #d8dbe8;
    border-radius: 50%;
    object-fit: cover;
    background: #f7f8fc;
}

.oko-person-cell {
    display: flex;
    gap: 10px;
    align-items: center;
}

.oko-person-cell__avatar {
    width: 40px;
    height: 40px;
    border: 1px solid #d8dbe8;
    border-radius: 50%;
    object-fit: cover;
    background: #f7f8fc;
    flex: 0 0 auto;
}

.oko-setup-panel {
    margin-bottom: 24px;
    border: 1px solid #d8dbe8;
    border-left: 4px solid #c35d5e;
    border-radius: 8px;
    padding: 18px 20px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(31, 41, 55, 0.06);
}

.oko-setup-panel h3 {
    margin-top: 0;
    color: #293375;
}

.oko-section-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.oko-section-heading h3 {
    margin: 0 0 4px;
    color: #293375;
}

.oko-section-heading p {
    margin: 0;
    color: #4b5563;
}

.oko-snapshot-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

.oko-snapshot-group {
    min-width: 0;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px;
    background: #ffffff;
}

.oko-mvp-walkthrough {
    margin-top: 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 16px;
    background: #ffffff;
}

.oko-mvp-walkthrough ol {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 22px;
}

.oko-mvp-walkthrough li {
    padding-left: 4px;
}

.oko-mvp-walkthrough strong,
.oko-mvp-walkthrough span {
    display: block;
}

.oko-mvp-walkthrough strong {
    color: #293375;
}

.oko-mvp-walkthrough span {
    margin-top: 3px;
    color: #4b5563;
}

.oko-demo-import-order {
    margin-top: 18px;
    border-top: 1px solid #e5e7eb;
    padding-top: 16px;
}

.oko-demo-import-order__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.oko-demo-import-order__list li {
    display: grid;
    gap: 5px;
    min-width: 0;
    border: 1px solid #e3e6ef;
    border-radius: 8px;
    padding: 12px 14px;
    background: #f8f9fc;
}

.oko-demo-import-order__list strong {
    color: #293375;
}

.oko-demo-import-order__list span {
    color: #4b5563;
    font-size: 13px;
}

.oko-demo-import-order__list a {
    font-weight: 800;
}

.oko-demo-guide__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 18px;
    align-items: start;
}

.oko-demo-launchpad {
    margin-bottom: 18px;
}

.oko-demo-launchpad__links,
.oko-demo-launchpad__roles {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.oko-demo-launchpad__roles {
    margin-top: 14px;
}

.oko-demo-data-snapshot {
    margin-top: 18px;
    border-top: 1px solid #e5e7eb;
    padding-top: 16px;
}

.oko-demo-command-center {
    margin-top: 18px;
    border-top: 1px solid #e5e7eb;
    padding-top: 16px;
}

.oko-demo-health-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 12px 0 18px;
}

.oko-demo-health-card {
    min-width: 0;
    border: 1px solid #d8dbe8;
    border-left: 6px solid #293375;
    border-radius: 8px;
    padding: 14px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(41, 51, 117, 0.08);
}

.oko-demo-health-card--good {
    border-left-color: #2f855a;
}

.oko-demo-health-card--warn {
    border-left-color: #d7a928;
}

.oko-demo-health-card span {
    display: block;
    color: #5f6675;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.oko-demo-health-card strong {
    display: block;
    margin-top: 5px;
    color: #293375;
    font-size: 26px;
    line-height: 1.1;
}

.oko-demo-health-card p {
    margin: 7px 0 0;
    color: #4b5563;
    font-size: 13px;
}

.oko-demo-status-grid {
    margin-top: 0;
}

.oko-demo-readiness-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 16px;
    margin: 0 0 18px;
}

.oko-demo-readiness-grid h4 {
    margin: 0 0 10px;
    color: #293375;
    font-size: 16px;
}

.oko-launch-readiness-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 10px;
    margin: 14px 0;
}

.oko-launch-readiness-card {
    display: flex;
    min-width: 0;
    min-height: 158px;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-left: 5px solid #d7a928;
    border-radius: 8px;
    padding: 12px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(41, 51, 117, 0.05);
}

.oko-launch-readiness-card.is-complete {
    border-left-color: #2f855a;
}

.oko-launch-readiness-card > span {
    color: #a66f00;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-launch-readiness-card.is-complete > span {
    color: #2f855a;
}

.oko-launch-readiness-card strong {
    display: block;
    margin: 7px 0 6px;
    color: #293375;
    font-size: 16px;
    line-height: 1.2;
}

.oko-launch-readiness-card p {
    margin: 0 0 12px;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.4;
}

.oko-launch-readiness-card .oko-button {
    margin-top: auto;
}

.oko-demo-mix-list {
    display: grid;
    gap: 10px;
}

.oko-demo-mix-list div {
    display: grid;
    gap: 3px;
    border: 1px solid #e3e6ef;
    border-radius: 8px;
    padding: 10px;
    background: #f8f9fc;
}

.oko-demo-mix-list span {
    color: #5f6675;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.oko-demo-mix-list strong {
    color: #293375;
    overflow-wrap: anywhere;
}

.oko-demo-accounts {
    margin-top: 18px;
    border-top: 1px solid #e5e7eb;
    padding-top: 16px;
}

.oko-demo-accounts h4 {
    margin: 0 0 4px;
    color: #293375;
}

.oko-demo-accounts__table th,
.oko-demo-accounts__table td {
    vertical-align: top;
}

.oko-demo-accounts__table code {
    white-space: nowrap;
}

.oko-demo-path {
    margin-top: 18px;
    border-top: 1px solid #e5e7eb;
    padding-top: 16px;
}

.oko-demo-path h4 {
    margin: 0 0 4px;
    color: #293375;
}

.oko-demo-path__table th,
.oko-demo-path__table td {
    vertical-align: top;
}

.oko-demo-path__table td {
    min-width: 160px;
}

.oko-demo-checklist {
    margin-top: 18px;
    border-top: 1px solid #e5e7eb;
    padding-top: 16px;
}

.oko-demo-checklist h4 {
    margin: 0 0 4px;
    color: #293375;
}

.oko-demo-checklist__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 10px;
}

.oko-demo-checklist__items label {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 10px;
    background: #ffffff;
    color: #1f2937;
    font-weight: 700;
}

.oko-demo-checklist__items input {
    margin-top: 3px;
}

.oko-doc-preview {
    display: grid;
    gap: 10px;
}

.oko-doc-preview--compact > .oko-doc-preview {
    max-height: 520px;
    overflow: auto;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 14px;
    background: #f7f8fc;
}

.oko-doc-preview h2,
.oko-doc-preview h3,
.oko-doc-preview h4 {
    margin: 10px 0 0;
    color: #293375;
}

.oko-doc-preview p,
.oko-doc-preview ul,
.oko-doc-preview ol {
    margin: 0;
}

.oko-doc-preview ul,
.oko-doc-preview ol {
    padding-left: 22px;
}

.oko-snapshot-group h4 {
    margin: 0 0 12px;
    color: #293375;
}

.oko-snapshot-list {
    display: grid;
    gap: 9px;
    margin: 0;
}

.oko-snapshot-list div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.oko-snapshot-list dt,
.oko-snapshot-list dd {
    margin: 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.3;
}

.oko-snapshot-list dd {
    color: #293375;
    font-weight: 700;
    text-align: right;
}

.oko-report-note {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    border-left: 4px solid #c35d5e;
    border-radius: 8px;
    padding: 14px 16px;
    background: #fff8f8;
}

.oko-report-note div {
    display: grid;
    gap: 4px;
    min-width: min(100%, 320px);
}

.oko-report-note strong {
    color: #293375;
}

.oko-report-command {
    display: grid;
    gap: 16px;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 20px;
    background:
        linear-gradient(135deg, rgba(47, 133, 90, 0.1), rgba(41, 51, 117, 0.08)),
        #ffffff;
    box-shadow: 0 14px 34px rgba(41, 51, 117, 0.08);
}

.oko-report-command__copy > span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #2f855a;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.oko-report-command__copy h3 {
    margin: 0 0 8px;
    color: #293375;
    font-size: 26px;
    line-height: 1.15;
}

.oko-report-command__copy p {
    max-width: 960px;
    margin: 0;
    color: #374151;
    line-height: 1.55;
}

.oko-report-command__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.oko-report-command-card {
    min-width: 0;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-left: 5px solid #293375;
    border-radius: 8px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.88);
}

.oko-report-command-card--good {
    border-left-color: #2f855a;
}

.oko-report-command-card--warn {
    border-left-color: #d7a928;
}

.oko-report-command-card--neutral {
    border-left-color: #6b7280;
}

.oko-report-command-card span {
    display: block;
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-report-command-card strong {
    display: block;
    margin-top: 6px;
    color: #293375;
    font-size: 24px;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.oko-report-command-card p {
    margin: 6px 0 0;
    color: #4b5563;
    font-size: 13px;
}

.oko-report-command__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.oko-executive-brief {
    display: grid;
    gap: 14px;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 18px;
    background:
        linear-gradient(180deg, rgba(248, 249, 252, 0.96), #ffffff),
        #ffffff;
    box-shadow: 0 12px 30px rgba(31, 41, 55, 0.06);
}

.oko-executive-brief__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.oko-executive-brief__item {
    min-width: 0;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-left: 5px solid #6b7280;
    border-radius: 8px;
    padding: 12px;
    background: #ffffff;
}

.oko-executive-brief__item--good {
    border-left-color: #2f855a;
}

.oko-executive-brief__item--warn {
    border-left-color: #d7a928;
}

.oko-executive-brief__item--neutral {
    border-left-color: #6b7280;
}

.oko-executive-brief__item span {
    display: block;
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-executive-brief__item strong {
    display: block;
    margin: 7px 0 6px;
    color: #293375;
    font-size: 18px;
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.oko-executive-brief__item p {
    margin: 0;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.4;
}

.oko-sharing-command {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 16px;
    align-items: stretch;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 18px;
    background:
        linear-gradient(135deg, rgba(41, 51, 117, 0.08), rgba(195, 93, 94, 0.08)),
        #ffffff;
    box-shadow: 0 14px 34px rgba(41, 51, 117, 0.08);
}

.oko-sharing-command--sponsor {
    background:
        linear-gradient(135deg, rgba(138, 91, 18, 0.1), rgba(41, 51, 117, 0.08)),
        #ffffff;
}

.oko-sharing-command__copy {
    min-width: 0;
}

.oko-sharing-command__copy span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #c35d5e;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.oko-sharing-command--sponsor .oko-sharing-command__copy span {
    color: #8a5b12;
}

.oko-sharing-command__copy h3 {
    margin: 0 0 8px;
    color: #293375;
    font-size: 25px;
    line-height: 1.15;
}

.oko-sharing-command__copy p {
    max-width: 860px;
    margin: 0;
    color: #374151;
    line-height: 1.55;
}

.oko-sharing-command__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.oko-sharing-command__cards article {
    min-width: 0;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-left: 5px solid #293375;
    border-radius: 8px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.88);
}

.oko-sharing-command--participant .oko-sharing-command__cards article {
    border-left-color: #c35d5e;
}

.oko-sharing-command--sponsor .oko-sharing-command__cards article {
    border-left-color: #8a5b12;
}

.oko-sharing-command__cards span {
    display: block;
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-sharing-command__cards strong {
    display: block;
    margin-top: 6px;
    color: #293375;
    font-size: 24px;
    line-height: 1.1;
}

.oko-sharing-command__cards p {
    margin: 6px 0 0;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.35;
}

.oko-topic-spotlight {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 16px;
    align-items: stretch;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 18px;
    background:
        linear-gradient(135deg, rgba(41, 51, 117, 0.08), rgba(47, 133, 90, 0.1)),
        #ffffff;
    box-shadow: 0 14px 34px rgba(41, 51, 117, 0.08);
}

.oko-topic-spotlight__copy {
    min-width: 0;
}

.oko-topic-spotlight__copy span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #2f855a;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.oko-topic-spotlight__copy h3 {
    margin: 0 0 8px;
    color: #293375;
    font-size: 25px;
    line-height: 1.15;
}

.oko-topic-spotlight__copy p {
    max-width: 850px;
    margin: 0;
    color: #374151;
    line-height: 1.55;
}

.oko-topic-spotlight__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.oko-topic-spotlight__cards article {
    min-width: 0;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-left: 5px solid #2f855a;
    border-radius: 8px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.88);
}

.oko-topic-spotlight__cards span {
    display: block;
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-topic-spotlight__cards strong {
    display: block;
    margin-top: 6px;
    color: #293375;
    font-size: 18px;
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.oko-topic-spotlight__cards p {
    margin: 6px 0 0;
    color: #4b5563;
    font-size: 13px;
}

.oko-topic-spotlight__list {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.oko-topic-spotlight__list span {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    max-width: 100%;
    border: 1px solid #c8d9ce;
    border-radius: 999px;
    padding: 5px 10px;
    background: #f0fff4;
    color: #23643a;
    font-size: 13px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.oko-topic-spotlight__list strong {
    display: inline-grid;
    min-width: 24px;
    min-height: 24px;
    place-items: center;
    border-radius: 999px;
    background: #2f855a;
    color: #ffffff;
    font-size: 12px;
}

.oko-report-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 18px;
}

.oko-report-stack {
    display: grid;
    gap: 18px;
}

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

.oko-report-visual-card h3 {
    margin: 0 0 12px;
    color: #293375;
    font-size: 18px;
}

.oko-report-topic-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 18px;
    margin: 0 0 18px;
}

.oko-report-topic-grid h4 {
    margin: 0 0 10px;
    color: #293375;
    font-size: 16px;
}

.oko-rank-chart {
    display: grid;
    gap: 11px;
}

.oko-rank-chart__row {
    display: grid;
    gap: 6px;
}

.oko-rank-chart__label {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    color: #4b5563;
    font-size: 13px;
    font-weight: 800;
}

.oko-rank-chart__label span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.oko-rank-chart__label strong {
    flex: 0 0 auto;
    color: #293375;
}

.oko-rank-chart__track {
    height: 12px;
    border-radius: 999px;
    background: #e8ebf4;
    overflow: hidden;
}

.oko-rank-chart__track span {
    display: block;
    height: 100%;
    min-width: 4px;
    border-radius: inherit;
    background: linear-gradient(90deg, #293375, #c35d5e);
}

.oko-status-chart {
    display: grid;
    gap: 12px;
}

.oko-status-chart__row {
    display: grid;
    gap: 6px;
}

.oko-status-chart__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #4b5563;
    font-size: 13px;
    font-weight: 800;
}

.oko-status-chart__label span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.oko-status-chart__label strong {
    color: #293375;
}

.oko-status-chart__track {
    height: 11px;
    border-radius: 999px;
    background: #e8ebf4;
    overflow: hidden;
}

.oko-status-chart__bar {
    display: block;
    height: 100%;
    min-width: 4px;
    border-radius: inherit;
    background: #293375;
}

.oko-status-chart__bar--requested,
.oko-status-chart__bar--paused,
.oko-status-chart__bar--revision_requested {
    background: #d7a928;
}

.oko-status-chart__bar--scheduled,
.oko-status-chart__bar--active,
.oko-status-chart__bar--assigned,
.oko-status-chart__bar--submitted {
    background: #2e6fa8;
}

.oko-status-chart__bar--completed {
    background: #2f855a;
}

.oko-status-chart__bar--canceled {
    background: #b94a48;
}

.oko-status-chart__bar--no_show {
    background: #6b7280;
}

.oko-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.oko-dashboard-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.oko-dashboard-layout--full {
    grid-template-columns: minmax(0, 1fr);
}

.oko-dashboard-rail {
    display: grid;
    gap: 12px;
}

.oko-dashboard-rail h3 {
    margin: 0;
    color: #293375;
    font-size: 16px;
}

.oko-dashboard-main {
    min-width: 0;
}

.oko-dashboard-todo-panel .oko-section-heading {
    margin-bottom: 12px;
}

.oko-dashboard-todo-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 10px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

.oko-dashboard-todo-list li {
    display: grid;
    gap: 4px;
    min-width: 0;
    border: 1px solid #e3e6ef;
    border-radius: 8px;
    padding: 12px 14px;
    background: #f8f9fc;
    box-shadow: inset 3px 0 0 #c35d5e;
}

.oko-dashboard-todo-list a {
    font-weight: 800;
}

.oko-dashboard-todo-list span {
    color: #4b5563;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.oko-dashboard-todo-more {
    margin: 12px 0 0;
}

.oko-dashboard-row-count {
    margin: -4px 0 12px;
    font-weight: 800;
}

.oko-card-grid--rail {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.oko-app-nav {
    display: grid;
    gap: 10px;
    margin: 0 0 20px;
    padding: 10px 0 14px;
    border-bottom: 1px solid #d8dbe8;
}

.oko-app-nav__top {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
}

.oko-app-nav__links {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.oko-app-nav__link {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 7px 11px;
    color: #293375;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.oko-app-nav__link.is-active,
.oko-app-nav__link:hover,
.oko-app-nav__link:focus {
    border-color: #cfd4e6;
    background: #f6f7fb;
    color: #293375;
}

.oko-app-nav__user {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    min-width: max-content;
}

.oko-app-nav__profile {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    max-width: 260px;
    color: #293375;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

.oko-app-nav__profile span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oko-app-nav__profile img {
    width: 32px;
    height: 32px;
    border: 1px solid #d8dbe8;
    border-radius: 50%;
    object-fit: cover;
    background: #f7f8fc;
}

.oko-app-nav__logout {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    border: 1px solid #d8dbe8;
    border-radius: 6px;
    padding: 6px 9px;
    color: #4b5563;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.oko-app-nav__logout:hover,
.oko-app-nav__logout:focus {
    border-color: #293375;
    color: #293375;
}

.oko-role-switcher {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

.oko-role-switcher__item {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    border: 1px solid #cfd4e6;
    border-radius: 6px;
    padding: 7px 12px;
    background: #ffffff;
    color: #293375;
    font-weight: 800;
    text-decoration: none;
}

.oko-role-switcher__item.is-active,
.oko-role-switcher__item:hover,
.oko-role-switcher__item:focus {
    border-color: #293375;
    background: #293375;
    color: #ffffff;
}

.oko-card {
    display: flex;
    min-height: 190px;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 20px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(41, 51, 117, 0.07);
    overflow-wrap: anywhere;
}

.oko-card--rail {
    min-height: 0;
    padding: 14px;
}

.oko-card--rail h4 {
    margin: 0 0 6px;
    color: #293375;
    font-size: 15px;
    line-height: 1.2;
}

.oko-card--rail p {
    margin-bottom: 12px;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.35;
}

.oko-card h3 {
    margin: 0 0 10px;
    color: #293375;
}

.oko-card p {
    margin-top: 0;
    overflow-wrap: anywhere;
    word-break: normal;
}

.oko-role-mission {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.9fr);
    gap: 18px;
    align-items: stretch;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 20px;
    background:
        linear-gradient(135deg, rgba(41, 51, 117, 0.08), rgba(195, 93, 94, 0.08)),
        #ffffff;
    box-shadow: 0 14px 34px rgba(41, 51, 117, 0.08);
}

.oko-role-mission__copy {
    min-width: 0;
}

.oko-role-mission__copy > span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #c35d5e;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.oko-role-mission__copy h3 {
    margin: 0 0 8px;
    color: #293375;
    font-size: 28px;
    line-height: 1.15;
}

.oko-role-mission__copy p {
    max-width: 850px;
    margin: 0;
    color: #374151;
    font-size: 15px;
    line-height: 1.55;
}

.oko-role-mission__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.oko-role-mission__metrics article {
    min-width: 0;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-radius: 8px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.82);
}

.oko-role-mission__metrics span {
    display: block;
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-role-mission__metrics strong {
    display: block;
    margin-top: 6px;
    color: #293375;
    font-size: 24px;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.oko-next-actions {
    display: grid;
    gap: 14px;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 18px;
    background:
        linear-gradient(180deg, rgba(248, 249, 252, 0.96), #ffffff),
        #ffffff;
}

.oko-next-actions__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.oko-operating-signals {
    display: grid;
    gap: 14px;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 248, 252, 0.96)),
        #ffffff;
    box-shadow: 0 12px 30px rgba(31, 41, 55, 0.05);
}

.oko-operating-signals__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
}

.oko-operating-signal,
.oko-operating-signal:link,
.oko-operating-signal:visited {
    display: grid;
    min-width: 0;
    gap: 7px;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-left: 5px solid #6b7280;
    border-radius: 8px;
    padding: 13px;
    background: #ffffff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(41, 51, 117, 0.05);
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.oko-operating-signal:hover,
.oko-operating-signal:focus {
    transform: translateY(-1px);
    border-color: rgba(41, 51, 117, 0.28);
    box-shadow: 0 14px 34px rgba(31, 41, 55, 0.09);
}

.oko-operating-signal--primary {
    border-left-color: var(--oko-accent);
}

.oko-operating-signal--good {
    border-left-color: #2f855a;
}

.oko-operating-signal--warn {
    border-left-color: #d7a928;
}

.oko-operating-signal--neutral {
    border-left-color: #6b7280;
}

.oko-operating-signal span {
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 1.2;
    text-transform: uppercase;
}

.oko-operating-signal strong {
    color: var(--oko-accent);
    font-size: clamp(22px, 2.1vw, 30px);
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.oko-privacy-guardrails {
    display: grid;
    gap: 14px;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 18px;
    background:
        linear-gradient(135deg, rgba(47, 133, 90, 0.08), rgba(41, 51, 117, 0.06)),
        #ffffff;
    box-shadow: 0 12px 30px rgba(31, 41, 55, 0.05);
}

.oko-privacy-guardrails__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 10px;
}

.oko-privacy-guardrail {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-top: 4px solid #6b7280;
    border-radius: 8px;
    padding: 13px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 20px rgba(41, 51, 117, 0.05);
}

.oko-privacy-guardrail--primary {
    border-top-color: var(--oko-accent);
}

.oko-privacy-guardrail--good {
    border-top-color: #2f855a;
}

.oko-privacy-guardrail--warn {
    border-top-color: #d7a928;
}

.oko-privacy-guardrail--neutral {
    border-top-color: #6b7280;
}

.oko-privacy-guardrail span {
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 1.2;
    text-transform: uppercase;
}

.oko-privacy-guardrail strong {
    color: var(--oko-accent);
    font-size: clamp(21px, 2vw, 28px);
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.oko-privacy-guardrail p {
    flex: 1;
    margin: 0;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.oko-session-calendar-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 18px;
    border: 1px solid rgba(41, 51, 117, 0.16);
    border-left: 5px solid var(--oko-accent);
    border-radius: 8px;
    padding: 14px;
    background:
        linear-gradient(135deg, var(--oko-accent-soft), #ffffff 72%),
        #ffffff;
    box-shadow: 0 10px 24px rgba(41, 51, 117, 0.06);
}

.oko-session-calendar-banner strong {
    display: block;
    color: var(--oko-accent);
    font-size: 15px;
}

.oko-session-calendar-banner p {
    margin: 4px 0 0;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.35;
}

.oko-baseline-readiness {
    display: grid;
    gap: 14px;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 18px;
    background:
        linear-gradient(135deg, rgba(41, 51, 117, 0.08), rgba(47, 133, 90, 0.08)),
        #ffffff;
    box-shadow: 0 12px 30px rgba(31, 41, 55, 0.05);
}

.oko-baseline-readiness__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.oko-baseline-readiness-item {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-left: 5px solid #d7a928;
    border-radius: 8px;
    padding: 13px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(41, 51, 117, 0.05);
}

.oko-baseline-readiness-item.is-ready {
    border-left-color: #2f855a;
}

.oko-baseline-readiness-item span {
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 1.2;
    text-transform: uppercase;
}

.oko-baseline-readiness-item strong {
    color: var(--oko-accent);
    font-size: 16px;
    line-height: 1.2;
}

.oko-baseline-readiness-item p {
    flex: 1;
    margin: 0;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.oko-baseline-readiness-item a,
.oko-baseline-readiness-item a:visited {
    font-size: 13px;
}

.oko-baseline-readiness-item a:hover,
.oko-baseline-readiness-item a:focus {
    text-decoration: none;
}

.oko-operating-signal p {
    margin: 0;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.oko-next-action {
    display: flex;
    min-width: 0;
    min-height: 190px;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-top: 4px solid #6b7280;
    border-radius: 8px;
    padding: 13px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(41, 51, 117, 0.06);
}

.oko-next-action--primary {
    border-top-color: #293375;
}

.oko-next-action--good {
    border-top-color: #2f855a;
}

.oko-next-action--warn {
    border-top-color: #d7a928;
}

.oko-next-action--neutral {
    border-top-color: #6b7280;
}

.oko-next-action > span {
    display: block;
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-next-action strong {
    display: block;
    margin: 7px 0 6px;
    color: #293375;
    font-size: 17px;
    line-height: 1.2;
}

.oko-next-action p {
    margin: 0 0 13px;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.4;
}

.oko-next-action .oko-button {
    margin-top: auto;
}

.oko-card-grid--dashboard-nav {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.oko-dashboard-more-tools {
    padding: 0;
    overflow: hidden;
}

.oko-dashboard-more-tools summary {
    position: relative;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    cursor: pointer;
    list-style: none;
}

.oko-dashboard-more-tools summary::-webkit-details-marker {
    display: none;
}

.oko-dashboard-more-tools summary::after {
    content: '+';
    display: inline-grid;
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #d8dbe8;
    border-radius: 999px;
    color: #293375;
    font-weight: 900;
}

.oko-dashboard-more-tools[open] summary::after {
    content: '-';
}

.oko-dashboard-more-tools summary span {
    color: #293375;
    font-size: 18px;
    font-weight: 900;
}

.oko-dashboard-more-tools summary small {
    flex: 1;
    color: #5f6675;
    font-size: 13px;
    line-height: 1.35;
    text-align: right;
}

.oko-dashboard-more-tools .oko-card-grid {
    border-top: 1px solid #eef0f6;
    padding: 16px 18px 18px;
}

.oko-card--dashboard-nav {
    min-height: 0;
}

.oko-card--dashboard-nav h4 {
    margin: 0 0 6px;
    color: #293375;
    font-size: 15px;
    line-height: 1.25;
}

.oko-card--dashboard-nav p {
    margin-bottom: 12px;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.35;
}

.oko-dashboard-workload {
    background:
        linear-gradient(180deg, rgba(248, 249, 252, 0.95), #ffffff),
        #ffffff;
}

.oko-workload-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.oko-workload-card {
    min-width: 0;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 14px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(41, 51, 117, 0.06);
}

.oko-workload-card--attention {
    border-left: 5px solid #d7a928;
}

.oko-workload-card--calendar {
    border-left: 5px solid #293375;
}

.oko-workload-card--calendar.is-connected {
    border-left-color: #3f8f5a;
    background: #f6fbf8;
}

.oko-workload-card span {
    display: block;
    color: #5f6675;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-workload-card strong {
    display: block;
    margin-top: 6px;
    color: #293375;
    font-size: 28px;
    line-height: 1;
}

.oko-workload-card p {
    margin: 7px 0 0;
    color: #4b5563;
    font-size: 13px;
}

.oko-workload-card .oko-button {
    margin-top: 10px;
}

.oko-workload-timeline {
    border-top: 1px solid #e5e7eb;
    padding-top: 14px;
}

.oko-section-heading--compact {
    margin-bottom: 10px;
}

.oko-section-heading--compact h4 {
    margin: 0 0 3px;
    color: #293375;
    font-size: 16px;
}

.oko-workload-timeline__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 10px;
}

.oko-workload-event {
    display: grid;
    gap: 4px;
    min-width: 0;
    border: 1px solid #e3e6ef;
    border-left: 5px solid #293375;
    border-radius: 8px;
    padding: 12px;
    background: #ffffff;
    color: inherit;
}

.oko-workload-event:hover,
.oko-workload-event:focus {
    border-left-color: #c35d5e;
    box-shadow: 0 8px 20px rgba(41, 51, 117, 0.08);
}

.oko-workload-event time {
    color: #c35d5e;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.oko-workload-event strong {
    color: #293375;
    overflow-wrap: anywhere;
}

.oko-workload-event span {
    color: #4b5563;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.oko-workload-event__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}

.oko-workload-event__actions a,
.oko-workload-event__actions a:visited {
    border: 1px solid rgba(41, 51, 117, 0.18);
    border-radius: 999px;
    padding: 4px 9px;
    background: #f7f8fc;
    color: #293375;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
}

.oko-workload-event__actions a:hover,
.oko-workload-event__actions a:focus {
    border-color: #293375;
    background: #293375;
    color: #ffffff;
}

.oko-workload-event__sync {
    border: 1px solid rgba(63, 143, 90, 0.25);
    border-radius: 999px;
    padding: 4px 9px;
    background: #f0f8f3;
    color: #27603b;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
}

.oko-dashboard-insights {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 249, 252, 0.96)),
        #ffffff;
}

.oko-dashboard-insights-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.oko-dashboard-insight-card {
    min-width: 0;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 14px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(41, 51, 117, 0.06);
}

.oko-dashboard-insight-card--topics {
    grid-column: span 1;
}

.oko-dashboard-insight-card h4 {
    margin: 0 0 12px;
    color: #293375;
    font-size: 16px;
}

.oko-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 40px;
    border-radius: 6px;
    padding: 9px 14px;
    background: #293375;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 0 8px 16px rgba(41, 51, 117, 0.14);
    overflow-wrap: normal;
    word-break: keep-all;
    hyphens: none;
}

.oko-button:hover,
.oko-button:focus {
    background: #c35d5e;
    color: #ffffff;
}

.oko-button--secondary {
    background: #293375;
    color: #ffffff;
    border: 1px solid #293375;
    box-shadow: 0 8px 16px rgba(41, 51, 117, 0.14);
}

.oko-button--compact {
    min-height: 34px;
    padding: 7px 10px;
    font-size: 14px;
}

.oko-button-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
}

.oko-button-row .oko-button,
.oko-action-row .oko-button {
    align-self: center;
}

.oko-pill {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    border: 1px solid #d1d5db;
    border-radius: 999px;
    padding: 4px 10px;
    background: #f9fafb;
    color: #4b5563;
    font-size: 13px;
    font-weight: 700;
}

.oko-pill--success {
    border-color: #9ae6b4;
    background: #f0fff4;
    color: #276749;
}

.oko-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 12px;
    margin-bottom: 24px;
}

.oko-stat-grid--compact {
    margin: 12px 0 18px;
}

.oko-stat {
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 16px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(31, 41, 55, 0.05);
}

.oko-dashboard-report-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 12px 0 18px;
}

.oko-dashboard-report-card {
    min-width: 0;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 15px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(31, 41, 55, 0.06);
}

.oko-dashboard-report-card--primary {
    border-color: #293375;
    background: #f5f6ff;
}

.oko-dashboard-report-card--focus {
    border-color: #d7c45f;
    background: #fffdf0;
}

.oko-dashboard-report-card span {
    display: block;
    color: #4b5563;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.oko-dashboard-report-card strong {
    display: block;
    margin-top: 8px;
    color: #293375;
    font-size: 25px;
    line-height: 1;
}

.oko-dashboard-report-card p {
    margin: 9px 0 0;
    color: #4b5563;
    font-size: 12px;
    line-height: 1.35;
}

.oko-meter {
    height: 8px;
    margin-top: 12px;
    border-radius: 999px;
    background: #e7eaf4;
    overflow: hidden;
}

.oko-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #293375, #c35d5e);
    transition: width 160ms ease;
}

.oko-progress-value {
    display: grid;
    gap: 7px;
    min-width: 120px;
}

.oko-progress-value strong {
    color: #293375;
    font-size: 13px;
}

.oko-progress-meter {
    width: 100%;
    max-width: 180px;
    height: 8px;
    border-radius: 999px;
    background: #e7eaf4;
    overflow: hidden;
}

.oko-stat .oko-progress-meter {
    max-width: none;
    margin-top: 12px;
}

.oko-progress-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #293375, #c35d5e);
}

.oko-stat strong {
    display: block;
    color: #293375;
    font-size: 28px;
    line-height: 1;
}

.oko-stat strong.oko-stat__date {
    font-size: 18px;
    white-space: nowrap;
}

.oko-stat span {
    display: block;
    margin-top: 8px;
    color: #4b5563;
    font-size: 14px;
}

.oko-stat__note {
    margin: 10px 0 0;
    color: #4b5563;
    font-size: 12px;
    line-height: 1.35;
}

.oko-field-help {
    display: block;
    margin-top: 6px;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.35;
}

.oko-status-breakdown {
    display: grid;
    gap: 5px;
    margin: 10px 0 0;
}

.oko-status-breakdown div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.oko-status-breakdown dt,
.oko-status-breakdown dd {
    margin: 0;
    color: #4b5563;
    font-size: 12px;
    line-height: 1.2;
}

.oko-status-breakdown dd {
    min-width: 20px;
    color: #293375;
    font-weight: 700;
    text-align: right;
}

.oko-status-breakdown--compact {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.oko-admin-layout {
    display: grid;
    grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

.oko-admin-layout--wide {
    grid-template-columns: minmax(280px, 460px) minmax(0, 1fr);
}

.oko-admin-layout--stacked {
    grid-template-columns: 1fr;
}

.oko-panel {
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 20px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(31, 41, 55, 0.06);
}

.oko-panel h3 {
    margin-top: 0;
    color: #293375;
}

.oko-panel--spaced {
    margin-top: 20px;
}

.oko-workspace-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
}

.oko-workspace-layout__main {
    min-width: 0;
}

.oko-workspace-layout__aside {
    display: grid;
    gap: 0;
    min-width: 0;
}

.oko-engagement-focus {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 20px;
    background:
        linear-gradient(135deg, rgba(41, 51, 117, 0.08), rgba(195, 93, 94, 0.08)),
        #ffffff;
    box-shadow: 0 14px 34px rgba(41, 51, 117, 0.08);
}

.oko-engagement-focus__copy {
    min-width: 0;
}

.oko-engagement-focus__copy > span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #c35d5e;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.oko-engagement-focus__copy h3 {
    margin: 0 0 8px;
    color: #293375;
    font-size: 26px;
    line-height: 1.15;
}

.oko-engagement-focus__copy p {
    max-width: 920px;
    margin: 0;
    color: #374151;
    line-height: 1.55;
}

.oko-engagement-focus__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.oko-engagement-focus__metrics article {
    min-width: 0;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-radius: 8px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.84);
}

.oko-engagement-focus__metrics span {
    display: block;
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-engagement-focus__metrics strong {
    display: block;
    margin-top: 6px;
    color: #293375;
    font-size: 24px;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.oko-engagement-focus__metrics p {
    margin: 6px 0 0;
    color: #4b5563;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.oko-engagement-focus__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.oko-contact-item {
    display: grid;
    gap: 4px;
    padding: 10px 0;
    border-bottom: 1px solid #e5e7eb;
}

.oko-contact-item:last-child {
    border-bottom: 0;
}

.oko-overview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.oko-overview-stack {
    display: grid;
    gap: 16px;
}

.oko-people-list {
    display: grid;
    gap: 0;
}

.oko-tabs {
    display: grid;
    gap: 16px;
}

.oko-tab-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid #d8dbe8;
}

.oko-tab {
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    padding: 10px 14px;
    background: #f7f8fc;
    color: #293375;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
}

.oko-tab.is-active {
    background: #ffffff;
    border-color: #d8dbe8;
    color: #c35d5e;
    box-shadow: inset 0 -3px 0 #c35d5e;
}

.oko-tab-panel[hidden] {
    display: none;
}

.oko-program-tabs {
    margin-top: 20px;
}

.oko-program-command {
    display: grid;
    gap: 16px;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 20px;
    background:
        linear-gradient(135deg, rgba(41, 51, 117, 0.08), rgba(195, 93, 94, 0.08)),
        #ffffff;
    box-shadow: 0 14px 34px rgba(41, 51, 117, 0.08);
}

.oko-program-command__copy > span {
    display: inline-flex;
    margin-bottom: 8px;
    color: #c35d5e;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.oko-program-command__copy h3 {
    margin: 0 0 8px;
    color: #293375;
    font-size: 26px;
    line-height: 1.15;
}

.oko-program-command__copy p {
    max-width: 920px;
    margin: 0;
    color: #374151;
    line-height: 1.55;
}

.oko-program-command__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.oko-program-command-card {
    min-width: 0;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-left: 5px solid #293375;
    border-radius: 8px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.86);
}

.oko-program-command-card--good {
    border-left-color: #2f855a;
}

.oko-program-command-card--warn {
    border-left-color: #d7a928;
}

.oko-program-command-card--neutral {
    border-left-color: #6b7280;
}

.oko-program-command-card span {
    display: block;
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-program-command-card strong {
    display: block;
    margin-top: 6px;
    color: #293375;
    font-size: 24px;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.oko-program-command-card p {
    margin: 6px 0 0;
    color: #4b5563;
    font-size: 13px;
}

.oko-program-command__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.oko-program-readiness {
    display: grid;
    gap: 14px;
    margin: 0 0 18px;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 18px;
    background:
        linear-gradient(180deg, rgba(248, 249, 252, 0.96), #ffffff),
        #ffffff;
}

.oko-program-readiness__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.oko-program-readiness-item {
    display: flex;
    min-width: 0;
    min-height: 178px;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid rgba(41, 51, 117, 0.14);
    border-left: 5px solid #d7a928;
    border-radius: 8px;
    padding: 12px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(41, 51, 117, 0.05);
}

.oko-program-readiness-item.is-complete {
    border-left-color: #2f855a;
}

.oko-program-readiness-item.needs-attention {
    border-left-color: #d7a928;
}

.oko-program-readiness-item > span {
    display: block;
    color: #5f6675;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.oko-program-readiness-item.is-complete > span {
    color: #2f855a;
}

.oko-program-readiness-item.needs-attention > span {
    color: #a66f00;
}

.oko-program-readiness-item strong {
    display: block;
    margin: 7px 0 6px;
    color: #293375;
    font-size: 16px;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.oko-program-readiness-item p {
    margin: 0 0 12px;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.4;
}

.oko-program-readiness-item .oko-button {
    margin-top: auto;
}

.oko-organization-command {
    background:
        linear-gradient(135deg, rgba(41, 51, 117, 0.08), rgba(48, 126, 129, 0.1)),
        #ffffff;
}

.oko-status-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.oko-status-pill {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    border: 1px solid #d8dbe8;
    border-radius: 999px;
    padding: 3px 8px;
    background: #f7f8fc;
    color: #293375;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: normal;
    word-break: keep-all;
    hyphens: none;
    white-space: nowrap;
}

a.oko-status-pill {
    text-decoration: none;
}

a.oko-status-pill:hover,
a.oko-status-pill:focus {
    text-decoration: underline;
}

.oko-status-pill--requested {
    border-color: #d7c45f;
    background: #fff8d7;
    color: #6d5c00;
}

.oko-status-pill--scheduled {
    border-color: #75a5d6;
    background: #e8f3ff;
    color: #21527f;
}

.oko-status-pill--active,
.oko-status-pill--assigned,
.oko-status-pill--submitted {
    border-color: #75a5d6;
    background: #e8f3ff;
    color: #21527f;
}

.oko-status-pill--paused,
.oko-status-pill--revision_requested {
    border-color: #d7c45f;
    background: #fff8d7;
    color: #6d5c00;
}

.oko-status-pill--completed {
    border-color: #7bbf93;
    background: #eaf8ef;
    color: #23643a;
}

.oko-status-pill--canceled {
    border-color: #d69a9a;
    background: #fff0f0;
    color: #8a2f2f;
}

.oko-status-pill--no_show {
    border-color: #a9aebe;
    background: #f0f1f5;
    color: #444b60;
}

.oko-program-participants-table td {
    overflow-wrap: anywhere;
}

.oko-match-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
}

.oko-intake-compact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 10px;
}

.oko-intake-compact-grid .oko-card {
    min-height: 0;
    padding: 12px;
}

.oko-intake-compact-grid h4 {
    margin: 0 0 4px;
    color: #293375;
    font-size: 15px;
}

.oko-intake-compact-grid .oko-rich-preview p {
    margin-bottom: 6px;
}

.oko-carousel {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.oko-carousel__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 48px;
    border: 1px solid #d8dbe8;
    border-radius: 6px;
    background: #ffffff;
    color: #293375;
    font-size: 22px;
    font-weight: 800;
    cursor: pointer;
}

.oko-carousel__arrow:hover,
.oko-carousel__arrow:focus {
    background: #f7f8fc;
    border-color: #293375;
}

.oko-coach-card-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(300px, calc(50% - 8px));
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x proximity;
}

.oko-coach-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 12px;
    background: #ffffff;
    scroll-snap-align: start;
}

.oko-coach-option input {
    margin-top: 4px;
}

.oko-coach-option span {
    display: grid;
    gap: 5px;
}

.oko-coach-option__avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #d8dbe8;
}

.oko-coach-option small {
    color: #5f667d;
    overflow-wrap: anywhere;
}

.oko-coach-option__excerpt {
    border-left: 3px solid #d8dbe8;
    padding-left: 10px;
    color: #3d4358;
    font-size: 13px;
}

.oko-coach-option__excerpt p {
    margin: 0;
}

@media (max-width: 900px) {
    .oko-coach-card-grid {
        grid-auto-columns: minmax(280px, 90%);
    }
}

[data-oko-card-item][hidden] {
    display: none !important;
}

.oko-rich-preview p {
    margin: 0 0 12px;
    overflow-wrap: anywhere;
}

.oko-rich-preview p:last-child {
    margin-bottom: 0;
}

.oko-rich-preview ul,
.oko-rich-preview ol {
    margin: 0 0 14px 22px;
    padding-left: 18px;
}

.oko-rich-preview ul {
    list-style: disc;
}

.oko-rich-preview ol {
    list-style: decimal;
}

.oko-rich-preview li {
    margin: 4px 0;
}

.oko-linked-articles a {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.oko-form {
    display: grid;
    gap: 14px;
}

.oko-form--spaced {
    margin-bottom: 18px;
}

.oko-form label {
    display: grid;
    gap: 6px;
    font-weight: 700;
}

.oko-form input,
.oko-form select,
.oko-form textarea {
    width: 100%;
    border: 1px solid #cfd4e6;
    border-radius: 6px;
    padding: 10px 12px;
    font: inherit;
}

.oko-question-field {
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 14px;
    background: #ffffff;
}

.oko-question-field small {
    color: #6b7280;
    font-weight: 400;
}

.oko-question-editor-list {
    display: grid;
    gap: 16px;
    margin-top: 20px;
}

.oko-question-editor {
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 16px;
    background: #ffffff;
}

.oko-action-form--danger {
    margin-top: 10px;
}

.oko-response-list {
    display: grid;
    gap: 12px;
}

.oko-response-item {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px;
    background: #ffffff;
}

.oko-response-item h4 {
    margin: 0 0 6px;
    color: #293375;
}

.oko-checkbox-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.oko-checkbox-row label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-weight: 700;
}

.oko-checkbox-row input {
    flex: 0 0 auto;
    width: auto;
    margin-top: 4px;
}

.oko-checkbox-row--scroll {
    max-height: 260px;
    overflow-y: auto;
    padding-right: 4px;
}

.oko-is-hidden {
    display: none !important;
}

.oko-fieldset {
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 14px;
}

.oko-fieldset legend {
    padding: 0 6px;
    color: #293375;
    font-weight: 700;
}

.oko-checkbox-row small {
    display: block;
    margin-top: 2px;
    color: #6b7280;
    font-weight: 400;
}

.oko-article-list {
    display: grid;
    gap: 14px;
}

.oko-article {
    border: 1px solid #d8dbe8;
    border-radius: 8px;
    padding: 16px;
    background: #ffffff;
}

.oko-article header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.oko-article--compact {
    padding: 12px 14px;
}

.oko-article h4 {
    margin: 0 0 4px;
    color: #293375;
}

.oko-article-section {
    margin-top: 12px;
}

.oko-kb-search {
    width: 100%;
    min-width: min(100%, 34rem);
    margin-bottom: 12px;
    border: 1px solid #cfd4e6;
    border-radius: 6px;
    padding: 10px 12px;
    font: inherit;
}

.oko-app-page input[type="search"],
.oko-table-toolbar input[type="search"],
.oko-program-match input[type="search"],
.oko-engagement-filters input[type="search"] {
    width: min(100%, 34rem);
    min-width: min(100%, 34rem);
}

.oko-linked-articles {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px;
    margin-top: 10px;
}

.oko-linked-articles strong {
    flex: 0 0 100%;
}

.oko-linked-articles span {
    display: inline-block;
    max-width: 100%;
    border: 1px solid #d8dbe8;
    border-radius: 999px;
    padding: 2px 8px;
    background: #f7f8fc;
    color: #293375;
    font-size: 13px;
    overflow-wrap: anywhere;
    white-space: normal;
}

.oko-muted {
    color: #6b7280;
    font-size: 14px;
}

.oko-coach-profile-form {
    margin-bottom: 20px;
}

.oko-message-list {
    display: grid;
    gap: 12px;
    margin-top: 20px;
}

.oko-message {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px 16px;
    background: #ffffff;
}

.oko-message header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    color: #293375;
}

.oko-message header span {
    color: #6b7280;
    font-size: 13px;
}

.oko-rich-preview {
    margin-top: 8px;
    color: #4b5563;
}

.oko-rich-preview p {
    margin: 0 0 8px;
}

.oko-action-form {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.oko-action-form--stacked {
    display: grid;
    min-width: 260px;
    gap: 8px;
}

.oko-action-form--stacked label {
    display: grid;
    gap: 4px;
    font-size: 13px;
    font-weight: 700;
}

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

.oko-action-form input,
.oko-action-form select {
    min-width: 120px;
    border: 1px solid #cfd4e6;
    border-radius: 6px;
    padding: 8px;
}

.oko-fieldset--compact {
    display: grid;
    gap: 6px;
    margin: 0;
    border: 1px solid #d8dbe8;
    border-radius: 6px;
    padding: 8px;
}

.oko-fieldset--compact summary {
    cursor: pointer;
    font-weight: 700;
}

.oko-fieldset--compact select {
    min-height: 120px;
    width: 100%;
}

.oko-session-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.oko-session-meta > span:not(.oko-status-pill) {
    border-radius: 999px;
    padding: 4px 8px;
    background: #f7f8fc;
    color: #4b5563;
    font-size: 13px;
}

.oko-session-meta .oko-status-pill {
    font-size: 12px;
}

.oko-topic-checklist {
    display: grid;
    max-height: 220px;
    overflow: auto;
    gap: 6px;
    justify-items: start;
    text-align: left;
}

.oko-topic-search {
    margin-bottom: 10px;
    max-width: 100%;
    width: min(560px, 100%);
}

.oko-topic-checklist label {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-weight: 400;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
}

.oko-topic-checklist input {
    flex: 0 0 auto;
    justify-self: start;
    min-width: 0;
    margin-top: 3px;
    padding: 0;
    width: auto;
    inline-size: auto;
}

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

.oko-filter-bar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-items: end;
    margin-bottom: 14px;
}

.oko-filter-bar label {
    display: grid;
    gap: 4px;
    font-size: 13px;
    font-weight: 700;
}

.oko-filter-bar input,
.oko-filter-bar select {
    width: 100%;
    border: 1px solid #cfd4e6;
    border-radius: 6px;
    padding: 9px 10px;
    font: inherit;
}

.oko-filter-bar > input[type="search"],
.oko-filter-bar label:has(input[type="search"]) {
    grid-column: span 2;
    min-width: min(100%, 28rem);
}

.oko-filter-bar.oko-filter-bar--coach-match {
    grid-template-columns: minmax(320px, 720px);
}

.oko-filter-bar.oko-filter-bar--coach-match [data-oko-card-filter] {
    width: min(100%, 720px);
    min-width: min(100%, 520px);
}

.oko-filter-bar--wide {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.oko-filter-bar--kb-library {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
}

.oko-inline-form {
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    align-items: end;
}

.oko-inline-form--session-type {
    grid-template-columns: minmax(180px, 1.2fr) minmax(110px, 0.6fr) minmax(140px, 0.8fr) minmax(140px, 0.8fr) auto;
}

.oko-inline-form--pool {
    grid-template-columns: minmax(240px, 1fr) auto;
}

.oko-inline-form--matching {
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
}

.oko-inline-form--company-admin {
    grid-template-columns: minmax(320px, 1fr) auto;
}

.oko-inline-form--session-request {
    grid-template-columns: minmax(220px, 1fr) minmax(190px, 0.8fr) auto;
}

.oko-editor-field {
    display: grid;
    grid-column: 1 / -1;
    gap: 6px;
    font-weight: 700;
}

.oko-table-wrap {
    overflow-x: auto;
}

.oko-table-wrap--no-scroll {
    overflow-x: visible;
}

.oko-table-wrap--spaced {
    margin-top: 20px;
}

.oko-table {
    width: 100%;
    border-collapse: collapse;
}

.oko-table th,
.oko-table td {
    border-bottom: 1px solid #e5e7eb;
    padding: 12px;
    text-align: left;
    vertical-align: top;
}

.oko-table th {
    color: #293375;
}

.oko-table-sort {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
}

.oko-table-sort::after {
    content: "^v";
    color: #7b829d;
    font-size: 12px;
}

.oko-table th[aria-sort="ascending"] .oko-table-sort::after {
    content: "^";
}

.oko-table th[aria-sort="descending"] .oko-table-sort::after {
    content: "v";
}

.oko-table .oko-action-row {
    min-width: 0;
}

.oko-kb-table {
    table-layout: fixed;
}

.oko-kb-table__article {
    width: 38%;
}

.oko-kb-table__description {
    width: 42%;
}

.oko-kb-table__actions {
    width: 20%;
}

.oko-kb-table td,
.oko-kb-table th {
    overflow-wrap: anywhere;
}

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

.oko-kb-table .oko-action-form {
    margin: 0;
}

.oko-notice--success {
    margin-bottom: 18px;
    border-left-color: #2f855a;
}

.oko-notice--inline {
    margin-bottom: 10px;
    padding: 10px 12px;
}

.oko-notice--inline p {
    margin: 0;
}

.oko-topic-picker {
    display: grid;
    gap: 8px;
}

.oko-topic-picker__summary {
    color: #4b5563;
    font-size: 0.92rem;
}

.oko-topic-wizard {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(17, 24, 39, 0.45);
}

.oko-topic-wizard[hidden] {
    display: none;
}

.oko-topic-wizard__dialog {
    width: min(720px, 100%);
    max-height: min(760px, 90vh);
    overflow: auto;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
    padding: 22px;
}

.oko-topic-wizard__header,
.oko-topic-wizard__actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.oko-topic-wizard__header p {
    margin: 4px 0 0;
    color: #4b5563;
}

.oko-topic-wizard__actions {
    justify-content: flex-end;
    margin-top: 18px;
}

.oko-icon-button {
    width: 34px;
    height: 34px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
}

.oko-form-error {
    margin: 14px 0;
    padding: 10px 12px;
    border-left: 4px solid #b91c1c;
    background: #fef2f2;
    color: #7f1d1d;
}

.oko-form label:has([required]) > span::after {
    content: "Required";
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 2px 7px;
    border-radius: 999px;
    background: #fff1f2;
    color: #9f1239;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    vertical-align: middle;
}

.oko-form [aria-invalid="true"] {
    border-color: #b91c1c;
    box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.14);
}

.oko-dashboard,
.oko-program-workspace,
.oko-engagement-workspace,
.oko-program-report,
.oko-admin-console,
.oko-shared-updates,
.oko-surveys,
.oko-coach-profiles,
.oko-program-match,
.oko-participant-intake,
.oko-demo-guide,
.oko-goal-detail,
.oko-session-detail,
.oko-assignment-detail,
.oko-profile,
.oko-knowledge-base,
.oko-platform-settings,
.oko-company-settings {
    --oko-accent: #293375;
    --oko-accent-soft: #eef1ff;
    --oko-warm: #c35d5e;
    --oko-surface: #ffffff;
    --oko-surface-soft: #f7f8fc;
    --oko-border: #d8dbe8;
}

.oko-dashboard--role-company_admin,
.oko-company-settings {
    --oko-accent: #307e81;
    --oko-accent-soft: #eaf8f8;
}

.oko-dashboard--role-program_manager,
.oko-program-workspace,
.oko-program-match {
    --oko-accent: #744da8;
    --oko-accent-soft: #f2edfb;
}

.oko-dashboard--role-coach,
.oko-engagement-workspace {
    --oko-accent: #2e6fa8;
    --oko-accent-soft: #e8f3ff;
}

.oko-dashboard--role-participant {
    --oko-accent: #2f855a;
    --oko-accent-soft: #eaf8ef;
}

.oko-dashboard--role-sponsor,
.oko-shared-updates {
    --oko-accent: #8a5b12;
    --oko-accent-soft: #fff6df;
}

.oko-dashboard__header,
.oko-section-heading,
.oko-topic-wizard__header {
    min-width: 0;
}

.oko-dashboard__header {
    border: 1px solid var(--oko-border);
    border-radius: 8px;
    padding: 18px;
    background:
        linear-gradient(135deg, var(--oko-accent-soft), #ffffff 68%),
        #ffffff;
    box-shadow: 0 12px 30px rgba(31, 41, 55, 0.06);
}

.oko-dashboard__header h2,
.oko-panel h3,
.oko-section-heading h3,
.oko-card h3,
.oko-card h4,
.oko-role-mission__copy h3,
.oko-engagement-focus__copy h3,
.oko-program-command__copy h3 {
    color: var(--oko-accent);
}

.oko-app-screen__eyebrow,
.oko-role-mission__copy > span,
.oko-engagement-focus__copy > span,
.oko-program-command__copy > span,
.oko-workload-event time {
    color: var(--oko-warm);
}

.oko-role-mission,
.oko-engagement-focus,
.oko-program-command,
.oko-next-actions,
.oko-operating-signals,
.oko-privacy-guardrails,
.oko-baseline-readiness,
.oko-dashboard-workload,
.oko-dashboard-insights,
.oko-program-readiness,
.oko-setup-panel,
.oko-panel {
    border-color: var(--oko-border);
    border-radius: 8px;
}

.oko-role-mission,
.oko-engagement-focus,
.oko-program-command {
    background:
        linear-gradient(135deg, var(--oko-accent-soft), rgba(195, 93, 94, 0.08)),
        #ffffff;
}

.oko-role-mission__metrics article,
.oko-engagement-focus__metrics article,
.oko-program-command-card,
.oko-dashboard-report-card,
.oko-workload-card,
.oko-dashboard-insight-card,
.oko-next-action,
.oko-operating-signal,
.oko-privacy-guardrail,
.oko-baseline-readiness-item,
.oko-launch-readiness-card,
.oko-program-readiness-item,
.oko-card {
    transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.oko-role-mission__metrics article:hover,
.oko-engagement-focus__metrics article:hover,
.oko-program-command-card:hover,
.oko-dashboard-report-card:hover,
.oko-workload-card:hover,
.oko-dashboard-insight-card:hover,
.oko-next-action:hover,
.oko-operating-signal:hover,
.oko-privacy-guardrail:hover,
.oko-baseline-readiness-item:hover,
.oko-launch-readiness-card:hover,
.oko-program-readiness-item:hover,
.oko-card:hover {
    transform: translateY(-1px);
    border-color: rgba(41, 51, 117, 0.28);
    box-shadow: 0 14px 34px rgba(31, 41, 55, 0.09);
}

.oko-next-actions__grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.oko-next-action {
    min-height: 165px;
}

.oko-next-action--primary,
.oko-program-command-card,
.oko-workload-event {
    border-top-color: var(--oko-accent);
    border-left-color: var(--oko-accent);
}

.oko-button {
    background: var(--oko-accent);
    box-shadow: 0 10px 20px rgba(41, 51, 117, 0.15);
}

.oko-button:hover,
.oko-button:focus {
    background: var(--oko-warm);
}

.oko-button--secondary {
    border-color: var(--oko-accent);
    background: var(--oko-accent);
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(41, 51, 117, 0.15);
}

.oko-button--secondary:hover,
.oko-button--secondary:focus {
    border-color: var(--oko-warm);
    background: var(--oko-warm);
    color: #ffffff;
}

.oko-button,
.oko-button:link,
.oko-button:visited,
.oko-button--secondary,
.oko-button--secondary:link,
.oko-button--secondary:visited {
    border-color: var(--oko-accent);
    background: var(--oko-accent);
    color: #ffffff;
}

.oko-button:hover,
.oko-button:focus,
.oko-button--secondary:hover,
.oko-button--secondary:focus {
    border-color: var(--oko-warm);
    background: var(--oko-warm);
    color: #ffffff;
}

.oko-button[disabled],
.oko-button:disabled,
.oko-button--secondary[disabled],
.oko-button--secondary:disabled {
    border-color: #cfd4e6;
    background: #e5e7eb;
    color: #5f6675;
    box-shadow: none;
    cursor: not-allowed;
}

.oko-filter-bar {
    border: 1px solid var(--oko-border);
    border-radius: 8px;
    padding: 12px;
    background: var(--oko-surface-soft);
}

.oko-filter-bar input,
.oko-filter-bar select,
.oko-form input,
.oko-form select,
.oko-form textarea,
.oko-action-form input,
.oko-action-form select {
    min-height: 40px;
}

.oko-app-page input[type="search"],
.oko-table-toolbar input[type="search"],
.oko-program-match input[type="search"],
.oko-engagement-filters input[type="search"],
.oko-filter-bar input[type="search"] {
    width: 100%;
    min-width: min(100%, 36rem);
}

.oko-table-wrap {
    border: 1px solid var(--oko-border);
    border-radius: 8px;
    background: #ffffff;
    overflow-x: auto;
}

.oko-table {
    table-layout: auto;
}

.oko-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f5f6fb;
    color: var(--oko-accent);
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.oko-table td {
    background: #ffffff;
}

.oko-table tbody tr:hover td {
    background: #fbfcff;
}

.oko-table th,
.oko-table td {
    padding: 10px;
    overflow-wrap: anywhere;
}

.oko-table .oko-action-row {
    justify-content: flex-start;
}

.oko-table .oko-button {
    white-space: nowrap;
}

#oko-dashboard-engagements-table {
    table-layout: fixed;
    min-width: 0;
    width: 100%;
}

#oko-dashboard-action-window {
    overflow-x: hidden;
}

#oko-dashboard-action-window .oko-table-wrap {
    max-width: 100%;
    overflow-x: clip;
}

#oko-dashboard-action-window .oko-table th,
#oko-dashboard-action-window .oko-table td {
    min-width: 0;
}

#oko-dashboard-action-window .oko-dashboard-col--scope {
    width: 18%;
}

#oko-dashboard-action-window .oko-dashboard-col--person {
    width: 13%;
}

#oko-dashboard-action-window .oko-dashboard-col--intake {
    width: 11%;
}

#oko-dashboard-action-window .oko-dashboard-col--sessions {
    width: 30%;
}

#oko-dashboard-action-window .oko-dashboard-col--todo {
    width: 14%;
}

#oko-dashboard-action-window .oko-dashboard-col--open {
    width: 92px;
}

#oko-dashboard-engagements-table .oko-status-pill-row,
.oko-session-meta,
.oko-status-breakdown--compact {
    gap: 5px;
}

.oko-status-pill {
    min-width: 0;
    max-width: 100%;
    font-size: 11px;
    padding: 3px 7px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: none;
}

#oko-dashboard-action-window .oko-status-pill-row {
    align-items: flex-start;
}

#oko-dashboard-action-window .oko-status-pill {
    line-height: 1.25;
}

#oko-dashboard-action-window .oko-status-pill-row .oko-status-pill {
    flex: 1 1 9rem;
    width: auto;
}

.oko-program-list #oko-role-programs-table th:last-child,
.oko-program-list #oko-role-programs-table td:last-child,
.oko-program-list #oko-admin-programs-table th:last-child,
.oko-program-list #oko-admin-programs-table td:last-child {
    width: 112px;
    min-width: 112px;
    text-align: left;
}

.oko-program-list #oko-role-programs-table .oko-button,
.oko-program-list #oko-admin-programs-table .oko-button {
    min-width: 74px;
    padding-inline: 12px;
    text-align: center;
    white-space: nowrap;
}

.oko-program-list a.oko-program-open-button,
.oko-program-list a.oko-program-open-button:link,
.oko-program-list a.oko-program-open-button:visited {
    border: 1px solid #293375 !important;
    background: #293375 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 16px rgba(41, 51, 117, 0.14) !important;
}

.oko-program-list a.oko-program-open-button:hover,
.oko-program-list a.oko-program-open-button:focus,
.oko-program-list a.oko-program-open-button:active {
    border-color: #c35d5e !important;
    background: #c35d5e !important;
    color: #ffffff !important;
}

.oko-app-page a.oko-button,
.oko-app-page a.oko-button:link,
.oko-app-page a.oko-button:visited,
.oko-app-page button.oko-button,
.oko-app-page input[type="submit"].oko-button,
.oko-app-page input[type="button"].oko-button,
.oko-app-page .oko-button,
.oko-app-screen a.oko-button,
.oko-app-screen a.oko-button:link,
.oko-app-screen a.oko-button:visited,
.oko-app-screen button.oko-button,
.oko-app-screen input[type="submit"].oko-button,
.oko-app-screen input[type="button"].oko-button,
.oko-app-screen .oko-button {
    border: 1px solid #293375 !important;
    background: #293375 !important;
    background-color: #293375 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 16px rgba(41, 51, 117, 0.14) !important;
}

.oko-app-page a.oko-button:hover,
.oko-app-page a.oko-button:focus,
.oko-app-page a.oko-button:active,
.oko-app-page button.oko-button:hover,
.oko-app-page button.oko-button:focus,
.oko-app-page input[type="submit"].oko-button:hover,
.oko-app-page input[type="submit"].oko-button:focus,
.oko-app-page input[type="button"].oko-button:hover,
.oko-app-page input[type="button"].oko-button:focus,
.oko-app-screen a.oko-button:hover,
.oko-app-screen a.oko-button:focus,
.oko-app-screen a.oko-button:active,
.oko-app-screen button.oko-button:hover,
.oko-app-screen button.oko-button:focus,
.oko-app-screen input[type="submit"].oko-button:hover,
.oko-app-screen input[type="submit"].oko-button:focus,
.oko-app-screen input[type="button"].oko-button:hover,
.oko-app-screen input[type="button"].oko-button:focus {
    border-color: #c35d5e !important;
    background: #c35d5e !important;
    background-color: #c35d5e !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.oko-app-page .oko-button[disabled],
.oko-app-page .oko-button:disabled,
.oko-app-screen .oko-button[disabled],
.oko-app-screen .oko-button:disabled {
    border-color: #cfd4e6 !important;
    background: #e5e7eb !important;
    background-color: #e5e7eb !important;
    color: #5f6675 !important;
    -webkit-text-fill-color: #5f6675 !important;
    box-shadow: none !important;
}

.oko-dashboard-report-strip,
.oko-workload-grid,
.oko-dashboard-insights-grid,
.oko-program-command__cards,
.oko-engagement-focus__metrics,
.oko-role-mission__metrics {
    gap: 10px;
}

.oko-dashboard-report-card,
.oko-workload-card,
.oko-dashboard-insight-card,
.oko-program-command-card,
.oko-engagement-focus__metrics article,
.oko-role-mission__metrics article {
    padding: 13px;
}

.oko-dashboard-report-card strong,
.oko-workload-card strong,
.oko-program-command-card strong,
.oko-engagement-focus__metrics strong,
.oko-role-mission__metrics strong {
    font-size: clamp(20px, 2vw, 26px);
}

.oko-tab-list {
    border: 1px solid var(--oko-border);
    border-radius: 8px;
    padding: 6px;
    background: #f7f8fc;
}

.oko-tab {
    border: 1px solid transparent;
    border-radius: 6px;
    min-height: 38px;
    background: transparent;
}

.oko-tab.is-active {
    border-color: var(--oko-accent);
    background: #ffffff;
    color: var(--oko-accent);
    box-shadow: inset 0 -3px 0 var(--oko-accent);
}

.oko-message,
.oko-response-item,
.oko-article,
.oko-question-editor,
.oko-question-field {
    box-shadow: 0 8px 20px rgba(31, 41, 55, 0.04);
}

.oko-app-nav {
    position: relative;
    border: 1px solid var(--oko-border);
    border-radius: 8px;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(31, 41, 55, 0.04);
}

.oko-app-nav__link.is-active,
.oko-app-nav__link:hover,
.oko-app-nav__link:focus {
    border-color: var(--oko-accent);
    background: var(--oko-accent-soft);
    color: var(--oko-accent);
}

.oko-role-switcher__item.is-active,
.oko-role-switcher__item:hover,
.oko-role-switcher__item:focus {
    border-color: var(--oko-accent);
    background: var(--oko-accent);
}

.oko-role-switcher__item,
.oko-role-switcher__item:link,
.oko-role-switcher__item:visited {
    border-color: #293375 !important;
    background: #293375 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.oko-role-switcher__item.is-active,
.oko-role-switcher__item:hover,
.oko-role-switcher__item:focus {
    border-color: #c35d5e !important;
    background: #c35d5e !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1100px) {
    .oko-role-mission,
    .oko-role-mission__metrics,
    .oko-dashboard-report-strip,
    .oko-workload-grid,
    .oko-dashboard-insights-grid,
    .oko-program-command__cards,
    .oko-engagement-focus__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .oko-dashboard-report-strip {
        grid-template-columns: 1fr;
    }

    .oko-role-mission,
    .oko-role-mission__metrics {
        grid-template-columns: 1fr;
    }

    .oko-role-mission__copy h3 {
        font-size: 22px;
    }

    .oko-next-actions__grid {
        grid-template-columns: 1fr;
    }

    .oko-dashboard-more-tools summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .oko-dashboard-more-tools summary::after {
        position: absolute;
        right: 18px;
    }

    .oko-dashboard-more-tools summary small {
        padding-right: 42px;
        text-align: left;
    }

    .oko-workload-grid {
        grid-template-columns: 1fr;
    }

    .oko-dashboard-insights-grid {
        grid-template-columns: 1fr;
    }

    .oko-demo-health-grid,
    .oko-demo-readiness-grid {
        grid-template-columns: 1fr;
    }

    .oko-report-visual-grid {
        grid-template-columns: 1fr;
    }

    .oko-report-topic-grid {
        grid-template-columns: 1fr;
    }

    .oko-report-command__cards {
        grid-template-columns: 1fr;
    }

    .oko-executive-brief__grid {
        grid-template-columns: 1fr;
    }

    .oko-sharing-command,
    .oko-sharing-command__cards {
        grid-template-columns: 1fr;
    }

    .oko-topic-spotlight,
    .oko-topic-spotlight__cards {
        grid-template-columns: 1fr;
    }

    .oko-dashboard-layout {
        grid-template-columns: 1fr;
    }

    .oko-dashboard__header {
        display: block;
    }

    .oko-dashboard__header .oko-button {
        margin-top: 16px;
    }

    .oko-dashboard__header .oko-button-row .oko-button {
        margin-top: 0;
    }

    .oko-button-row {
        justify-content: flex-start;
        margin-top: 16px;
    }

    .oko-session-calendar-banner {
        align-items: flex-start;
        flex-direction: column;
    }

    .oko-admin-layout {
        grid-template-columns: 1fr;
    }

    .oko-workspace-layout {
        grid-template-columns: 1fr;
    }

    .oko-engagement-focus__metrics {
        grid-template-columns: 1fr;
    }

    .oko-program-command__cards {
        grid-template-columns: 1fr;
    }

    .oko-program-readiness__grid {
        grid-template-columns: 1fr;
    }

    .oko-report-grid {
        grid-template-columns: 1fr;
    }

    .oko-scope-picker {
        grid-template-columns: 1fr;
    }

    .oko-inheritance-grid {
        grid-template-columns: 1fr;
    }

    .oko-form-grid {
        grid-template-columns: 1fr;
    }

    .oko-filter-bar {
        grid-template-columns: 1fr;
    }

    .oko-filter-bar > input[type="search"],
    .oko-filter-bar label:has(input[type="search"]) {
        grid-column: auto;
        min-width: 0;
    }

    .oko-inline-form {
        grid-template-columns: 1fr;
    }

    .oko-app-nav__top,
    .oko-app-nav__user {
        align-items: flex-start;
        flex-direction: column;
    }
}