/* Generated by tools/build-night-css.php — do not edit by hand (fixes go in dp-night.css). */

/* ---- assets/ai-helper.css ---- */
body.ah-app {
    color: #fbf6f9;
    background: #2f282d;
}
.ah-warn {
    color: hsl(35 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}
.ah-locked {
    background: #2f282d;
}
.ah-locked p {
    color: #b9aab3;
}
.ah-tab.is-active {
    color: #fbf6f9;
    background: #2f282d;
}
.ah-tab-add {
    background: rgb(255 255 255 / 0.037);
}
.ah-tab-add.is-active {
    color: hsl(331 100% 68%);
    background: #2f282d;
}
.ah-pick {
    background: #2f282d;
}
.ah-search {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ah-search input {
    color: #fbf6f9;
}
.ah-model {
    background: #2f282d;
    border: 1.5px solid rgb(255 255 255 / 0.12);
}
.ah-tag {
    color: hsl(331 100% 68%);
    background: hsl(331 70% 55% / 0.16);
}
.ah-tag.is-muted {
    color: #b9aab3;
    background: #2f282d;
}
.ah-hint {
    background: #2f282d;
}
.ah-list {
    background: #2f282d;
    border-right: 1px solid rgb(255 255 255 / 0.12);
}
.ah-btn.is-light {
    color: hsl(331 100% 68%);
    background: #2f282d;
    border: 1.5px solid rgb(255 255 255 / 0.12);
}
.ah-filter {
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
.ah-chip {
    color: #fbf6f9;
    background: hsl(332 70% 55% / 0.16);
}
.ah-chat {
    background: #2f282d;
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
.ah-chat:hover {
    background: #2f282d;
}
.ah-chat.is-on {
    background: #2f282d;
}
.ah-chat-main p {
    color: #b9aab3;
}
.ah-chat-note {
    color: hsl(39 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}
.ah-chat .is-pin {
    color: hsl(330 100% 68%);
}
.ah-none {
    color: #b9aab3;
    background: #2f282d;
}
.ah-conv {
    background: #2f282d;
}
.ah-empty {
    color: #b9aab3;
}
.ah-empty > span {
    color: hsl(330 100% 68%);
    background: hsl(331 70% 55% / 0.16);
}
.ah-conv-head {
    background: #2f282d;
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
.ah-conv-who strong small {
    color: #b9aab3;
}
.ah-about {
    color: hsl(39 100% 68%);
}
.ah-icon-btn {
    color: #fbf6f9;
    background: hsl(332 70% 55% / 0.16);
}
.ah-bubble {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ah-msg.is-blocked .ah-bubble {
    color: hsl(350 83% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.ah-flag {
    color: hsl(36 100% 68%);
    background: hsl(41 70% 55% / 0.16);
}
.ah-tool {
    color: hsl(331 100% 68%);
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ah-tool:hover {
    background: #2f282d;
}
.ah-tool.is-done {
    color: hsl(150 85% 68%);
    background: hsl(145 70% 55% / 0.16);
    border-color: rgb(255 255 255 / 0.12);
}
.ah-tip {
    color: hsl(267 53% 68%);
    background: hsl(262 70% 55% / 0.16);
}
.ah-typing {
    background: hsl(331 70% 55% / 0.16);
}
.ah-error {
    color: hsl(349 79% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.ah-compose {
    background: #2f282d;
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.ah-compose textarea {
    color: #fbf6f9;
    background: #2f282d;
    border: 1.5px solid rgb(255 255 255 / 0.12);
}
.ah-dialog {
    color: #fbf6f9;
}
.ah-form input,
.ah-form textarea {
    color: #fbf6f9;
    background: #2f282d;
    border: 1.5px solid rgb(255 255 255 / 0.12);
}
.ah-sheet div {
    background: #2f282d;
}
.ah-sheet dt {
    color: #b9aab3;
}
.ah-sheet-empty {
    color: #b9aab3;
}

/* ---- assets/ai-window.css ---- */
:root .aiw {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.072);
}
:root body .aiw button.aiw-ctl:hover {
    background: rgb(255 255 255 / 0.037) !important;
}
:root .aiw-frame {
    background: #2f282d;
}
:root body button.aiw-pill {
    border: 2px solid rgb(255 255 255 / 0.12) !important;
}

/* ---- assets/app-transition.css ---- */
.page-loader {
    background: #2f282d;
}
.home-intro {
    background: #2f282d;
}

/* ---- assets/applicant-flow-theme.css ---- */
.application-page .application-flow-progress li::before,
.briefing-page .application-flow-progress li::before,
.chat-page .application-flow-progress li::before,
.result-page .application-flow-progress li::before {
    color: hsl(332 100% 68%);
    background: rgb(255 255 255 / 0.133);
    border-color: rgb(255 255 255 / 0.096);
}
.application-page .application-flow-progress li::after,
.briefing-page .application-flow-progress li::after,
.chat-page .application-flow-progress li::after,
.result-page .application-flow-progress li::after {
    background: rgb(255 255 255 / 0.074);
}
.application-page .application-flow-progress li.active::before,
.briefing-page .application-flow-progress li.active::before,
.chat-page .application-flow-progress li.active::before,
.result-page .application-flow-progress li.active::before {
    color: hsl(330 100% 68%);
    background: #2f282d;
    border-color: rgb(255 255 255 / 0.12);
}
.application-page .application-flow-progress li.completed::before,
.briefing-page .application-flow-progress li.completed::before,
.chat-page .application-flow-progress li.completed::before,
.result-page .application-flow-progress li.completed::before {
    background: rgb(255 255 255 / 0.046);
    border-color: rgb(255 255 255 / 0.12);
}
.age-gate-page header,
.age-gate-page footer {
    border-color: rgb(255 255 255 / 0.042);
}
.age-gate-page .age-gate-main,
.salary-page .page {
    border: 1px solid rgb(255 255 255 / 0.11) !important;
    background: #2f282d !important;
}
.age-gate-page .eyebrow {
    color: hsl(331 100% 68%) !important;
}
.age-gate-page .btn,
.salary-page .actions button {
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
.age-gate-page .back,
.salary-page .actions .decline,
.salary-page .actions .decline:hover {
    color: hsl(332 83% 68%) !important;
}
.age-gate-page .step {
    border: 1px solid rgb(255 255 255 / 0.05);
    background: rgb(255 255 255 / 0.034);
}
.age-gate-page main.age-gate-main {
    border: 1px solid rgb(255 255 255 / 0.066) !important;
}
.age-gate-page .eyebrow {
    color: hsl(332 100% 68%) !important;
    background: hsl(335 70% 55% / 0.16);
}
.age-gate-page .notice {
    background: #2f282d;
    border-color: rgb(255 255 255 / 0.12);
}
.age-gate-page .notice-icon {
    color: hsl(151 75% 68%);
    background: hsl(144 70% 55% / 0.16);
    border: 1px solid rgb(255 255 255 / 0.12);
}
.age-gate-page .notice strong {
    color: #fbf6f9;
}
.age-gate-page .actions .btn,
.salary-page .actions button {
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
.age-gate-page .actions .btn:hover,
.salary-page .actions button:hover,
.age-gate-page .actions .btn:active,
.salary-page .actions button:active {
    border-color: rgb(255 255 255 / 0.12) !important;
}
.salary-page .salary-heading::before {
    color: hsl(332 100% 68%);
    background: hsl(335 70% 55% / 0.16);
}
.salary-page .salary-summary {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.salary-page .label {
    color: hsl(332 83% 68%);
}
.salary-page .amount {
    color: hsl(330 100% 68%);
}
.salary-page .amount .period {
    color: hsl(332 83% 68%);
}
.salary-page .salary-question {
    color: #fbf6f9;
}
.briefing-page .confirmation .btn-secondary {
    color: #b9aab3 !important;
    background: #2f282d !important;
    border-color: rgb(255 255 255 / 0.12) !important;
}
.briefing-page .confirmation .btn-secondary:hover {
    color: #fbf6f9 !important;
    background: #2f282d !important;
}
.chat-page .topbar {
    border-bottom-color: rgb(255 255 255 / 0.042);
}
.result-page .opportunity-card h2,
.result-page .opportunity-block h3,
.result-page .compensation-amount,
.result-page .offer-detail-row strong,
.result-page .offer-perk strong,
.result-page .offer-requirement-highlight,
.result-page .dimension-score {
    color: hsl(150 76% 68%) !important;
}

/* ---- assets/application-brand.css ---- */
:root {
    --brand-pink-dark: hsl(331 100% 68%);
    --brand-ink: #fbf6f9;
    --brand-muted: #b9aab3;
    --brand-paper: #2f282d;
    --brand-line: rgb(255 255 255 / 0.12);
    --brand-card: #2f282d;
    --brand-shadow: 4px 4px 0 rgb(0 0 0 / 35%);
}
.application-flow-progress li::before {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.application-flow-progress li.completed::before {
    background: #2f282d;
}
.btn,
button.btn,
.actions > form > button,
.actions button {
    border: 1px solid rgb(255 255 255 / 12%) !important;
}
.btn:hover,
button.btn:hover,
.actions > form > button:hover,
.actions button:hover {
    box-shadow: 2px 2px 0 rgb(0 0 0 / 35%);
}
.btn:disabled,
button:disabled {
    color: #b9aab3 !important;
    background: #2f282d !important;
}
.btn-secondary,
.decline {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 12%) !important;
}
.btn-secondary:hover,
.decline:hover {
    background: #2f282d !important;
}
.container,
.page {
    border: 1px solid rgb(255 255 255 / 12%) !important;
    box-shadow: 6px 6px 0 rgb(0 0 0 / 35%) !important;
}
.form-section,
.scenario-card,
.scenario-details,
.persona,
.client-persona,
.briefing-objectives,
.notice {
    border: 1px solid rgb(255 255 255 / 12%) !important;
    background: #2f282d !important;
    box-shadow: 3px 3px 0 rgb(0 0 0 / 35%);
}
.scenario-card {
    background: #2f282d !important;
}
.client-persona {
    background: #2f282d !important;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
select,
textarea,
input[type="file"] {
    background-color: #2f282d !important;
}
.choice span {
    border: 1px solid rgb(255 255 255 / 12%) !important;
    background: #2f282d !important;
}
.choice input:checked + span {
    background: #2f282d !important;
    box-shadow: 3px 3px 0 rgb(0 0 0 / 35%) !important;
}
.consent-card {
    border: 1px solid rgb(255 255 255 / 12%) !important;
    background: #2f282d !important;
    box-shadow: 2px 2px 0 rgb(0 0 0 / 35%);
}
.consent-card:hover,
.consent-card:focus-within {
    background: #2f282d !important;
}
.alert-danger,
.error {
    color: hsl(341 82% 68%) !important;
    background: #2f282d !important;
}
.alert-success,
.success {
    color: hsl(154 73% 68%) !important;
    background: hsl(142 70% 55% / 0.16) !important;
}
.age-gate .notice-icon {
    background: hsl(332 70% 55% / 0.16);
}
.chat-page .topbar {
    border-bottom: 1px solid rgb(255 255 255 / 12%);
    background: #2f282d;
}
.chat-page .chat-panel {
    border: 1px solid rgb(255 255 255 / 12%);
    background: #2f282d;
    box-shadow: 5px 5px 0 rgb(0 0 0 / 35%);
}
.chat-page .session-timer,
.chat-page .client-head {
    background: #2f282d;
}
.chat-page .avatar {
    background: hsl(332 70% 55% / 0.16);
}
.chat-page .chat-messages {
    background: #2f282d;
}
.chat-page .chat-input {
    background: #2f282d;
}
.chat-page .chat-input button {
    border: 1px solid rgb(255 255 255 / 12%);
    box-shadow: 3px 3px 0 rgb(0 0 0 / 35%);
}
@media (max-width: 640px) {
    .container,
    .page {
        box-shadow: 4px 4px 0 rgb(0 0 0 / 35%) !important;
    }
}

/* ---- assets/application-checks.css ---- */
.application-page .location-load-error {
    color: hsl(4 86% 68%);
}
.application-page .speed-box {
    background: hsl(337 70% 55% / 0.16);
}
.application-page .speed-icon {
    border: 1px solid rgb(255 255 255 / 0.12);
    background: #2f282d;
    color: hsl(335 80% 68%);
}
.application-page .speed-copy strong {
    color: #fbf6f9;
}
.application-page .speed-copy small {
    color: #b9aab3;
}
.application-page .speed-card[data-state="done"] .speed-box {
    background: hsl(137 70% 55% / 0.16);
}
.application-page .speed-card[data-state="done"] .speed-icon {
    color: hsl(144 60% 68%);
}
.application-page .speed-card[data-state="done"] [data-speed-state-text] {
    color: hsl(144 60% 68%);
}
.application-page .speed-card[data-state="failed"] [data-speed-state-text] {
    color: hsl(4 86% 68%);
}
.application-page .speed-card[data-state="done"] .speed-btn {
    background: #2f282d;
    color: hsl(335 80% 68%);
    border: 1px solid rgb(255 255 255 / 0.12);
}

/* ---- assets/device-gate.css ---- */
.dg-warning {
    color: #fbf6f9;
    background: hsl(43 70% 55% / 0.16);
}
.dg-warning p {
    color: #b9aab3;
}
.dg-overlay {
    background: #2f282d;
}

/* ---- assets/dp-controls.css ---- */
select:not(#dp-x) option {
    color: #fbf6f9;
    background: #2f282d;
}
select:not(#dp-x) optgroup {
    color: #b9aab3;
    background: #2f282d;
}
@supports (appearance: base-select) {
    select:not([multiple]):not([size]):not(#dp-x)::picker-icon {
        color: hsl(330 100% 68%);
    }
    select:not(#dp-x)::picker(select) {
        color: #fbf6f9;
        background: #2f282d;
        border: 1px solid rgb(255 255 255 / 0.12);
    }
    select:not(#dp-x) option {
        color: #fbf6f9;
    }
    select:not(#dp-x) option:hover,
    select:not(#dp-x) option:focus-visible {
        color: hsl(336 80% 68%);
        background: #2f282d;
    }
    select:not(#dp-x) option:checked {
        color: hsl(336 80% 68%);
        background: hsl(334 70% 55% / 0.16);
    }
    select:not(#dp-x) option::checkmark {
        color: hsl(330 100% 68%);
    }
    select:not(#dp-x) optgroup + optgroup {
        border-top: 1px solid rgb(255 255 255 / 0.12);
    }
}
::-webkit-scrollbar-thumb {
    background: hsl(334 70% 55% / 0.16);
}
html::-webkit-scrollbar-thumb,
.ap-side-inner::-webkit-scrollbar-thumb,
.cp-side-inner::-webkit-scrollbar-thumb,
.sidebar::-webkit-scrollbar-thumb {
    background: rgb(255 255 255 / 0.086);
}
html::-webkit-scrollbar-thumb:hover,
.ap-side-inner::-webkit-scrollbar-thumb:hover,
.cp-side-inner::-webkit-scrollbar-thumb:hover,
.sidebar::-webkit-scrollbar-thumb:hover {
    background: rgb(255 255 255 / 0.122);
}
:root {
    --dpx-card: #2f282d;
    --dpx-card-gradient: #2f282d;
    --dpx-card-line: rgb(255 255 255 / 0.12);
    --dpx-field: hsl(334 70% 55% / 0.16);
}
.cp-day.is-empty:not(#dp-x) {
    background: rgb(255 255 255 / 0.086) !important;
}
:is(.ap-card, .page-card, .ag-dialog, .cc-dialog, .ap-dialog, .ap-section, .ap-drawer):not(#dp-x) :is(h2, h3):not([class*="tone-"]) {
    color: #fbf6f9;
}
:is(.ap-card, .cp-card, .ap-section) :is(th):not(#dp-x) {
    background-color: hsl(335 70% 55% / 0.16) !important;
}
:is(.ap-card, .cp-card, .ap-section) tbody tr:hover:not(#dp-x) {
    background-color: rgb(255 255 255 / 0.086) !important;
}
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]), textarea, select):not(#dp-x):not(:disabled):not([readonly]):not([class*="tone-"]):not(.ap-status-select):not(.ta-position):not(.ta-result):not(:is(.ac-search, .cp-search) *),
.ac-search:not(#dp-x),
.cp-search:not(#dp-x) {
    color: #fbf6f9 !important;
}
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]), textarea, select):not(#dp-x):not(:disabled):not([readonly]):not([class*="tone-"]):not(.ap-status-select):not(.ta-position):not(.ta-result):not(:is(.ac-search, .cp-search) *):focus,
.ac-search:not(#dp-x):focus-within,
.cp-search:not(#dp-x):focus-within {
    background-color: #2f282d !important;
}
:is(dialog, form.ap-card, .ap-card form, .cp-card form) :is(.ag-field, .cp-field, .cx-label) > span:first-child:not(#dp-x),
:is(dialog, form.ap-card, .ap-card form, .cp-card form, .st) label:not([class]):not(:has(input[type="checkbox"], input[type="radio"])):not(#dp-x) {
    color: #fbf6f9 !important;
}
:is(.ac-pick span, .tr-duration span, .cp-outcome label, .ta-type label, .tr-offer-choice, .tr-option):not(#dp-x) {
    color: hsl(335 80% 68%) !important;
    background: hsl(335 70% 55% / 0.16) !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
:is(.ac-pick label:hover span, .tr-duration:hover span, .cp-outcome label:hover, .ta-type label:hover, .tr-offer-choice:hover, .tr-option:hover):not(#dp-x) {
    background: #2f282d !important;
}
.tr-option.is-correct:not(#dp-x) {
    color: hsl(151 85% 68%) !important;
    background: hsl(146 70% 55% / 0.16) !important;
}
.tr-option.is-wrong:not(#dp-x) {
    color: hsl(348 82% 68%) !important;
    background: hsl(349 70% 55% / 0.16) !important;
}
.mp-sec legend {
    color: #fbf6f9;
}
.mp-field > span {
    color: #fbf6f9;
}
.mp-field > span b {
    color: hsl(330 100% 68%);
}
.mp-field.is-warning > span {
    color: hsl(347 80% 68%);
}
.mp-photo {
    color: hsl(335 80% 68%);
    background: hsl(334 70% 55% / 0.16);
}
.mp-photo-empty strong {
    color: #fbf6f9;
}
.mp-photo-empty small {
    color: #b9aab3;
}
.mp-dialog-head {
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
.mp-dialog-head h2 {
    color: #fbf6f9;
}
.mp-dialog-foot {
    background: hsl(337 70% 55% / 0.112);
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.mp-dialog-foot small {
    color: #b9aab3;
}
.mp-view-sec h3 {
    color: hsl(336 80% 68%);
}
.mp-view .cp-model-field {
    background: rgb(255 255 255 / 0.104);
    border: 1px solid rgb(255 255 255 / 0.12);
}
.mp-view .cp-model-field.is-warning {
    background: hsl(349 70% 55% / 0.16);
    border-color: rgb(255 255 255 / 0.12);
}
.mp-view .cp-model-field dt {
    color: #b9aab3;
}
.mp-view .cp-model-field.is-warning dt {
    color: hsl(347 80% 68%);
}
.mp-view .cp-model-field dd {
    color: #fbf6f9;
}
dialog.dpc {
    color: #fbf6f9;
    background: #2f282d;
}
.dpc-title {
    color: #fbf6f9 !important;
}
.dpc-text {
    color: #b9aab3;
}
dialog.dpc .dpc-cancel:not(#dp-x) {
    color: hsl(336 80% 68%) !important;
    background: #2f282d !important;
}
dialog.dpc .dpc-cancel:not(#dp-x):hover {
    background: #2f282d !important;
}

/* ---- assets/employee-ids.css ---- */
.eid {
    --eid-accent: hsl(330 100% 68%);
    --eid-ink: #fbf6f9;
    --eid-muted: #b9aab3;
    --eid-line: rgb(255 255 255 / 0.12);
    --eid-soft: #2f282d;
    --eid-blue: hsl(221 75% 68%);
    --eid-blue-bg: hsl(221 70% 55% / 0.16);
    --eid-red: hsl(4 86% 68%);
}
.eid-block {
    background: #2f282d;
}
.eid-drop {
    background: #2f282d;
}
.eid kbd {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.eid-note {
    color: hsl(146 83% 68%);
}
body button.eid-add,
body .ap button.eid-add,
body .cp button.eid-add {
    background: #2f282d !important;
}

/* ---- assets/mm-generator.css ---- */
body.mmg-app {
    color: #fbf6f9;
    background: #2f282d;
}
.mmg-warn {
    color: hsl(350 83% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.mmg-label {
    color: #fbf6f9;
}
.mmg-label em {
    color: #b9aab3;
}
.mmg-chip {
    background: #2f282d;
    border: 1.5px solid rgb(255 255 255 / 0.12);
}
.mmg-trends {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.mmg-trends-top {
    color: #b9aab3;
}
.mmg-trends-top b {
    color: #fbf6f9;
}
.mmg-refresh {
    color: hsl(331 100% 68%) !important;
}
.mmg-tag {
    background: #2f282d;
    border: 1.5px solid rgb(255 255 255 / 0.12);
}
.mmg-tag.is-on {
    color: hsl(331 100% 68%) !important;
    background: hsl(331 70% 55% / 0.16);
}
.mmg-tag small {
    color: #b9aab3;
}
.mmg-skeleton {
    background: hsl(333 70% 55% / 0.16);
}
.mmg-seg {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.mmg-seg button {
    color: #b9aab3 !important;
}
.mmg-error {
    color: hsl(350 83% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.mmg-sum {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.mmg-sum small {
    color: #b9aab3;
}
.mmg-chg {
    color: hsl(331 100% 68%) !important;
    background: hsl(331 70% 55% / 0.16);
}
.mmg-results-head span {
    color: #b9aab3;
}
.mmg-mm {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.k-playful {
    color: hsl(225 71% 68%);
    background: hsl(223 70% 55% / 0.16);
}
.k-flirty {
    color: hsl(35 100% 68%);
    background: hsl(41 70% 55% / 0.16);
}
.k-spicy {
    color: hsl(349 81% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.k-hook {
    color: #b9aab3;
    background: #2f282d;
}
.mmg-text {
    color: #fbf6f9;
    background: #2f282d;
}
.mmg-mm.is-flagged .mmg-text {
    background: hsl(41 70% 55% / 0.16);
}
.mmg-again {
    color: #b9aab3 !important;
    background: #2f282d;
}
.mmg-foot {
    background: hsl(339 70% 55% / 0.15);
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.mmg-note {
    color: #b9aab3;
}
.mmg-locked-icon {
    color: hsl(330 100% 68%);
    background: hsl(331 70% 55% / 0.16);
}
.mmg-locked p {
    color: #b9aab3;
}

/* ---- assets/mm-window.css ---- */
:root body button.mmg-head {
    border: 3px solid rgb(255 255 255 / 0.12) !important;
}
:root .mmg-head .mmg-badge {
    background: #2f282d;
}
:root .mmg-head .mmg-tip {
    color: #fbf6f9;
    background: #2f282d;
}
:root .mmg-win {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.084);
}
:root .mmg-win-logo {
    background: rgb(255 255 255 / 0.044);
}
:root body .mmg-win button.mmg-win-x {
    background: rgb(255 255 255 / 0.039) !important;
}

/* ---- assets/recruiter-form.css ---- */
.application-page .rc-tile {
    border: 1px solid rgb(255 255 255 / 0.12);
    background: #2f282d;
}
.application-page .rc-tile small {
    color: #b9aab3;
}
.application-page .rc-tile strong {
    color: #fbf6f9;
}
.application-page .rc-steps li {
    border: 1px solid rgb(255 255 255 / 0.12);
    background: #2f282d;
    color: #b9aab3;
}
.application-page .rc-steps strong {
    color: #fbf6f9;
}
.application-page .rc-note {
    background: hsl(43 70% 55% / 0.16);
    color: hsl(42 100% 68%);
}
.application-page .rc-light {
    color: #b9aab3;
}
.application-page .rc-prompt {
    background: #2f282d;
    color: #fbf6f9;
}
.application-page .rc-voice {
    background: hsl(337 70% 55% / 0.16);
}
.application-page .rc-voice[data-state="recorded"],
.application-page .rc-voice[data-state="playing"] {
    background: hsl(137 70% 55% / 0.16);
}
.application-page .rc-voice[data-state="recording"] {
    background: #2f282d;
}
.application-page .rc-voice-meta {
    color: #b9aab3;
}
.application-page .rc-voice[data-state="recorded"] .rc-voice-meta strong,
.application-page .rc-voice[data-state="playing"] .rc-voice-meta strong {
    color: hsl(144 60% 68%);
}
.application-page .rc-again {
    border: 1px solid rgb(255 255 255 / 0.12);
    background: #2f282d;
    color: hsl(335 80% 68%);
}

/* ---- assets/team.css ---- */
:root .tm-muted {
    color: #b9aab3;
}
:root .tm-card {
    color: #fbf6f9;
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-card h2,
:root .tm-card h3 {
    color: #fbf6f9 !important;
}
:root .tm-card-head p {
    color: #b9aab3;
}
:root .tm-empty {
    color: #b9aab3;
    background: #2f282d;
}
:root .tm-list > li {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-item-main strong {
    color: #fbf6f9;
}
:root .tm-item-main small {
    color: #b9aab3;
}
:root .tm-item-side small {
    color: #b9aab3;
}
:root .tm-icon.is-light {
    color: #fbf6f9;
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-tabs a {
    color: #b9aab3 !important;
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-kv div {
    background: #2f282d;
}
:root .tm-kv dt {
    color: #b9aab3;
}
:root .tm-kv dd {
    color: #fbf6f9;
}
:root .tm-text {
    color: #fbf6f9;
}
:root .tm-field {
    color: #fbf6f9;
}
:root .tm-field small {
    color: #b9aab3;
}
:root .tm-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
:root .tm-field select,
:root .tm-field textarea {
    color: #fbf6f9;
    background: #2f282d;
    border: 1.5px solid rgb(255 255 255 / 0.12);
}
:root .tm-field input[type="file"] {
    background: #2f282d;
}
:root .tm-check {
    color: #fbf6f9;
}
:root .tm-btn.is-light {
    color: #fbf6f9 !important;
    background: #2f282d;
    border-color: rgb(255 255 255 / 0.12);
}
:root .tm-btn.is-light:hover {
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-picker label {
    color: #fbf6f9;
    background: #2f282d;
    border: 1.5px solid rgb(255 255 255 / 0.12);
}
:root .tm-picker label:has(input:checked) {
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-picker small {
    color: #b9aab3;
}
:root .tm-thumb {
    background: hsl(332 70% 55% / 0.16);
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-file {
    color: #fbf6f9 !important;
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-msg {
    background: #2f282d;
}
:root .tm-msg.is-internal {
    background: hsl(45 70% 55% / 0.16);
}
:root .tm-msg-head strong {
    color: #fbf6f9;
}
:root .tm-msg-head small {
    color: #b9aab3;
}
:root .tm-status-line {
    color: #b9aab3;
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-ann {
    color: #fbf6f9;
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-ann-body h3 {
    color: #fbf6f9 !important;
}
:root .tm-ann-body small {
    color: #b9aab3;
}
:root .tm-tag.is-light {
    color: #fbf6f9;
    background: hsl(330 70% 55% / 0.16);
}
:root .tm-seen h4 {
    color: #fbf6f9;
}
:root .tm-seen li {
    background: #2f282d;
}
:root .tm-seen li small {
    color: #b9aab3;
}
:root .tm-meter {
    background: hsl(330 70% 55% / 0.16);
}
:root .tm-track {
    border-left: 2px solid rgb(255 255 255 / 0.12);
}
:root .tm-track li::before {
    background: #2f282d;
}
:root .tm-track li small {
    color: #b9aab3;
}
:root .tm-reply {
    color: #fbf6f9;
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-count {
    color: #fbf6f9;
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-count.is-warn {
    color: hsl(37 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}
:root .tm-count.is-bad {
    color: hsl(349 79% 68%);
    background: hsl(349 70% 55% / 0.16);
}
:root .tm-count.is-good {
    color: hsl(150 85% 68%);
    background: hsl(145 70% 55% / 0.16);
}
:root .tm-bell {
    background: rgb(255 255 255 / 0.034);
}
:root .tm-bell:hover {
    background: rgb(255 255 255 / 0.044);
}
:root .tm-bell-panel {
    color: #fbf6f9;
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-bell-head strong {
    color: #fbf6f9;
}
:root .tm-bell-head button {
    color: #fbf6f9;
}
:root .tm-bell-head button:hover {
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-bell-group {
    color: #fbf6f9;
}
:root .tm-notif {
    color: #fbf6f9 !important;
}
:root .tm-notif:hover {
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-notif-copy strong {
    color: #fbf6f9;
}
:root .tm-notif-copy span {
    color: #b9aab3;
}
:root .tm-notif-copy small {
    color: #b9aab3;
}
:root .tm-notif.is-unread .tm-notif-copy small {
    color: #fbf6f9;
}
:root .tm-bell-foot {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-bell-foot a {
    color: #fbf6f9 !important;
}
:root .tm-bell-empty {
    color: #b9aab3;
}
:root .cp .ap-tone-success {
    color: hsl(150 85% 68%);
    background: hsl(145 70% 55% / 0.16);
}
:root .cp .ap-tone-warning {
    color: hsl(37 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}
:root .cp .ap-tone-danger {
    color: hsl(349 79% 68%);
    background: hsl(349 70% 55% / 0.16);
}
:root .cp .ap-tone-info {
    color: #fbf6f9;
    background: hsl(330 70% 55% / 0.16);
}
:root .cp .ap-tone-muted {
    color: #b9aab3;
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-table th {
    color: #b9aab3;
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-table td {
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-table a {
    color: #fbf6f9;
}
:root body .ap button.tm-btn.is-light {
    color: #fbf6f9 !important;
    background: #2f282d !important;
    border-color: rgb(255 255 255 / 0.12) !important;
}
:root body .ap button.tm-btn.is-light:hover {
    background: hsl(332 70% 55% / 0.16) !important;
}
:root .tm-msg.is-internal,
:root .tm-msg.is-mine.is-internal {
    background: hsl(45 70% 55% / 0.16);
}
:root .tm-msg.is-internal .tm-text,
:root .tm-msg.is-internal .tm-msg-head strong {
    color: hsl(43 100% 68%) !important;
}
:root .tm-msg.is-internal .tm-msg-head small {
    color: hsl(42 74% 68%) !important;
}
:root .tm-day-tag {
    color: #fbf6f9;
    background: #2f282d;
}
:root .tm-day-tag.is-call.is-past {
    color: #b9aab3;
}
:root .tm-week-nav a {
    color: #fbf6f9;
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-week-nav a:hover {
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-week-hint {
    color: #b9aab3;
}
:root .tm-attention-row {
    color: #fbf6f9;
    background: #2f282d;
}
:root .tm-attention-row:hover {
    background: #2f282d;
}
:root .tm-attention-copy strong em {
    color: #b9aab3;
}
:root .tm-attention-copy small {
    color: #b9aab3;
}
:root .tm-dialog {
    color: #fbf6f9;
    background: #2f282d;
}
:root .tm-dialog-head {
    background: #2f282d;
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-dialog-head h2 {
    color: #fbf6f9 !important;
}
:root .tm-dialog-head p {
    color: #b9aab3;
}
:root .tm-dialog-x {
    color: #fbf6f9;
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-dialog-x:hover {
    background: hsl(330 70% 55% / 0.16);
}
:root .tm-day-section > h3 {
    color: #fbf6f9 !important;
}
:root .tm-dialog .tm-card {
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-ticket-list li + li {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-closed > summary {
    color: #b9aab3;
}
:root .tm-step {
    color: #fbf6f9;
    background: #2f282d;
}
:root .tm-step-copy small {
    color: #b9aab3;
}
:root .tm-step-count {
    color: #fbf6f9;
}
:root .tm-person {
    color: #fbf6f9;
    background: #2f282d;
}
:root .tm-person-name strong {
    color: #fbf6f9;
}
:root .tm-person-name small {
    color: #b9aab3;
}
:root .tm-person-steps span {
    color: #b9aab3;
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-person-steps b {
    color: #fbf6f9;
}
:root .tm-person-steps .is-warn {
    color: hsl(37 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}
:root .tm-person-steps .is-warn b {
    color: hsl(37 100% 68%);
}
:root .tm-person-steps .is-good {
    color: hsl(150 85% 68%);
    background: hsl(145 70% 55% / 0.16);
}
:root .tm-person-steps .is-good b {
    color: hsl(150 85% 68%);
}
:root .tm-person-steps .is-bad {
    color: hsl(349 79% 68%);
    background: hsl(349 70% 55% / 0.16);
}
:root .tm-person-steps .is-bad b {
    color: hsl(349 79% 68%);
}
:root .tm-person-call {
    color: #b9aab3;
}
:root .tm-progress li {
    color: #b9aab3;
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-progress li + li {
    border-left: 2px solid rgb(255 255 255 / 0.12);
}
:root .tm-progress .is-done {
    color: #fbf6f9;
    background: hsl(330 70% 55% / 0.16);
}
:root .tm-progress .is-now {
    color: hsl(37 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}
:root .tm-progress .is-good {
    color: hsl(150 85% 68%);
    background: hsl(145 70% 55% / 0.16);
}
:root .tm-progress .is-bad {
    color: hsl(349 79% 68%);
    background: hsl(349 70% 55% / 0.16);
}
:root .tm-kpi.is-green {
    color: hsl(150 85% 68%);
    background: hsl(145 70% 55% / 0.16);
}
:root .tm-kpi.is-yellow {
    color: hsl(37 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}
:root .tm-kpi.is-red {
    color: hsl(349 79% 68%);
    background: hsl(349 70% 55% / 0.16);
}
:root .tm-kpi.is-none {
    color: #b9aab3;
    background: hsl(330 70% 55% / 0.16);
}
:root .tm-rps-help {
    color: #b9aab3;
}
:root .tm-rps-list li + li {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-rps-stats div {
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-rps-stats dt {
    color: #b9aab3;
}
:root .tm-rps-stats dd {
    color: #fbf6f9;
}
:root .tm-rps-stats .is-green {
    background: hsl(145 70% 55% / 0.16);
}
:root .tm-rps-stats .is-yellow {
    background: hsl(42 70% 55% / 0.16);
}
:root .tm-rps-stats .is-red {
    background: hsl(349 70% 55% / 0.16);
}
:root [data-tm-rps-count].is-found {
    color: hsl(150 85% 68%);
}
:root .tm-rps-subs > summary {
    color: #fbf6f9;
}
:root .tm-rps-subs li {
    background: #2f282d;
}
:root .tm-rps-subs li small {
    color: #b9aab3;
}
:root .rps-rules {
    color: #fbf6f9;
    background: #2f282d;
}
:root .rps-title {
    color: var(--ap-ink, hsl(330 100% 68%));
}
:root .rps-title small {
    color: #b9aab3;
}
:root .rps-pending {
    color: hsl(346 80% 68%);
}
:root .rps-sofar {
    color: #b9aab3;
}
:root .tm-rps-step {
    color: #fbf6f9;
}
:root .tm-rps-howto {
    color: #fbf6f9;
}
:root .tm-rps-money em {
    color: #fbf6f9;
}
:root body .ap button.tm-del-btn {
    color: hsl(349 79% 68%) !important;
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
:root .tm-rps-date {
    color: #b9aab3;
}
:root .tm-rps-tabs {
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-rps-tab {
    color: #fbf6f9;
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-rps-tab em {
    color: hsl(349 79% 68%);
}
:root .tm-rps-tab.is-logged em,
:root .tm-rps-tab.is-filled em {
    color: hsl(150 85% 68%);
}
:root .tm-rps-tab.is-active .tm-avatar {
    color: #fbf6f9;
    background: #2f282d;
}
:root .tm-rps-tab.is-add {
    color: #fbf6f9;
    background: #2f282d;
}
:root .tm-rps-panel .tm-rps-step small {
    color: #b9aab3;
}
:root .tm-rps-panel .tm-rps-step small.is-found {
    color: hsl(150 85% 68%);
}
:root .tm-rps-logged {
    color: hsl(150 85% 68%);
    background: hsl(145 70% 55% / 0.16);
}
:root .tm-rps-result {
    color: #b9aab3;
    background: hsl(332 70% 55% / 0.16);
}
:root .tm-rps-result.is-green {
    color: hsl(150 85% 68%);
    background: hsl(145 70% 55% / 0.16);
}
:root .tm-rps-result.is-yellow {
    color: hsl(37 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}
:root .tm-rps-result.is-red {
    color: hsl(349 79% 68%);
    background: hsl(349 70% 55% / 0.16);
}
:root .tm-rps-sales-info {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-rps-sales-info > span {
    color: #b9aab3;
}
:root .tm-rps-sales-info strong {
    color: #fbf6f9;
}
:root .tm-rps-sales-info small {
    color: #b9aab3;
}
:root .tm-rps-saved-proof {
    color: hsl(150 85% 68%);
}
:root .tm-rps-saved-proof small {
    color: #b9aab3;
}
:root .tm-rps-foot small {
    color: #b9aab3;
}
:root .rps-proof {
    color: hsl(330 100% 68%);
    background: hsl(332 70% 55% / 0.16);
}
:root .rps-proof:hover {
    background: hsl(330 70% 55% / 0.16);
}
:root .rps-convert {
    color: var(--ap-pink, hsl(330 100% 68%)) !important;
}
:root .tm-msg.is-agency {
    background: hsl(264 70% 55% / 0.16);
}
:root .tm-msg.is-agency .tm-msg-head strong {
    color: hsl(267 53% 68%);
}
:root .tm-share {
    color: #b9aab3;
    background: #2f282d;
}
:root .tm-share.is-shared {
    color: hsl(267 53% 68%);
    background: #2f282d;
    border-color: rgb(255 255 255 / 0.12);
}
:root .cl-overdue {
    color: hsl(349 81% 68%);
}
:root .tm-subbox {
    background: #2f282d;
    border: 1.5px solid rgb(255 255 255 / 0.12);
}
:root .tm-subbox.is-over {
    background: #2f282d;
}
:root .tm-subbox > header strong {
    color: #fbf6f9;
}
:root .tm-subtile {
    background: hsl(332 70% 55% / 0.16);
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root .tm-subtile.is-uploading::after {
    border: 3px solid rgb(255 255 255 / 0.12);
}
:root .tm-subtile-x {
    border: 2px solid rgb(255 255 255 / 0.12);
}
:root .tm-subadd {
    color: hsl(331 100% 68%);
    background: #2f282d;
}
:root .tm-subadd:hover {
    background: hsl(331 70% 55% / 0.16);
}
:root .tm-subadd small {
    color: #b9aab3;
}
:root .tm-subadd kbd {
    color: #fbf6f9;
    background: #2f282d;
}
:root .tm-subbox.is-old .tm-subadd {
    color: hsl(267 53% 68%);
}
:root .tm-nosubs {
    background: #2f282d;
}
:root .tm-rps-step small {
    color: #b9aab3;
}

/* ---- views/admin/accounts.css ---- */
.ac-request-banner {
    background: hsl(48 70% 55% / 0.16);
}
.ac-toolbar {
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
body .ap button.ac-tab {
    color: #b9aab3 !important;
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
body .ap button.ac-tab:hover {
    background: #2f282d !important;
}
.ac-tab span {
    background: #2f282d;
}
.ac-tab[aria-pressed="true"] span {
    background: #2f282d;
}
.ac-search {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ac-head {
    background: var(--ap-pink-50, #2f282d);
}
.ac-row {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.ac-row:hover {
    background: #2f282d;
}
.ac-avatar-trainee {
    color: hsl(36 100% 68%) !important;
    background: hsl(41 70% 55% / 0.16) !important;
}
.ac-detail {
    color: #b9aab3;
}
.ac-history {
    color: #b9aab3;
}
.ac-history.is-warn {
    color: hsl(35 100% 68%);
}
.ac-history.is-warn .ap-icon {
    color: hsl(32 100% 68%);
}
.ac-seen {
    color: #b9aab3;
}
.ac-section + .ac-section {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.ac-pick span {
    color: #b9aab3;
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ac-danger-zone {
    border-top: 1px dashed rgb(255 255 255 / 0.12);
}
.ac-row-ask {
    background: hsl(43 70% 55% / 0.16);
}
.ac-ask {
    color: hsl(35 100% 68%) !important;
}

/* ---- views/admin/admin-pages.css ---- */
.db-kpi {
    background: #2f282d;
}
.db-people li + li {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
body .ap .db-attention a {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.db-status li + li {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.acc-item {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.acc-copy span {
    color: #b9aab3;
}
body .ap .acc-fields label,
body .ap .login-field {
    color: #b9aab3 !important;
}
body .ap .acc-fields input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]) {
    border-color: rgb(255 255 255 / 0.12) !important;
}
body .ap .login-input input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]) {
    border-color: rgb(255 255 255 / 0.12) !important;
}
body .ap .login-keep {
    color: #b9aab3 !important;
}
.login-card .g-btn {
    color: #fbf6f9;
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.login-card .g-btn:hover {
    background: #2f282d;
}
.acc-invite-link {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.acc-copy-row input {
    background: #2f282d;
}
.acc-fields select {
    background: #2f282d;
}
.acc-approve select {
    background: #2f282d;
}
.acc-copy small.acc-history {
    color: #b9aab3;
}
.acc-copy small.acc-history.is-empty {
    color: hsl(35 100% 68%);
}
.acc-link-help {
    color: #b9aab3;
}

/* ---- views/admin/admin-theme.css ---- */
:root {
    --dp-panel: #2f282d;
    --dp-field: #2f282d;
    --dp-ink: #fbf6f9;
    --dp-muted: #b9aab3;
    --dp-pink: hsl(330 100% 68%);
    --dp-pink-dark: hsl(336 80% 68%);
    --dp-line: rgb(255 255 255 / 0.12);
}
body::before {
    background: url("../../assets/dial-pink-bunny-#2f282d.png") right bottom / contain no-repeat;
}
.sidebar,
.side,
.dp-admin-side {
    border-right: 1px solid rgb(255 255 255 / 0.034) !important;
}
.sidebar h2 {
    border-bottom: 1px solid rgb(255 255 255 / 0.036);
}
.brand,
.dp-admin-brand {
    border-bottom: 1px solid rgb(255 255 255 / 0.036);
}
.sidebar li.active a,
.sidebar li a:hover,
.nav a.active,
.nav a:hover,
.dp-admin-nav a.active,
.dp-admin-nav a:hover {
    background: #2f282d !important;
    border-color: rgb(255 255 255 / 0.12);
}
.header,
.dp-admin-heading {
    background: rgb(255 255 255 / 0.037) !important;
    border: 1px solid rgb(255 255 255 / 0.043) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
textarea,
select {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
button,
.btn,
.action-btn,
.dp-admin-button,
.actions a,
.actions button {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
button:focus-visible,
.btn:focus-visible,
.action-btn:focus-visible,
.dp-admin-button:focus-visible,
.actions a:focus-visible,
.actions button:focus-visible {
    outline: 3px solid rgb(255 255 255 / 0.066);
}
button.danger,
.btn-danger,
.delete,
.dp-admin-table-link-danger,
[data-remove-consent],
[data-remove-persona],
[data-remove-rep] {
    color: hsl(342 82% 68%) !important;
    background: #2f282d !important;
}
.btn-secondary,
.decline {
    background: #2f282d !important;
}
th {
    background: #2f282d !important;
}
tr:hover {
    background: #2f282d !important;
}
.notice {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
.dp-admin-alert-error,
.error {
    color: hsl(341 82% 68%) !important;
    background: #2f282d !important;
}
.dp-admin-alert-success,
.success {
    color: hsl(154 73% 68%) !important;
    background: hsl(142 70% 55% / 0.16) !important;
}
.scenario-card {
    background: #2f282d !important;
}
.scenario-meta-item {
    background: #2f282d !important;
}
.status-active {
    color: hsl(154 73% 68%) !important;
    background: hsl(144 70% 55% / 0.16) !important;
}
.status-inactive {
    color: hsl(341 82% 68%) !important;
    background: #2f282d !important;
}
.form-section,
[data-consent-row],
[data-persona-row],
[data-rep-row] {
    background: #2f282d !important;
}
.dp-admin-table-wrap th {
    background: #2f282d;
}
body .sidebar,
body .side,
body .dp-admin-side {
    border-color: rgb(255 255 255 / 0.036) !important;
}
body .tabs {
    border-bottom-color: rgb(255 255 255 / 0.054) !important;
}
body .tabs a.active {
    border-bottom-color: rgb(255 255 255 / 0.12) !important;
}
body .live-preview {
    background: #2f282d !important;
}
body .panel,
body .section,
body .page,
body .container,
body .form-section,
body .page-card,
body .credits-info,
body .scenario-details,
body .dp-admin-panel,
body .dp-admin-stat {
    background-color: #2f282d !important;
}
body .header,
body .dp-admin-heading {
    background: rgb(255 255 255 / 0.037) !important;
    border-color: rgb(255 255 255 / 0.043) !important;
}
body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
body textarea,
body select {
    background-color: #2f282d !important;
    border-color: rgb(255 255 255 / 0.12) !important;
}
body table {
    background-color: #2f282d !important;
}
body th {
    background-color: #2f282d !important;
}
body .message {
    background-color: #2f282d !important;
    border-color: rgb(255 255 255 / 0.12) !important;
}
@media (max-width: 760px) {
    .sidebar,
    .side,
    .dp-admin-side {
        border-bottom: 1px solid rgb(255 255 255 / 0.036) !important;
    }
}

/* ---- views/admin/admin-ui.css ---- */
:root {
    --ap-pink: hsl(330 100% 68%);
    --ap-pink-dark: hsl(336 80% 68%);
    --ap-pink-50: #2f282d;
    --ap-pink-100: hsl(334 70% 55% / 0.16);
    --ap-pink-200: hsl(334 70% 55% / 0.16);
    --ap-ink: #fbf6f9;
    --ap-muted: #b9aab3;
    --ap-line: rgb(255 255 255 / 0.12);
    --ap-success: hsl(150 84% 68%);
    --ap-success-bg: hsl(147 70% 55% / 0.16);
    --ap-warning: hsl(35 100% 68%);
    --ap-warning-bg: hsl(42 70% 55% / 0.16);
    --ap-danger: hsl(346 77% 68%);
    --ap-danger-bg: hsl(344 70% 55% / 0.16);
    --ap-info: hsl(225 68% 68%);
    --ap-info-bg: hsl(224 70% 55% / 0.16);
    --ap-grey: #b9aab3;
    --ap-grey-bg: #2f282d;
}
body .ap-btn,
body .ap-drawer .ap-btn {
    background: #2f282d !important;
}
body .ap-hero .ap-btn-ghost {
    background: rgb(255 255 255 / 0.037) !important;
    border-color: rgb(255 255 255 / 0.072) !important;
}
body .ap-hero .ap-btn-ghost:hover {
    background: #2f282d !important;
}
body .ap-hero .ap-btn-primary {
    background: #2f282d !important;
}
body .ap-btn-warm {
    color: hsl(33 100% 68%) !important;
    background: hsl(42 70% 55% / 0.16) !important;
}
body .ap-btn-warm:hover {
    color: hsl(33 100% 68%) !important;
    background: hsl(41 70% 55% / 0.16) !important;
}
body .ap-btn-danger {
    border-color: rgb(255 255 255 / 0.12) !important;
}
.ap-hero-icon {
    background: #2f282d;
}
.ap-menu-panel {
    background: #2f282d;
}
.ap-flash-success {
    background: hsl(142 70% 55% / 0.16);
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ap-flash-error {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ap-tabs {
    background: rgb(255 255 255 / 0.13);
}
.ap-tab.is-active .ap-count {
    background: #2f282d;
}
.ap-card {
    background: #2f282d;
}
body .ap-chip.is-active {
    background: #2f282d !important;
}
.ap-side-inner {
    border: 1px solid rgb(255 255 255 / 0.026);
}
.ap-side-logo {
    background: rgb(255 255 255 / 0.037);
    border: 1px solid rgb(255 255 255 / 0.031);
}
.ap-side-icon {
    background: rgb(255 255 255 / 0.034);
}
body .ap-side a.ap-side-link:hover {
    background: rgb(255 255 255 / 0.034);
}
body .ap-side a.ap-side-link.is-active {
    background: #2f282d;
}
.ap-side-user {
    border: 1px solid rgb(255 255 255 / 0.017);
}
.ap-avatar-white {
    background: #2f282d;
}
body .ap-side a.ap-side-logout {
    background: rgb(255 255 255 / 0.034);
}
body .ap-side a.ap-side-logout:hover {
    background: #2f282d;
}
.ap-side-badge.ap-side-badge-alert {
    color: hsl(35 100% 68%) !important;
}
body .ap-side button.ap-side-group-head:hover {
    background: rgb(255 255 255 / 0.032) !important;
}

/* ---- views/admin/agencies.css ---- */
.ag-filter {
    background: rgb(255 255 255 / 0.13);
}
body .ap a.ag-row {
    background: #2f282d;
}
.ag-details div {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.ag-mini div {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ag-model footer {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.ag-dialog {
    background: #2f282d;
}
body .ag-dialog .ag-field input,
body .ag-dialog .ag-field select,
body .ag-dialog .ag-field textarea,
body .ag-dialog .ag-danger input {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
.ag-danger {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}

/* ---- views/admin/applicants.css ---- */
body .ap-table {
    background: #2f282d !important;
}
body .ap-table td {
    border-bottom: 1px solid rgb(255 255 255 / 0.12) !important;
}
body .ap-table tbody tr:hover,
body .ap-table tbody tr:focus-visible {
    background: #2f282d !important;
}
body .ap-table tbody tr.is-selected {
    background: #2f282d !important;
}
.ap-screening.is-pass {
    color: hsl(147 83% 68%);
    background: hsl(142 70% 55% / 0.16);
}
.ap-screening.is-below {
    color: hsl(10 78% 68%);
    background: hsl(12 70% 55% / 0.16);
}
.ap-drawer {
    background: #2f282d;
}
.ap-section {
    background: #2f282d;
}
.ap-callout-danger {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ap-tile {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ap-tile-icon {
    background: #2f282d;
}
.ap-quote {
    color: #fbf6f9;
    background: #2f282d;
}
.ap-score-ring {
    background: #2f282d;
}
.ap-lists ul {
    color: #fbf6f9;
}
.ap-stat {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ap-stat.is-fast {
    background: hsl(147 70% 55% / 0.16);
    border-color: rgb(255 255 255 / 0.12);
}
.ap-stat.is-slow {
    background: #2f282d;
    border-color: rgb(255 255 255 / 0.12);
}
.ap-chart {
    background: #2f282d;
}
.ap-timeline li::before {
    border: 4px solid rgb(255 255 255 / 0.12);
}
.ap-transcript {
    background: #2f282d;
}
.ap-chat {
    background: #2f282d;
}
.ap-bubble {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ap-msg.is-applicant .ap-bubble {
    color: hsl(331 47% 68%);
    background: hsl(333 70% 55% / 0.16);
    border-color: rgb(255 255 255 / 0.12);
}
.ap-offer {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ap-offer-art {
    color: hsl(336 83% 68%);
    background: hsl(335 70% 55% / 0.16);
}
.ap-offer.is-open .ap-offer-art {
    background: hsl(148 70% 55% / 0.16);
}
.ap-danger-zone {
    border-color: rgb(255 255 255 / 0.12);
    background: #2f282d;
}
.ap-danger-notice {
    color: hsl(345 73% 68%);
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ap-dialog {
    background: #2f282d;
}
body .ap-dialog .ap-dialog-confirm input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]) {
    border-color: rgb(255 255 255 / 0.12) !important;
}
.ap-captain-assign select {
    background: #2f282d;
}
.ap-stage-form select,
.ap-bulk-stage select {
    background: #2f282d;
}
body .ap select.ap-status-select option,
body .ap select.ap-status-select optgroup {
    background: #2f282d;
}
body .ap input.ap-batch-input {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
.ap-view-switch a {
    color: var(--ap-ink, #fbf6f9);
    background: rgb(255 255 255 / 0.118);
    border: 1px solid rgb(255 255 255 / 0.072);
}
.ap-view-switch a:hover {
    background: #2f282d;
}
.ap-view-switch a.is-active {
    background: #2f282d;
    border-color: rgb(255 255 255 / 0.12);
}
.ap-view-switch a > .ap-icon {
    color: var(--ap-pink-dark, hsl(331 100% 68%));
    background: hsl(331 70% 55% / 0.16);
}
.ap-view-switch small {
    color: #b9aab3;
}
.ap-flag-tag.is-age {
    color: hsl(36 100% 68%);
    background: hsl(46 70% 55% / 0.16);
}
.ap-flag-tag.is-phone {
    color: hsl(207 95% 68%);
    background: hsl(207 70% 55% / 0.16);
}
body .ap-table .ap-moved-tag {
    color: var(--ap-pink-600, hsl(330 100% 68%));
}
.ap-rank-plus {
    color: hsl(33 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.ap-flag-tag.is-filtered {
    color: #b9aab3;
    background: #2f282d;
}
.ap-sc-checks li {
    border: 1px solid var(--ap-line, rgb(255 255 255 / 0.12));
    background: #2f282d;
}
.ap-sc-checks .is-pass > span:first-child {
    color: hsl(147 83% 68%);
    background: hsl(142 70% 55% / 0.16);
}
.ap-sc-checks .is-fail > span:first-child {
    color: hsl(10 78% 68%);
    background: hsl(12 70% 55% / 0.16);
}
.ap-sc-checks .is-off > span:first-child {
    color: #b9aab3;
    background: #2f282d;
}
.ap-sc-points li {
    color: hsl(33 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.ap-cv-item {
    border: 1px solid var(--ap-line, rgb(255 255 255 / 0.12));
    background: #2f282d;
}
.ap-cv-item.is-yes {
    background: hsl(135 70% 55% / 0.16);
}
.ap-cv-evidence {
    color: #fbf6f9;
}
.ap-sc-checks .is-unknown > span:first-child {
    color: hsl(36 100% 68%);
    background: hsl(46 70% 55% / 0.16);
}
.ap-sc-checks .is-unknown > span:first-child {
    color: hsl(36 100% 68%);
    background: hsl(46 70% 55% / 0.16);
}
.ap-flag-tag.is-requalified {
    color: hsl(36 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}
.ap-dash-tile {
    background: #2f282d;
}
body .ap-multi-btn {
    background: #2f282d !important;
}
.ap-multi-panel {
    background: #2f282d;
}
.ap-pending-pill {
    color: hsl(36 100% 68%);
    background: hsl(41 70% 55% / 0.16);
}
body .ap-drawer select.ap-status-select option,
body .ap-drawer select.ap-status-select optgroup {
    background: #2f282d;
}
.ap-sc-checks .is-info > span:first-child {
    color: hsl(226 65% 68%);
    background: hsl(224 70% 55% / 0.16);
}
.cn-item {
    background: #2f282d;
}
.cn-item.is-danger {
    --cn-line: rgb(255 255 255 / 0.12);
}
.cn-item.is-warning {
    --cn-icon: hsl(36 100% 68%);
}
.cn-item.is-info {
    --cn-icon: hsl(213 84% 68%);
}
.cn-item.is-success {
    --cn-icon: hsl(150 89% 68%);
}
.cn-tool {
    background: #2f282d;
}

/* ---- views/admin/attendance.css ---- */
.at-jump input {
    background: #2f282d;
}
.at-c0 {
    --at-bg: hsl(46 70% 55% / 0.16);
    --at-fg: hsl(40 100% 68%);
}
.at-c1 {
    --at-bg: hsl(207 70% 55% / 0.16);
    --at-fg: hsl(207 95% 68%);
}
.at-c2 {
    --at-bg: hsl(258 70% 55% / 0.16);
    --at-fg: hsl(254 67% 68%);
}
.at-c3 {
    --at-bg: hsl(145 70% 55% / 0.16);
    --at-fg: hsl(148 76% 68%);
}
.at-c4 {
    --at-bg: hsl(26 70% 55% / 0.16);
    --at-fg: hsl(26 100% 68%);
}
.at-c5 {
    --at-bg: hsl(329 70% 55% / 0.16);
    --at-fg: hsl(332 82% 68%);
}
.is-off {
    --at-bg: #2f282d;
    --at-fg: #b9aab3;
    --at-bd: #2f282d;
}
.is-empty {
    --at-bg: #2f282d;
    --at-bd: #2f282d;
}
body .at .at-brush.is-selected {
    border-color: rgb(255 255 255 / 12%) !important;
}
.at-add input {
    background: #2f282d;
}
.at-chip {
    background: #2f282d;
}
.at-model-card {
    background: #2f282d;
}
body .ap button.at-group-chip {
    background: var(--at-bg, #2f282d) !important;
}
body .ap button.at-group-chip span {
    background: rgb(255 255 255 / 0.104);
}
.at-group-chip.is-none,
.at-group-head.is-none {
    --at-bg: #2f282d;
    --at-fg: #b9aab3;
    --at-bd: #2f282d;
}
.at-group-count {
    background: rgb(255 255 255 / 0.104);
}

/* ---- views/admin/challenges.css ---- */
.ch .ch-chip-individual {
    color: hsl(331 100% 68%);
    background: hsl(331 70% 55% / 0.16);
}
.ch .ch-chip-team {
    background: hsl(254 70% 55% / 0.16);
}
.ch .ch-item {
    background: #2f282d;
}
.ch .ch-team {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ch .ch-table tr.is-winner td {
    background: hsl(46 70% 55% / 0.16);
}
.ch .ch-type span {
    background: #2f282d;
}
.ch .ch-type input[value="team"]:checked + span {
    background: #2f282d;
}
.ch .ch-seg span {
    background: #2f282d;
}
.ch .ch-person {
    background: #2f282d;
}

/* ---- views/admin/clients.css ---- */
.cx-item {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.cx-quote {
    background: #2f282d;
}
.cx-diff-old {
    background: #2f282d;
}
.cx-diff-new {
    background: hsl(143 70% 55% / 0.16);
}
.cx-input {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.cx-danger {
    color: var(--ap-danger, hsl(349 81% 68%)) !important;
}
.cx-billing-sum .cx-red {
    color: var(--ap-danger, hsl(349 81% 68%));
}
.cx-setup {
    background: rgb(255 255 255 / 0.086);
    border: 1px solid rgb(255 255 255 / 0.12);
}
.cx-setup-main small {
    color: #b9aab3;
}
.cx-setup-main .cx-ok {
    color: hsl(151 90% 68%);
}
.cx-setup-main .cx-open {
    color: hsl(35 100% 68%);
}
.cx-agreement {
    background: #2f282d;
}
.cx-waiting-row td {
    background: #2f282d;
}
.cx-paused {
    color: hsl(349 69% 68%);
    background: hsl(349 70% 55% / 0.16);
    border: 1px solid rgb(255 255 255 / 0.12);
}
.cx-numbers div {
    background: #2f282d;
}
.cx-numbers dt {
    color: #b9aab3;
}
.cx-green {
    color: hsl(151 90% 68%);
}
.cx-red {
    color: hsl(349 81% 68%);
}
.cx-report-list li {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.cx-method {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.cx-sub-row td {
    color: #b9aab3;
}
.cx-total {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.cx-msg {
    background: hsl(330 70% 55% / 0.16);
}
.cx-msg.is-note {
    color: hsl(44 100% 68%);
    background: hsl(48 70% 55% / 0.16);
}
.cx-access {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.cx-secret {
    background: #2f282d;
}
.cx-secret.is-open {
    background: hsl(48 70% 55% / 0.16);
}
.cx-history {
    color: #b9aab3;
}
.cx-ok {
    color: hsl(151 90% 68%);
}
.cx-open {
    color: hsl(35 100% 68%);
}
.cx-numbers a {
    color: hsl(331 100% 68%);
}

/* ---- views/admin/clock-alerts.css ---- */
:root body .cr-alerts {
    color: #fbf6f9;
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root body .cr-alerts button.cr-sound {
    color: hsl(336 80% 68%) !important;
    background: #2f282d !important;
}
:root body .cr-alerts .cr-list {
    background: #2f282d;
}
:root .cr-card {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root .cr-kind {
    color: hsl(336 80% 68%);
    background: hsl(334 70% 55% / 0.16);
}
:root .cr-kind.is-overtime {
    color: hsl(36 100% 68%);
    background: hsl(41 70% 55% / 0.16);
}
:root .cr-kind.is-unscheduled {
    color: hsl(221 75% 68%);
    background: hsl(221 70% 55% / 0.16);
}
:root .cr-detail {
    color: #b9aab3;
}
:root .cr-note {
    color: #fbf6f9;
    background: #2f282d;
}
:root body .cr-actions .cr-btn.is-unpaid {
    color: hsl(149 75% 68%) !important;
    background: #2f282d !important;
}
:root body .cr-actions .cr-btn.is-reject {
    color: hsl(349 81% 68%) !important;
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
:root .cr-page h2 {
    color: #fbf6f9 !important;
}
:root .cr-page .cr-empty {
    color: #b9aab3;
}
:root .cr-page th,
:root .cr-page td {
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
:root .cr-page td small {
    color: #b9aab3;
}
:root body .cr-alerts button.cr-mute {
    background: rgb(255 255 255 / 0.042) !important;
}
:root body .cr-alerts button.cr-mute:hover {
    background: rgb(255 255 255 / 0.056) !important;
}
:root body .cr-alerts .cr-desktop {
    color: #b9aab3;
    background: hsl(48 70% 55% / 0.16);
}
:root body .cr-alerts > a.cr-all {
    color: hsl(336 80% 68%) !important;
    background: #2f282d;
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
:root .cr-kind.is-access {
    color: hsl(221 75% 68%);
    background: hsl(221 70% 55% / 0.16);
}
:root .cr-kind.is-model {
    color: hsl(267 53% 68%);
    background: hsl(264 70% 55% / 0.16);
}
:root .cr-kind.is-report {
    color: hsl(349 81% 68%);
    background: hsl(349 70% 55% / 0.16);
}
:root .cr-card.is-report {
    border-color: rgb(255 255 255 / 0.12);
}
:root .cr-kind.is-dayoff {
    color: hsl(172 92% 68%);
    background: hsl(168 70% 55% / 0.16);
}
:root .cr-page .do-rule {
    color: #b9aab3;
}
:root .cr-page .do-days li {
    background: #2f282d;
}
:root .cr-page .do-plan {
    color: #b9aab3;
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
:root .cr-page .do-plan.is-working {
    color: hsl(221 75% 68%);
    border-color: rgb(255 255 255 / 0.12);
}
:root .cr-page .do-days small {
    color: #b9aab3;
}
:root .do-warn {
    color: hsl(36 100% 68%);
    background: hsl(41 70% 55% / 0.16);
}
:root body .cr-page .do-admin-note input {
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
:root .cr-page .do-history summary {
    color: hsl(336 80% 68%);
}
:root body .pwa-bar button.pwa-bar-on {
    color: hsl(336 80% 68%) !important;
    background: #2f282d !important;
}
:root body .pwa-bar button.pwa-bar-later {
    background: rgb(255 255 255 / 0.039) !important;
    border: 1px solid rgb(255 255 255 / 0.066) !important;
}
:root .cr-kind.is-ticket {
    color: hsl(36 100% 68%);
    background: hsl(41 70% 55% / 0.16);
}

/* ---- views/admin/command-center.css ---- */
.cc,
.ag {
    --cc-green: hsl(150 84% 68%);
    --cc-blue: hsl(225 68% 68%);
    --cc-amber: hsl(36 100% 68%);
    --cc-red: hsl(346 77% 68%);
}
body .ap .cc-custom input[type="date"] {
    background: #2f282d !important;
}
.cc-kpi {
    background: #2f282d;
}
.cc-kpi-gross {
    --cc-accent: #b9aab3;
}
.cc-grid-line {
    stroke: #342c31;
}
.cc-last-dot {
    stroke: #342c31;
}
.cc-tooltip {
    background: #2f282d;
}
body .ap .cc-table td {
    border-bottom: 1px solid rgb(255 255 255 / 0.12) !important;
}
body .ap .cc-table tr:hover {
    background: #2f282d !important;
}
.cc-live li + li {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.cc-mini-stats div {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.cc-people li + li {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.cc-top-model {
    background: #2f282d;
}
.cc-model-avatar-lg {
    border: 3px solid rgb(255 255 255 / 0.12);
}
.cc-spark-area {
    fill: hsl(330 100% 68% / 0.12);
}
.cc-model {
    background: #2f282d;
}
.cc-model.is-idle .cc-spark-line {
    stroke: #342c31;
}
.cc-dialog {
    background: #2f282d;
}
.wo-empty {
    background: rgb(255 255 255 / 0.092);
}
.wo-person {
    background: rgb(255 255 255 / 0.104);
}
.wo-role {
    color: hsl(328 100% 68%);
    background: hsl(331 70% 55% / 0.16);
}
.wo-role.is-captain {
    color: hsl(246 63% 68%);
    background: hsl(246 70% 55% / 0.16);
}
.wo-models .at-mavatar {
    border: 2px solid rgb(255 255 255 / 0.12);
}
.wo-sales strong {
    color: hsl(150 84% 68%);
}
.wo-stuck {
    color: hsl(36 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}
.wo-stuck a {
    color: hsl(36 100% 68%) !important;
}
.wo-strip {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.wo-face {
    border: 2px solid rgb(255 255 255 / 0.12);
}
.wo-face.is-more {
    background: #2f282d;
}
.wo-strip-warn {
    color: hsl(36 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}
body .ap button.wo-strip-toggle {
    background: #2f282d !important;
}

/* ---- views/admin/employees.css ---- */
.em-pill-chatter {
    background: #2f282d;
}
body .ap-page button.em-prev,
button.em-prev {
    background: #2f282d !important;
}
.em-prev canvas {
    background: #2f282d;
}
body .ap-page button.em-prev-qr,
button.em-prev-qr {
    background: #2f282d !important;
}
.em-prev-missing {
    border: 1.5px dashed rgb(255 255 255 / 0.12);
}
.em-lb-main canvas {
    background: #2f282d;
}
.em-upload {
    border: 1px dashed rgb(255 255 255 / 0.12);
}
.em-thumb {
    background: #2f282d;
}
.em-bank {
    background: #2f282d;
}
.em-file-tile img {
    background: #2f282d;
}
.em-notes {
    background: #2f282d;
}

/* ---- views/admin/finances.css ---- */
.fn-month {
    background: #2f282d;
}
.pr-rules {
    background: #2f282d;
}
body .ap .pr-period select,
body .ap .pr-period input {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
.pr-breakdown th,
.pr-breakdown td {
    border-bottom: 1px dashed rgb(255 255 255 / 0.12);
}
body .ap a.fn-status {
    color: var(--fs-fg, #fbf6f9) !important;
    background: #2f282d;
    border: 1.5px solid var(--fs-bd, rgb(255 255 255 / 0.12));
}
.fn-status.is-success {
    --fs-fg: hsl(149 88% 68%);
    --fs-bg: hsl(148 70% 55% / 0.16);
    --fs-dot: hsl(150 89% 68%);
}
.fn-status.is-warning {
    --fs-fg: hsl(36 100% 68%);
    --fs-bg: hsl(42 70% 55% / 0.16);
    --fs-dot: hsl(40 100% 68%);
}
.fn-status.is-danger {
    --fs-fg: hsl(347 80% 68%);
    --fs-bg: hsl(346 70% 55% / 0.16);
    --fs-bd: hsl(347 70% 55% / 0.16);
}
.fn-status.is-muted {
    --fs-fg: #b9aab3;
    --fs-bg: #2f282d;
    --fs-bd: #2f282d;
}
.fn-status.is-all {
    --fs-fg: hsl(336 80% 68%);
    --fs-bg: hsl(334 70% 55% / 0.16);
    --fs-bd: hsl(334 70% 55% / 0.16);
}
.fn-status-count {
    background: var(--fs-bg, #2f282d);
}
.fn-status.is-active .fn-status-dot {
    background: #2f282d;
}
.fn-status.is-active .fn-status-count {
    background: #2f282d;
}
.pr-tier-1 {
    --tier: hsl(151 90% 68%);
    --tier-soft: hsl(147 70% 55% / 0.16);
}
.pr-tier-2 {
    --tier-soft: hsl(250 70% 55% / 0.16);
    --tier-line: rgb(255 255 255 / 0.12);
}
.pr-tier-3 {
    --tier: hsl(36 100% 68%);
    --tier-soft: hsl(41 70% 55% / 0.16);
}
.pr-tier-4 {
    --tier: hsl(331 100% 68%);
    --tier-soft: hsl(334 70% 55% / 0.16);
}
.pr-tiers .pr-tier {
    background: #2f282d;
}
.pr-tier-steps i {
    background: rgb(255 255 255 / 0.062);
}
.pr-tier-steps i.is-on {
    background: #2f282d;
}

/* ---- views/admin/performance-achievements.css ---- */
.pa-count b {
    background: rgb(255 255 255 / 0.104);
}
.pa-diamond {
    color: hsl(198 89% 68%);
    background: hsl(196 70% 55% / 0.16);
}
.pa-gold {
    color: hsl(40 100% 68%);
    background: hsl(46 70% 55% / 0.16);
}
.pa-silver {
    color: #b9aab3;
    background: #2f282d;
}
.pa-bronze {
    color: hsl(26 78% 68%);
    background: hsl(27 70% 55% / 0.16);
}
.pa-role {
    color: hsl(222 68% 68%);
    background: hsl(220 70% 55% / 0.16);
}
.pa-badge {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.pa-yes {
    color: hsl(150 84% 68%);
}
.pa-no {
    color: hsl(35 100% 68%);
}

/* ---- views/admin/performance-roi.css ---- */
.roi-sum > div {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.roi-sum .is-keep strong {
    color: hsl(150 84% 68%);
}
.roi-sum .is-loss strong {
    color: hsl(346 77% 68%);
}
body .ap .roi-filter {
    background: #2f282d !important;
}
.roi-filter.is-on em {
    background: rgb(255 255 255 / 0.05);
}
body .ap .roi-find input,
body .ap .roi-find select {
    background: #2f282d !important;
}
.roi-short {
    background: hsl(345 70% 55% / 0.16);
}
.roi-scroll {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
body .ap .roi-table th {
    background: #2f282d !important;
    border-bottom: 1px solid rgb(255 255 255 / 0.12) !important;
}
body .ap .roi-table td {
    border-bottom: 1px solid rgb(255 255 255 / 0.12) !important;
}
body .ap .roi-row:hover td,
body .ap .roi-row:focus td {
    background: #2f282d !important;
}
body .ap .roi-row.is-loss td {
    background: #2f282d;
}
.roi-profit {
    color: hsl(150 84% 68%);
}
.roi-profit.is-loss {
    color: hsl(346 77% 68%);
}
.roi-star {
    color: hsl(150 89% 68%);
    background: hsl(146 70% 55% / 0.16);
}
.roi-good {
    color: hsl(150 84% 68%);
    background: hsl(146 70% 55% / 0.16);
}
.roi-thin {
    color: hsl(36 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.roi-loss {
    color: hsl(345 80% 68%);
    background: hsl(346 70% 55% / 0.16);
}
.roi-role {
    color: hsl(222 68% 68%);
    background: hsl(220 70% 55% / 0.16);
}
.roi-out {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.roi-out summary:hover {
    background: #2f282d;
}
.roi-out-title .ap-icon {
    color: hsl(36 100% 68%);
}
.roi-out em,
.roi-out-head em {
    color: hsl(36 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.roi-out[open] summary {
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
.roi-out-head {
    background: #2f282d;
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
.roi-out li {
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
.roi-out li:hover,
.roi-out li:focus-visible {
    background: #2f282d;
}
.roi-note {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.roi-dialog {
    background: #2f282d;
}
.rp-photo {
    border: 3px solid rgb(255 255 255 / 0.12);
}
.rp-tag {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.rp-bio {
    color: #fbf6f9;
}
.rp-big > div {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.rp-big .is-keep strong {
    color: hsl(150 84% 68%);
}
.rp-big .is-loss strong {
    color: hsl(346 77% 68%);
}
.rp-be {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.rp-track {
    background: hsl(328 70% 55% / 0.16);
}
.rp-trend {
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
.rp-trend span.is-empty {
    background: #2f282d;
}
.rp-pay > div {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.rp-warn {
    color: hsl(36 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}

/* ---- views/admin/performance.css ---- */
body .ap .pf-chip {
    background: #2f282d !important;
}
.pf-chart .pf-grid-line {
    stroke: #342c31;
}
.pf-chart .pf-base-line {
    stroke: #342c31;
}
.pf-chart .pf-dot {
    stroke: #342c31;
}
.pf-rank li + li {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.pf-podium-1 {
    color: hsl(38 100% 68%);
    background: hsl(43 70% 55% / 0.16);
}
.pf-podium-2 {
    color: #b9aab3;
    background: #2f282d;
}
.pf-podium-3 {
    color: hsl(24 82% 68%);
    background: hsl(25 70% 55% / 0.16);
}
.pf-best article {
    border: 1px solid rgb(255 255 255 / 0.12);
}
body .ap .pf-dayform input[type="date"] {
    background: #2f282d !important;
}
.pf-hour:hover::after,
.pf-hour:focus::after {
    background: #2f282d;
}

/* ---- views/admin/recruiters.css ---- */
.rc-cv-tag {
    color: hsl(147 83% 68%);
}

/* ---- views/admin/sales.css ---- */
.sx-status {
    color: hsl(151 88% 68%);
    background: hsl(148 70% 55% / 0.16);
}
.sx-status.is-off {
    color: #b9aab3;
    background: #2f282d;
}
.sx-status.is-bad {
    color: hsl(347 92% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.sx-status.is-warn {
    color: hsl(36 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.sx-kpi > span {
    color: #b9aab3;
}
.sx-kpi strong {
    color: #fbf6f9;
}
.sx-kpi strong small {
    color: #b9aab3;
}
.sx-kpi > small {
    color: #b9aab3;
}
.sx-kpi .up {
    color: hsl(151 91% 68%);
}
.sx-kpi .down {
    color: hsl(346 93% 68%);
}
.sx-good {
    color: hsl(151 91% 68%) !important;
}
.sx-bad {
    color: hsl(346 93% 68%) !important;
}
.sx-warn {
    color: hsl(35 100% 68%) !important;
}
.sx-card-h small {
    color: #b9aab3;
}
.sx-chart {
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
.sx-bar em {
    color: #b9aab3;
}
.sx-axis span {
    color: #b9aab3;
}
.sx-cat {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.sx-cat small {
    color: #b9aab3;
}
.sx-wrap {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.sx-tbl th {
    color: #b9aab3;
    background: #2f282d;
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
.sx-tbl td {
    border-bottom: 1px solid rgb(255 255 255 / 0.12);
}
.sx-tbl tr.is-skip td {
    background: #2f282d;
}
.sx-tbl tr.sel td {
    background: #2f282d;
}
.sx-tbl tr[data-href]:hover td {
    background: #2f282d;
}
.sx-empty {
    color: #b9aab3;
}
.c-agency {
    color: hsl(331 100% 68%);
    background: hsl(332 70% 55% / 0.16);
}
.c-creator {
    background: hsl(260 70% 55% / 0.16);
}
.c-mkt {
    color: hsl(209 81% 68%);
    background: hsl(208 70% 55% / 0.16);
}
.c-other {
    color: #b9aab3;
    background: #2f282d;
}
.c-dm {
    color: hsl(35 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.r-ok {
    color: hsl(151 91% 68%);
    background: hsl(148 70% 55% / 0.16);
}
.r-warn {
    color: hsl(35 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.r-no {
    color: hsl(346 93% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.r-info {
    color: #b9aab3;
    background: #2f282d;
}
.sx-muted {
    color: #b9aab3;
}
.sx-quote {
    color: #b9aab3;
}
.sx-step-h p {
    color: #b9aab3;
}
.sx-post {
    background: #2f282d;
    border: 1.5px solid rgb(255 255 255 / 0.12);
}
.sx-post .thumb {
    color: hsl(328 100% 68%);
    background: hsl(334 70% 55% / 0.16);
}
.sx-post .thumb.text {
    background: #2f282d;
}
.sx-post .body {
    color: #fbf6f9;
}
.sx-post .meta {
    color: #b9aab3;
}
.sx-seg {
    background: hsl(330 70% 55% / 0.16);
}
.sx-seg label {
    color: #b9aab3;
}
.sx-seg label:has(input:checked) {
    color: hsl(331 100% 68%);
    background: #2f282d;
}
.sx-filters button,
.sx-filters a {
    color: #b9aab3;
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.sx-gname small {
    color: #b9aab3;
}
.sx-detail {
    color: #b9aab3;
    background: #2f282d;
}
.sx-mini {
    color: hsl(331 100% 68%);
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.sx-mini:hover {
    background: #2f282d;
}
.sx-note {
    color: hsl(37 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.sx-note.ok {
    color: hsl(151 89% 68%);
    background: hsl(148 70% 55% / 0.16);
}
.sx-note.bad {
    color: hsl(347 92% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.sx-help {
    color: #b9aab3;
}
.sx-acc {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.sx-acc-h .av.off {
    background: #2f282d;
}
.sx-checklist li b {
    background: #2f282d;
}
.sx-checklist li.done span {
    color: #b9aab3;
}
.lx-src-bar {
    background: hsl(331 70% 55% / 0.16);
}
.s-hot {
    color: hsl(331 100% 68%);
    background: hsl(332 70% 55% / 0.16);
}
.s-warm {
    color: hsl(35 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.s-cold {
    color: #b9aab3;
    background: #2f282d;
}
.lx-kv dt {
    color: #b9aab3;
}
.lx-why {
    color: hsl(264 44% 68%);
    background: #2f282d;
}
.lx-chat {
    background: #2f282d;
}
.lx-msg.in {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.lx-msg.failed {
    color: hsl(347 92% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.lx-safe {
    color: hsl(151 88% 68%);
    background: hsl(148 70% 55% / 0.16);
}
.lx-safe.used {
    color: hsl(36 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.px-find {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.lx-tabs {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.lx-tabs a {
    color: #b9aab3;
}
.lx-tabs a:hover {
    background: #2f282d;
}
.lx-tabs a.on b {
    color: hsl(331 100% 68%);
    background: #2f282d;
}
.cx-touch {
    color: hsl(331 100% 68%);
    background: hsl(332 70% 55% / 0.16);
}
.cx-note {
    background: #2f282d;
}
.cx-due {
    color: hsl(331 100% 68%);
    background: hsl(332 70% 55% / 0.16);
}
.cx-queued {
    color: hsl(209 81% 68%);
    background: hsl(208 70% 55% / 0.16);
}
.cx-later {
    color: #b9aab3;
    background: #2f282d;
}
.cx-done {
    color: #b9aab3;
    background: #2f282d;
}
.cx-cant {
    color: hsl(346 93% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.cx-bar {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.cx-box {
    color: #fbf6f9;
    background: #2f282d;
}
.cx-edit {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.cx-steps {
    color: #b9aab3;
}
.cx-add {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.cx-add summary {
    color: hsl(331 100% 68%);
}
body .ap .sx-filters button,
body .ap .sx-filters a {
    color: #b9aab3 !important;
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
body .ap button.sx-mini {
    color: hsl(331 100% 68%) !important;
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
body .ap button.sx-mini:hover {
    background: #2f282d !important;
}
body .ap .sx-tbl a:not(.ap-btn),
body .ap .lx-d a:not(.ap-btn),
body .ap .sx-step-h a,
body .ap .sx-note a,
body .ap .sx-checklist a,
body .ap .sx-help a,
body .ap .sx-detail a,
body .ap .lx-kv a {
    color: hsl(331 100% 68%) !important;
}
body .ap .cx-bar a,
body .ap .cx-tbl td > a {
    color: hsl(331 100% 68%) !important;
}
body .ap .lx-tabs a {
    color: #b9aab3 !important;
}
.sx-qr img {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.sx-safety {
    background: hsl(43 70% 55% / 0.16);
}
.sx-safety b {
    color: hsl(37 100% 68%);
}

/* ---- views/admin/settings.css ---- */
.st-nav {
    background: #2f282d;
}
.st-page-head {
    background: #2f282d;
}
body .st .page-card {
    background: #2f282d !important;
}
body .st .settings-fields > .hint {
    color: #b9aab3 !important;
    background: rgb(255 255 255 / 0.13);
}
body .st label {
    color: #b9aab3 !important;
}
body .st input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
body .st textarea,
body .st select {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
body .st button:not(.ap-btn) {
    background: #2f282d !important;
}
body .st [data-remove-rep],
body .st [data-remove-persona],
body .st [data-remove-consent] {
    border-color: rgb(255 255 255 / 0.12) !important;
}
.st-savebar {
    background: rgb(255 255 255 / 0.133);
}
.st-callout {
    background: #2f282d;
}
body .st .notice {
    background: #2f282d !important;
}
body .st .live-preview {
    background: #2f282d !important;
}
.st .live-preview iframe {
    background: #2f282d;
}
.st .mock-chat-window {
    background: #2f282d;
}
.st .mock-chat-sales {
    background: #2f282d;
}
body .st .mock-chat-head button {
    background: rgb(255 255 255 / 0.039) !important;
}
.st .mock-chat-messages {
    background: #2f282d;
}
.st .mock-chat-bubble {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.st .mock-chat-bubble.user {
    color: hsl(331 47% 68%);
    background: hsl(333 70% 55% / 0.16);
    border-color: rgb(255 255 255 / 0.12);
}
.st .mock-chat-offer {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.st .mock-chat-offer.opened {
    border-color: rgb(255 255 255 / 0.12);
    background: #2f282d;
}
.st .mock-chat-error {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.st .mock-chat-compose {
    background: #2f282d;
}
.st .st-callout-ok {
    border-color: rgb(255 255 255 / 0.12);
}
body .st .sc-rule label.check-row {
    background: #2f282d;
}
.st .sc-chip.is-allowed {
    color: hsl(147 83% 68%);
    background: hsl(142 70% 55% / 0.16);
}
.st .sc-chip.is-priority {
    color: hsl(33 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.st .sc-chip.is-off {
    color: #b9aab3;
    background: #2f282d;
}
.st .sc-province {
    background: #2f282d;
}
.st .sc-province select[data-status="allowed"] {
    color: hsl(147 83% 68%) !important;
    background: hsl(135 70% 55% / 0.16) !important;
}
.st .sc-province select[data-status="priority"] {
    color: hsl(33 100% 68%) !important;
    background: hsl(42 70% 55% / 0.16) !important;
}
body .st .sc-position {
    background: #2f282d;
}
.st .sx-kpis div {
    background: #2f282d;
}
.st .sx-kpis .is-pass {
    background: hsl(135 70% 55% / 0.16);
    border-color: rgb(255 255 255 / 0.12);
}
.st .sx-kpis .is-fail {
    background: #2f282d;
    border-color: rgb(255 255 255 / 0.12);
}
.st .sx-kpis .is-unknown {
    background: #2f282d;
}

/* ---- views/admin/training-admin.css ---- */
.ta-notice {
    background: #2f282d;
}
.ta-module {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
.ta-question {
    background: #2f282d;
}
body .ap .ta-editor .ag-field input,
body .ap .ta-editor .ag-field select,
body .ap .ta-editor .ag-field textarea,
body .ap .ta-form .ag-field input,
body .ap .ta-form .ag-field select,
body .ap .ta-form .ag-field textarea {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
.ta-qrow {
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ta-save-bar {
    background: #2f282d;
}
.ta-trainee-row {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
body .ap .ta-inline input,
body .ap .ta-inline select {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
.ta-person-row {
    border-top: 1px solid rgb(255 255 255 / 0.12);
}
body .ap select.ta-result {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
body .ap select.ta-result.is-passed {
    border-color: rgb(255 255 255 / 0.12) !important;
}
body .ap select.ta-result.is-failed {
    color: hsl(4 86% 68%) !important;
    background: hsl(12 70% 55% / 0.16) !important;
    border-color: rgb(255 255 255 / 0.12) !important;
}
body .ap select.ta-position.is-chatter {
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}
.em-token {
    background: #2f282d;
}
.em-mail {
    background: #2f282d;
}
.em-mail mark {
    background: #2f282d;
}
body .ap .em-test input {
    background: #2f282d !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
}

/* ---- views/captain/achievements.css ---- */
.ach-m-diamond {
    background: hsl(190 70% 55% / 0.16);
}
.ach-m-gold {
    background: hsl(50 70% 55% / 0.16);
}
.ach-m-silver {
    background: #2f282d;
}
.ach-m-bronze {
    background: hsl(29 70% 55% / 0.16);
}
.ach-track {
    background: hsl(328 70% 55% / 0.16);
}
.ach-badge b {
    background: #2f282d;
}
.ach-badge.is-off {
    background: #2f282d;
}
.ach-award img,
.ach-award .ach-av {
    border: 2px solid rgb(255 255 255 / 0.084);
}

/* ---- views/captain/captain.css ---- */
:root {
    --cp-pink: hsl(330 100% 68%);
    --cp-pink-dark: hsl(331 100% 68%);
    --cp-pink-soft: hsl(331 70% 55% / 0.16);
    --cp-ink: #fbf6f9;
    --cp-ink-2: #fbf6f9;
    --cp-muted: #b9aab3;
    --cp-paper: #2f282d;
    --cp-card: #2f282d;
    --cp-line: rgb(255 255 255 / 0.12);
    --cp-green: hsl(151 90% 68%);
    --cp-green-soft: hsl(146 70% 55% / 0.16);
    --cp-amber: hsl(35 100% 68%);
    --cp-amber-soft: hsl(41 70% 55% / 0.16);
    --cp-red: hsl(349 81% 68%);
    --cp-red-soft: hsl(349 70% 55% / 0.16);
    --cp-blue: hsl(225 71% 68%);
    --cp-blue-soft: hsl(223 70% 55% / 0.16);
    --cp-grey-soft: #2f282d;
}
.cp-nav a.is-active::after {
    background: #2f282d;
}
.cp-count {
    background: #2f282d;
}
.cp-logout {
    border: 1px solid rgb(255 255 255 / 0.03);
}
.cp-logout:hover {
    background: rgb(255 255 255 / 0.034);
}
.cp-search {
    background: #2f282d;
}
.cp-chip {
    background: #2f282d;
}
.cp-btn-light {
    background: #2f282d;
}
.cp-btn-danger {
    background: #2f282d;
}
.cp-priority {
    color: hsl(33 100% 68%);
    background: hsl(40 70% 55% / 0.16);
}
.cp-score {
    background: #2f282d;
}
.cp-empty {
    background: #2f282d;
}
.cp-outcome label {
    background: #2f282d;
}
.cp-outcome input:checked + label {
    border-color: rgb(255 255 255 / 12%);
}
.cp-field input,
.cp-field textarea,
.cp-field select {
    background: #2f282d;
}
.cp-ring {
    background: #2f282d;
}
.cp-dim-bar {
    border: 1.5px solid rgb(255 255 255 / 12%);
}
.cp-tabs [role="tab"] {
    background: #2f282d;
}
.cp-tabs [role="tab"][aria-selected="true"] {
    border-color: rgb(255 255 255 / 12%);
}
.cp-thumb {
    border: 1.5px solid rgb(255 255 255 / 12%);
}
.cp-bubble {
    background: #2f282d;
}
.cp-msg.is-applicant .cp-bubble {
    border-color: rgb(255 255 255 / 12%);
}
.cp-login-wrap::before {
    background: url("../../assets/dial-pink-bunny-#2f282d.png") no-repeat right bottom / contain;
}
.cp-login-card {
    background: #2f282d;
    border: 2px solid rgb(255 255 255 / 0.12);
}
@media (max-width: 760px) {
    .cp-bottom a.is-active {
        background: rgb(255 255 255 / 0.034);
    }
}
.cp-stage-form select {
    background: #2f282d;
}
.g-btn {
    color: #fbf6f9;
    background: #2f282d;
}
.g-btn:hover {
    background: #2f282d;
}
.cp-today.is-on_shift {
    background: #2f282d;
}
.cp-model-chip {
    background: #2f282d;
}
.cp-day.is-empty {
    background: #2f282d;
}
.cp-day.is-today {
    border-color: rgb(255 255 255 / 12%);
}
body.cp::before {
    background: url("../../assets/dial-pink-bunny-#2f282d.png") right bottom / contain no-repeat;
}
.cp-side-inner {
    border: 1px solid rgb(255 255 255 / 0.026);
}
.cp-side-logo {
    background: rgb(255 255 255 / 0.037);
    border: 1px solid rgb(255 255 255 / 0.031);
}
.cp-side-icon {
    background: rgb(255 255 255 / 0.034);
}
.cp-side a.cp-side-link:hover {
    background: rgb(255 255 255 / 0.034);
}
.cp-side a.cp-side-link.is-active {
    background: #2f282d;
}
.cp-side .cp-count.is-hot {
    background: #2f282d;
}
.cp-side-user {
    border: 1px solid rgb(255 255 255 / 0.017);
}
.cp-side-avatar {
    background: #2f282d;
}
.cp-side a.cp-side-logout {
    background: rgb(255 255 255 / 0.034);
}
.cp-side a.cp-side-logout:hover {
    background: #2f282d;
}
.cp-btn-light,
.cp-btn-danger {
    background: #2f282d;
    border-color: rgb(255 255 255 / 0.12);
}
.cp-btn-danger {
    border-color: rgb(255 255 255 / 0.12);
}
@media (max-width: 760px) {
    .cp-bottom {
        border-top: 1px solid rgb(255 255 255 / 0.036);
    }
    .cp-bottom a.is-active {
        background: #2f282d;
    }
}
.cp-login-brand .cp-brand-tag {
    background: #2f282d;
}
.ps-picker select {
    background: #2f282d;
}
.cp-request-note input {
    background: #2f282d;
}
.mg-tile {
    background: #2f282d;
}
.mg-flag.is-wait {
    color: hsl(38 100% 68%);
}
.mg-dialog {
    background: #2f282d;
}
.mg-hero .at-mavatar {
    border: 3px solid rgb(255 255 255 / 0.12);
}
.sc-c0 {
    --sc-bg: hsl(46 70% 55% / 0.16);
    --sc-fg: hsl(40 100% 68%);
}
.sc-c1 {
    --sc-bg: hsl(207 70% 55% / 0.16);
    --sc-fg: hsl(207 95% 68%);
}
.sc-c2 {
    --sc-bg: hsl(258 70% 55% / 0.16);
    --sc-fg: hsl(254 67% 68%);
}
.sc-c3 {
    --sc-bg: hsl(145 70% 55% / 0.16);
    --sc-fg: hsl(148 76% 68%);
}
.sc-c4 {
    --sc-bg: hsl(26 70% 55% / 0.16);
    --sc-fg: hsl(26 100% 68%);
}
.sc-c5 {
    --sc-bg: hsl(329 70% 55% / 0.16);
    --sc-fg: hsl(332 82% 68%);
}
.sc-stat {
    background: #2f282d;
}
.sc-swatch.is-off {
    border-color: rgb(255 255 255 / 0.12);
}
.sc-day {
    background: var(--sc-bg, rgb(255 255 255 / 0.092));
}
.sc-day.is-off {
    border-color: rgb(255 255 255 / 0.12);
}
.sc-models .at-mavatar-sm {
    border: 1.5px solid rgb(255 255 255 / 0.12);
}
.mg-tile.mg-add {
    background: rgb(255 255 255 / 0.086);
    border: 2px dashed rgb(255 255 255 / 0.12);
}
.mg-tile.mg-add:hover,
.mg-tile.mg-add:focus-visible {
    background: rgb(255 255 255 / 0.116);
}
.cr-reason > span {
    color: hsl(335 80% 68%);
    background: hsl(335 70% 55% / 0.16);
    border: 1px solid rgb(255 255 255 / 0.12);
}
.cr-reason small {
    color: #b9aab3;
}
.cr-reason:hover > span {
    background: #2f282d;
}
.cr-cover-card {
    background: rgb(255 255 255 / 0.11);
}
.cr-cover input:checked + .cr-cover-card {
    background: #2f282d;
}
.cn-item {
    background: #2f282d;
}
.cn-item.is-danger {
    --cn-line: rgb(255 255 255 / 0.12);
}
.cn-item.is-warning {
    --cn-icon: hsl(36 100% 68%);
}
.cn-item.is-info {
    --cn-icon: hsl(213 84% 68%);
}
.cn-item.is-success {
    --cn-icon: hsl(150 89% 68%);
}
.cn-tool {
    background: #2f282d;
}
.pf-avatar {
    background: #2f282d;
}
.pf-photo .pf-avatar-xl {
    border: 4px solid rgb(255 255 255 / 0.12);
}
.pf-photo img[data-pf-photo-preview] {
    border: 4px solid rgb(255 255 255 / 0.12);
}
.pf-photo-badge {
    border: 3px solid rgb(255 255 255 / 0.12);
}
.pf-doc-thumb {
    border: 1px solid var(--cp-line, rgb(255 255 255 / 0.12));
}
a.pf-doc-pdf {
    color: var(--cp-ink, #fbf6f9);
}
.ck-badge.is-on {
    color: hsl(149 88% 68%);
    background: hsl(146 70% 55% / 0.16);
}
.ck-badge.is-late {
    color: hsl(347 80% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.ck-badge.is-done {
    color: hsl(207 95% 68%);
    background: hsl(207 70% 55% / 0.16);
}
.ck-badge.is-soon {
    color: hsl(335 80% 68%);
    background: hsl(331 70% 55% / 0.16);
}
.ck-badge.is-off {
    color: #b9aab3;
    background: #2f282d;
}
.ck-line {
    background: hsl(326 70% 55% / 0.16);
}
.ck-stat {
    background: rgb(255 255 255 / 0.104);
    border: 1px solid rgb(255 255 255 / 0.12);
}
.ck-btn.is-wait {
    color: hsl(36 100% 68%);
    background: hsl(45 70% 55% / 0.16);
}
.ck.is-on_shift {
    background-image: none !important;
}
.do-item {
    border-left: 4px solid rgb(255 255 255 / 0.12);
}
.do-dialog {
    background: #2f282d;
}
.rp-period {
    background: #2f282d;
}
.rp-custom input {
    background: #2f282d;
}
.rp-ring {
    background: #2f282d;
}
.rp-bar.rp-tone-pending .rp-bar-fill {
    background: #2f282d;
}

/* ---- views/captain/recruiter.css ---- */
.tp-views a {
    background: #2f282d;
}
.tp-views a[aria-current="page"] span {
    background: #2f282d;
}
.tp-dialog {
    background: #2f282d;
}
.tp-revoke form {
    background: #2f282d;
}
.tp-module {
    background: #2f282d;
}
html body .ps-paper {
    color: #fbf6f9 !important;
    background: #2f282d !important;
}
html body .ps-paper p,
html body .ps-paper li {
    color: #fbf6f9 !important;
}
html body .ps-paper b {
    color: #fbf6f9 !important;
}
html body .ps-paper h1 {
    color: #fbf6f9 !important;
}
html body .ps-paper h2 {
    color: hsl(331 100% 68%) !important;
    border-bottom: 2px solid rgb(255 255 255 / 0.12);
}
html body .ps-paper h3 {
    color: #fbf6f9 !important;
}
html body .ps-paper .ps-tip {
    color: hsl(40 100% 68%) !important;
    background: hsl(42 70% 55% / 0.16) !important;
}
html body .ps-paper .ps-warn {
    color: hsl(344 81% 68%) !important;
    background: hsl(348 70% 55% / 0.16) !important;
}
html body .ps-paper mark.ps-var {
    color: hsl(331 100% 68%) !important;
    background: hsl(331 70% 55% / 0.16) !important;
}

/* ---- views/captain/sales.css ---- */
.sl-dialog {
    background: #2f282d;
}
.sl-step-label {
    color: #fbf6f9;
}
.sl-drop {
    color: hsl(335 80% 68%);
    background: hsl(334 70% 55% / 0.16);
}
.sl-drop:hover,
.sl-drop:focus-visible,
.sl-drop.is-over {
    background: #2f282d;
}
kbd {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.sl-thumb {
    background: #2f282d;
    border: 1px solid rgb(255 255 255 / 0.12);
}
.sl-thumb-add {
    background: rgb(255 255 255 / 0.092);
}
.sl-error {
    color: hsl(348 82% 68%);
    background: hsl(349 70% 55% / 0.16);
}
.sl-model-opt > span {
    color: hsl(335 80% 68%);
    background: hsl(335 70% 55% / 0.16);
    border: 1px solid rgb(255 255 255 / 0.12);
}
.sl-model-opt > span .at-mavatar {
    border: 2px solid rgb(255 255 255 / 0.12);
}
.sl-model-opt:hover > span {
    background: #2f282d;
}
.sl-all-note {
    color: hsl(36 100% 68%);
    background: hsl(42 70% 55% / 0.16);
}

/* ---- views/captain/training.css ---- */
.tr-deadline {
    background: #2f282d;
}
.tr-timer-pill {
    background: #2f282d;
}
.tr-step {
    background: #2f282d;
}
.tr-tier {
    background: #2f282d;
}
.tr-bar {
    border: 1.5px solid rgb(255 255 255 / 12%);
}
.tr-module {
    background: #2f282d;
}
.tr-module.is-complete {
    background: #2f282d;
}
.tr-ctl:hover,
.tr-ctl:focus-visible {
    background: rgb(255 255 255 / 0.037);
}
.tr-watch {
    background: #2f282d;
}
.tr-reading {
    background: #2f282d;
}
.tr-option {
    background: #2f282d;
}
.tr-option:hover {
    border-color: rgb(255 255 255 / 12%);
}
.tr-option:has(input:checked) {
    border-color: rgb(255 255 255 / 12%);
}
.tr-duration span {
    background: #2f282d;
}
.tr-pb-list a {
    background: #2f282d;
}
.tr-bubble.is-customer {
    background: #2f282d;
}
.tr-offer-choice {
    background: #2f282d;
}