/* Private BTT account palette. KINEA retains every layout and interaction. */
body.btt-account-preview {
    --paletteColor1: #17e4c4;
    --paletteColor2: #000;
    --theme-font-family: Roboto, sans-serif;
    background: #fff;
}
body.btt-account-preview main article { background: #fff; }
.btt-account-preview :is(.lrk-app, .la-cover) {
    --la-navy: #000;
    --la-green: #000;
    --la-lime: #17e4c4;
    --la-ink: #000;
    --la-muted: #595959;
    --la-line: #d9d9d9;
    --la-paper: #fff;
    font-family: Roboto, sans-serif;
    color: var(--la-ink);
}
.btt-account-preview :is(.lrk-app, .la-cover) :focus-visible {
    outline-color: #000;
}
.btt-account-preview :is(.lrk-app, .la-cover) .la-button {
    color: #000;
}
.btt-account-preview :is(.lrk-app, .la-cover) .la-button:hover {
    background: #10ceb1 !important;
}
.btt-account-preview .lrk-app .la-nav {
    background: #000;
}
.btt-account-preview .lrk-app .la-nav a.is-active {
    color: #000 !important;
    background: #17e4c4;
}
.btt-account-preview :is(.lrk-app, .la-cover) .la-wallet {
    background: #f7f7f7;
}
.btt-account-preview :is(.lrk-app, .la-cover) :is(.la-service-icon, .la-empty > span, .la-detail-icon, .la-specialist-icon) {
    background: #f0f0f0;
    color: #000;
}
.btt-account-preview :is(.lrk-app, .la-cover) :is(.la-icon:hover, .la-service:hover) {
    background: #f3f3f3 !important;
}
.btt-account-preview :is(.lrk-app, .la-cover) :is(.la-empty, .la-balance, .la-profile-notice) {
    background: #f7f7f7;
    border-color: #d9d9d9;
}
.btt-account-preview :is(.lrk-app, .la-cover) .la-badge {
    background: #e6fbf7;
    color: #000;
}
.btt-account-preview .la-cover::before { background: #0006; }
.btt-account-preview .la-cover .la-drawer { box-shadow: -12px 0 50px #0002; }
.btt-account-preview .la-cover .la-grip span { background: #ccc; }
.btt-account-preview .la-cover .la-drawer-body { scrollbar-color: #bbb transparent; }
.btt-account-preview :is(.lrk-app, .la-cover) :is(.la-chips input:checked + span, .la-choice input:checked + .la-check) {
    background: #17e4c4;
    border-color: #17e4c4;
    color: #000;
}
.btt-account-preview :is(.lrk-app, .la-cover) :is(.la-chips input:focus-visible + span, .la-choice input:focus-visible + .la-check) {
    outline-color: #000;
}
.btt-account-preview :is(.lrk-app, .la-cover) .la-choice.is-selected { background: #e6fbf7; }
.btt-account-preview :is(.lrk-app, .la-cover) .la-check { border-color: #aaa; }
.btt-account-preview :is(.lrk-app, .la-cover) .la-calendar-day.is-selected {
    background: #17e4c4 !important;
    color: #000 !important;
}
.btt-account-preview :is(.lrk-app, .la-cover) :is(.la-date-control, .la-account-content input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .la-account-content select) {
    border-color: #aaa;
}
.btt-account-preview .la-cover textarea { border-color: #aaa !important; }
.btt-account-preview .lrk-app .la-account-placeholder { background: linear-gradient(110deg, #f3f3f3, #fafafa, #f3f3f3); }
.btt-account-preview .lrk-app .la-purchase-card { border-color: #d9d9d9; }
.btt-account-preview .lrk-app .la-purchase-card .la-service { background: #f7f7f7; }
.btt-account-preview .lrk-app .la-purchase-card .la-service-icon { background: #eee; }
.btt-account-preview :is(.lrk-app, .la-cover) :is(.la-session-purchase, .la-next-week .la-button) {
    background: #f3f3f3 !important;
    border-color: #d9d9d9 !important;
    color: #000 !important;
}
.btt-account-preview :is(.lrk-app, .la-cover) :is(.la-session-purchase:hover, .la-next-week .la-button:hover) {
    background: #e9e9e9 !important;
    border-color: #aaa !important;
}
.btt-account-preview .la-cover .la-week-nav { background: #f3f3f3; border-color: #d9d9d9; }
.btt-account-preview .la-cover :is(.la-week-range:hover, .la-week-nav .la-icon:hover, .la-filter-button:hover) { background: #e9e9e9 !important; }
.btt-account-preview .la-cover .la-filter-button { border-color: #d9d9d9 !important; color: #000 !important; }
.btt-account-preview .la-cover .la-filter-button:has(.la-count) { background: #e6fbf7 !important; border-color: #17e4c4 !important; }
.btt-account-preview .la-cover :is(.la-individual-field legend, .la-individual-field > h3, .la-specialist strong, .la-specialist > svg, .la-individual-summary dd, .la-individual-success > svg) { color: #000; }
.btt-account-preview .la-cover :is(.la-individual-intro > span, .la-specialist small, .la-individual-summary dt, .la-individual-success p, .la-calendar-hint) { color: #595959; }
.btt-account-preview .la-cover .la-specialist:hover,
.btt-account-preview .la-cover .la-specialist.is-suggested { background: #e6fbf7; border-color: #17e4c4; }
.btt-account-preview .la-cover :is(.la-specialist, .la-calendar-hint, .la-individual-summary dl > div) { border-color: #d9d9d9; }
.btt-account-preview :is(.lrk-app, .la-cover) .lrk-nbp {
    --nbp-brand: #17e4c4 !important;
    --nbp-brand-ink: #000 !important;
    color: #000;
    border-color: #d9d9d9;
    background: #fff;
}
.btt-account-preview .lrk-nbp :is(.lrk-nbp__step-label, .lrk-nbp__cal-legend, .lrk-nbp__state small) { color: #595959; }
.btt-account-preview .lrk-nbp .lrk-nbp__cal-day.has-slots { background: #e6fbf7; color: #000; border-color: #b2e5dc; }
.btt-account-preview .lrk-nbp .lrk-nbp__cal-day.has-slots:hover { background: #d1f8f0; border-color: #17e4c4; }
.btt-account-preview .lrk-nbp .lrk-nbp__cal-legend::before { background: #000; }
.btt-account-preview .lrk-nbp :is(.lrk-nbp__state svg, .lrk-nbp__state-action) { background: #f3f3f3; color: #000; border-color: #d9d9d9; }
.btt-account-preview .lrk-nbp :focus-visible { outline-color: #000; }
/* Cancellation, validation, capacity warnings and disabled states retain KINEA's semantic colors and behavior. */

/* Real expand/collapse controls use native details semantics and one BTT treatment. */
.btt-account-preview :is(.lrk-app,.la-cover) details{margin:18px 0;padding:0;border:1px solid #d9dfdd;border-radius:12px;background:#fff;overflow:clip;}
.btt-account-preview :is(.lrk-app,.la-cover) details>summary{position:relative;display:flex;align-items:center;min-height:58px;padding:16px 60px 16px 20px;list-style:none;color:#111;font:600 16px/1.4 Roboto,sans-serif;cursor:pointer;}
.btt-account-preview :is(.lrk-app,.la-cover) details>summary::-webkit-details-marker{display:none;}
.btt-account-preview :is(.lrk-app,.la-cover) details>summary::after{content:"";position:absolute;right:20px;top:50%;width:20px;height:20px;transform:translateY(-50%);background:linear-gradient(currentColor,currentColor) center/16px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 16px no-repeat;}
.btt-account-preview :is(.lrk-app,.la-cover) details[open]>summary{background:#eafbF7;border-bottom:1px solid #d9dfdd;}
.btt-account-preview :is(.lrk-app,.la-cover) details[open]>summary::after{background:linear-gradient(currentColor,currentColor) center/16px 2px no-repeat;}
.btt-account-preview :is(.lrk-app,.la-cover) details>summary:hover{background:#f2fcf9;}
.btt-account-preview :is(.lrk-app,.la-cover) details>summary:focus-visible{outline:3px solid #007f6d;outline-offset:-4px;}
.btt-account-preview :is(.lrk-app,.la-cover) details>:not(summary){margin:20px;}
.btt-account-preview :is(.lrk-app,.la-cover) details.la-password-settings>fieldset{padding:0;border:0;}

@media(forced-colors:active){.btt-account-preview :is(.lrk-app,.la-cover) details>summary::after{forced-color-adjust:none;color:ButtonText;}}
