/* Barekit Project Studio UI Engine */

:root {
    --bkps-accent: #f65d8a;
    --bkps-accent-soft: rgba(246,93,138,.14);
    --bkps-green: #a8c95f;
    --bkps-green-dark: #2f7d46;
    --bkps-gradient: linear-gradient(135deg,#cbea74 0%,#a8c95f 48%,#2f7d46 100%);
}

body:has(.bkps-root) {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}

body:has(.bkps-root) .site,
body:has(.bkps-root) .site-content,
body:has(.bkps-root) .content-area,
body:has(.bkps-root) .site-main,
body:has(.bkps-root) article,
body:has(.bkps-root) .entry-content,
body:has(.bkps-root) .ast-container,
body:has(.bkps-root) .elementor,
body:has(.bkps-root) .elementor-section,
body:has(.bkps-root) .elementor-container,
body:has(.bkps-root) .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.bkps-root) .entry-title,
body:has(.bkps-root) .page-title {
    display: none !important;
}

.bkps-root {
    width: 100vw;
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", sans-serif;
    color: #111;
    --bkps-ink: #111;
    --bkps-muted: #706a61;
    --bkps-paper: #f6f2ea;
    --bkps-card: #fffdf8;
}

.bkps-root * {
    box-sizing: border-box;
}

.bkps-root button,
.bkps-root input {
    font: inherit;
}

.bkps-loading,
.bkps-error,
.bkps-login-required {
    padding: 28px;
    border-radius: 24px;
    background: #fffdf8;
    box-shadow: 0 18px 48px rgba(20,16,10,.08);
}

.bkps-app {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 260px 1fr;
    background:
        radial-gradient(circle at 12% 0%, rgba(168,201,95,.10), transparent 32%),
        radial-gradient(circle at 88% 2%, rgba(246,93,138,.055), transparent 34%),
        linear-gradient(180deg,#fffdf8 0%,#f6f2ea 58%,#f0ebe2 100%);
}

.bkps-studio-sidebar {
    padding: 22px;
    color: #fff;
    background: linear-gradient(180deg,#111711 0%,#070907 100%);
}

.bkps-brand-row {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}

.bkps-brand-row img {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    object-fit: cover;
}

.bkps-brand-row small {
    display: block;
    letter-spacing: .18em;
    font-size: 11px;
    color: rgba(255,255,255,.56);
    font-weight: 800;
}

.bkps-brand-row h1 {
    margin: 2px 0 0;
    font-size: 26px;
    line-height: .95;
    font-weight: 900;
    letter-spacing: -.055em;
}

.bkps-brand-copy {
    margin: 0 0 18px;
    color: rgba(255,255,255,.62);
    font-size: 14px;
    line-height: 1.42;
}

.bkps-sidebar-buttons {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
}

.bkps-mini {
    width: 38px;
    height: 34px;
    border: 0;
    border-radius: 12px;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.78);
    font-weight: 900;
}

.bkps-lock-zone {
    text-align: center;
    margin: 8px 0 22px;
}

.bkps-big-lock {
    width: 88px;
    height: 88px;
    border: 0;
    background: transparent;
    margin: 0 auto 6px;
    padding: 0;
    display: grid;
    place-items: center;
}

.bkps-big-lock svg {
    width: 78px;
    height: 78px;
    filter: drop-shadow(0 16px 22px rgba(47,125,70,.22)) drop-shadow(0 0 18px rgba(168,201,95,.10));
}

.bkps-lock-label {
    font-weight: 900;
    color: #fff;
    letter-spacing: -.025em;
}

.bkps-lock-sub {
    font-size: 11px;
    color: rgba(255,255,255,.45);
}

.bkps-theme-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 18px 0;
}

.bkps-theme-row small {
    display: block;
    color: rgba(255,255,255,.55);
    font-weight: 800;
}

.bkps-theme-row strong {
    display: block;
    color: #fff;
    font-size: 18px;
}

.bkps-switch {
    width: 58px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.12);
    padding: 0;
    position: relative;
}

.bkps-switch span {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 4px;
    top: 3px;
    transition: .2s;
}

.bkps-switch.on {
    background: var(--bkps-gradient);
}

.bkps-switch.on span {
    transform: translateX(25px);
}

.bkps-nav {
    display: grid;
    gap: 8px;
}

.bkps-nav button {
    border: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.78);
    padding: 12px 14px;
    border-radius: 15px;
    text-align: left;
    font-weight: 850;
}

.bkps-nav button.active {
    background: #fff;
    color: #111;
}

.bkps-studio-main {
    padding: 18px;
}

.bkps-thought-card,
.bkps-top-pill,
.bkps-project-panel,
.bkps-mission-panel,
.bkps-progress-panel,
.bkps-next-box {
    background: rgba(255,253,248,.88);
    box-shadow: 0 18px 48px rgba(42,34,24,.07);
}

.bkps-thought-card {
    border-radius: 22px;
    padding: 16px 20px;
    margin-bottom: 14px;
}

.bkps-thought-card small {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 900;
    color: var(--bkps-muted);
}

.bkps-thought-card div {
    font-size: 20px;
    font-weight: 850;
    letter-spacing: -.035em;
}

.bkps-top-row {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 14px;
    margin-bottom: 16px;
}

.bkps-top-pill {
    border-radius: 22px;
    padding: 13px 15px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.bkps-top-pill > div {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: var(--bkps-accent-soft);
    color: var(--bkps-accent);
    display: grid;
    place-items: center;
    font-weight: 900;
}

.bkps-top-pill small {
    display: block;
    color: var(--bkps-muted);
    font-size: 11.5px;
}

.bkps-top-pill strong {
    display: block;
    font-size: 15px;
    font-weight: 900;
}

.bkps-dashboard-grid {
    display: grid;
    grid-template-columns: 300px minmax(520px,1fr) 300px;
    gap: 16px;
}

.bkps-project-panel,
.bkps-progress-panel {
    border-radius: 28px;
    padding: 20px;
}

.bkps-project-panel h2,
.bkps-progress-panel h2,
.bkps-next-head h2 {
    margin: 0 0 6px;
    font-size: 22px;
    letter-spacing: -.05em;
}

.bkps-project-panel p,
.bkps-progress-panel p {
    margin: 0 0 16px;
    color: var(--bkps-muted);
    font-size: 14px;
}

.bkps-project-list {
    display: grid;
    gap: 11px;
}

.bkps-project-item {
    display: grid;
    grid-template-columns: 7px minmax(0,1fr) 30px;
    gap: 13px;
    align-items: center;
    border: 0;
    background: #fff;
    border-radius: 18px;
    padding: 14px 13px;
    text-align: left;
    box-shadow: 0 10px 26px rgba(42,34,24,.045);
}

.bkps-locked .bkps-project-item:not(.active) {
    opacity: .28;
    filter: saturate(.35);
}

.bkps-project-item > span {
    width: 7px;
    height: 46px;
    border-radius: 99px;
    background: var(--project-colour);
}

.bkps-project-item strong {
    display: block;
    font-size: 15.5px;
    line-height: 1.08;
    letter-spacing: -.035em;
}

.bkps-project-item small {
    display: block;
    font-size: 12px;
    line-height: 1.25;
    color: rgba(111,104,95,.72);
    margin-top: 5px;
}

.bkps-project-item i {
    display: block;
    height: 3px;
    background: #eee8de;
    border-radius: 99px;
    margin-top: 9px;
    overflow: hidden;
}

.bkps-project-item em {
    display: block;
    height: 100%;
    background: var(--project-colour);
}

.bkps-project-item b {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 99px;
    background: #f0ebe2;
    color: #6d655a;
    font-size: 12px;
}

.bkps-project-item.active {
    outline: 1px solid color-mix(in srgb,var(--project-colour) 42%,transparent);
}

.bkps-mission-panel {
    border-radius: 28px;
    overflow: hidden;
}

.bkps-project-colour-bar {
    height: 6px;
    background: var(--bkps-accent);
}

.bkps-mission-inner {
    padding: 30px 28px 28px;
}

.bkps-mission-inner h1 {
    margin: 0;
    font-size: clamp(48px,5vw,74px);
    line-height: .92;
    font-weight: 850;
    letter-spacing: -.055em;
}

.bkps-project-description {
    margin: 6px 0 0;
    color: var(--bkps-muted);
}

.bkps-area-badge {
    display: inline-block;
    background: var(--bkps-accent-soft);
    color: var(--bkps-accent);
    border-radius: 99px;
    padding: 8px 12px;
    font-weight: 900;
    font-size: 12px;
    margin-top: 12px;
}

.bkps-mission-box {
    position: relative;
    margin-top: 22px;
    background: linear-gradient(180deg,#faf6ef,#f0e8dc);
    border-radius: 22px;
    padding: 24px 24px 42px;
}

.bkps-mission-box small,
.bkps-capture small {
    display: block;
    font-size: 12px;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 900;
    color: #8b8172;
    margin-bottom: 10px;
}

.bkps-mission-text {
    min-height: 70px;
    outline: 0;
    font-size: clamp(34px,3.35vw,50px);
    line-height: 1.02;
    font-weight: 850;
    letter-spacing: -.052em;
}

.bkps-mission-box button {
    position: absolute;
    right: 18px;
    bottom: 12px;
    border: 0;
    background: transparent;
    color: var(--bkps-muted);
    font-size: 13px;
    font-weight: 850;
    opacity: .55;
}

.bkps-capture-row {
    display: grid;
    grid-template-columns: 1fr 250px;
    gap: 12px;
    margin-top: 14px;
}

.bkps-capture,
.bkps-energy {
    background: #f6f2ea;
    border-radius: 18px;
    padding: 16px;
    box-shadow: inset 0 0 0 1px rgba(44,36,24,.075);
}

.bkps-capture-input {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}

.bkps-capture-input input {
    width: 100%;
    border: 0;
    border-radius: 16px;
    background: #fff;
    padding: 18px 20px;
    font-size: 24px;
    font-weight: 850;
    outline: 0;
}

.bkps-capture-input button {
    border: 0;
    border-radius: 16px;
    background: var(--bkps-accent);
    color: #fff;
    padding: 0 22px;
    font-weight: 900;
}

.bkps-priority-dots {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.bkps-priority-dots button {
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 50%;
    opacity: .36;
}

.bkps-priority-dots button:nth-child(1) { background: #cfcac0; }
.bkps-priority-dots button:nth-child(2) { background: #d6b25e; }
.bkps-priority-dots button:nth-child(3) { background: #f05b88; }
.bkps-priority-dots button.active { opacity: 1; transform: scale(1.12); }

.bkps-energy h3 {
    margin: 0 0 10px;
    font-size: 16px;
}

.bkps-energy-options {
    display: flex;
    gap: 12px;
}

.bkps-energy-options button {
    border: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 850;
    color: var(--bkps-muted);
}

.bkps-energy-options span {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    display: grid;
    place-items: center;
    font-size: 24px;
}

.bkps-energy-options button.active span {
    background: var(--bkps-accent);
}

.bkps-energy p {
    margin: 8px 0 0;
    color: var(--bkps-muted);
    font-size: 12px;
    line-height: 1.35;
}

.bkps-action-row {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.bkps-action-row button {
    border: 0;
    background: var(--bkps-accent-soft);
    color: var(--bkps-accent);
    padding: 12px 16px;
    border-radius: 16px;
    font-weight: 900;
}

.bkps-action-row button.goblin {
    background: rgba(168,201,95,.14);
    color: var(--bkps-green-dark);
}

.bkps-next-box {
    border-radius: 22px;
    padding: 18px;
    margin-top: 18px;
}

.bkps-next-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bkps-next-head span {
    color: var(--bkps-muted);
    font-size: 13px;
}

.bkps-task-row {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eee8de;
}

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

.bkps-task-row > button:first-child {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    border: 1px solid #d8cfbf;
    background: #f0ebe2;
}

.bkps-task-row > button:first-child.done {
    background: var(--bkps-accent);
    border-color: var(--bkps-accent);
}

.bkps-task-row strong {
    display: block;
    font-weight: 900;
}

.bkps-task-row small {
    display: block;
    font-size: 12px;
    color: var(--bkps-muted);
}

.bkps-task-row > button:last-child {
    border: 0;
    border-radius: 99px;
    background: var(--bkps-accent-soft);
    color: var(--bkps-accent);
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 900;
}

.bkps-empty {
    background: #fff;
    border-radius: 18px;
    padding: 24px;
    color: var(--bkps-muted);
    text-align: center;
}

.bkps-progress-panel {
    border-radius: 28px;
    padding: 20px;
    text-align: center;
}

.bkps-big-ring {
    position: relative;
    width: 210px;
    height: 210px;
    margin: 14px auto 18px;
    border-radius: 50%;
    background: conic-gradient(from -90deg,var(--bkps-accent) var(--pct),#efe8dd 0);
    display: grid;
    place-items: center;
}

.bkps-big-ring:after {
    content: "";
    position: absolute;
    inset: 31px;
    background: #fff;
    border-radius: 50%;
}

.bkps-big-ring > div {
    position: relative;
    z-index: 2;
}

.bkps-big-ring strong {
    display: block;
    font-size: 42px;
    line-height: 1;
}

.bkps-big-ring span {
    display: block;
    font-size: 20px;
    color: var(--bkps-muted);
    font-weight: 900;
}

.bkps-progress-panel h3 {
    font-size: 18px;
    margin: 0 0 18px;
}

.bkps-overall {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 16px;
    align-items: center;
    background: #fff;
    border-radius: 20px;
    padding: 18px;
    text-align: left;
}

.bkps-overall strong,
.bkps-overall b {
    font-size: 18px;
    font-weight: 900;
}

.bkps-overall span {
    display: block;
    color: var(--bkps-muted);
    font-size: 13px;
}

.bkps-small-ring {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: conic-gradient(from -90deg,var(--bkps-accent) var(--pct),#efe8dd 0);
    position: relative;
}

.bkps-small-ring:after {
    content: "";
    position: absolute;
    inset: 10px;
    background: #fff;
    border-radius: 50%;
}

.bkps-summary {
    margin-top: 16px;
    background: rgba(246,242,234,.82);
    border-radius: 18px;
    padding: 16px;
    font-weight: 900;
}

.bkps-goblin-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999999;
    padding: 28px;
    align-items: center;
    justify-content: center;
}

.bkps-goblin-modal.show {
    display: flex;
}

.bkps-goblin-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(7,10,7,.54);
    backdrop-filter: blur(18px);
}

.bkps-goblin-window {
    position: relative;
    z-index: 2;
    width: min(1180px,calc(100vw - 42px));
    height: min(820px,calc(100vh - 42px));
    background: rgba(255,253,248,.95);
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 34px 110px rgba(0,0,0,.34);
    display: flex;
    flex-direction: column;
}

.bkps-goblin-titlebar {
    padding: 16px 18px 14px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(44,36,24,.08);
}

.bkps-goblin-titlebar small {
    display: block;
    color: var(--bkps-green-dark);
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 900;
}

.bkps-goblin-titlebar strong {
    font-size: 22px;
}

.bkps-goblin-titlebar button {
    border: 0;
    border-radius: 14px;
    padding: 10px 13px;
    margin-left: 8px;
    font-weight: 900;
}

.bkps-goblin-window iframe {
    border: 0;
    flex: 1;
    width: 100%;
}

@media(max-width: 1200px) {
    .bkps-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .bkps-top-row {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width: 800px) {
    .bkps-app {
        grid-template-columns: 1fr;
    }

    .bkps-top-row,
    .bkps-capture-row {
        grid-template-columns: 1fr;
    }
}


/* ===== v0.3.1 visual fixes: Quick Capture, Energy and Priority Dots ===== */

.bkps-capture-row {
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr) !important;
    align-items: stretch !important;
}

.bkps-capture {
    min-width: 0 !important;
}

.bkps-capture-input {
    grid-template-columns: minmax(0, 1fr) 82px !important;
    gap: 12px !important;
}

.bkps-capture-input input {
    min-width: 0 !important;
    font-size: 22px !important;
    padding: 16px 18px !important;
    height: 64px !important;
    color: #111 !important;
}

.bkps-capture-input input::placeholder {
    color: rgba(17,17,17,.34) !important;
}

.bkps-capture-input button {
    width: 82px !important;
    height: 64px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    background: var(--bkps-accent) !important;
    color: #fff !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--bkps-accent) 22%, transparent) !important;
}

.bkps-priority-dots {
    align-items: center !important;
    gap: 12px !important;
    margin-top: 16px !important;
}

.bkps-priority-dots button {
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: block !important;
    flex: 0 0 18px !important;
    box-shadow: none !important;
}

.bkps-priority-dots button.active {
    opacity: 1 !important;
    transform: scale(1.22) !important;
    box-shadow: 0 0 0 5px rgba(17,17,17,.045) !important;
}

.bkps-energy {
    min-width: 0 !important;
}

.bkps-energy-options {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
}

.bkps-energy-options button {
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: 1.15 !important;
}

.bkps-energy-options span {
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto 4px !important;
    font-size: 22px !important;
}

.bkps-energy p {
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin-top: 12px !important;
}

.bkps-action-row button {
    background: var(--bkps-accent-soft) !important;
    color: var(--bkps-accent) !important;
}

.bkps-action-row button.goblin {
    background: rgba(168,201,95,.14) !important;
    color: var(--bkps-green-dark) !important;
}

.bkps-task-row > button:last-child {
    background: var(--bkps-accent) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--bkps-accent) 16%, transparent) !important;
}

.bkps-task-row {
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
}

.bkps-task-row strong {
    color: #111 !important;
    line-height: 1.15 !important;
}

.bkps-task-row small {
    opacity: .75 !important;
}

.bkps-next-head h2,
.bkps-energy h3 {
    color: #181818 !important;
}

@media(max-width: 980px) {
    .bkps-capture-row {
        grid-template-columns: 1fr !important;
    }
}


/* ===== v0.3.2 fixes: mission placeholder, working views, visual balance ===== */

.bkps-mission-text.is-empty {
    color: rgba(17,17,17,.32) !important;
}

.bkps-mission-text:not(.is-empty) {
    color: #111 !important;
}

/* Single view pages */
.bkps-single-view {
    background: rgba(255,253,248,.88);
    border-radius: 28px;
    padding: 26px;
    box-shadow: 0 18px 48px rgba(42,34,24,.07);
    min-height: calc(100vh - 175px);
}

.bkps-view-head h1 {
    margin: 0;
    font-size: clamp(46px,5vw,72px);
    line-height: .92;
    letter-spacing: -.055em;
}

.bkps-view-head p {
    color: var(--bkps-muted);
    margin: 10px 0 22px;
}

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

.bkps-project-large-card {
    background: #fff;
    border-left: 6px solid var(--project-colour);
    border-radius: 22px;
    padding: 18px;
    box-shadow: 0 10px 26px rgba(42,34,24,.055);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 190px;
}

.bkps-project-large-card h2 {
    margin: 0 0 4px;
    font-size: 24px;
    letter-spacing: -.045em;
}

.bkps-project-large-card p {
    color: var(--bkps-muted);
}

.bkps-large-card-actions {
    display: flex;
    gap: 8px;
}

.bkps-large-card-actions button,
.bkps-review-form button {
    border: 0;
    border-radius: 14px;
    padding: 10px 14px;
    font-weight: 900;
    background: var(--bkps-accent-soft);
    color: var(--bkps-accent);
}

.bkps-task-view-capture {
    margin-bottom: 16px;
}

.bkps-review-form {
    display: grid;
    gap: 12px;
    max-width: 760px;
}

.bkps-review-form textarea {
    min-height: 130px;
    border: 0;
    border-radius: 18px;
    background: #f6f2ea;
    padding: 16px;
    font: inherit;
    outline: none;
}

/* Visual fixes requested */
.bkps-capture-row {
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr) !important;
}

.bkps-capture-input {
    grid-template-columns: minmax(0, 1fr) 82px !important;
}

.bkps-capture-input input {
    min-width: 0 !important;
    height: 64px !important;
    font-size: 22px !important;
    color: #111 !important;
}

.bkps-capture-input input::placeholder {
    color: rgba(17,17,17,.34) !important;
}

.bkps-capture-input button {
    width: 82px !important;
    height: 64px !important;
    padding: 0 !important;
}

.bkps-priority-dots button {
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    flex: 0 0 18px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    padding: 0 !important;
}

.bkps-energy-options {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 10px !important;
}

.bkps-energy-options button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.bkps-energy-options span {
    width: 40px !important;
    height: 40px !important;
    margin: 0 auto 4px !important;
    font-size: 22px !important;
}

.bkps-task-row > button:last-child {
    background: var(--bkps-accent) !important;
    color: #fff !important;
}

/* Dark support */
.bkps-dark .bkps-mission-text.is-empty {
    color: rgba(246,243,236,.34) !important;
}

.bkps-dark .bkps-mission-text:not(.is-empty) {
    color: #f6f3ec !important;
}

@media(max-width: 980px) {
    .bkps-capture-row {
        grid-template-columns: 1fr !important;
    }
}


/* ===== v0.3.3 layout repair ===== */

/* Quick Capture must remain a proper text input plus button */
.bkps-capture-input{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 96px !important;
    gap:14px !important;
    align-items:center !important;
    width:100% !important;
}

.bkps-capture-input input{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:68px !important;
    border:0 !important;
    border-radius:24px !important;
    padding:0 24px !important;
    background:#fff !important;
    color:#111 !important;
    font-size:22px !important;
    font-weight:800 !important;
    letter-spacing:-.035em !important;
}

.bkps-capture-input input::placeholder{
    color:rgba(17,17,17,.36) !important;
}

.bkps-capture-input button{
    width:96px !important;
    min-width:96px !important;
    height:68px !important;
    border:0 !important;
    border-radius:24px !important;
    padding:0 !important;
    font-weight:900 !important;
}

/* Priority markers must stay circular */
.bkps-priority-dots{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin-top:16px !important;
}

.bkps-priority-dots button{
    width:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    aspect-ratio:1 / 1 !important;
    padding:0 !important;
    border-radius:50% !important;
    flex:0 0 18px !important;
}

/* Task row alignment */
.bkps-task-row{
    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) auto !important;
    gap:16px !important;
    align-items:center !important;
}

.bkps-task-row > button:first-child{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    border-radius:50% !important;
    align-self:center !important;
}

.bkps-task-row strong{
    display:block !important;
    margin:0 0 3px !important;
    line-height:1.15 !important;
    font-size:18px !important;
}

.bkps-task-row small{
    display:block !important;
    line-height:1.2 !important;
}

/* Projects page repair */
.bkps-single-view{
    padding:34px 38px !important;
}

.bkps-view-head h1{
    font-size:64px !important;
    line-height:.95 !important;
    margin:0 !important;
    letter-spacing:-.06em !important;
}

.bkps-view-head p{
    font-size:18px !important;
    margin:10px 0 26px !important;
}

.bkps-projects-grid-large{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}

.bkps-project-large-card{
    min-height:220px !important;
    padding:22px 22px 18px !important;
    border-radius:24px !important;
    overflow:hidden !important;
    position:relative !important;
}

.bkps-project-large-card h2{
    font-size:26px !important;
    line-height:1.05 !important;
    margin:0 0 8px !important;
    letter-spacing:-.045em !important;
    color:#151b3d !important;
}

.bkps-project-large-card p{
    font-size:15px !important;
    line-height:1.4 !important;
    margin:0 0 16px !important;
    color:rgba(17,17,17,.58) !important;
}

.bkps-project-large-card p:nth-of-type(2){
    min-height:44px !important;
}

.bkps-large-card-actions{
    display:flex !important;
    gap:10px !important;
    margin-top:auto !important;
}

.bkps-large-card-actions button{
    font-size:14px !important;
    line-height:1 !important;
    padding:11px 14px !important;
    border-radius:14px !important;
    min-width:74px !important;
    background:#eaf2ff !important;
    color:#4394f7 !important;
    box-shadow:none !important;
}

.bkps-large-card-actions button:first-child{
    background:#f0ebe2 !important;
    color:#111 !important;
}

/* Stop giant dashboard type leaking into project cards */
.bkps-single-view .bkps-project-large-card h2,
.bkps-single-view .bkps-project-large-card p,
.bkps-single-view .bkps-project-large-card button{
    transform:none !important;
}

/* Light mode card contrast */
.bkps-project-large-card{
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 14px 34px rgba(42,34,24,.065) !important;
}

/* Mobile */
@media(max-width:760px){
    .bkps-view-head h1{
        font-size:46px !important;
    }

    .bkps-projects-grid-large{
        grid-template-columns:1fr !important;
    }

    .bkps-capture-input{
        grid-template-columns:1fr !important;
    }

    .bkps-capture-input button{
        width:100% !important;
    }

    .bkps-task-row{
        grid-template-columns:34px minmax(0,1fr) !important;
    }

    .bkps-task-row > button:last-child{
        grid-column:2 !important;
        justify-self:start !important;
    }
}


/* ===== v0.3.4 behaviour fixes: collapse sidebar and Brain Parking ===== */

.bkps-sidebar-collapsed .bkps-app {
    grid-template-columns: 86px 1fr !important;
}

.bkps-sidebar-collapsed .bkps-studio-sidebar {
    padding: 18px 12px !important;
}

.bkps-sidebar-collapsed .bkps-brand-row {
    justify-content: center !important;
}

.bkps-sidebar-collapsed .bkps-brand-row div,
.bkps-sidebar-collapsed .bkps-brand-copy,
.bkps-sidebar-collapsed .bkps-lock-label,
.bkps-sidebar-collapsed .bkps-lock-sub,
.bkps-sidebar-collapsed .bkps-theme-row,
.bkps-sidebar-collapsed .bkps-nav button {
    display: none !important;
}

.bkps-sidebar-collapsed .bkps-brand-row img {
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
}

.bkps-sidebar-collapsed .bkps-sidebar-buttons {
    flex-direction: column !important;
    align-items: center !important;
}

.bkps-sidebar-collapsed .bkps-mini {
    width: 52px !important;
    height: 52px !important;
    border-radius: 18px !important;
}

.bkps-sidebar-collapsed .bkps-big-lock {
    width: 58px !important;
    height: 58px !important;
}

.bkps-sidebar-collapsed .bkps-big-lock svg {
    width: 48px !important;
    height: 48px !important;
}

.bkps-brain-grid {
    display: grid;
    grid-template-columns: minmax(280px, 420px) 1fr;
    gap: 18px;
    align-items: start;
}

.bkps-brain-capture,
.bkps-brain-list {
    background: rgba(255,253,248,.92);
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 14px 34px rgba(42,34,24,.055);
}

.bkps-brain-capture textarea {
    width: 100%;
    min-height: 170px;
    border: 0;
    border-radius: 18px;
    background: #f6f2ea;
    padding: 16px;
    font: inherit;
    resize: vertical;
    outline: none;
}

.bkps-brain-capture button {
    width: 100%;
    margin-top: 12px;
    border: 0;
    border-radius: 18px;
    padding: 14px 18px;
    background: var(--bkps-gradient);
    color: #fff;
    font-weight: 900;
}

.bkps-brain-list {
    display: grid;
    gap: 10px;
}

.bkps-brain-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: #fff;
    border-radius: 18px;
    padding: 14px 16px;
    box-shadow: 0 8px 20px rgba(42,34,24,.04);
}

.bkps-brain-item span {
    line-height: 1.35;
}

.bkps-brain-item button {
    border: 0;
    background: transparent;
    color: #c94b55;
    font-size: 22px;
    font-weight: 900;
}

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


/* ===== v0.3.5 stability reset ===== */

.bkps-root,
.bkps-root * {
    box-sizing: border-box !important;
}

.bkps-root button,
.bkps-root input,
.bkps-root textarea {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", sans-serif !important;
}

/* Isolated Quick Capture component */
.bkps-root .bkps-new-task-bar {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) 96px !important;
    gap: 14px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
}

.bkps-root .bkps-new-task-input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    border: 0 !important;
    outline: none !important;
    border-radius: 24px !important;
    background: #fff !important;
    color: #111 !important;
    font-size: 22px !important;
    font-weight: 850 !important;
    letter-spacing: -.035em !important;
    box-shadow: none !important;
    appearance: none !important;
}

.bkps-root .bkps-new-task-input::placeholder {
    color: rgba(17,17,17,.36) !important;
}

.bkps-root .bkps-new-task-add {
    display: grid !important;
    place-items: center !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: var(--bkps-accent) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--bkps-accent) 22%, transparent) !important;
}

/* Round priority markers */
.bkps-root .bkps-priority-dots {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 16px !important;
}

.bkps-root .bkps-priority-dots button {
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    flex: 0 0 18px !important;
    box-shadow: none !important;
}

/* Task rows */
.bkps-root .bkps-task-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 16px !important;
    align-items: center !important;
    padding: 14px 0 !important;
    position: relative !important;
}

.bkps-root .bkps-task-check {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    border: 1px solid #d8cfbf !important;
    background: #f0ebe2 !important;
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.bkps-root .bkps-task-check.done {
    background: var(--bkps-accent) !important;
    border-color: var(--bkps-accent) !important;
}

.bkps-root .bkps-task-check.done:after {
    content: "✓";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
}

.bkps-root .bkps-task-copy {
    min-width: 0 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.bkps-root .bkps-task-copy strong {
    display: block !important;
    margin: 0 0 3px !important;
    color: #111 !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -.025em !important;
}

.bkps-root .bkps-task-copy small {
    display: block !important;
    color: rgba(17,17,17,.55) !important;
    line-height: 1.2 !important;
    font-size: 12px !important;
}

.bkps-root .bkps-mission-button {
    grid-column: 3 !important;
    grid-row: 1 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--bkps-accent) !important;
    color: #fff !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--bkps-accent) 16%, transparent) !important;
}

/* Collapsed sidebar usable icons */
.bkps-root.bkps-sidebar-collapsed .bkps-app {
    grid-template-columns: 86px 1fr !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-studio-sidebar {
    padding: 18px 12px !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-brand-row {
    justify-content: center !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-brand-row div,
.bkps-root.bkps-sidebar-collapsed .bkps-brand-copy,
.bkps-root.bkps-sidebar-collapsed .bkps-lock-label,
.bkps-root.bkps-sidebar-collapsed .bkps-lock-sub,
.bkps-root.bkps-sidebar-collapsed .bkps-theme-row {
    display: none !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-brand-row img {
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-sidebar-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-mini {
    width: 52px !important;
    height: 52px !important;
    border-radius: 18px !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-lock-zone {
    margin: 18px 0 !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-big-lock {
    width: 58px !important;
    height: 58px !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-big-lock svg {
    width: 48px !important;
    height: 48px !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-nav {
    display: grid !important;
    gap: 10px !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-nav button {
    width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 18px !important;
    font-size: 0 !important;
    text-align: center !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-nav button span {
    display: none !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-nav button:before {
    font-size: 21px !important;
    line-height: 1 !important;
    color: inherit !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-nav button[data-view="home"]:before { content: "⌂"; }
.bkps-root.bkps-sidebar-collapsed .bkps-nav button[data-view="projects"]:before { content: "▦"; }
.bkps-root.bkps-sidebar-collapsed .bkps-nav button[data-view="tasks"]:before { content: "✓"; }
.bkps-root.bkps-sidebar-collapsed .bkps-nav button[data-view="brain"]:before { content: "✦"; }
.bkps-root.bkps-sidebar-collapsed .bkps-nav button[data-view="review"]:before { content: "↻"; }

/* Projects page hard reset */
.bkps-root .bkps-single-view {
    background: rgba(255,253,248,.90) !important;
    border-radius: 28px !important;
    padding: 34px 38px !important;
    box-shadow: 0 18px 48px rgba(42,34,24,.07) !important;
}

.bkps-root .bkps-view-head h1 {
    font-size: clamp(46px, 5vw, 72px) !important;
    line-height: .92 !important;
    margin: 0 !important;
    letter-spacing: -.055em !important;
    color: #151b3d !important;
}

.bkps-root .bkps-projects-grid-large {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

.bkps-root .bkps-project-large-card {
    background: rgba(255,255,255,.94) !important;
    border-left: 6px solid var(--project-colour) !important;
    border-radius: 24px !important;
    min-height: 220px !important;
    padding: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 34px rgba(42,34,24,.065) !important;
}

.bkps-root .bkps-project-large-card h2 {
    font-size: 26px !important;
    line-height: 1.05 !important;
    margin: 0 0 8px !important;
    color: #151b3d !important;
    letter-spacing: -.045em !important;
}

.bkps-root .bkps-project-large-card p {
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: rgba(17,17,17,.58) !important;
    margin: 0 0 16px !important;
}

/* Dark theme */
.bkps-root.bkps-dark .bkps-app {
    background:
        radial-gradient(circle at 18% 0%, rgba(168,201,95,.10), transparent 34%),
        linear-gradient(180deg,#111510,#070807) !important;
    color: #f6f3ec !important;
}

.bkps-root.bkps-dark .bkps-studio-main,
.bkps-root.bkps-dark .bkps-single-view,
.bkps-root.bkps-dark .bkps-thought-card,
.bkps-root.bkps-dark .bkps-top-pill,
.bkps-root.bkps-dark .bkps-project-panel,
.bkps-root.bkps-dark .bkps-mission-panel,
.bkps-root.bkps-dark .bkps-progress-panel,
.bkps-root.bkps-dark .bkps-next-box,
.bkps-root.bkps-dark .bkps-capture,
.bkps-root.bkps-dark .bkps-energy {
    background: rgba(21,24,20,.92) !important;
    color: #f6f3ec !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.28) !important;
}

.bkps-root.bkps-dark .bkps-mission-box,
.bkps-root.bkps-dark .bkps-summary {
    background: #1d201b !important;
}

.bkps-root.bkps-dark .bkps-new-task-input,
.bkps-root.bkps-dark .bkps-empty,
.bkps-root.bkps-dark .bkps-overall,
.bkps-root.bkps-dark .bkps-project-item,
.bkps-root.bkps-dark .bkps-project-large-card,
.bkps-root.bkps-dark .bkps-brain-capture,
.bkps-root.bkps-dark .bkps-brain-list,
.bkps-root.bkps-dark .bkps-brain-item {
    background: #151814 !important;
    color: #f6f3ec !important;
}

.bkps-root.bkps-dark .bkps-new-task-input {
    color: #f6f3ec !important;
}

.bkps-root.bkps-dark .bkps-new-task-input::placeholder,
.bkps-root.bkps-dark .bkps-project-description,
.bkps-root.bkps-dark .bkps-project-panel p,
.bkps-root.bkps-dark .bkps-progress-panel p,
.bkps-root.bkps-dark .bkps-task-copy small,
.bkps-root.bkps-dark .bkps-project-item small,
.bkps-root.bkps-dark .bkps-project-large-card p {
    color: rgba(246,243,236,.58) !important;
}

.bkps-root.bkps-dark .bkps-task-copy strong,
.bkps-root.bkps-dark .bkps-view-head h1,
.bkps-root.bkps-dark .bkps-project-large-card h2,
.bkps-root.bkps-dark .bkps-mission-text:not(.is-empty) {
    color: #f6f3ec !important;
}

.bkps-root.bkps-dark .bkps-big-ring:after,
.bkps-root.bkps-dark .bkps-small-ring:after {
    background: #151814 !important;
}

@media(max-width: 760px) {
    .bkps-root .bkps-new-task-bar {
        grid-template-columns: 1fr !important;
    }

    .bkps-root .bkps-new-task-add {
        width: 100% !important;
        max-width: none !important;
    }

    .bkps-root .bkps-task-row {
        grid-template-columns: 34px minmax(0, 1fr) !important;
    }

    .bkps-root .bkps-mission-button {
        grid-column: 2 !important;
        grid-row: 2 !important;
        justify-self: start !important;
    }
}


/* ===== v0.3.6 Projects page matched back to HTML design ===== */

.bkps-root .bkps-projects-page{
    display:grid !important;
    grid-template-columns:minmax(320px,420px) minmax(0,1fr) !important;
    gap:22px !important;
    align-items:start !important;
}

.bkps-root .bkps-project-edit-column{
    display:grid !important;
    gap:18px !important;
}

.bkps-root .bkps-project-edit-card,
.bkps-root .bkps-project-add-card,
.bkps-root .bkps-portfolio-panel{
    background:rgba(255,253,248,.90) !important;
    border-radius:28px !important;
    box-shadow:0 18px 48px rgba(42,34,24,.07) !important;
    padding:26px !important;
}

.bkps-root .bkps-project-edit-card h2,
.bkps-root .bkps-project-add-card h2,
.bkps-root .bkps-portfolio-panel h2{
    margin:0 0 18px !important;
    font-size:28px !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
    color:#111 !important;
}

.bkps-root .bkps-project-add-card small{
    display:block !important;
    margin:0 0 10px !important;
    font-size:11px !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
    color:rgba(17,17,17,.42) !important;
    font-weight:900 !important;
}

.bkps-root .bkps-project-field,
.bkps-root .bkps-project-textarea,
.bkps-root .bkps-project-select{
    width:100% !important;
    border:0 !important;
    border-radius:18px !important;
    background:#f4f0e8 !important;
    color:#111 !important;
    font-size:18px !important;
    padding:16px 18px !important;
    margin:0 0 12px !important;
    box-shadow:none !important;
}

.bkps-root .bkps-project-select{
    min-height:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border:1px solid rgba(44,36,24,.08) !important;
    background:linear-gradient(180deg,#fbfaf6,#f1ece4) !important;
    font-weight:800 !important;
}

.bkps-root .bkps-project-select span{
    opacity:.6 !important;
}

.bkps-root .bkps-project-textarea{
    min-height:118px !important;
    resize:none !important;
    font-family:inherit !important;
}

.bkps-root .bkps-project-edit-card label,
.bkps-root .bkps-project-add-card label{
    display:block !important;
    margin:12px 0 8px !important;
    color:rgba(17,17,17,.48) !important;
    font-size:11px !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
    font-weight:900 !important;
}

.bkps-root .bkps-colour-preview{
    height:58px !important;
    width:100% !important;
    border-radius:20px !important;
    background:var(--project-colour) !important;
    margin:0 0 16px !important;
    box-shadow:0 12px 28px rgba(20,16,10,.08) !important;
}

.bkps-root .bkps-colour-preview.neutral{
    background:linear-gradient(180deg,#171717,#050505) !important;
    filter:none !important;
}

.bkps-root .bkps-save-project,
.bkps-root .bkps-add-project-static{
    width:100% !important;
    min-height:56px !important;
    border:0 !important;
    border-radius:18px !important;
    color:#fff !important;
    font-weight:900 !important;
    background:var(--project-colour) !important;
    box-shadow:0 14px 30px rgba(0,0,0,.10) !important;
}

.bkps-root .bkps-add-project-static{
    background:linear-gradient(180deg,#171717,#050505) !important;
}

.bkps-root .bkps-portfolio-panel{
    min-height:680px !important;
}

.bkps-root .bkps-portfolio-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(280px,1fr)) !important;
    gap:18px !important;
}

.bkps-root .bkps-portfolio-card{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 104px !important;
    gap:18px !important;
    align-items:center !important;
    min-height:210px !important;
    padding:22px !important;
    border-left:6px solid var(--project-colour) !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 14px 34px rgba(42,34,24,.065) !important;
    overflow:hidden !important;
}

.bkps-root .bkps-portfolio-card h3{
    margin:0 0 6px !important;
    font-size:24px !important;
    line-height:1.05 !important;
    letter-spacing:-.045em !important;
    color:#111 !important;
}

.bkps-root .bkps-portfolio-card p{
    margin:0 0 12px !important;
    color:rgba(17,17,17,.60) !important;
    font-size:15px !important;
    line-height:1.35 !important;
}

.bkps-root .bkps-portfolio-progress{
    height:4px !important;
    width:100% !important;
    margin:12px 0 14px !important;
    border-radius:999px !important;
    background:#eee8de !important;
    overflow:hidden !important;
}

.bkps-root .bkps-portfolio-progress span{
    display:block !important;
    height:100% !important;
    border-radius:999px !important;
    background:var(--project-colour) !important;
}

.bkps-root .bkps-portfolio-actions{
    display:flex !important;
    gap:10px !important;
    margin-top:14px !important;
}

.bkps-root .bkps-portfolio-actions button{
    min-width:74px !important;
    border:0 !important;
    border-radius:14px !important;
    padding:10px 14px !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:900 !important;
    box-shadow:none !important;
}

.bkps-root .bkps-portfolio-actions .select{
    background:#f0ebe2 !important;
    color:#111 !important;
}

.bkps-root .bkps-portfolio-actions .open{
    background:color-mix(in srgb,var(--project-colour) 14%,#fff) !important;
    color:var(--project-colour) !important;
}

.bkps-root .bkps-portfolio-ring{
    width:92px !important;
    height:92px !important;
    border-radius:50% !important;
    background:conic-gradient(from -90deg,var(--project-colour) var(--pct),#efe8dd 0) !important;
    position:relative !important;
    display:grid !important;
    place-items:center !important;
    box-shadow:0 14px 30px rgba(20,16,10,.08) !important;
}

.bkps-root .bkps-portfolio-ring:after{
    content:"" !important;
    position:absolute !important;
    inset:15px !important;
    background:#fff !important;
    border-radius:50% !important;
}

.bkps-root .bkps-portfolio-ring span{
    position:relative !important;
    z-index:2 !important;
    color:#111 !important;
    font-weight:900 !important;
    font-size:18px !important;
}

/* Make old large project card styles harmless on this page */
.bkps-root .bkps-projects-page .bkps-project-large-card{
    all:unset !important;
}

/* Dark version */
.bkps-root.bkps-dark .bkps-project-edit-card,
.bkps-root.bkps-dark .bkps-project-add-card,
.bkps-root.bkps-dark .bkps-portfolio-panel,
.bkps-root.bkps-dark .bkps-portfolio-card{
    background:rgba(21,24,20,.92) !important;
    color:#f6f3ec !important;
}

.bkps-root.bkps-dark .bkps-project-edit-card h2,
.bkps-root.bkps-dark .bkps-project-add-card h2,
.bkps-root.bkps-dark .bkps-portfolio-panel h2,
.bkps-root.bkps-dark .bkps-portfolio-card h3{
    color:#f6f3ec !important;
}

.bkps-root.bkps-dark .bkps-project-field,
.bkps-root.bkps-dark .bkps-project-textarea,
.bkps-root.bkps-dark .bkps-project-select{
    background:#1d201b !important;
    color:#f6f3ec !important;
}

.bkps-root.bkps-dark .bkps-portfolio-card p{
    color:rgba(246,243,236,.58) !important;
}

.bkps-root.bkps-dark .bkps-portfolio-ring:after{
    background:#151814 !important;
}

.bkps-root.bkps-dark .bkps-portfolio-ring span{
    color:#f6f3ec !important;
}

@media(max-width:1150px){
    .bkps-root .bkps-projects-page{
        grid-template-columns:1fr !important;
    }

    .bkps-root .bkps-portfolio-grid{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:700px){
    .bkps-root .bkps-portfolio-card{
        grid-template-columns:1fr !important;
    }

    .bkps-root .bkps-portfolio-ring{
        justify-self:start !important;
    }
}


/* v0.3.7 Delete project button */
.bkps-root .bkps-portfolio-actions .delete{
    background:#fff6f6 !important;
    color:#d84b57 !important;
    border:1px solid rgba(216,75,87,.22) !important;
}

.bkps-root.bkps-dark .bkps-portfolio-actions .delete{
    background:rgba(216,75,87,.10) !important;
    color:#ff8d98 !important;
    border-color:rgba(216,75,87,.22) !important;
}


/* ===== v0.3.8 Quick Capture full width and compact mood strip ===== */

/* Quick capture and energy now stack vertically */
.bkps-root .bkps-capture-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    align-items:stretch !important;
}

/* Quick capture should take all available width */
.bkps-root .bkps-capture{
    width:100% !important;
    min-width:0 !important;
}

.bkps-root .bkps-new-task-bar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 112px !important;
    gap:14px !important;
    width:100% !important;
    align-items:center !important;
}

.bkps-root .bkps-new-task-input{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:68px !important;
    border-radius:22px !important;
    overflow:visible !important;
}

.bkps-root .bkps-new-task-add{
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;
    height:68px !important;
    border-radius:22px !important;
}

/* Mood becomes a compact horizontal strip underneath */
.bkps-root .bkps-energy{
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    gap:16px !important;
    align-items:center !important;
    width:100% !important;
    padding:14px 16px !important;
}

.bkps-root .bkps-energy h3{
    margin:0 !important;
    font-size:16px !important;
    white-space:nowrap !important;
}

.bkps-root .bkps-energy-options{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    width:auto !important;
}

.bkps-root .bkps-energy-options button{
    width:auto !important;
    min-width:58px !important;
    padding:0 !important;
    font-size:11px !important;
}

.bkps-root .bkps-energy-options span{
    width:34px !important;
    height:34px !important;
    margin:0 auto 4px !important;
    font-size:18px !important;
}

.bkps-root .bkps-energy p{
    margin:0 !important;
    max-width:260px !important;
    font-size:11.5px !important;
    line-height:1.3 !important;
    color:rgba(17,17,17,.55) !important;
}

/* Keep action buttons aligned neatly after the wider capture block */
.bkps-root .bkps-action-row{
    margin-top:14px !important;
}

/* Dark mode mood helper */
.bkps-root.bkps-dark .bkps-energy p{
    color:rgba(246,243,236,.58) !important;
}

/* Mobile */
@media(max-width:900px){
    .bkps-root .bkps-energy{
        grid-template-columns:1fr !important;
        text-align:left !important;
    }

    .bkps-root .bkps-energy-options{
        justify-content:flex-start !important;
    }

    .bkps-root .bkps-energy p{
        max-width:none !important;
    }
}

@media(max-width:640px){
    .bkps-root .bkps-new-task-bar{
        grid-template-columns:1fr !important;
    }

    .bkps-root .bkps-new-task-add{
        width:100% !important;
        max-width:none !important;
    }
}


/* ===== v0.3.9 polish fixes from review ===== */

/* Brand area */
.bkps-root .bkps-brand-row img{
    width:48px !important;
    height:48px !important;
    border-radius:14px !important;
    object-fit:cover !important;
    display:block !important;
    box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
}

.bkps-root .bkps-brand-row h1{
    color:#fff !important;
    opacity:1 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.18) !important;
}

.bkps-root .bkps-brand-row small{
    color:rgba(255,255,255,.66) !important;
}

/* Sidebar control buttons centred */
.bkps-root .bkps-mini{
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    line-height:1 !important;
    padding:0 !important;
    font-size:18px !important;
}

.bkps-root .bkps-mini *{
    margin:0 !important;
}

/* Top thought bar glass effect, especially dark mode */
.bkps-root .bkps-thought-card{
    border:1px solid rgba(255,255,255,.50) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(168,201,95,.08), transparent 34%),
        linear-gradient(180deg,rgba(255,253,248,.78),rgba(255,253,248,.60)) !important;
    backdrop-filter:blur(22px) saturate(1.12) !important;
    -webkit-backdrop-filter:blur(22px) saturate(1.12) !important;
}

.bkps-root.bkps-dark .bkps-thought-card{
    border:1px solid rgba(255,255,255,.08) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(168,201,95,.11), transparent 36%),
        linear-gradient(180deg,rgba(18,24,17,.72),rgba(8,11,8,.66)) !important;
    backdrop-filter:blur(24px) saturate(1.15) !important;
    -webkit-backdrop-filter:blur(24px) saturate(1.15) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.28) !important;
}

.bkps-root.bkps-dark .bkps-thought-card small{
    color:#cbea74 !important;
}

.bkps-root.bkps-dark .bkps-thought-card div{
    color:#f6f3ec !important;
}

/* Dark mode headings and main text */
.bkps-root.bkps-dark h1,
.bkps-root.bkps-dark h2,
.bkps-root.bkps-dark h3,
.bkps-root.bkps-dark .bkps-mission-inner h1,
.bkps-root.bkps-dark .bkps-project-panel h2,
.bkps-root.bkps-dark .bkps-progress-panel h2,
.bkps-root.bkps-dark .bkps-next-head h2,
.bkps-root.bkps-dark .bkps-energy h3,
.bkps-root.bkps-dark .bkps-view-head h1,
.bkps-root.bkps-dark .bkps-portfolio-panel h2,
.bkps-root.bkps-dark .bkps-project-edit-card h2,
.bkps-root.bkps-dark .bkps-project-add-card h2,
.bkps-root.bkps-dark .bkps-portfolio-card h3{
    color:#f6f3ec !important;
}

.bkps-root.bkps-dark .bkps-project-description,
.bkps-root.bkps-dark .bkps-project-panel p,
.bkps-root.bkps-dark .bkps-progress-panel p,
.bkps-root.bkps-dark .bkps-portfolio-card p,
.bkps-root.bkps-dark .bkps-view-head p{
    color:rgba(246,243,236,.62) !important;
}

/* Portfolio actions fit smaller laptop widths */
.bkps-root .bkps-portfolio-card{
    grid-template-columns:minmax(0,1fr) 88px !important;
    gap:14px !important;
}

.bkps-root .bkps-portfolio-ring{
    width:82px !important;
    height:82px !important;
}

.bkps-root .bkps-portfolio-ring:after{
    inset:13px !important;
}

.bkps-root .bkps-portfolio-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
}

.bkps-root .bkps-portfolio-actions button{
    min-width:auto !important;
    width:auto !important;
    padding:9px 12px !important;
    font-size:13px !important;
    border-radius:13px !important;
    white-space:nowrap !important;
}

.bkps-root .bkps-portfolio-actions .delete{
    max-width:78px !important;
}

/* If card is too narrow, stack ring below instead of crushing buttons */
@media(max-width:1350px){
    .bkps-root .bkps-portfolio-card{
        grid-template-columns:1fr !important;
    }

    .bkps-root .bkps-portfolio-ring{
        justify-self:start !important;
        margin-top:6px !important;
    }
}

@media(max-width:1150px){
    .bkps-root .bkps-portfolio-actions button{
        padding:8px 10px !important;
        font-size:12px !important;
    }
}

/* Collapsed sidebar keeps icon visible and controls aligned */
.bkps-root.bkps-sidebar-collapsed .bkps-brand-row img{
    width:52px !important;
    height:52px !important;
    border-radius:17px !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-mini{
    display:grid !important;
    place-items:center !important;
}

/* Dark mode top row glass */
.bkps-root.bkps-dark .bkps-top-pill{
    border:1px solid rgba(255,255,255,.06) !important;
    background:
        linear-gradient(180deg,rgba(21,27,20,.82),rgba(13,17,13,.72)) !important;
    backdrop-filter:blur(18px) saturate(1.1) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.1) !important;
}

.bkps-root.bkps-dark .bkps-top-pill strong{
    color:#f6f3ec !important;
}

.bkps-root.bkps-dark .bkps-top-pill small{
    color:rgba(246,243,236,.58) !important;
}


/* ===== v0.4.0 mood strip refinement ===== */

.bkps-root .bkps-energy{
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    grid-template-areas:
        "title icons"
        "desc desc" !important;
    gap:8px 18px !important;
    align-items:center !important;
    padding:14px 18px !important;
    min-height:auto !important;
}

.bkps-root .bkps-energy h3{
    grid-area:title !important;
    margin:0 !important;
    font-size:20px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
}

.bkps-root .bkps-energy-options{
    grid-area:icons !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:28px !important;
    width:auto !important;
}

.bkps-root .bkps-energy-options button{
    width:auto !important;
    min-width:54px !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:1.1 !important;
    text-align:center !important;
}

.bkps-root .bkps-energy-options span{
    width:36px !important;
    height:36px !important;
    margin:0 auto 5px !important;
    font-size:19px !important;
}

.bkps-root .bkps-energy p{
    grid-area:desc !important;
    margin:0 !important;
    max-width:none !important;
    font-size:12px !important;
    line-height:1.25 !important;
    color:rgba(17,17,17,.55) !important;
}

.bkps-root.bkps-dark .bkps-energy p{
    color:rgba(246,243,236,.58) !important;
}

@media(max-width:900px){
    .bkps-root .bkps-energy{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "title"
            "icons"
            "desc" !important;
    }

    .bkps-root .bkps-energy-options{
        justify-content:flex-start !important;
        gap:18px !important;
    }
}


/* ===== v0.4.1 task delete and brand logo restore ===== */

.bkps-root .bkps-brand-row img{
    display:block !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:14px !important;
    object-fit:cover !important;
    background:#111711 !important;
    box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
}

.bkps-root .bkps-brand-row small{
    color:rgba(255,255,255,.66) !important;
    opacity:1 !important;
    letter-spacing:.18em !important;
    font-weight:900 !important;
}

.bkps-root .bkps-brand-row h1{
    color:#fff !important;
    opacity:1 !important;
}

.bkps-root .bkps-task-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
}

.bkps-root .bkps-delete-task{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    padding:0 !important;
    border-radius:999px !important;
    border:1px solid rgba(216,75,87,.22) !important;
    background:#fff6f6 !important;
    color:#d84b57 !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:900 !important;
    display:grid !important;
    place-items:center !important;
    box-shadow:none !important;
}

.bkps-root .bkps-delete-task:hover{
    background:#d84b57 !important;
    color:#fff !important;
}

.bkps-root.bkps-dark .bkps-delete-task{
    background:rgba(216,75,87,.10) !important;
    color:#ff8d98 !important;
    border-color:rgba(216,75,87,.24) !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-brand-row img{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    border-radius:17px !important;
}

@media(max-width:760px){
    .bkps-root .bkps-task-actions{
        grid-column:2 !important;
        grid-row:2 !important;
        justify-self:start !important;
    }
}


/* ===== v0.4.3 safe onboarding ===== */

.bkps-root .bkps-welcome-overlay{
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:24px !important;
    background:
        radial-gradient(circle at 50% 22%, rgba(168,201,95,.18), transparent 32%),
        radial-gradient(circle at 10% 80%, rgba(168,201,95,.08), transparent 28%),
        rgba(3,7,4,.78) !important;
    backdrop-filter:blur(28px) saturate(1.15) !important;
    -webkit-backdrop-filter:blur(28px) saturate(1.15) !important;
}

.bkps-root .bkps-welcome-card{
    width:min(620px,100%) !important;
    border-radius:34px !important;
    padding:46px !important;
    text-align:center !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(168,201,95,.10), transparent 36%),
        linear-gradient(180deg,rgba(18,24,17,.88),rgba(8,11,8,.88)) !important;
    border:1px solid rgba(203,234,116,.16) !important;
    box-shadow:0 38px 120px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.bkps-root .bkps-welcome-card img{
    width:86px !important;
    height:86px !important;
    border-radius:24px !important;
    display:block !important;
    margin:0 auto 28px !important;
}

.bkps-root .bkps-welcome-card small{
    display:block !important;
    margin-bottom:10px !important;
    color:#cbea74 !important;
    letter-spacing:.20em !important;
    font-size:13px !important;
    font-weight:900 !important;
}

.bkps-root .bkps-welcome-card h2{
    margin:0 0 12px !important;
    color:#fff !important;
    font-size:clamp(34px,5vw,52px) !important;
    line-height:.94 !important;
    letter-spacing:-.06em !important;
    font-weight:950 !important;
}

.bkps-root .bkps-welcome-card p{
    margin:0 0 28px !important;
    color:rgba(246,243,236,.66) !important;
    font-size:20px !important;
}

.bkps-root .bkps-welcome-card input{
    display:block !important;
    width:100% !important;
    height:64px !important;
    border:0 !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    text-align:center !important;
    font-size:22px !important;
    font-weight:800 !important;
    outline:none !important;
    margin-bottom:16px !important;
}

.bkps-root .bkps-welcome-card input::placeholder{
    color:rgba(255,255,255,.45) !important;
}

.bkps-root .bkps-welcome-card button{
    width:100% !important;
    height:64px !important;
    border:0 !important;
    border-radius:22px !important;
    background:var(--bkps-gradient) !important;
    color:#fff !important;
    font-size:20px !important;
    font-weight:950 !important;
}

.bkps-root .bkps-profile-card{
    margin-top:20px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    color:#fff !important;
}

.bkps-root .bkps-profile-avatar{
    width:52px !important;
    height:52px !important;
    border-radius:18px !important;
    display:grid !important;
    place-items:center !important;
    color:#cbea74 !important;
    font-size:26px !important;
    font-weight:950 !important;
    background:
        radial-gradient(circle at 50% 28%, rgba(203,234,116,.22), transparent 44%),
        linear-gradient(180deg,#151915,#080b08) !important;
}

.bkps-root .bkps-profile-card small{
    display:block !important;
    color:rgba(255,255,255,.50) !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.bkps-root .bkps-profile-card strong{
    display:block !important;
    color:#fff !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:950 !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-profile-card div:not(.bkps-profile-avatar){
    display:none !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-profile-card{
    justify-content:center !important;
}


/* ===== v0.4.5 onboarding repair ===== */

.bkps-root .bkps-welcome-card{
    width:min(860px,calc(100vw - 48px)) !important;
    padding:44px 52px !important;
}

.bkps-root .bkps-welcome-card img{
    display:block !important;
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    border-radius:24px !important;
    object-fit:cover !important;
    margin:0 auto 26px !important;
    background:#111711 !important;
    box-shadow:0 20px 50px rgba(0,0,0,.32) !important;
}

.bkps-root .bkps-welcome-card h2{
    white-space:nowrap !important;
    font-size:clamp(42px,4.6vw,68px) !important;
    line-height:.94 !important;
    letter-spacing:-.065em !important;
}

@media(max-width:760px){
    .bkps-root .bkps-welcome-card{
        padding:34px 22px !important;
        width:min(620px,calc(100vw - 28px)) !important;
    }

    .bkps-root .bkps-welcome-card h2{
        white-space:normal !important;
        font-size:clamp(34px,10vw,48px) !important;
    }
}


/* ===== v0.4.6 embedded Barekit logo repair ===== */

.bkps-root .bkps-brand-row img,
.bkps-root .bkps-welcome-card img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    object-fit:cover !important;
    background:#101711 !important;
}

.bkps-root .bkps-brand-row img{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:14px !important;
    margin:0 !important;
    box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
}

.bkps-root .bkps-welcome-card img{
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    border-radius:24px !important;
    margin:0 auto 26px !important;
    box-shadow:0 20px 50px rgba(0,0,0,.32) !important;
}

.bkps-root .bkps-brand-row small{
    color:rgba(255,255,255,.66) !important;
}

.bkps-root .bkps-brand-row h1{
    color:#fff !important;
}


/* ===== v0.4.7 branded login and create account screen ===== */

.bkps-auth-page{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:28px;
    background:
        radial-gradient(circle at 50% 12%, rgba(168,201,95,.16), transparent 30%),
        radial-gradient(circle at 12% 82%, rgba(168,201,95,.08), transparent 28%),
        linear-gradient(180deg,#111510,#070807);
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",sans-serif;
}

.bkps-auth-card{
    width:min(1080px,100%);
    border-radius:38px;
    padding:42px;
    background:
        radial-gradient(circle at 50% 0%, rgba(168,201,95,.10), transparent 36%),
        linear-gradient(180deg,rgba(18,24,17,.90),rgba(8,11,8,.92));
    border:1px solid rgba(203,234,116,.16);
    box-shadow:0 38px 120px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04);
    color:#fff;
}

.bkps-auth-brand{
    text-align:center;
    max-width:760px;
    margin:0 auto 34px;
}

.bkps-auth-brand img{
    width:86px;
    height:86px;
    border-radius:24px;
    display:block;
    margin:0 auto 24px;
    box-shadow:0 20px 50px rgba(0,0,0,.32);
}

.bkps-auth-brand small{
    display:block;
    color:#cbea74;
    letter-spacing:.20em;
    font-size:13px;
    font-weight:900;
    margin-bottom:10px;
}

.bkps-auth-brand h1{
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(42px,5vw,68px);
    line-height:.94;
    letter-spacing:-.065em;
    font-weight:950;
}

.bkps-auth-brand p{
    margin:0;
    color:rgba(246,243,236,.66);
    font-size:20px;
}

.bkps-auth-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.bkps-auth-form{
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.075);
    border-radius:28px;
    padding:26px;
}

.bkps-auth-form h2{
    margin:0 0 20px;
    color:#fff;
    font-size:32px;
    letter-spacing:-.045em;
}

.bkps-auth-form label{
    display:block;
    color:rgba(246,243,236,.58);
    font-size:13px;
    font-weight:850;
    margin:0 0 7px;
}

.bkps-auth-form input{
    width:100%;
    height:58px;
    border:0;
    border-radius:18px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:18px;
    font-weight:750;
    padding:0 18px;
    outline:none;
    margin-bottom:14px;
}

.bkps-auth-form input:focus{
    box-shadow:0 0 0 3px rgba(203,234,116,.16);
}

.bkps-auth-form button{
    width:100%;
    height:60px;
    border:0;
    border-radius:20px;
    background:linear-gradient(135deg,#cbea74 0%,#a8c95f 48%,#2f7d46 100%);
    color:#fff;
    font-size:18px;
    font-weight:950;
    margin-top:6px;
    cursor:pointer;
}

.bkps-auth-form-create button{
    background:linear-gradient(135deg,#f6a5bd 0%,#e76491 55%,#b83d63 100%);
}

.bkps-auth-error,
.bkps-auth-message{
    max-width:760px;
    margin:0 auto 18px;
    border-radius:18px;
    padding:14px 18px;
    font-weight:850;
    text-align:center;
}

.bkps-auth-error{
    background:rgba(216,75,87,.14);
    color:#ffb5be;
    border:1px solid rgba(216,75,87,.22);
}

.bkps-auth-message{
    background:rgba(168,201,95,.14);
    color:#cbea74;
    border:1px solid rgba(168,201,95,.22);
}

@media(max-width:820px){
    .bkps-auth-card{
        padding:28px 20px;
        border-radius:30px;
    }

    .bkps-auth-grid{
        grid-template-columns:1fr;
    }
}


/* ===== v0.4.8 auth polish ===== */

body:has(.bkps-auth-page),
html:has(.bkps-auth-page){
    background:#020503 !important;
}

body:has(.bkps-auth-page) .site,
body:has(.bkps-auth-page) .site-content,
body:has(.bkps-auth-page) .content-area,
body:has(.bkps-auth-page) .site-main,
body:has(.bkps-auth-page) article,
body:has(.bkps-auth-page) .entry-content,
body:has(.bkps-auth-page) .ast-container,
body:has(.bkps-auth-page) .elementor,
body:has(.bkps-auth-page) .elementor-section,
body:has(.bkps-auth-page) .elementor-container,
body:has(.bkps-auth-page) .elementor-widget-container{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    background:#020503 !important;
}

.bkps-auth-page{
    min-height:100vh !important;
    width:100vw !important;
    padding:22px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(168,201,95,.105), transparent 28%),
        radial-gradient(circle at 10% 90%, rgba(168,201,95,.055), transparent 24%),
        linear-gradient(180deg,#050906 0%,#020503 100%) !important;
}

.bkps-auth-card{
    width:min(960px,100%) !important;
    padding:34px !important;
    border-radius:34px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(168,201,95,.085), transparent 34%),
        linear-gradient(180deg,rgba(14,19,14,.94),rgba(5,8,5,.96)) !important;
}

.bkps-auth-brand{
    margin-bottom:26px !important;
}

.bkps-auth-brand img{
    display:block !important;
    width:74px !important;
    height:74px !important;
    min-width:74px !important;
    border-radius:22px !important;
    object-fit:cover !important;
    margin:0 auto 20px !important;
    opacity:1 !important;
    visibility:visible !important;
}

.bkps-auth-brand small{
    font-size:12px !important;
    color:#cbea74 !important;
}

.bkps-auth-brand h1{
    font-size:clamp(40px,4.6vw,58px) !important;
    line-height:.95 !important;
    letter-spacing:-.065em !important;
}

.bkps-auth-brand p{
    font-size:18px !important;
}

.bkps-auth-grid{
    gap:16px !important;
}

.bkps-auth-form{
    padding:24px !important;
    border-radius:26px !important;
}

.bkps-auth-form h2{
    font-size:30px !important;
    margin-bottom:18px !important;
}

.bkps-auth-form input{
    height:54px !important;
    border-radius:17px !important;
    font-size:16px !important;
}

.bkps-auth-form button{
    height:56px !important;
    border-radius:18px !important;
    font-size:17px !important;
}

@media(max-width:820px){
    .bkps-auth-card{
        padding:24px 18px !important;
        border-radius:28px !important;
    }

    .bkps-auth-grid{
        grid-template-columns:1fr !important;
    }
}


/* ===== v0.5.3 stability and UX pass ===== */
.bkps-root .bkps-studio-main,.bkps-root .bkps-single-view,.bkps-root .bkps-projects-page,.bkps-root .bkps-brain-dump-view{padding-left:32px!important;padding-right:32px!important;}
.bkps-root .bkps-brain-list{padding:22px!important;}
.bkps-root .bkps-brain-item{padding:18px 22px!important;border-radius:20px!important;}
.bkps-root .bkps-brain-item span{color:#111!important;font-size:18px!important;}
.bkps-root.bkps-dark .bkps-brain-item span{color:#f6f3ec!important;}
.bkps-root .bkps-project-field,.bkps-root .bkps-project-textarea,.bkps-root .bkps-project-select{pointer-events:auto!important;opacity:1!important;cursor:text!important;}
.bkps-root select.bkps-project-select{appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;background:linear-gradient(45deg,transparent 50%,rgba(17,17,17,.52) 50%) calc(100% - 22px) 50%/8px 8px no-repeat,linear-gradient(135deg,rgba(17,17,17,.52) 50%,transparent 50%) calc(100% - 16px) 50%/8px 8px no-repeat,linear-gradient(180deg,#fbfaf6,#f1ece4)!important;}
.bkps-root .bkps-colour-picker{display:block!important;width:100%!important;height:42px!important;border:0!important;border-radius:16px!important;padding:0!important;margin:0 0 14px!important;background:transparent!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;overflow:hidden!important;box-shadow:0 10px 22px rgba(20,16,10,.06)!important;}
.bkps-root .bkps-colour-picker::-webkit-color-swatch-wrapper{padding:0!important;}.bkps-root .bkps-colour-picker::-webkit-color-swatch{border:0!important;border-radius:16px!important;}.bkps-root .bkps-colour-picker::-moz-color-swatch{border:0!important;border-radius:16px!important;}
.bkps-root .bkps-home-add-project{width:100%!important;border:1px dashed rgba(17,17,17,.16)!important;border-radius:18px!important;background:rgba(255,255,255,.58)!important;color:#111!important;font-weight:900!important;padding:14px!important;margin-top:4px!important;text-align:center!important;}
.bkps-root .bkps-home-add-project:hover{background:var(--bkps-accent-soft)!important;color:var(--bkps-accent)!important;border-color:color-mix(in srgb,var(--bkps-accent) 38%,transparent)!important;}
.bkps-root #bkps-add-project-card{scroll-margin-top:90px!important;}.bkps-root #bkps-add-project-card.bkps-jump-highlight{animation:bkpsAddProjectPulse 1.25s ease both!important;}@keyframes bkpsAddProjectPulse{0%{box-shadow:0 18px 48px rgba(42,34,24,.07),0 0 0 0 rgba(168,201,95,0);}20%{box-shadow:0 18px 48px rgba(42,34,24,.07),0 0 0 6px rgba(168,201,95,.22),0 0 34px rgba(168,201,95,.18);}100%{box-shadow:0 18px 48px rgba(42,34,24,.07),0 0 0 0 rgba(168,201,95,0);}}
.bkps-root .bkps-type-card{background:rgba(255,253,248,.90)!important;border-radius:28px!important;box-shadow:0 18px 48px rgba(42,34,24,.07)!important;padding:26px!important;}.bkps-root .bkps-type-card small{display:block!important;margin:0 0 10px!important;font-size:11px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:rgba(17,17,17,.42)!important;font-weight:900!important;}.bkps-root .bkps-type-card h2{margin:0 0 16px!important;font-size:26px!important;line-height:1!important;letter-spacing:-.045em!important;}.bkps-root .bkps-type-add-row{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;}.bkps-root .bkps-type-add-row button{border:0!important;border-radius:16px!important;padding:0 18px!important;font-weight:900!important;background:linear-gradient(135deg,#cbea74 0%,#a8c95f 48%,#2f7d46 100%)!important;color:#fff!important;}.bkps-root .bkps-type-list{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important;}.bkps-root .bkps-type-item{display:flex!important;align-items:center!important;gap:7px!important;border-radius:999px!important;background:#f0ebe2!important;padding:8px 10px 8px 12px!important;font-weight:850!important;}.bkps-root .bkps-type-item button{width:22px!important;height:22px!important;border:0!important;border-radius:50%!important;background:rgba(216,75,87,.10)!important;color:#d84b57!important;font-weight:900!important;display:grid!important;place-items:center!important;padding:0!important;}.bkps-root .bkps-portfolio-actions .edit{background:#f0ebe2!important;color:#111!important;}
.bkps-root.bkps-dark .bkps-type-card{background:rgba(21,24,20,.92)!important;color:#f6f3ec!important;}.bkps-root.bkps-dark .bkps-type-card h2{color:#f6f3ec!important;}.bkps-root.bkps-dark .bkps-type-item{background:rgba(255,255,255,.08)!important;color:#f6f3ec!important;}.bkps-root.bkps-dark .bkps-home-add-project{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.12)!important;color:#f6f3ec!important;}
@media(max-width:700px){.bkps-root .bkps-studio-main,.bkps-root .bkps-single-view,.bkps-root .bkps-projects-page,.bkps-root .bkps-brain-dump-view{padding-left:18px!important;padding-right:18px!important;}.bkps-root .bkps-type-add-row{grid-template-columns:1fr!important;}.bkps-root .bkps-type-add-row button{min-height:52px!important;}}


/* ===== v0.5.4 task overview, project focus wording, icon reliability ===== */

.bkps-root .bkps-mini svg{
    width:20px !important;
    height:20px !important;
    display:block !important;
    margin:auto !important;
    pointer-events:none !important;
}

.bkps-root .bkps-mini{
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
}

.bkps-root .bkps-type-add-row{
    grid-template-columns:minmax(0,1fr) 118px !important;
    align-items:center !important;
}

.bkps-root .bkps-type-add-row .bkps-project-field{
    min-height:52px !important;
    height:52px !important;
    margin:0 !important;
    border-radius:18px !important;
    font-size:17px !important;
}

.bkps-root .bkps-type-add-row button{
    min-height:52px !important;
    height:52px !important;
    padding:0 14px !important;
    border-radius:18px !important;
    white-space:nowrap !important;
}

.bkps-root .bkps-tasks-head{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:18px !important;
}

.bkps-root .bkps-view-all-tasks{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    border:0 !important;
    border-radius:18px !important;
    padding:14px 18px !important;
    background:var(--bkps-accent-soft) !important;
    color:var(--bkps-accent) !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

.bkps-root .bkps-view-all-tasks svg{
    width:19px !important;
    height:19px !important;
}

.bkps-root .bkps-task-project-group{
    border-top:1px solid rgba(17,17,17,.08) !important;
    padding-top:18px !important;
    margin-top:18px !important;
}

.bkps-root .bkps-task-project-group:first-child{
    border-top:0 !important;
    padding-top:0 !important;
    margin-top:0 !important;
}

.bkps-root .bkps-task-project-group h3{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 0 12px !important;
    font-size:20px !important;
    letter-spacing:-.035em !important;
}

.bkps-root .bkps-task-project-group h3 span{
    width:8px !important;
    height:24px !important;
    border-radius:999px !important;
    background:var(--project-colour) !important;
}

.bkps-root.bkps-dark .bkps-task-project-group{
    border-top-color:rgba(255,255,255,.08) !important;
}

@media(max-width:760px){
    .bkps-root .bkps-tasks-head{
        flex-direction:column !important;
    }

    .bkps-root .bkps-view-all-tasks{
        width:100% !important;
        justify-content:center !important;
    }

    .bkps-root .bkps-type-add-row{
        grid-template-columns:1fr !important;
    }
}


/* ===== v0.5.5 action loading and remaining fixes ===== */

.bkps-root .bkps-spinner{
    width:18px !important;
    height:18px !important;
    border-radius:999px !important;
    border:3px solid rgba(255,255,255,.45) !important;
    border-top-color:#fff !important;
    display:inline-block !important;
    animation:bkpsSpin .75s linear infinite !important;
}

@keyframes bkpsSpin{
    to{ transform:rotate(360deg); }
}

.bkps-root button.is-loading{
    pointer-events:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.bkps-root .bkps-focus-icon{
    color:#cbea74 !important;
    border:0 !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(203,234,116,.18), transparent 58%),
        rgba(203,234,116,.04) !important;
    cursor:pointer !important;
}

.bkps-root .bkps-focus-icon svg{
    width:74px !important;
    height:74px !important;
    display:block !important;
    filter:drop-shadow(0 12px 28px rgba(203,234,116,.22)) !important;
}

.bkps-root .bkps-type-add-row{
    grid-template-columns:minmax(0,1fr) 118px !important;
}

.bkps-root .bkps-type-add-row .bkps-project-field{
    height:52px !important;
    min-height:52px !important;
    margin:0 !important;
}

.bkps-root .bkps-type-add-row button{
    height:52px !important;
    min-height:52px !important;
    padding:0 14px !important;
}

.bkps-root .bkps-tasks-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:18px !important;
}

.bkps-root .bkps-view-all-tasks{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    border:0 !important;
    border-radius:18px !important;
    padding:14px 18px !important;
    background:var(--bkps-accent-soft) !important;
    color:var(--bkps-accent) !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

.bkps-root .bkps-view-all-tasks svg{
    width:19px !important;
    height:19px !important;
}

.bkps-root .bkps-task-project-group{
    border-top:1px solid rgba(17,17,17,.08) !important;
    padding-top:18px !important;
    margin-top:18px !important;
}

.bkps-root .bkps-task-project-group:first-child{
    border-top:0 !important;
    padding-top:0 !important;
    margin-top:0 !important;
}

.bkps-root .bkps-task-project-group h3{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 0 12px !important;
}

.bkps-root .bkps-task-project-group h3 span{
    width:8px !important;
    height:24px !important;
    border-radius:999px !important;
    background:var(--project-colour) !important;
}

.bkps-root .bkps-portfolio-actions .edit{
    background:#f0ebe2 !important;
    color:#111 !important;
}

@media(max-width:760px){
    .bkps-root .bkps-tasks-head{
        flex-direction:column !important;
    }

    .bkps-root .bkps-view-all-tasks{
        width:100% !important;
        justify-content:center !important;
    }
}


/* ===== v0.5.6 hard event and colour fixes ===== */

.bkps-root input[type="color"].bkps-colour-picker,
.bkps-root .bkps-project-edit-card input[type="color"].bkps-colour-picker,
.bkps-root .bkps-project-add-card input[type="color"].bkps-colour-picker{
    display:block !important;
    width:100% !important;
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    border:0 !important;
    border-radius:999px !important;
    padding:0 !important;
    margin:0 0 14px !important;
    background:transparent !important;
    cursor:pointer !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    overflow:hidden !important;
    box-shadow:0 8px 18px rgba(20,16,10,.045) !important;
}

.bkps-root input[type="color"].bkps-colour-picker::-webkit-color-swatch-wrapper{
    padding:0 !important;
}

.bkps-root input[type="color"].bkps-colour-picker::-webkit-color-swatch{
    border:0 !important;
    border-radius:999px !important;
}

.bkps-root input[type="color"].bkps-colour-picker::-moz-color-swatch{
    border:0 !important;
    border-radius:999px !important;
}

.bkps-root .bkps-tasks-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:18px !important;
}

.bkps-root .bkps-view-all-tasks{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    border:0 !important;
    border-radius:18px !important;
    padding:14px 18px !important;
    background:var(--bkps-accent-soft) !important;
    color:var(--bkps-accent) !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    cursor:pointer !important;
    pointer-events:auto !important;
}

.bkps-root .bkps-view-all-tasks svg{
    width:19px !important;
    height:19px !important;
    pointer-events:none !important;
}

.bkps-root .bkps-task-project-group{
    border-top:1px solid rgba(17,17,17,.08) !important;
    padding-top:18px !important;
    margin-top:18px !important;
}

.bkps-root .bkps-task-project-group:first-child{
    border-top:0 !important;
    padding-top:0 !important;
    margin-top:0 !important;
}

.bkps-root .bkps-task-project-group h3{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 0 12px !important;
    font-size:20px !important;
    letter-spacing:-.035em !important;
}

.bkps-root .bkps-task-project-group h3 span{
    width:8px !important;
    height:24px !important;
    border-radius:999px !important;
    background:var(--project-colour) !important;
}

.bkps-root [data-delete-project-type]{
    cursor:pointer !important;
    pointer-events:auto !important;
}

.bkps-root .bkps-focus-icon{
    position:relative !important;
    color:#cbea74 !important;
    border:0 !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(203,234,116,.18), transparent 58%),
        rgba(203,234,116,.04) !important;
    cursor:pointer !important;
}

.bkps-root .bkps-focus-icon svg{
    display:none !important;
}

.bkps-root .bkps-focus-icon:before{
    content:"" !important;
    display:block !important;
    width:76px !important;
    height:76px !important;
    border-radius:999px !important;
    border:7px solid currentColor !important;
    box-shadow:0 0 0 12px rgba(203,234,116,.06),0 14px 34px rgba(203,234,116,.20) !important;
}

.bkps-root .bkps-focus-icon:after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:22px !important;
    height:22px !important;
    transform:translate(-50%,-50%) !important;
    border-radius:999px !important;
    background:currentColor !important;
}

@media(max-width:760px){
    .bkps-root .bkps-tasks-head{
        flex-direction:column !important;
    }

    .bkps-root .bkps-view-all-tasks{
        width:100% !important;
    }
}


/* ===== v0.5.7 task delete fix ===== */

.bkps-root .bkps-task-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
}

.bkps-root .bkps-delete-task{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    padding:0 !important;
    border-radius:999px !important;
    border:1px solid rgba(216,75,87,.22) !important;
    background:#fff6f6 !important;
    color:#d84b57 !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:900 !important;
    display:grid !important;
    place-items:center !important;
    box-shadow:none !important;
    cursor:pointer !important;
    pointer-events:auto !important;
}

.bkps-root .bkps-delete-task:hover{
    background:#d84b57 !important;
    color:#fff !important;
}

.bkps-root.bkps-dark .bkps-delete-task{
    background:rgba(216,75,87,.10) !important;
    color:#ff8d98 !important;
    border-color:rgba(216,75,87,.24) !important;
}

@media(max-width:760px){
    .bkps-root .bkps-task-actions{
        grid-column:2 !important;
        grid-row:2 !important;
        justify-self:start !important;
    }
}

/* ===== v0.5.8 Visual polish pass ===== */

.bkps-root{
    --bkps-card-radius:22px;
    --bkps-panel-radius:24px;
    --bkps-control-radius:16px;
    --bkps-tight-shadow:0 12px 32px rgba(25,22,18,.085);
    --bkps-dark-tight-shadow:0 18px 48px rgba(0,0,0,.30);
    --bkps-light-bg:#f7f6f2;
    --bkps-light-card:rgba(252,251,248,.94);
    --bkps-light-border:rgba(17,17,17,.065);
    --bkps-dark-panel:rgba(12,15,12,.88);
    --bkps-dark-border:rgba(255,255,255,.065);
    --bkps-muted-light:#6f6b63;
    --bkps-muted-dark:rgba(246,243,236,.68);
    -webkit-font-smoothing:antialiased !important;
    text-rendering:geometricPrecision !important;
}

.bkps-root .bkps-app,
.bkps-root .bkps-main,
.bkps-root .bkps-studio-main{
    background:
        radial-gradient(circle at 72% 8%, rgba(168,201,95,.055), transparent 28%),
        radial-gradient(circle at 16% 88%, rgba(231,100,145,.045), transparent 30%),
        var(--bkps-light-bg) !important;
}

.bkps-root.bkps-dark .bkps-app,
.bkps-root.bkps-dark .bkps-main,
.bkps-root.bkps-dark .bkps-studio-main{
    background:
        radial-gradient(circle at 74% 10%, rgba(168,201,95,.075), transparent 26%),
        radial-gradient(circle at 18% 92%, rgba(168,201,95,.035), transparent 28%),
        linear-gradient(180deg,#070b08 0%,#030503 100%) !important;
}

.bkps-root .bkps-thought-card,
.bkps-root .bkps-top-pill,
.bkps-root .bkps-project-panel,
.bkps-root .bkps-progress-panel,
.bkps-root .bkps-next-box,
.bkps-root .bkps-capture,
.bkps-root .bkps-energy,
.bkps-root .bkps-project-list-panel,
.bkps-root .bkps-project-edit-card,
.bkps-root .bkps-project-add-card,
.bkps-root .bkps-type-card,
.bkps-root .bkps-portfolio-panel,
.bkps-root .bkps-portfolio-card,
.bkps-root .bkps-single-view,
.bkps-root .bkps-brain-list,
.bkps-root .bkps-review-card{
    border-radius:var(--bkps-panel-radius) !important;
    background:var(--bkps-light-card) !important;
    border:1px solid var(--bkps-light-border) !important;
    box-shadow:var(--bkps-tight-shadow) !important;
    backdrop-filter:blur(10px) saturate(1.05) !important;
    -webkit-backdrop-filter:blur(10px) saturate(1.05) !important;
}

.bkps-root.bkps-dark .bkps-thought-card,
.bkps-root.bkps-dark .bkps-top-pill,
.bkps-root.bkps-dark .bkps-project-panel,
.bkps-root.bkps-dark .bkps-progress-panel,
.bkps-root.bkps-dark .bkps-next-box,
.bkps-root.bkps-dark .bkps-capture,
.bkps-root.bkps-dark .bkps-energy,
.bkps-root.bkps-dark .bkps-project-list-panel,
.bkps-root.bkps-dark .bkps-project-edit-card,
.bkps-root.bkps-dark .bkps-project-add-card,
.bkps-root.bkps-dark .bkps-type-card,
.bkps-root.bkps-dark .bkps-portfolio-panel,
.bkps-root.bkps-dark .bkps-portfolio-card,
.bkps-root.bkps-dark .bkps-single-view,
.bkps-root.bkps-dark .bkps-brain-list,
.bkps-root.bkps-dark .bkps-review-card{
    background:var(--bkps-dark-panel) !important;
    border:1px solid var(--bkps-dark-border) !important;
    box-shadow:var(--bkps-dark-tight-shadow) !important;
    backdrop-filter:blur(12px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(12px) saturate(1.08) !important;
}

.bkps-root .bkps-thought-card{
    border-radius:20px !important;
    background:linear-gradient(90deg,rgba(252,251,248,.92),rgba(252,251,248,.74)) !important;
    box-shadow:0 8px 24px rgba(25,22,18,.055) !important;
}

.bkps-root.bkps-dark .bkps-thought-card{
    background:linear-gradient(90deg,rgba(9,13,10,.82),rgba(15,20,16,.68)) !important;
    border-color:rgba(190,255,140,.075) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.28) !important;
}

.bkps-root h1,
.bkps-root h2,
.bkps-root h3,
.bkps-root .bkps-project-title,
.bkps-root .bkps-view-head h1,
.bkps-root .bkps-mission-inner h1{
    letter-spacing:-.055em !important;
    line-height:.94 !important;
    color:#101010 !important;
    font-weight:950 !important;
}

.bkps-root.bkps-dark h1,
.bkps-root.bkps-dark h2,
.bkps-root.bkps-dark h3,
.bkps-root.bkps-dark .bkps-project-title,
.bkps-root.bkps-dark .bkps-view-head h1,
.bkps-root.bkps-dark .bkps-mission-inner h1{
    color:#f8f6ef !important;
}

.bkps-root p,
.bkps-root .bkps-muted,
.bkps-root .bkps-project-description,
.bkps-root .bkps-portfolio-card p,
.bkps-root .bkps-view-head p{
    color:var(--bkps-muted-light) !important;
    line-height:1.48 !important;
}

.bkps-root.bkps-dark p,
.bkps-root.bkps-dark .bkps-muted,
.bkps-root.bkps-dark .bkps-project-description,
.bkps-root.bkps-dark .bkps-portfolio-card p,
.bkps-root.bkps-dark .bkps-view-head p{
    color:var(--bkps-muted-dark) !important;
}

.bkps-root .bkps-studio-main{
    gap:18px !important;
    padding-top:24px !important;
}

.bkps-root .bkps-dashboard-grid,
.bkps-root .bkps-home-grid{
    gap:18px !important;
}

.bkps-root .bkps-project-panel,
.bkps-root .bkps-progress-panel,
.bkps-root .bkps-project-list-panel{
    padding:24px !important;
}

.bkps-root .bkps-sidebar{
    background:
        radial-gradient(circle at 62% 4%, rgba(168,201,95,.08), transparent 25%),
        linear-gradient(180deg,#10190f 0%,#050805 100%) !important;
    border-right:1px solid rgba(255,255,255,.055) !important;
    box-shadow:8px 0 34px rgba(0,0,0,.18) !important;
}

.bkps-root .bkps-nav button,
.bkps-root .bkps-nav a,
.bkps-root .bkps-side-button{
    min-height:54px !important;
    border-radius:17px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    box-shadow:none !important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease !important;
}

.bkps-root .bkps-nav button:hover,
.bkps-root .bkps-nav a:hover,
.bkps-root .bkps-side-button:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(203,234,116,.16) !important;
    background:rgba(255,255,255,.07) !important;
}

.bkps-root .bkps-focus-icon{
    color:rgba(255,255,255,.42) !important;
    background:rgba(255,255,255,.035) !important;
    transition:color .22s ease,filter .22s ease,background .22s ease !important;
}

.bkps-root.is-focus-active .bkps-focus-icon,
.bkps-root .bkps-focus-active .bkps-focus-icon{
    color:#cbea74 !important;
    filter:drop-shadow(0 0 18px rgba(203,234,116,.24)) !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(203,234,116,.12), transparent 58%),
        rgba(203,234,116,.04) !important;
}

.bkps-root .bkps-focus-icon:before{
    width:68px !important;
    height:68px !important;
    border-width:6px !important;
    box-shadow:0 0 0 10px rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.12) !important;
}

.bkps-root.is-focus-active .bkps-focus-icon:before,
.bkps-root .bkps-focus-active .bkps-focus-icon:before{
    box-shadow:0 0 0 10px rgba(203,234,116,.06),0 14px 34px rgba(203,234,116,.20) !important;
}

.bkps-root .bkps-focus-icon:after{
    width:18px !important;
    height:18px !important;
}

.bkps-root button,
.bkps-root .bkps-button,
.bkps-root .bkps-new-task-add,
.bkps-root .bkps-mission-button,
.bkps-root .bkps-save-project,
.bkps-root .bkps-add-project-static{
    border-radius:16px !important;
    min-height:46px !important;
    transition:transform .18s ease,opacity .18s ease,background .18s ease,border-color .18s ease !important;
}

.bkps-root button:hover,
.bkps-root .bkps-button:hover,
.bkps-root .bkps-new-task-add:hover,
.bkps-root .bkps-mission-button:hover{
    transform:translateY(-1px) !important;
}

.bkps-root .bkps-task-row,
.bkps-root .task-list-row{
    min-height:68px !important;
    border-radius:18px !important;
    padding:16px 18px !important;
    border-bottom:1px solid rgba(17,17,17,.06) !important;
}

.bkps-root.bkps-dark .bkps-task-row,
.bkps-root.bkps-dark .task-list-row{
    border-bottom-color:rgba(255,255,255,.06) !important;
}

.bkps-root .bkps-task-check,
.bkps-root .task-check{
    width:28px !important;
    height:28px !important;
    border-width:2px !important;
}

.bkps-root .bkps-portfolio-card,
.bkps-root .bkps-project-card{
    padding:22px !important;
    gap:14px !important;
    border-radius:22px !important;
}

.bkps-root .bkps-portfolio-actions button{
    min-height:38px !important;
    padding:9px 14px !important;
    border-radius:999px !important;
}

.bkps-root input,
.bkps-root textarea,
.bkps-root select,
.bkps-root .bkps-project-field,
.bkps-root .bkps-project-textarea,
.bkps-root .bkps-project-select{
    border-radius:17px !important;
    background:#f2efe8 !important;
    color:#111 !important;
    border:1px solid rgba(17,17,17,.04) !important;
    box-shadow:none !important;
}

.bkps-root.bkps-dark input,
.bkps-root.bkps-dark textarea,
.bkps-root.bkps-dark select,
.bkps-root.bkps-dark .bkps-project-field,
.bkps-root.bkps-dark .bkps-project-textarea,
.bkps-root.bkps-dark .bkps-project-select{
    background:rgba(255,255,255,.055) !important;
    color:#f8f6ef !important;
    border:1px solid rgba(255,255,255,.065) !important;
}

.bkps-root input[type="color"].bkps-colour-picker,
.bkps-root .bkps-project-edit-card input[type="color"].bkps-colour-picker,
.bkps-root .bkps-project-add-card input[type="color"].bkps-colour-picker{
    height:26px !important;
    min-height:26px !important;
    max-height:26px !important;
    border-radius:999px !important;
    margin-bottom:14px !important;
    box-shadow:none !important;
}

.bkps-root .bkps-progress-ring,
.bkps-root .bkps-portfolio-ring{
    filter:none !important;
    box-shadow:0 8px 20px rgba(17,17,17,.055) !important;
}

.bkps-root small,
.bkps-root .bkps-kicker,
.bkps-root .bkps-thought-card small,
.bkps-root .bkps-type-card small,
.bkps-root .bkps-project-add-card small{
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
    font-weight:900 !important;
}

@media(max-width:1180px){
    .bkps-root .bkps-studio-main,
    .bkps-root .bkps-single-view,
    .bkps-root .bkps-projects-page{
        padding-left:22px !important;
        padding-right:22px !important;
    }

    .bkps-root .bkps-view-head h1{
        font-size:clamp(44px,7vw,82px) !important;
    }
}

@media(max-width:760px){
    .bkps-root .bkps-studio-main,
    .bkps-root .bkps-single-view,
    .bkps-root .bkps-projects-page{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .bkps-root .bkps-project-panel,
    .bkps-root .bkps-progress-panel,
    .bkps-root .bkps-project-list-panel,
    .bkps-root .bkps-project-edit-card,
    .bkps-root .bkps-project-add-card,
    .bkps-root .bkps-type-card{
        padding:20px !important;
        border-radius:20px !important;
    }

    .bkps-root .bkps-nav button,
    .bkps-root .bkps-nav a,
    .bkps-root .bkps-side-button{
        min-height:50px !important;
    }
}


/* ===== v0.5.9 sharpen, sidebar focus, collapsed mode polish ===== */

.bkps-root{
    --bkps-panel-radius:18px !important;
    --bkps-card-radius:16px !important;
    --bkps-control-radius:14px !important;
    --bkps-tight-shadow:0 8px 22px rgba(25,22,18,.075) !important;
    --bkps-dark-tight-shadow:0 14px 36px rgba(0,0,0,.28) !important;
}

/* Sharper geometry */
.bkps-root .bkps-thought-card,
.bkps-root .bkps-top-pill,
.bkps-root .bkps-project-panel,
.bkps-root .bkps-progress-panel,
.bkps-root .bkps-next-box,
.bkps-root .bkps-capture,
.bkps-root .bkps-energy,
.bkps-root .bkps-project-list-panel,
.bkps-root .bkps-project-edit-card,
.bkps-root .bkps-project-add-card,
.bkps-root .bkps-type-card,
.bkps-root .bkps-portfolio-panel,
.bkps-root .bkps-portfolio-card,
.bkps-root .bkps-single-view,
.bkps-root .bkps-brain-list,
.bkps-root .bkps-review-card{
    border-radius:18px !important;
    box-shadow:var(--bkps-tight-shadow) !important;
}

.bkps-root.bkps-dark .bkps-thought-card,
.bkps-root.bkps-dark .bkps-top-pill,
.bkps-root.bkps-dark .bkps-project-panel,
.bkps-root.bkps-dark .bkps-progress-panel,
.bkps-root.bkps-dark .bkps-next-box,
.bkps-root.bkps-dark .bkps-capture,
.bkps-root.bkps-dark .bkps-energy,
.bkps-root.bkps-dark .bkps-project-list-panel,
.bkps-root.bkps-dark .bkps-project-edit-card,
.bkps-root.bkps-dark .bkps-project-add-card,
.bkps-root.bkps-dark .bkps-type-card,
.bkps-root.bkps-dark .bkps-portfolio-panel,
.bkps-root.bkps-dark .bkps-portfolio-card,
.bkps-root.bkps-dark .bkps-single-view,
.bkps-root.bkps-dark .bkps-brain-list,
.bkps-root.bkps-dark .bkps-review-card{
    box-shadow:var(--bkps-dark-tight-shadow) !important;
}

/* Thinner dashboard pills */
.bkps-root .bkps-top-pill{
    min-height:72px !important;
    padding:16px 20px !important;
}

.bkps-root .bkps-top-pill strong{
    font-size:16px !important;
    line-height:1.05 !important;
}

.bkps-root .bkps-top-pill small{
    font-size:10px !important;
    letter-spacing:.22em !important;
}

/* Typography refinement */
.bkps-root .bkps-project-title,
.bkps-root .bkps-view-head h1{
    letter-spacing:-.06em !important;
    line-height:.9 !important;
}

.bkps-root .bkps-project-title{
    font-size:clamp(44px,4.8vw,76px) !important;
}

/* Tighter buttons */
.bkps-root button,
.bkps-root .bkps-button,
.bkps-root .bkps-new-task-add,
.bkps-root .bkps-mission-button,
.bkps-root .bkps-save-project,
.bkps-root .bkps-add-project-static{
    border-radius:14px !important;
    min-height:42px !important;
}

/* Rename visual section */
.bkps-root .bkps-next-box h2,
.bkps-root .bkps-next-box .bkps-section-title{
    font-size:24px !important;
    letter-spacing:-.045em !important;
}

/* Theme toggle less inflated */
.bkps-root .bkps-theme-toggle,
.bkps-root .bkps-theme-card,
.bkps-root .bkps-theme-switch{
    min-height:52px !important;
    border-radius:18px !important;
}

.bkps-root .bkps-theme-switch,
.bkps-root input[type="checkbox"].bkps-theme-switch{
    width:58px !important;
    height:32px !important;
    min-height:32px !important;
}

.bkps-root .bkps-theme-switch:before,
.bkps-root .bkps-theme-switch span,
.bkps-root .bkps-toggle-knob{
    width:24px !important;
    height:24px !important;
}

/* Active sidebar item should be green on dark */
.bkps-root .bkps-nav button.is-active,
.bkps-root .bkps-nav button.active,
.bkps-root .bkps-nav [aria-current="page"],
.bkps-root .bkps-nav button[data-active="true"],
.bkps-root .bkps-side-button.is-active,
.bkps-root .bkps-side-button.active{
    background:rgba(203,234,116,.12) !important;
    color:#cbea74 !important;
    border-color:rgba(203,234,116,.26) !important;
}

.bkps-root .bkps-nav button.is-active *,
.bkps-root .bkps-nav button.active *,
.bkps-root .bkps-nav [aria-current="page"] *,
.bkps-root .bkps-side-button.is-active *,
.bkps-root .bkps-side-button.active *{
    color:#cbea74 !important;
}

/* In Focus icon states */
.bkps-root .bkps-focus-icon,
.bkps-root .bkps-big-lock{
    width:112px !important;
    height:112px !important;
    min-width:112px !important;
    min-height:112px !important;
    border-radius:24px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 auto 16px !important;
    color:rgba(255,255,255,.42) !important;
    background:rgba(255,255,255,.035) !important;
    box-shadow:none !important;
    filter:none !important;
}

.bkps-root .bkps-focus-icon:before,
.bkps-root .bkps-big-lock:before{
    width:58px !important;
    height:58px !important;
    border-width:5px !important;
    box-shadow:0 0 0 8px rgba(255,255,255,.025) !important;
}

.bkps-root .bkps-focus-icon:after,
.bkps-root .bkps-big-lock:after{
    width:16px !important;
    height:16px !important;
}

.bkps-root.is-focus-active .bkps-focus-icon,
.bkps-root.is-focus-active .bkps-big-lock,
.bkps-root .bkps-focus-active .bkps-focus-icon,
.bkps-root .bkps-focus-active .bkps-big-lock,
.bkps-root.bkps-locked .bkps-focus-icon,
.bkps-root.bkps-locked .bkps-big-lock{
    color:#cbea74 !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(203,234,116,.10), transparent 58%),
        rgba(203,234,116,.045) !important;
    filter:drop-shadow(0 0 16px rgba(203,234,116,.22)) !important;
}

/* Collapsed sidebar icon sizes */
.bkps-root.bkps-sidebar-collapsed .bkps-focus-icon,
.bkps-root.bkps-sidebar-collapsed .bkps-big-lock,
.bkps-root.sidebar-collapsed .bkps-focus-icon,
.bkps-root.sidebar-collapsed .bkps-big-lock,
.bkps-sidebar-collapsed .bkps-focus-icon,
.bkps-sidebar-collapsed .bkps-big-lock{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    min-height:72px !important;
    border-radius:20px !important;
    margin:16px auto !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-focus-icon:before,
.bkps-root.bkps-sidebar-collapsed .bkps-big-lock:before,
.bkps-root.sidebar-collapsed .bkps-focus-icon:before,
.bkps-root.sidebar-collapsed .bkps-big-lock:before,
.bkps-sidebar-collapsed .bkps-focus-icon:before,
.bkps-sidebar-collapsed .bkps-big-lock:before{
    width:42px !important;
    height:42px !important;
    border-width:4px !important;
    box-shadow:0 0 0 6px rgba(255,255,255,.025) !important;
}

.bkps-root.bkps-sidebar-collapsed .bkps-focus-icon:after,
.bkps-root.bkps-sidebar-collapsed .bkps-big-lock:after,
.bkps-root.sidebar-collapsed .bkps-focus-icon:after,
.bkps-root.sidebar-collapsed .bkps-big-lock:after,
.bkps-sidebar-collapsed .bkps-focus-icon:after,
.bkps-sidebar-collapsed .bkps-big-lock:after{
    width:11px !important;
    height:11px !important;
}

/* Collapsed nav icons */
.bkps-root.bkps-sidebar-collapsed .bkps-nav button,
.bkps-root.bkps-sidebar-collapsed .bkps-side-button,
.bkps-sidebar-collapsed .bkps-nav button,
.bkps-sidebar-collapsed .bkps-side-button{
    width:64px !important;
    height:64px !important;
    min-height:64px !important;
    border-radius:18px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Less boxed focus area */
.bkps-root .bkps-focus-card,
.bkps-root .bkps-lock-card,
.bkps-root .bkps-attention-card{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:18px 8px !important;
}

/* Mood and quick capture less bulky */
.bkps-root .bkps-energy,
.bkps-root .bkps-mood-card{
    padding:16px 18px !important;
}

.bkps-root .bkps-capture{
    padding:18px !important;
}

.bkps-root .bkps-new-task-bar{
    gap:12px !important;
}

/* Project list cards flatter */
.bkps-root .bkps-project-button,
.bkps-root .bkps-project-list-item{
    border-radius:14px !important;
    box-shadow:none !important;
}

/* Light mode less washed */
.bkps-root:not(.bkps-dark) .bkps-app,
.bkps-root:not(.bkps-dark) .bkps-main,
.bkps-root:not(.bkps-dark) .bkps-studio-main{
    background:
        radial-gradient(circle at 75% 8%, rgba(168,201,95,.045), transparent 28%),
        linear-gradient(180deg,#f7f5ef 0%,#f4f1e9 100%) !important;
}

/* Dark mode deeper */
.bkps-root.bkps-dark .bkps-app,
.bkps-root.bkps-dark .bkps-main,
.bkps-root.bkps-dark .bkps-studio-main{
    background:
        radial-gradient(circle at 75% 10%, rgba(168,201,95,.06), transparent 26%),
        linear-gradient(180deg,#050806 0%,#020402 100%) !important;
}

@media(max-width:1180px){
    .bkps-root .bkps-top-pill{
        min-height:64px !important;
        padding:13px 16px !important;
    }

    .bkps-root .bkps-project-title{
        font-size:clamp(40px,5vw,64px) !important;
    }
}

@media(max-width:760px){
    .bkps-root .bkps-focus-icon,
    .bkps-root .bkps-big-lock{
        width:86px !important;
        height:86px !important;
        min-width:86px !important;
        min-height:86px !important;
    }

    .bkps-root .bkps-focus-icon:before,
    .bkps-root .bkps-big-lock:before{
        width:48px !important;
        height:48px !important;
    }
}


/* ===== v0.6.0.1 clean safe In Focus panel from last working v0.5.9 ===== */

/* Remove old large sidebar focus block visually only */
.bkps-root .bkps-focus-card,
.bkps-root .bkps-lock-card,
.bkps-root .bkps-attention-card,
.bkps-root .bkps-big-lock,
.bkps-root .bkps-focus-icon,
.bkps-root .bkps-lock-label,
.bkps-root .bkps-lock-subtitle,
.bkps-root .bkps-attention-label{
    display:none !important;
}

/* Projects panel header */
.bkps-root .bkps-project-panel-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin:0 0 16px !important;
}

.bkps-root .bkps-project-panel-head h2{
    margin:0 0 4px !important;
}

.bkps-root .bkps-project-panel-head p{
    margin:0 !important;
}

/* In Focus eye */
.bkps-root .bkps-panel-focus-toggle{
    min-width:70px !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:rgba(255,255,255,.36) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:6px !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:.10em !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    cursor:pointer !important;
}

.bkps-root:not(.bkps-dark) .bkps-panel-focus-toggle{
    color:rgba(17,17,17,.36) !important;
}

.bkps-root .bkps-panel-focus-toggle svg{
    width:42px !important;
    height:27px !important;
    display:block !important;
    opacity:.82 !important;
    pointer-events:none !important;
    transition:opacity .18s ease, transform .18s ease, filter .18s ease !important;
}

.bkps-root .bkps-panel-focus-toggle:hover svg{
    opacity:1 !important;
    transform:translateY(-1px) !important;
}

.bkps-root .bkps-panel-focus-toggle.is-active{
    color:#cbea74 !important;
}

.bkps-root .bkps-panel-focus-toggle.is-active svg{
    opacity:1 !important;
    filter:drop-shadow(0 0 14px rgba(203,234,116,.24)) !important;
}

.bkps-root .bkps-panel-focus-toggle span{
    color:currentColor !important;
}

/* Compact theme toggle */
.bkps-root .bkps-theme-toggle,
.bkps-root .bkps-theme-card{
    min-height:46px !important;
    padding:12px 14px !important;
    border-radius:16px !important;
}

.bkps-root .bkps-theme-switch,
.bkps-root input[type="checkbox"].bkps-theme-switch,
.bkps-root .bkps-toggle{
    width:48px !important;
    height:26px !important;
    min-height:26px !important;
    max-height:26px !important;
    border-radius:999px !important;
    padding:3px !important;
}

.bkps-root .bkps-theme-switch:before,
.bkps-root .bkps-theme-switch span,
.bkps-root .bkps-toggle-knob,
.bkps-root .bkps-toggle:before{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
}


/* ===== v0.6.0.2 sidebar cleanup ===== */

/* Remove leftover old focus helper text */
.bkps-root .bkps-sidebar :is(.bkps-lock-subtitle, .bkps-focus-subtitle, .bkps-attention-subtitle),
.bkps-root .bkps-sidebar p:has(+ .bkps-theme-card),
.bkps-root .bkps-sidebar p:has(+ .bkps-theme-toggle){
    display:none !important;
}

/* Fallback for the exact leftover line */
.bkps-root .bkps-sidebar *{
    text-wrap:balance;
}

/* Hide any old focus section text container still taking space */
.bkps-root .bkps-sidebar .bkps-focus-card,
.bkps-root .bkps-sidebar .bkps-lock-card,
.bkps-root .bkps-sidebar .bkps-attention-card{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
}

/* Tighten space before theme block now focus block is gone */
.bkps-root .bkps-theme-card,
.bkps-root .bkps-theme-toggle,
.bkps-root .bkps-theme-row{
    margin-top:8px !important;
}

/* Cleaner compact theme switch */
.bkps-root .bkps-theme-card,
.bkps-root .bkps-theme-toggle,
.bkps-root .bkps-theme-row{
    min-height:42px !important;
    padding:8px 10px !important;
    border-radius:14px !important;
}

.bkps-root .bkps-theme-switch,
.bkps-root input[type="checkbox"].bkps-theme-switch,
.bkps-root .bkps-toggle,
.bkps-root .bkps-switch{
    width:44px !important;
    height:24px !important;
    min-width:44px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:2px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

.bkps-root .bkps-theme-switch:before,
.bkps-root .bkps-theme-switch span,
.bkps-root .bkps-toggle-knob,
.bkps-root .bkps-toggle:before,
.bkps-root .bkps-switch:before{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    border-radius:999px !important;
    box-shadow:0 2px 8px rgba(0,0,0,.22) !important;
}

/* Checked/on state stays BareKit green but less bloated */
.bkps-root input[type="checkbox"].bkps-theme-switch:checked,
.bkps-root .bkps-theme-switch.is-active,
.bkps-root .bkps-toggle.is-active,
.bkps-root .bkps-switch.is-active{
    background:linear-gradient(135deg,#cbea74 0%,#72a85a 100%) !important;
    border-color:rgba(203,234,116,.32) !important;
}

/* If the toggle is built as a button with an inner knob */
.bkps-root .bkps-theme-toggle button,
.bkps-root .bkps-theme-card button{
    min-height:24px !important;
    border-radius:999px !important;
}

/* Reduce theme label block height */
.bkps-root .bkps-theme-card small,
.bkps-root .bkps-theme-toggle small,
.bkps-root .bkps-theme-row small{
    font-size:10px !important;
    line-height:1 !important;
}

.bkps-root .bkps-theme-card strong,
.bkps-root .bkps-theme-toggle strong,
.bkps-root .bkps-theme-row strong{
    font-size:20px !important;
    line-height:1.05 !important;
}


/* ===== v0.6.0.3 final sidebar focus text and theme toggle cleanup ===== */

/* Remove the old standalone focus helper line left in the sidebar */
.bkps-root .bkps-sidebar .bkps-lock-subtitle,
.bkps-root .bkps-sidebar .bkps-focus-subtitle,
.bkps-root .bkps-sidebar .bkps-attention-subtitle,
.bkps-root .bkps-sidebar .bkps-focus-helper,
.bkps-root .bkps-sidebar .bkps-lock-zone p,
.bkps-root .bkps-sidebar .bkps-focus-zone p,
.bkps-root .bkps-sidebar .bkps-attention-zone p{
    display:none !important;
}

/* Exact leftover line support where it is plain text inside a paragraph or small tag */
.bkps-root .bkps-sidebar p,
.bkps-root .bkps-sidebar small.bkps-focus-text,
.bkps-root .bkps-sidebar span.bkps-focus-text{
    display:none !important;
}

/* Keep normal sidebar labels visible after broad paragraph hide */
.bkps-root .bkps-sidebar .bkps-brand p,
.bkps-root .bkps-sidebar .bkps-user-card p,
.bkps-root .bkps-sidebar .bkps-nav p,
.bkps-root .bkps-sidebar .bkps-theme-card p,
.bkps-root .bkps-sidebar .bkps-theme-toggle p,
.bkps-root .bkps-sidebar .bkps-theme-row p{
    display:block !important;
}

/* If the leftover focus block still has spacing, collapse it */
.bkps-root .bkps-sidebar .bkps-lock-zone,
.bkps-root .bkps-sidebar .bkps-focus-zone,
.bkps-root .bkps-sidebar .bkps-attention-zone,
.bkps-root .bkps-sidebar .bkps-focus-card,
.bkps-root .bkps-sidebar .bkps-lock-card,
.bkps-root .bkps-sidebar .bkps-attention-card{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
}

/* Theme row layout */
.bkps-root .bkps-theme-card,
.bkps-root .bkps-theme-toggle,
.bkps-root .bkps-theme-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    min-height:44px !important;
    padding:8px 0 !important;
    margin:10px 0 16px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Theme text */
.bkps-root .bkps-theme-card small,
.bkps-root .bkps-theme-toggle small,
.bkps-root .bkps-theme-row small{
    display:block !important;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:.20em !important;
    color:rgba(255,255,255,.62) !important;
    margin:0 0 6px !important;
}

.bkps-root .bkps-theme-card strong,
.bkps-root .bkps-theme-toggle strong,
.bkps-root .bkps-theme-row strong,
.bkps-root .bkps-theme-card b,
.bkps-root .bkps-theme-toggle b,
.bkps-root .bkps-theme-row b{
    display:block !important;
    font-size:24px !important;
    line-height:1 !important;
    color:#fff !important;
}

/* Reset native checkbox appearance */
.bkps-root .bkps-theme-card input[type="checkbox"],
.bkps-root .bkps-theme-toggle input[type="checkbox"],
.bkps-root .bkps-theme-row input[type="checkbox"],
.bkps-root input.bkps-theme-switch[type="checkbox"]{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:46px !important;
    min-width:46px !important;
    height:26px !important;
    min-height:26px !important;
    max-height:26px !important;
    margin:0 !important;
    padding:2px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.14) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
    position:relative !important;
    cursor:pointer !important;
    vertical-align:middle !important;
    transition:background .18s ease,border-color .18s ease !important;
}

/* Knob */
.bkps-root .bkps-theme-card input[type="checkbox"]::before,
.bkps-root .bkps-theme-toggle input[type="checkbox"]::before,
.bkps-root .bkps-theme-row input[type="checkbox"]::before,
.bkps-root input.bkps-theme-switch[type="checkbox"]::before{
    content:"" !important;
    position:absolute !important;
    top:2px !important;
    left:2px !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 2px 8px rgba(0,0,0,.24) !important;
    transform:translateX(0) !important;
    transition:transform .18s ease !important;
}

/* Checked state */
.bkps-root .bkps-theme-card input[type="checkbox"]:checked,
.bkps-root .bkps-theme-toggle input[type="checkbox"]:checked,
.bkps-root .bkps-theme-row input[type="checkbox"]:checked,
.bkps-root input.bkps-theme-switch[type="checkbox"]:checked{
    background:linear-gradient(135deg,#cbea74 0%,#76aa5c 100%) !important;
    border-color:rgba(203,234,116,.34) !important;
}

/* Checked knob position */
.bkps-root .bkps-theme-card input[type="checkbox"]:checked::before,
.bkps-root .bkps-theme-toggle input[type="checkbox"]:checked::before,
.bkps-root .bkps-theme-row input[type="checkbox"]:checked::before,
.bkps-root input.bkps-theme-switch[type="checkbox"]:checked::before{
    transform:translateX(20px) !important;
}

/* If current markup uses a button or div switch rather than checkbox */
.bkps-root .bkps-theme-switch,
.bkps-root .bkps-toggle,
.bkps-root .bkps-switch{
    width:46px !important;
    min-width:46px !important;
    height:26px !important;
    min-height:26px !important;
    max-height:26px !important;
    padding:2px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.14) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

/* On state for non checkbox switches */
.bkps-root .bkps-theme-switch.is-active,
.bkps-root .bkps-toggle.is-active,
.bkps-root .bkps-switch.is-active,
.bkps-root.bkps-dark .bkps-theme-switch,
.bkps-root.bkps-dark .bkps-toggle,
.bkps-root.bkps-dark .bkps-switch{
    background:linear-gradient(135deg,#cbea74 0%,#76aa5c 100%) !important;
    border-color:rgba(203,234,116,.34) !important;
}

.bkps-root .bkps-theme-switch span,
.bkps-root .bkps-toggle span,
.bkps-root .bkps-switch span,
.bkps-root .bkps-toggle-knob{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    border-radius:50% !important;
    background:#fff !important;
    box-shadow:0 2px 8px rgba(0,0,0,.24) !important;
}

.bkps-root.bkps-dark .bkps-theme-switch span,
.bkps-root.bkps-dark .bkps-toggle span,
.bkps-root.bkps-dark .bkps-switch span,
.bkps-root.bkps-dark .bkps-toggle-knob{
    transform:translateX(20px) !important;
}


/* ===== v0.6.0.5 header tidy, branded loader, branded delete modal ===== */

/* Sidebar brand alignment and smaller strapline */
.bkps-root .bkps-brand,
.bkps-root .bkps-logo-row,
.bkps-root .bkps-sidebar-brand{
    display:grid !important;
    grid-template-columns:76px 1fr !important;
    column-gap:18px !important;
    align-items:start !important;
}

.bkps-root .bkps-brand img,
.bkps-root .bkps-brand-icon,
.bkps-root .bkps-logo-icon{
    width:76px !important;
    height:76px !important;
    border-radius:18px !important;
    grid-row:1 / span 3 !important;
    align-self:start !important;
}

.bkps-root .bkps-brand small,
.bkps-root .bkps-sidebar-brand small,
.bkps-root .bkps-logo-row small{
    margin-top:4px !important;
    line-height:1 !important;
    letter-spacing:.22em !important;
}

.bkps-root .bkps-brand h1,
.bkps-root .bkps-brand-title,
.bkps-root .bkps-sidebar-brand h1{
    margin:8px 0 0 !important;
    line-height:.92 !important;
}

.bkps-root .bkps-brand p,
.bkps-root .bkps-brand-subtitle,
.bkps-root .bkps-sidebar-brand p{
    grid-column:2 !important;
    margin:8px 0 0 !important;
    font-size:13px !important;
    line-height:1.15 !important;
    letter-spacing:.03em !important;
    color:rgba(246,243,236,.62) !important;
    max-width:220px !important;
}

/* Fallback if brand uses a simple logo then text wrapper */
.bkps-root .bkps-brand > div:not(:first-child) p{
    font-size:13px !important;
    line-height:1.15 !important;
}

/* Initial loading state */
.bkps-initial-loader{
    min-height:420px !important;
    display:grid !important;
    place-items:center !important;
    padding:40px 20px !important;
    background:
        radial-gradient(circle at 50% 20%, rgba(203,234,116,.10), transparent 34%),
        linear-gradient(180deg,#071009 0%,#020402 100%) !important;
    color:#f8f6ef !important;
    border-radius:24px !important;
}

.bkps-loader-card{
    width:min(500px,100%) !important;
    padding:34px 30px !important;
    border-radius:24px !important;
    text-align:center !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.10), transparent 36%),
        rgba(255,255,255,.035) !important;
    border:1px solid rgba(203,234,116,.12) !important;
    box-shadow:0 28px 90px rgba(0,0,0,.34) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
}

.bkps-loader-logo{
    width:58px !important;
    height:58px !important;
    margin:0 auto 18px !important;
    border-radius:16px !important;
    display:grid !important;
    place-items:center !important;
    background:linear-gradient(135deg,rgba(203,234,116,.18),rgba(203,234,116,.04)) !important;
    color:#cbea74 !important;
    font-size:42px !important;
    line-height:1 !important;
    font-weight:950 !important;
    box-shadow:0 0 34px rgba(203,234,116,.16) !important;
}

.bkps-loader-card small{
    display:block !important;
    color:#cbea74 !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
    font-size:11px !important;
    font-weight:950 !important;
    margin-bottom:10px !important;
}

.bkps-loader-card strong{
    display:block !important;
    color:#fff !important;
    font-size:24px !important;
    line-height:1.05 !important;
    letter-spacing:-.035em !important;
    white-space:nowrap !important;
    margin-bottom:10px !important;
}

.bkps-loader-card span{
    display:block !important;
    color:rgba(246,243,236,.62) !important;
    font-size:15px !important;
    line-height:1.45 !important;
}

/* Branded delete confirmation */
.bkps-root .bkps-delete-modal-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    display:grid !important;
    place-items:center !important;
    padding:24px !important;
    background:rgba(2,5,3,.62) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
}

.bkps-root .bkps-delete-modal{
    width:min(460px,100%) !important;
    padding:30px !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.09), transparent 32%),
        linear-gradient(180deg,rgba(13,18,13,.98),rgba(5,8,5,.99)) !important;
    border:1px solid rgba(203,234,116,.14) !important;
    box-shadow:0 34px 100px rgba(0,0,0,.48) !important;
    color:#f8f6ef !important;
    text-align:center !important;
}

.bkps-root .bkps-delete-mark{
    width:48px !important;
    height:48px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 auto 16px !important;
    border-radius:15px !important;
    background:rgba(216,75,87,.13) !important;
    color:#ff8d98 !important;
    font-size:28px !important;
    font-weight:950 !important;
    border:1px solid rgba(216,75,87,.20) !important;
}

.bkps-root .bkps-delete-modal small{
    display:block !important;
    color:#cbea74 !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
    font-size:11px !important;
    font-weight:950 !important;
    margin-bottom:10px !important;
}

.bkps-root .bkps-delete-modal h2{
    margin:0 0 10px !important;
    color:#fff !important;
    font-size:34px !important;
    line-height:.96 !important;
    letter-spacing:-.055em !important;
}

.bkps-root .bkps-delete-modal p{
    max-width:340px !important;
    margin:0 auto 22px !important;
    color:rgba(246,243,236,.68) !important;
    font-size:15px !important;
    line-height:1.45 !important;
}

.bkps-root .bkps-delete-modal p strong{
    color:#fff !important;
}

.bkps-root .bkps-delete-modal-actions{
    display:flex !important;
    justify-content:center !important;
    gap:10px !important;
}

.bkps-root .bkps-modal-secondary,
.bkps-root .bkps-modal-danger{
    min-height:46px !important;
    padding:0 20px !important;
    border-radius:14px !important;
    font-weight:950 !important;
    border:0 !important;
    cursor:pointer !important;
}

.bkps-root .bkps-modal-secondary{
    background:rgba(255,255,255,.08) !important;
    color:#f8f6ef !important;
}

.bkps-root .bkps-modal-danger{
    background:linear-gradient(135deg,#ff8d98 0%,#d84b57 100%) !important;
    color:#fff !important;
}

@media(max-width:520px){
    .bkps-loader-card strong{
        font-size:20px !important;
        white-space:normal !important;
    }
}

@media(max-width:760px){
    .bkps-root .bkps-delete-modal-actions{
        flex-direction:column !important;
    }

    .bkps-root .bkps-modal-secondary,
    .bkps-root .bkps-modal-danger{
        width:100% !important;
    }
}


/* ===== v0.6.0.6 sidebar refinements ===== */

/* Smaller single-line sidebar subtitle */
.bkps-root .bkps-brand p,
.bkps-root .bkps-brand-subtitle,
.bkps-root .bkps-sidebar-brand p{
    font-size:11px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    letter-spacing:.02em !important;
    margin-top:6px !important;
    opacity:.78 !important;
}

/* Hide old focus helper text completely */
.bkps-root .bkps-focus-copy,
.bkps-root .bkps-focus-subtitle,
.bkps-root .bkps-focus p,
.bkps-root .bkps-focus span,
.bkps-root .bkps-focus small{
    display:none !important;
}

/* Cleaner compact branded loading state */
.bkps-initial-loader{
    min-height:260px !important;
    background:
        radial-gradient(circle at 50% 18%, rgba(203,234,116,.08), transparent 28%),
        linear-gradient(180deg,#071009 0%,#020402 100%) !important;
}

.bkps-loader-card{
    width:min(360px,100%) !important;
    padding:26px 24px !important;
    border-radius:22px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.08), transparent 36%),
        rgba(255,255,255,.03) !important;
}

.bkps-loader-logo{
    width:52px !important;
    height:52px !important;
    margin-bottom:14px !important;
    font-size:38px !important;
}

.bkps-loader-card small{
    margin-bottom:8px !important;
}

.bkps-loader-card strong{
    font-size:18px !important;
    margin-bottom:14px !important;
    white-space:nowrap !important;
}

/* subtle spinner instead of huge loading block */
.bkps-loader-card span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    font-size:13px !important;
    opacity:.78 !important;
}

.bkps-loader-card span::before{
    content:'' !important;
    width:14px !important;
    height:14px !important;
    border-radius:50% !important;
    border:2px solid rgba(203,234,116,.18) !important;
    border-top-color:#cbea74 !important;
    animation:bkpsSpin .8s linear infinite !important;
}

@keyframes bkpsSpin{
    to{ transform:rotate(360deg); }
}



/* ===== v0.6.0.7 critical fixes ===== */

/* HARD remove old focus helper text and its vertical gap */
.bkps-root .bkps-sidebar .bkps-lock-zone,
.bkps-root .bkps-sidebar .bkps-focus-zone,
.bkps-root .bkps-sidebar .bkps-attention-zone,
.bkps-root .bkps-sidebar .bkps-focus-card,
.bkps-root .bkps-sidebar .bkps-lock-card,
.bkps-root .bkps-sidebar .bkps-attention-card,
.bkps-root .bkps-sidebar .bkps-big-lock,
.bkps-root .bkps-sidebar .bkps-focus-icon,
.bkps-root .bkps-sidebar .bkps-lock-subtitle,
.bkps-root .bkps-sidebar .bkps-focus-subtitle,
.bkps-root .bkps-sidebar .bkps-attention-subtitle,
.bkps-root .bkps-sidebar .bkps-focus-copy,
.bkps-root .bkps-sidebar .bkps-focus-helper,
.bkps-root .bkps-sidebar > p,
.bkps-root .bkps-sidebar .bkps-sidebar-inner > p{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    visibility:hidden !important;
}

/* Sidebar brand subtitle single line */
.bkps-root .bkps-brand p,
.bkps-root .bkps-brand-subtitle,
.bkps-root .bkps-sidebar-brand p{
    font-size:11px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    letter-spacing:.02em !important;
    margin-top:6px !important;
    opacity:.78 !important;
}

/* Full black initial loader, centred, no card */
.bkps-initial-loader{
    position:relative !important;
    width:100% !important;
    min-height:100vh !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    padding:32px !important;
    background:#020402 !important;
    color:#f8f6ef !important;
    text-align:center !important;
    border-radius:0 !important;
}

.bkps-initial-loader .bkps-loader-logo,
.bkps-loader-logo{
    width:54px !important;
    height:54px !important;
    border-radius:16px !important;
    display:grid !important;
    place-items:center !important;
    background:linear-gradient(135deg,rgba(203,234,116,.18),rgba(203,234,116,.04)) !important;
    color:#cbea74 !important;
    font-size:40px !important;
    line-height:1 !important;
    font-weight:950 !important;
    box-shadow:0 0 34px rgba(203,234,116,.16) !important;
    margin:0 0 8px !important;
}

.bkps-initial-loader small{
    display:block !important;
    color:#cbea74 !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
    font-size:11px !important;
    font-weight:950 !important;
}

.bkps-initial-loader strong{
    display:block !important;
    color:#fff !important;
    font-size:20px !important;
    line-height:1.05 !important;
    letter-spacing:-.035em !important;
    white-space:nowrap !important;
}

.bkps-initial-loader span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    margin-top:8px !important;
    color:rgba(246,243,236,.62) !important;
    font-size:13px !important;
}

.bkps-initial-loader span::before{
    content:'' !important;
    width:14px !important;
    height:14px !important;
    border-radius:50% !important;
    border:2px solid rgba(203,234,116,.18) !important;
    border-top-color:#cbea74 !important;
    animation:bkpsSpin .8s linear infinite !important;
}

@keyframes bkpsSpin{
    to{ transform:rotate(360deg); }
}

/* Branded delete modal */
.bkps-root .bkps-delete-modal-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    display:grid !important;
    place-items:center !important;
    padding:24px !important;
    background:rgba(2,5,3,.62) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
}

.bkps-root .bkps-delete-modal{
    width:min(460px,100%) !important;
    padding:30px !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.09), transparent 32%),
        linear-gradient(180deg,rgba(13,18,13,.98),rgba(5,8,5,.99)) !important;
    border:1px solid rgba(203,234,116,.14) !important;
    box-shadow:0 34px 100px rgba(0,0,0,.48) !important;
    color:#f8f6ef !important;
    text-align:center !important;
}

.bkps-root .bkps-delete-mark{
    width:48px !important;
    height:48px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 auto 16px !important;
    border-radius:15px !important;
    background:rgba(216,75,87,.13) !important;
    color:#ff8d98 !important;
    font-size:28px !important;
    font-weight:950 !important;
    border:1px solid rgba(216,75,87,.20) !important;
}

.bkps-root .bkps-delete-modal small{
    display:block !important;
    color:#cbea74 !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
    font-size:11px !important;
    font-weight:950 !important;
    margin-bottom:10px !important;
}

.bkps-root .bkps-delete-modal h2{
    margin:0 0 10px !important;
    color:#fff !important;
    font-size:34px !important;
    line-height:.96 !important;
    letter-spacing:-.055em !important;
}

.bkps-root .bkps-delete-modal p{
    max-width:340px !important;
    margin:0 auto 22px !important;
    color:rgba(246,243,236,.68) !important;
    font-size:15px !important;
    line-height:1.45 !important;
}

.bkps-root .bkps-delete-modal p strong{
    color:#fff !important;
}

.bkps-root .bkps-delete-modal-actions{
    display:flex !important;
    justify-content:center !important;
    gap:10px !important;
}

.bkps-root .bkps-modal-secondary,
.bkps-root .bkps-modal-danger{
    min-height:46px !important;
    padding:0 20px !important;
    border-radius:14px !important;
    font-weight:950 !important;
    border:0 !important;
    cursor:pointer !important;
}

.bkps-root .bkps-modal-secondary{
    background:rgba(255,255,255,.08) !important;
    color:#f8f6ef !important;
}

.bkps-root .bkps-modal-danger{
    background:linear-gradient(135deg,#ff8d98 0%,#d84b57 100%) !important;
    color:#fff !important;
}

/* Task delete button reliability */
.bkps-root .bkps-delete-task{
    pointer-events:auto !important;
    cursor:pointer !important;
    z-index:3 !important;
}

/* Fullscreen should not introduce white gaps */
:fullscreen,
:fullscreen body,
:fullscreen .bkps-root,
:fullscreen .bkps-app{
    background:#020402 !important;
}

:fullscreen .bkps-root{
    width:100vw !important;
    min-height:100vh !important;
    overflow:auto !important;
}

@media(max-width:760px){
    .bkps-root .bkps-delete-modal-actions{
        flex-direction:column !important;
    }

    .bkps-root .bkps-modal-secondary,
    .bkps-root .bkps-modal-danger{
        width:100% !important;
    }

    .bkps-initial-loader strong{
        font-size:18px !important;
        white-space:normal !important;
    }
}


/* ===== v0.6.0.8 editable profile and replaceable avatar ===== */

.bkps-root .bkps-user-card,
.bkps-root .bkps-user,
.bkps-root .bkps-profile-card{
    cursor:pointer !important;
    transition:opacity .18s ease, transform .18s ease, border-color .18s ease !important;
}

.bkps-root .bkps-user-card:hover,
.bkps-root .bkps-user:hover,
.bkps-root .bkps-profile-card:hover{
    transform:translateY(-1px) !important;
    opacity:.95 !important;
}

.bkps-root .bkps-user-card img,
.bkps-root .bkps-user img,
.bkps-root .bkps-profile-card img,
.bkps-root .bkps-user-avatar img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:inherit !important;
    display:block !important;
}

/* Profile modal */
.bkps-root .bkps-profile-modal-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    display:grid !important;
    place-items:center !important;
    padding:24px !important;
    background:rgba(2,5,3,.68) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
}

.bkps-root .bkps-profile-modal{
    position:relative !important;
    width:min(480px,100%) !important;
    padding:30px !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.10), transparent 32%),
        linear-gradient(180deg,rgba(13,18,13,.98),rgba(5,8,5,.99)) !important;
    border:1px solid rgba(203,234,116,.14) !important;
    box-shadow:0 34px 100px rgba(0,0,0,.48) !important;
    color:#f8f6ef !important;
    text-align:center !important;
}

.bkps-root .bkps-profile-modal small{
    display:block !important;
    color:#cbea74 !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
    font-size:11px !important;
    font-weight:950 !important;
    margin-bottom:10px !important;
}

.bkps-root .bkps-profile-modal h2{
    margin:0 0 22px !important;
    color:#fff !important;
    font-size:32px !important;
    line-height:.96 !important;
    letter-spacing:-.055em !important;
}

.bkps-root .bkps-profile-close{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    width:34px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    font-size:22px !important;
    line-height:1 !important;
}

.bkps-root .bkps-avatar-picker{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 auto 22px !important;
    cursor:pointer !important;
}

.bkps-root .bkps-avatar-picker input{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.bkps-root .bkps-avatar-preview{
    width:96px !important;
    height:96px !important;
    border-radius:26px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 50% 30%, rgba(203,234,116,.20), transparent 48%),
        rgba(255,255,255,.055) !important;
    border:1px solid rgba(203,234,116,.16) !important;
    box-shadow:0 0 34px rgba(203,234,116,.12) !important;
}

.bkps-root .bkps-avatar-preview img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

.bkps-root .bkps-avatar-preview b{
    color:#cbea74 !important;
    font-size:46px !important;
    line-height:1 !important;
    font-weight:950 !important;
}

.bkps-root .bkps-avatar-picker em{
    font-style:normal !important;
    color:#cbea74 !important;
    font-size:13px !important;
    font-weight:900 !important;
}

.bkps-root .bkps-profile-field{
    display:block !important;
    text-align:left !important;
    margin:0 0 18px !important;
}

.bkps-root .bkps-profile-field span{
    display:block !important;
    margin:0 0 8px !important;
    color:rgba(246,243,236,.64) !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}

.bkps-root .bkps-profile-field input{
    width:100% !important;
    min-height:52px !important;
    border-radius:16px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:rgba(255,255,255,.06) !important;
    color:#fff !important;
    padding:0 16px !important;
    font-size:18px !important;
    font-weight:850 !important;
}

.bkps-root .bkps-profile-actions{
    display:flex !important;
    gap:10px !important;
    justify-content:center !important;
}

.bkps-root .bkps-profile-save,
.bkps-root .bkps-profile-remove{
    min-height:46px !important;
    border-radius:14px !important;
    padding:0 18px !important;
    font-weight:950 !important;
    border:0 !important;
}

.bkps-root .bkps-profile-save{
    background:linear-gradient(135deg,#cbea74 0%,#76aa5c 100%) !important;
    color:#102010 !important;
}

.bkps-root .bkps-profile-remove{
    background:rgba(216,75,87,.12) !important;
    color:#ff8d98 !important;
}

@media(max-width:760px){
    .bkps-root .bkps-profile-actions{
        flex-direction:column !important;
    }

    .bkps-root .bkps-profile-save,
    .bkps-root .bkps-profile-remove{
        width:100% !important;
    }
}


/* ===== v0.6.0.9 BareKit Focus upgrade modal ===== */

.bkps-root .bkps-focus-modal-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    display:grid !important;
    place-items:center !important;
    padding:24px !important;
    background:rgba(1,3,2,.74) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
}

.bkps-root .bkps-focus-modal{
    position:relative !important;
    width:min(720px,100%) !important;
    padding:40px !important;
    border-radius:28px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.14), transparent 36%),
        radial-gradient(circle at 12% 100%, rgba(44,93,55,.16), transparent 38%),
        linear-gradient(180deg,rgba(14,20,14,.98),rgba(4,7,4,.99)) !important;
    border:1px solid rgba(203,234,116,.16) !important;
    box-shadow:0 40px 120px rgba(0,0,0,.55) !important;
    color:#f8f6ef !important;
    text-align:center !important;
}

.bkps-root .bkps-focus-close{
    position:absolute !important;
    top:16px !important;
    right:16px !important;
    width:36px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    font-size:24px !important;
    display:grid !important;
    place-items:center !important;
}

.bkps-root .bkps-focus-modal small{
    display:block !important;
    color:#cbea74 !important;
    letter-spacing:.24em !important;
    text-transform:uppercase !important;
    font-size:11px !important;
    font-weight:950 !important;
    margin-bottom:14px !important;
}

.bkps-root .bkps-focus-modal h2{
    max-width:620px !important;
    margin:0 auto 16px !important;
    color:#fff !important;
    font-size:clamp(34px,5vw,58px) !important;
    line-height:.92 !important;
    letter-spacing:-.065em !important;
}

.bkps-root .bkps-focus-modal p{
    max-width:585px !important;
    margin:0 auto 24px !important;
    color:rgba(246,243,236,.72) !important;
    font-size:16px !important;
    line-height:1.5 !important;
}

.bkps-root .bkps-focus-modal p strong{ color:#fff !important; }

.bkps-root .bkps-focus-features{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin:0 0 22px !important;
    text-align:left !important;
}

.bkps-root .bkps-focus-features div{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-height:46px !important;
    padding:12px 14px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    color:rgba(246,243,236,.84) !important;
    font-size:14px !important;
    font-weight:850 !important;
}

.bkps-root .bkps-focus-features span{
    color:#cbea74 !important;
    font-size:19px !important;
}

.bkps-root .bkps-focus-pricing{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
    margin:0 0 22px !important;
}

.bkps-root .bkps-focus-plan{
    border-radius:20px !important;
    padding:18px !important;
    background:rgba(255,255,255,.052) !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.bkps-root .bkps-focus-plan-featured{
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.16), transparent 55%),
        rgba(203,234,116,.055) !important;
    border-color:rgba(203,234,116,.22) !important;
    box-shadow:0 0 38px rgba(203,234,116,.08) !important;
}

.bkps-root .bkps-focus-plan span{
    display:block !important;
    color:rgba(246,243,236,.66) !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    margin-bottom:10px !important;
}

.bkps-root .bkps-focus-plan strong{
    display:block !important;
    color:#cbea74 !important;
    font-size:38px !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
    margin-bottom:8px !important;
}

.bkps-root .bkps-focus-plan em{
    display:block !important;
    font-style:normal !important;
    color:rgba(246,243,236,.60) !important;
    font-size:13px !important;
    font-weight:800 !important;
}

.bkps-root .bkps-focus-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:6px !important;
}

.bkps-root .bkps-focus-primary,
.bkps-root .bkps-focus-secondary{
    min-height:52px !important;
    border-radius:16px !important;
    font-size:15px !important;
    font-weight:950 !important;
    border:0 !important;
}

.bkps-root .bkps-focus-primary{
    background:linear-gradient(135deg,#cbea74 0%,#a8c95f 48%,#2f7d46 100%) !important;
    color:#102010 !important;
}

.bkps-root .bkps-focus-secondary{
    background:rgba(255,255,255,.08) !important;
    color:#f8f6ef !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.bkps-root .bkps-focus-later{
    margin:16px auto 0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:rgba(246,243,236,.52) !important;
    font-size:13px !important;
    font-weight:850 !important;
    box-shadow:none !important;
}

.bkps-root .bkps-focus-install-modal{ width:min(520px,100%) !important; }

.bkps-root .bkps-focus-install-modal h2{ font-size:clamp(32px,5vw,48px) !important; }

@media(max-width:760px){
    .bkps-root .bkps-focus-modal{
        padding:32px 20px !important;
        border-radius:24px !important;
    }
    .bkps-root .bkps-focus-features,
    .bkps-root .bkps-focus-pricing,
    .bkps-root .bkps-focus-actions{
        grid-template-columns:1fr !important;
    }
}


/* ===== v0.6.1.0 profile click and Focus modal clarity ===== */

.bkps-root .bkps-user-card,
.bkps-root .bkps-user,
.bkps-root .bkps-profile-card,
.bkps-root .bkps-user-avatar,
.bkps-root .bkps-user-name{
    cursor:pointer !important;
}

.bkps-root .bkps-user-card:hover,
.bkps-root .bkps-user:hover,
.bkps-root .bkps-profile-card:hover{
    opacity:.92 !important;
    transform:translateY(-1px) !important;
}

.bkps-root .bkps-focus-note{
    max-width:560px !important;
    margin:-8px auto 18px !important;
    color:rgba(246,243,236,.62) !important;
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:800 !important;
}

.bkps-root .bkps-focus-actions-under-plans{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
}

.bkps-root .bkps-focus-pricing{
    align-items:stretch !important;
}

.bkps-root .bkps-focus-plan{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

@media(max-width:760px){
    .bkps-root .bkps-focus-actions-under-plans{
        grid-template-columns:1fr !important;
    }
}


/* ===== v0.6.1.1 profile save, task save, fullscreen stability ===== */

.bkps-root .bkps-profile-avatar{
    overflow:hidden !important;
}

.bkps-root .bkps-profile-avatar img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:inherit !important;
}

.bkps-root .bkps-profile-save{
    pointer-events:auto !important;
    cursor:pointer !important;
}

:fullscreen,
:fullscreen body,
:fullscreen .bkps-root,
:fullscreen .bkps-app,
:-webkit-full-screen,
:-webkit-full-screen body,
:-webkit-full-screen .bkps-root,
:-webkit-full-screen .bkps-app{
    background:#020402 !important;
}

:fullscreen .bkps-root,
:-webkit-full-screen .bkps-root{
    width:100vw !important;
    min-height:100vh !important;
    overflow:auto !important;
}


/* ===== v0.6.1.2 focus modal simplified and frame removal ===== */

/* Remove outer white frame/padding from host page and app shell */
html:has(.bkps-root),
body:has(.bkps-root){
    background:#020402 !important;
}

body:has(.bkps-root) .site,
body:has(.bkps-root) .site-content,
body:has(.bkps-root) .content-area,
body:has(.bkps-root) .entry-content,
body:has(.bkps-root) .ast-container,
body:has(.bkps-root) .elementor,
body:has(.bkps-root) .elementor-section,
body:has(.bkps-root) .elementor-container,
body:has(.bkps-root) .elementor-widget-container{
    background:#020402 !important;
    padding:0 !important;
    margin:0 !important;
    max-width:none !important;
    width:100% !important;
    border:0 !important;
    box-shadow:none !important;
}

.bkps-root{
    background:#020402 !important;
    border:0 !important;
    box-shadow:none !important;
}

.bkps-root .bkps-app{
    background:#020402 !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Sidebar strapline on one line */
.bkps-root .bkps-brand p,
.bkps-root .bkps-brand-subtitle,
.bkps-root .bkps-sidebar-brand p{
    font-size:10.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    letter-spacing:.015em !important;
    max-width:none !important;
}

/* Simplified Focus modal */
.bkps-root .bkps-focus-modal{
    width:min(680px,100%) !important;
}

.bkps-root .bkps-focus-modal p{
    max-width:570px !important;
}

.bkps-root .bkps-focus-connected-card{
    margin:0 auto 18px !important;
    max-width:430px !important;
    border-radius:22px !important;
    padding:22px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.18), transparent 58%),
        rgba(203,234,116,.06) !important;
    border:1px solid rgba(203,234,116,.24) !important;
    box-shadow:0 0 42px rgba(203,234,116,.10) !important;
}

.bkps-root .bkps-focus-connected-card span{
    display:block !important;
    color:rgba(246,243,236,.72) !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
    margin-bottom:10px !important;
}

.bkps-root .bkps-focus-connected-card strong{
    display:block !important;
    color:#cbea74 !important;
    font-size:44px !important;
    line-height:1 !important;
    letter-spacing:-.05em !important;
    margin-bottom:8px !important;
}

.bkps-root .bkps-focus-connected-card em{
    display:block !important;
    font-style:normal !important;
    color:rgba(246,243,236,.66) !important;
    font-size:14px !important;
    font-weight:850 !important;
    line-height:1.35 !important;
}

.bkps-root .bkps-focus-actions-single{
    display:flex !important;
    justify-content:center !important;
    margin-top:8px !important;
}

.bkps-root .bkps-focus-actions-single .bkps-focus-primary{
    width:min(430px,100%) !important;
}

/* Hide any left over standalone pricing/card/button if old markup remains */
.bkps-root .bkps-focus-plan:not(.bkps-focus-plan-featured),
.bkps-root .bkps-focus-secondary[data-action="focus-download"]{
    display:none !important;
}

@media(max-width:760px){
    .bkps-root .bkps-focus-connected-card{
        max-width:100% !important;
    }
}


/* ===== v0.6.1.3 BareKit moss polish pass ===== */

.bkps-root{
    --bkps-moss:#cbea74;
    --bkps-moss-2:#9fc767;
    --bkps-moss-3:#5f8f4b;
    --bkps-cream:#f6f1e7;
    --bkps-panel:rgba(246,241,231,.035);
    --bkps-panel-strong:rgba(246,241,231,.055);
    --bkps-line:rgba(203,234,116,.10);
    --bkps-line-soft:rgba(246,241,231,.075);
}

/* Replace teal/cyan UI accents with moss green */
.bkps-root button,
.bkps-root .bkps-primary,
.bkps-root .bkps-add-button,
.bkps-root .bkps-mission-button,
.bkps-root .bkps-save-button,
.bkps-root .bkps-focus-primary,
.bkps-root [class*="primary"],
.bkps-root [class*="mission"]{
    box-shadow:none !important;
}

.bkps-root .bkps-add-button,
.bkps-root .bkps-save-button,
.bkps-root .bkps-mission-button,
.bkps-root button[data-action="add-task"],
.bkps-root button[data-action="save-project"],
.bkps-root button[data-mission-task]{
    background:linear-gradient(135deg,var(--bkps-moss) 0%,var(--bkps-moss-2) 48%,var(--bkps-moss-3) 100%) !important;
    color:#102010 !important;
    border:0 !important;
    box-shadow:0 16px 42px rgba(203,234,116,.13) !important;
}

/* Softer secondary buttons */
.bkps-root .bkps-secondary,
.bkps-root .bkps-show-tasks,
.bkps-root .bkps-start-focus,
.bkps-root .bkps-goblin-button,
.bkps-root button[data-action="start-focus"],
.bkps-root button[data-action="show-tasks"],
.bkps-root button[data-action="ask-goblin"]{
    background:rgba(203,234,116,.09) !important;
    color:var(--bkps-moss) !important;
    border:1px solid rgba(203,234,116,.10) !important;
}

/* Today focus card has more importance */
.bkps-root .bkps-stat-card:first-of-type,
.bkps-root .bkps-status-card:first-of-type,
.bkps-root .bkps-top-card:first-of-type,
.bkps-root [data-card="focus"]{
    background:
        radial-gradient(circle at 12% 50%, rgba(203,234,116,.12), transparent 36%),
        rgba(246,241,231,.045) !important;
    border-color:rgba(203,234,116,.16) !important;
}

.bkps-root .bkps-stat-card:first-of-type strong,
.bkps-root .bkps-status-card:first-of-type strong,
.bkps-root .bkps-top-card:first-of-type strong{
    color:#fff !important;
    font-size:1.08em !important;
}

/* Project cards warmer, less hard dashboard */
.bkps-root .bkps-project-card,
.bkps-root .bkps-portfolio-card,
.bkps-root .bkps-project-button,
.bkps-root .bkps-project-list-item{
    background:
        radial-gradient(circle at 0% 30%, rgba(203,234,116,.045), transparent 38%),
        rgba(246,241,231,.035) !important;
    border-color:rgba(246,241,231,.075) !important;
    box-shadow:0 18px 50px rgba(0,0,0,.12) !important;
}

.bkps-root .bkps-project-card:hover,
.bkps-root .bkps-portfolio-card:hover,
.bkps-root .bkps-project-button:hover,
.bkps-root .bkps-project-list-item:hover{
    border-color:rgba(203,234,116,.18) !important;
    background:
        radial-gradient(circle at 0% 30%, rgba(203,234,116,.075), transparent 40%),
        rgba(246,241,231,.048) !important;
}

/* Project colour strip slightly more premium */
.bkps-root .bkps-project-colour,
.bkps-root .bkps-project-color,
.bkps-root .bkps-project-accent,
.bkps-root .bkps-colour-bar{
    box-shadow:0 0 18px currentColor !important;
    opacity:.9 !important;
}

/* Softer task rows */
.bkps-root .bkps-task-row,
.bkps-root .bkps-task-item,
.bkps-root .bkps-task{
    background:rgba(246,241,231,.028) !important;
    border-color:rgba(246,241,231,.06) !important;
    border-radius:18px !important;
}

.bkps-root .bkps-task-row:hover,
.bkps-root .bkps-task-item:hover,
.bkps-root .bkps-task:hover{
    background:rgba(246,241,231,.045) !important;
    border-color:rgba(203,234,116,.12) !important;
}

/* Completion circles feel calmer */
.bkps-root .bkps-task-check,
.bkps-root .bkps-checkbox,
.bkps-root input[type="checkbox"]{
    border-color:rgba(246,241,231,.26) !important;
    background:rgba(246,241,231,.08) !important;
}

.bkps-root .bkps-task-check.is-done,
.bkps-root .bkps-checkbox.is-done,
.bkps-root input[type="checkbox"]:checked{
    background:var(--bkps-moss) !important;
    border-color:var(--bkps-moss) !important;
}

/* Panels less boxy */
.bkps-root .bkps-panel,
.bkps-root .bkps-card,
.bkps-root .bkps-section-card,
.bkps-root .bkps-main-card{
    border-color:rgba(246,241,231,.065) !important;
    box-shadow:0 22px 70px rgba(0,0,0,.16) !important;
}

/* Progress rings warmer */
.bkps-root .bkps-progress-ring,
.bkps-root .bkps-progress-circle,
.bkps-root .bkps-today-progress{
    filter:drop-shadow(0 0 18px rgba(203,234,116,.10)) !important;
}

/* Delete buttons less shouty until hover */
.bkps-root .bkps-delete,
.bkps-root .bkps-delete-task,
.bkps-root button[data-delete-task],
.bkps-root button[data-delete-project]{
    background:rgba(216,75,87,.10) !important;
    color:#ff8d98 !important;
    border:1px solid rgba(216,75,87,.18) !important;
}

.bkps-root .bkps-delete:hover,
.bkps-root .bkps-delete-task:hover,
.bkps-root button[data-delete-task]:hover,
.bkps-root button[data-delete-project]:hover{
    background:rgba(216,75,87,.18) !important;
}

/* Sidebar feels more native */
.bkps-root .bkps-sidebar{
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.075), transparent 30%),
        linear-gradient(180deg,rgba(8,17,10,.96),rgba(1,5,3,.99)) !important;
}

.bkps-root .bkps-nav button,
.bkps-root .bkps-sidebar nav button{
    border-color:rgba(246,241,231,.075) !important;
}

.bkps-root .bkps-nav button.is-active,
.bkps-root .bkps-sidebar nav button.is-active,
.bkps-root .bkps-nav .is-active{
    background:linear-gradient(135deg,rgba(203,234,116,.16),rgba(203,234,116,.06)) !important;
    color:var(--bkps-moss) !important;
    border-color:rgba(203,234,116,.22) !important;
}

/* Make the title screens feel less sparse without adding clutter */
.bkps-root .bkps-page-title,
.bkps-root .bkps-view-title,
.bkps-root .bkps-page h1{
    letter-spacing:-.065em !important;
}

/* Remove remaining cyan shadows */
.bkps-root *{
    --cyan:var(--bkps-moss) !important;
    --teal:var(--bkps-moss-2) !important;
}



/* ===== v0.6.1.4 moss contrast and rapid task entry polish ===== */

.bkps-root{
    --bkps-moss:#cbea74 !important;
    --bkps-moss-bright:#d8f385 !important;
    --bkps-moss-mid:#9fc767 !important;
    --bkps-moss-deep:#4f7f3f !important;
    --bkps-cream:#f7f2e8 !important;
    --bkps-soft:#b9b7ad !important;
    --bkps-danger:#e65c7f !important;
    --bkps-danger-bg:rgba(230,92,127,.14) !important;
}

/* Kill remaining blue and cyan accents inside the app */
.bkps-root,
.bkps-root *{
    --accent:#cbea74 !important;
    --primary:#cbea74 !important;
    --cyan:#cbea74 !important;
    --teal:#9fc767 !important;
    --blue:#cbea74 !important;
}

/* Better readable moss buttons */
.bkps-root button[data-action="start-focus"],
.bkps-root button[data-action="show-tasks"],
.bkps-root .bkps-start-focus,
.bkps-root .bkps-show-tasks{
    background:linear-gradient(135deg,rgba(203,234,116,.18),rgba(203,234,116,.10)) !important;
    color:var(--bkps-moss-bright) !important;
    border:1px solid rgba(203,234,116,.16) !important;
    box-shadow:none !important;
}

.bkps-root button[data-action="ask-goblin"],
.bkps-root .bkps-goblin-button{
    background:linear-gradient(135deg,rgba(203,234,116,.14),rgba(95,143,75,.12)) !important;
    color:#a8d66f !important;
    border:1px solid rgba(203,234,116,.14) !important;
}

.bkps-root button[data-action="start-focus"]:hover,
.bkps-root button[data-action="show-tasks"]:hover,
.bkps-root button[data-action="ask-goblin"]:hover{
    background:linear-gradient(135deg,rgba(203,234,116,.25),rgba(203,234,116,.14)) !important;
    color:#efffc0 !important;
    transform:translateY(-1px) !important;
}

/* Primary add/save/mission buttons with moss, not cyan */
.bkps-root .bkps-add-button,
.bkps-root .bkps-save-button,
.bkps-root .bkps-mission-button,
.bkps-root button[data-action="add-task"],
.bkps-root button[data-action="save-project"],
.bkps-root button[data-mission-task],
.bkps-root .bkps-profile-save,
.bkps-root .bkps-focus-primary{
    background:linear-gradient(135deg,#d8f385 0%,#a8cf68 45%,#5f9a4d 100%) !important;
    color:#0d190d !important;
    border:0 !important;
    box-shadow:0 14px 36px rgba(203,234,116,.14) !important;
}

/* Remove stubborn blue from project editor colour/save states */
.bkps-root input[type="color"],
.bkps-root .bkps-colour-preview,
.bkps-root .bkps-color-preview,
.bkps-root .bkps-project-colour-preview{
    accent-color:var(--bkps-moss) !important;
}

.bkps-root .bkps-project-form button,
.bkps-root .bkps-edit-project button,
.bkps-root .bkps-add-project button{
    background:linear-gradient(135deg,#d8f385 0%,#9fc767 52%,#4f7f3f 100%) !important;
    color:#0d190d !important;
}

/* But keep destructive buttons pink */
.bkps-root .bkps-delete,
.bkps-root .bkps-delete-task,
.bkps-root button[data-delete-task],
.bkps-root button[data-delete-project]{
    background:var(--bkps-danger-bg) !important;
    color:#ff7fa0 !important;
    border:1px solid rgba(230,92,127,.22) !important;
    box-shadow:none !important;
}

/* Improve contrast without making it shout */
.bkps-root h1,
.bkps-root h2,
.bkps-root h3,
.bkps-root strong,
.bkps-root .bkps-project-title,
.bkps-root .bkps-task-title{
    color:var(--bkps-cream) !important;
}

.bkps-root p,
.bkps-root span,
.bkps-root small,
.bkps-root .bkps-muted{
    color:rgba(247,242,232,.66) !important;
}

.bkps-root .bkps-kicker,
.bkps-root .bkps-label,
.bkps-root [class*="kicker"],
.bkps-root [class*="label"]{
    color:rgba(216,243,133,.78) !important;
}

/* Softer, warmer panels */
.bkps-root .bkps-panel,
.bkps-root .bkps-card,
.bkps-root .bkps-section-card,
.bkps-root .bkps-main-card,
.bkps-root .bkps-project-card,
.bkps-root .bkps-task-row,
.bkps-root .bkps-task-item{
    background:
        radial-gradient(circle at 0% 20%, rgba(203,234,116,.035), transparent 32%),
        rgba(247,242,232,.028) !important;
    border-color:rgba(247,242,232,.065) !important;
}

/* Task rows tightened and cleaner */
.bkps-root .bkps-task-row,
.bkps-root .bkps-task-item{
    min-height:58px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
}

/* Quick task input should feel ready for rapid capture */
.bkps-root [data-role="quick-task"]{
    caret-color:var(--bkps-moss) !important;
}

.bkps-root [data-role="quick-task"]:focus{
    outline:none !important;
    border-color:rgba(203,234,116,.26) !important;
    box-shadow:0 0 0 3px rgba(203,234,116,.08) !important;
}

/* Blue SVG/icon fill fallback */
.bkps-root svg [fill="#2563eb"],
.bkps-root svg [fill="#3b82f6"],
.bkps-root svg [fill="#06b6d4"],
.bkps-root svg [stroke="#2563eb"],
.bkps-root svg [stroke="#3b82f6"],
.bkps-root svg [stroke="#06b6d4"]{
    fill:var(--bkps-moss) !important;
    stroke:var(--bkps-moss) !important;
}

/* Project page specific blue button override */
.bkps-root .bkps-project-page button,
.bkps-root .bkps-projects-page button{
    --button-accent:var(--bkps-moss) !important;
}


/* ===== v0.6.1.5 adaptive mood, settings, language, daily check in ===== */

.bkps-root button[data-action="open-settings"]{
    width:100% !important;
    min-height:44px !important;
    justify-content:flex-start !important;
    background:rgba(247,242,232,.045) !important;
    color:rgba(247,242,232,.84) !important;
    border:1px solid rgba(247,242,232,.075) !important;
    border-radius:16px !important;
    padding:0 16px !important;
    font-weight:900 !important;
}

.bkps-root .bkps-settings-modal-backdrop,
.bkps-root .bkps-daily-modal-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    display:grid !important;
    place-items:center !important;
    padding:24px !important;
    background:rgba(1,3,2,.72) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
}

.bkps-root .bkps-settings-modal,
.bkps-root .bkps-daily-modal{
    position:relative !important;
    width:min(520px,100%) !important;
    padding:32px !important;
    border-radius:26px !important;
    background:radial-gradient(circle at 50% 0%, rgba(203,234,116,.12), transparent 38%),linear-gradient(180deg,rgba(13,18,13,.98),rgba(4,7,4,.99)) !important;
    border:1px solid rgba(203,234,116,.16) !important;
    box-shadow:0 40px 120px rgba(0,0,0,.50) !important;
    color:#f7f2e8 !important;
    text-align:center !important;
}

.bkps-root .bkps-settings-close{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    width:34px !important;
    height:34px !important;
    min-height:34px !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    font-size:22px !important;
}

.bkps-root .bkps-settings-modal small,
.bkps-root .bkps-daily-modal small{
    display:block !important;
    color:#cbea74 !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
    font-size:11px !important;
    font-weight:950 !important;
    margin-bottom:10px !important;
}

.bkps-root .bkps-settings-modal h2,
.bkps-root .bkps-daily-modal h2{
    margin:0 0 20px !important;
    color:#fff !important;
    font-size:36px !important;
    line-height:.96 !important;
    letter-spacing:-.055em !important;
}

.bkps-root .bkps-daily-modal p{
    margin:0 0 18px !important;
    color:rgba(247,242,232,.70) !important;
    font-size:17px !important;
}

.bkps-root .bkps-settings-field{
    display:block !important;
    text-align:left !important;
    margin:0 0 16px !important;
}

.bkps-root .bkps-settings-field span{
    display:block !important;
    margin:0 0 8px !important;
    color:rgba(216,243,133,.78) !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
}

.bkps-root .bkps-settings-field input,
.bkps-root .bkps-settings-field select{
    width:100% !important;
    min-height:52px !important;
    border-radius:16px !important;
    border:1px solid rgba(247,242,232,.09) !important;
    background:rgba(247,242,232,.06) !important;
    color:#fff !important;
    padding:0 16px !important;
    font-size:17px !important;
    font-weight:850 !important;
}

.bkps-root .bkps-settings-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:18px !important;
}

.bkps-root .bkps-settings-primary,
.bkps-root .bkps-settings-secondary{
    min-height:48px !important;
    border-radius:15px !important;
    border:0 !important;
    font-weight:950 !important;
}

.bkps-root .bkps-settings-primary{
    background:linear-gradient(135deg,#d8f385 0%,#9fc767 52%,#4f7f3f 100%) !important;
    color:#0d190d !important;
}

.bkps-root .bkps-settings-secondary{
    background:rgba(247,242,232,.07) !important;
    color:rgba(247,242,232,.76) !important;
    border:1px solid rgba(247,242,232,.08) !important;
}

.bkps-root .bkps-daily-moods{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:10px !important;
    margin:0 0 18px !important;
}

.bkps-root .bkps-daily-moods button{
    min-height:110px !important;
    border-radius:22px !important;
    background:rgba(247,242,232,.055) !important;
    border:1px solid rgba(247,242,232,.08) !important;
    color:#fff !important;
    font-size:34px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
}

.bkps-root .bkps-daily-moods span{
    color:rgba(247,242,232,.82) !important;
    font-size:14px !important;
    font-weight:950 !important;
}

.bkps-root .bkps-daily-skip{
    background:transparent !important;
    border:0 !important;
    color:rgba(247,242,232,.48) !important;
    font-size:13px !important;
    font-weight:850 !important;
}

.bkps-root button[data-action="choose-task"]{
    background:linear-gradient(135deg,#d8f385 0%,#9fc767 52%,#4f7f3f 100%) !important;
    color:#0d190d !important;
    border:0 !important;
}

@media(max-width:760px){
    .bkps-root .bkps-settings-actions,
    .bkps-root .bkps-daily-moods{
        grid-template-columns:1fr !important;
    }
}


/* ===== v0.6.1.6 fixed onboarding language, settings render, layout cleanup ===== */

.bkps-root .bkps-onboarding-language,
.bkps-root [data-role="profile-language-input"]{
    width:100% !important;
    min-height:52px !important;
    margin:12px 0 0 !important;
    border-radius:16px !important;
    border:1px solid rgba(247,242,232,.10) !important;
    background:rgba(247,242,232,.07) !important;
    color:#fff !important;
    text-align:center !important;
    font-weight:900 !important;
    padding:0 16px !important;
}

.bkps-root .bkps-thought-bar,
.bkps-root .bkps-today-thought,
.bkps-root .bkps-thought-card{
    max-height:0 !important;
    min-height:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    border:0 !important;
}

.bkps-root .bkps-main,
.bkps-root .bkps-content,
.bkps-root .bkps-app-main{
    padding-top:16px !important;
}

.bkps-root .bkps-top-row,
.bkps-root .bkps-status-row,
.bkps-root .bkps-top-pills{
    margin-top:0 !important;
}

.bkps-root .bkps-top-pill,
.bkps-root .bkps-stat-card,
.bkps-root .bkps-status-card{
    min-height:72px !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
}

.bkps-root .bkps-sidebar{
    gap:16px !important;
}

.bkps-root .bkps-sidebar nav,
.bkps-root .bkps-nav{
    gap:9px !important;
}

.bkps-root .bkps-sidebar nav button,
.bkps-root .bkps-nav button,
.bkps-root button[data-action="open-settings"],
.bkps-root .bkps-settings-nav{
    min-height:56px !important;
    border-radius:18px !important;
    padding:0 18px !important;
}

.bkps-root button[data-action="open-settings"],
.bkps-root .bkps-settings-nav{
    width:100% !important;
    justify-content:flex-start !important;
    background:rgba(247,242,232,.045) !important;
    color:rgba(247,242,232,.84) !important;
    border:1px solid rgba(247,242,232,.075) !important;
    font-weight:900 !important;
}

.bkps-root .bkps-user-card::after,
.bkps-root .bkps-profile-card::after,
.bkps-root .bkps-sidebar-user::after{
    content:"Start small. Stay kind." !important;
    display:block !important;
    margin-top:12px !important;
    color:rgba(203,234,116,.78) !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:900 !important;
    letter-spacing:.04em !important;
}

.bkps-root .bkps-settings-modal-backdrop,
.bkps-root .bkps-daily-modal-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    display:grid !important;
    place-items:center !important;
    padding:24px !important;
    background:rgba(1,3,2,.72) !important;
    backdrop-filter:blur(18px) !important;
    -webkit-backdrop-filter:blur(18px) !important;
}

.bkps-root .bkps-settings-modal,
.bkps-root .bkps-daily-modal{
    position:relative !important;
    width:min(520px,100%) !important;
    padding:32px !important;
    border-radius:26px !important;
    background:radial-gradient(circle at 50% 0%, rgba(203,234,116,.12), transparent 38%),linear-gradient(180deg,rgba(13,18,13,.98),rgba(4,7,4,.99)) !important;
    border:1px solid rgba(203,234,116,.16) !important;
    box-shadow:0 40px 120px rgba(0,0,0,.50) !important;
    color:#f7f2e8 !important;
    text-align:center !important;
}

.bkps-root .bkps-settings-close{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    width:34px !important;
    height:34px !important;
    min-height:34px !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    font-size:22px !important;
}

.bkps-root .bkps-settings-modal small,
.bkps-root .bkps-daily-modal small{
    display:block !important;
    color:#cbea74 !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
    font-size:11px !important;
    font-weight:950 !important;
    margin-bottom:10px !important;
}

.bkps-root .bkps-settings-modal h2,
.bkps-root .bkps-daily-modal h2{
    margin:0 0 20px !important;
    color:#fff !important;
    font-size:36px !important;
    line-height:.96 !important;
    letter-spacing:-.055em !important;
}

.bkps-root .bkps-daily-modal p{
    margin:0 0 18px !important;
    color:rgba(247,242,232,.70) !important;
    font-size:17px !important;
}

.bkps-root .bkps-settings-field{
    display:block !important;
    text-align:left !important;
    margin:0 0 16px !important;
}

.bkps-root .bkps-settings-field span{
    display:block !important;
    margin:0 0 8px !important;
    color:rgba(216,243,133,.78) !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
}

.bkps-root .bkps-settings-field input,
.bkps-root .bkps-settings-field select{
    width:100% !important;
    min-height:52px !important;
    border-radius:16px !important;
    border:1px solid rgba(247,242,232,.09) !important;
    background:rgba(247,242,232,.06) !important;
    color:#fff !important;
    padding:0 16px !important;
    font-size:17px !important;
    font-weight:850 !important;
}

.bkps-root .bkps-settings-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:18px !important;
}

.bkps-root .bkps-settings-primary,
.bkps-root .bkps-settings-secondary{
    min-height:48px !important;
    border-radius:15px !important;
    border:0 !important;
    font-weight:950 !important;
}

.bkps-root .bkps-settings-primary{
    background:linear-gradient(135deg,#d8f385 0%,#9fc767 52%,#4f7f3f 100%) !important;
    color:#0d190d !important;
}

.bkps-root .bkps-settings-secondary{
    background:rgba(247,242,232,.07) !important;
    color:rgba(247,242,232,.76) !important;
    border:1px solid rgba(247,242,232,.08) !important;
}

.bkps-root .bkps-daily-moods{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:10px !important;
    margin:0 0 18px !important;
}

.bkps-root .bkps-daily-moods button{
    min-height:110px !important;
    border-radius:22px !important;
    background:rgba(247,242,232,.055) !important;
    border:1px solid rgba(247,242,232,.08) !important;
    color:#fff !important;
    font-size:34px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
}

.bkps-root .bkps-daily-moods span{
    color:rgba(247,242,232,.82) !important;
    font-size:14px !important;
    font-weight:950 !important;
}

.bkps-root .bkps-daily-skip{
    background:transparent !important;
    border:0 !important;
    color:rgba(247,242,232,.48) !important;
    font-size:13px !important;
    font-weight:850 !important;
}

@media(max-width:760px){
    .bkps-root .bkps-settings-actions,
    .bkps-root .bkps-daily-moods{
        grid-template-columns:1fr !important;
    }
}


/* ===== v0.6.1.7 light theme recovery and safe thought hiding ===== */

/* Hide only the known top thought bar/card, not every class containing thought */
.bkps-root .bkps-thought-bar,
.bkps-root .bkps-today-thought,
.bkps-root .bkps-thought-card{
    max-height:0 !important;
    min-height:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    border:0 !important;
    pointer-events:none !important;
}

/* Restore light theme base contrast */
.bkps-root[data-theme="light"],
.bkps-root.is-light{
    background:#f6f3ea !important;
    color:#111827 !important;
}

.bkps-root[data-theme="light"] .bkps-main,
.bkps-root[data-theme="light"] .bkps-content,
.bkps-root[data-theme="light"] .bkps-app-main{
    background:#f6f3ea !important;
    color:#111827 !important;
    opacity:1 !important;
}

/* Restore all main content visibility in light mode */
.bkps-root[data-theme="light"] .bkps-main *,
.bkps-root[data-theme="light"] .bkps-content *,
.bkps-root[data-theme="light"] .bkps-app-main *{
    opacity:1 !important;
}

/* Light cards */
.bkps-root[data-theme="light"] .bkps-panel,
.bkps-root[data-theme="light"] .bkps-card,
.bkps-root[data-theme="light"] .bkps-section-card,
.bkps-root[data-theme="light"] .bkps-main-card,
.bkps-root[data-theme="light"] .bkps-project-card,
.bkps-root[data-theme="light"] .bkps-task-row,
.bkps-root[data-theme="light"] .bkps-task-item,
.bkps-root[data-theme="light"] .bkps-mission-panel,
.bkps-root[data-theme="light"] .bkps-project-panel,
.bkps-root[data-theme="light"] .bkps-top-pill,
.bkps-root[data-theme="light"] .bkps-status-card,
.bkps-root[data-theme="light"] .bkps-stat-card{
    background:rgba(255,255,255,.82) !important;
    color:#111827 !important;
    border-color:rgba(17,24,39,.08) !important;
    box-shadow:0 18px 50px rgba(44,38,25,.08) !important;
}

/* Light text */
.bkps-root[data-theme="light"] h1,
.bkps-root[data-theme="light"] h2,
.bkps-root[data-theme="light"] h3,
.bkps-root[data-theme="light"] strong,
.bkps-root[data-theme="light"] .bkps-project-title,
.bkps-root[data-theme="light"] .bkps-task-title{
    color:#111827 !important;
}

.bkps-root[data-theme="light"] p,
.bkps-root[data-theme="light"] span,
.bkps-root[data-theme="light"] small,
.bkps-root[data-theme="light"] label{
    color:rgba(17,24,39,.68) !important;
}

/* Light inputs */
.bkps-root[data-theme="light"] input,
.bkps-root[data-theme="light"] textarea,
.bkps-root[data-theme="light"] select{
    background:rgba(255,255,255,.9) !important;
    color:#111827 !important;
    border-color:rgba(17,24,39,.10) !important;
}

/* Keep left sidebar dark in both themes */
.bkps-root .bkps-sidebar{
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.09), transparent 30%),
        linear-gradient(180deg,#10170f 0%,#050805 100%) !important;
    color:#f7f2e8 !important;
}

.bkps-root .bkps-sidebar h1,
.bkps-root .bkps-sidebar h2,
.bkps-root .bkps-sidebar h3,
.bkps-root .bkps-sidebar strong{
    color:#f7f2e8 !important;
}

.bkps-root .bkps-sidebar p,
.bkps-root .bkps-sidebar span,
.bkps-root .bkps-sidebar small{
    color:rgba(247,242,232,.68) !important;
}

/* Sidebar thought tidy */
.bkps-root .bkps-user-card::after,
.bkps-root .bkps-profile-card::after,
.bkps-root .bkps-sidebar-user::after{
    content:"Start small. Stay kind." !important;
    display:block !important;
    margin-top:8px !important;
    color:rgba(203,234,116,.82) !important;
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:900 !important;
    letter-spacing:.02em !important;
    max-width:96px !important;
}

/* Light mode action buttons */
.bkps-root[data-theme="light"] .bkps-new-task-add,
.bkps-root[data-theme="light"] button[data-action="add-task"],
.bkps-root[data-theme="light"] button[data-mission-task]{
    background:linear-gradient(135deg,#d8f385 0%,#9fc767 52%,#5f9a4d 100%) !important;
    color:#0d190d !important;
}

/* Keep project colour bar visible but softer */
.bkps-root[data-theme="light"] .bkps-project-colour-bar{
    opacity:.85 !important;
}



/* ===== v0.6.1.8 theme selector safety fix ===== */

/* Hard restore dark mode when app says Dark */
.bkps-root:has(.bkps-theme-toggle input:checked),
.bkps-root[data-theme="dark"],
.bkps-root.is-dark{
    background:#060a06 !important;
    color:#f7f2e8 !important;
}

.bkps-root[data-theme="dark"] .bkps-main,
.bkps-root[data-theme="dark"] .bkps-content,
.bkps-root[data-theme="dark"] .bkps-app-main,
.bkps-root.is-dark .bkps-main,
.bkps-root.is-dark .bkps-content,
.bkps-root.is-dark .bkps-app-main{
    background:#060a06 !important;
    color:#f7f2e8 !important;
}

.bkps-root[data-theme="dark"] .bkps-panel,
.bkps-root[data-theme="dark"] .bkps-card,
.bkps-root[data-theme="dark"] .bkps-section-card,
.bkps-root[data-theme="dark"] .bkps-main-card,
.bkps-root[data-theme="dark"] .bkps-project-card,
.bkps-root[data-theme="dark"] .bkps-task-row,
.bkps-root[data-theme="dark"] .bkps-task-item,
.bkps-root[data-theme="dark"] .bkps-mission-panel,
.bkps-root[data-theme="dark"] .bkps-project-panel,
.bkps-root[data-theme="dark"] .bkps-top-pill,
.bkps-root[data-theme="dark"] .bkps-status-card,
.bkps-root[data-theme="dark"] .bkps-stat-card,
.bkps-root.is-dark .bkps-panel,
.bkps-root.is-dark .bkps-card,
.bkps-root.is-dark .bkps-section-card,
.bkps-root.is-dark .bkps-main-card,
.bkps-root.is-dark .bkps-project-card,
.bkps-root.is-dark .bkps-task-row,
.bkps-root.is-dark .bkps-task-item,
.bkps-root.is-dark .bkps-mission-panel,
.bkps-root.is-dark .bkps-project-panel,
.bkps-root.is-dark .bkps-top-pill,
.bkps-root.is-dark .bkps-status-card,
.bkps-root.is-dark .bkps-stat-card{
    background:rgba(247,242,232,.035) !important;
    color:#f7f2e8 !important;
    border-color:rgba(247,242,232,.075) !important;
    box-shadow:none !important;
}

.bkps-root[data-theme="dark"] h1,
.bkps-root[data-theme="dark"] h2,
.bkps-root[data-theme="dark"] h3,
.bkps-root[data-theme="dark"] strong,
.bkps-root[data-theme="dark"] .bkps-project-title,
.bkps-root[data-theme="dark"] .bkps-task-title,
.bkps-root.is-dark h1,
.bkps-root.is-dark h2,
.bkps-root.is-dark h3,
.bkps-root.is-dark strong,
.bkps-root.is-dark .bkps-project-title,
.bkps-root.is-dark .bkps-task-title{
    color:#f7f2e8 !important;
}

.bkps-root[data-theme="dark"] p,
.bkps-root[data-theme="dark"] span,
.bkps-root[data-theme="dark"] small,
.bkps-root[data-theme="dark"] label,
.bkps-root.is-dark p,
.bkps-root.is-dark span,
.bkps-root.is-dark small,
.bkps-root.is-dark label{
    color:rgba(247,242,232,.68) !important;
}

/* Explicit light mode only. No :not dark fallback. */
.bkps-root[data-theme="light"],
.bkps-root.is-light{
    background:#f6f3ea !important;
    color:#111827 !important;
}

.bkps-root[data-theme="light"] .bkps-main,
.bkps-root[data-theme="light"] .bkps-content,
.bkps-root[data-theme="light"] .bkps-app-main,
.bkps-root.is-light .bkps-main,
.bkps-root.is-light .bkps-content,
.bkps-root.is-light .bkps-app-main{
    background:#f6f3ea !important;
    color:#111827 !important;
}

.bkps-root[data-theme="light"] .bkps-panel,
.bkps-root[data-theme="light"] .bkps-card,
.bkps-root[data-theme="light"] .bkps-section-card,
.bkps-root[data-theme="light"] .bkps-main-card,
.bkps-root[data-theme="light"] .bkps-project-card,
.bkps-root[data-theme="light"] .bkps-task-row,
.bkps-root[data-theme="light"] .bkps-task-item,
.bkps-root[data-theme="light"] .bkps-mission-panel,
.bkps-root[data-theme="light"] .bkps-project-panel,
.bkps-root[data-theme="light"] .bkps-top-pill,
.bkps-root[data-theme="light"] .bkps-status-card,
.bkps-root[data-theme="light"] .bkps-stat-card,
.bkps-root.is-light .bkps-panel,
.bkps-root.is-light .bkps-card,
.bkps-root.is-light .bkps-section-card,
.bkps-root.is-light .bkps-main-card,
.bkps-root.is-light .bkps-project-card,
.bkps-root.is-light .bkps-task-row,
.bkps-root.is-light .bkps-task-item,
.bkps-root.is-light .bkps-mission-panel,
.bkps-root.is-light .bkps-project-panel,
.bkps-root.is-light .bkps-top-pill,
.bkps-root.is-light .bkps-status-card,
.bkps-root.is-light .bkps-stat-card{
    background:rgba(255,255,255,.82) !important;
    color:#111827 !important;
    border-color:rgba(17,24,39,.08) !important;
    box-shadow:0 18px 50px rgba(44,38,25,.08) !important;
}

/* Sidebar should remain readable at all times */
.bkps-root .bkps-sidebar,
.bkps-root .bkps-sidebar *{
    opacity:1 !important;
}

.bkps-root .bkps-sidebar{
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.09), transparent 30%),
        linear-gradient(180deg,#10170f 0%,#050805 100%) !important;
    color:#f7f2e8 !important;
}

.bkps-root .bkps-sidebar h1,
.bkps-root .bkps-sidebar h2,
.bkps-root .bkps-sidebar h3,
.bkps-root .bkps-sidebar strong,
.bkps-root .bkps-sidebar button{
    color:#f7f2e8 !important;
}

.bkps-root .bkps-sidebar p,
.bkps-root .bkps-sidebar span,
.bkps-root .bkps-sidebar small{
    color:rgba(247,242,232,.72) !important;
}

.bkps-root .bkps-sidebar nav button.active,
.bkps-root .bkps-sidebar button.is-active,
.bkps-root .bkps-sidebar [aria-current="page"]{
    color:#cbea74 !important;
}

/* Keep top cards readable if previous CSS overrode them */
.bkps-root .bkps-top-pill,
.bkps-root .bkps-status-card,
.bkps-root .bkps-stat-card{
    opacity:1 !important;
}

/* Remove accidental page dimming */
.bkps-root::before,
.bkps-root::after{
    pointer-events:none;
}



/* ===== v0.6.1.9 light top status bar readability fix ===== */

.bkps-root[data-theme="light"] .bkps-top-pill,
.bkps-root[data-theme="light"] .bkps-status-card,
.bkps-root[data-theme="light"] .bkps-stat-card,
.bkps-root.is-light .bkps-top-pill,
.bkps-root.is-light .bkps-status-card,
.bkps-root.is-light .bkps-stat-card{
    background:rgba(255,255,255,.92) !important;
    color:#111827 !important;
    border-color:rgba(17,24,39,.08) !important;
    box-shadow:0 14px 38px rgba(44,38,25,.08) !important;
    opacity:1 !important;
}

.bkps-root[data-theme="light"] .bkps-top-pill *,
.bkps-root[data-theme="light"] .bkps-status-card *,
.bkps-root[data-theme="light"] .bkps-stat-card *,
.bkps-root.is-light .bkps-top-pill *,
.bkps-root.is-light .bkps-status-card *,
.bkps-root.is-light .bkps-stat-card *{
    opacity:1 !important;
}

.bkps-root[data-theme="light"] .bkps-top-pill small,
.bkps-root[data-theme="light"] .bkps-status-card small,
.bkps-root[data-theme="light"] .bkps-stat-card small,
.bkps-root.is-light .bkps-top-pill small,
.bkps-root.is-light .bkps-status-card small,
.bkps-root.is-light .bkps-stat-card small{
    color:rgba(17,24,39,.42) !important;
    opacity:1 !important;
}

.bkps-root[data-theme="light"] .bkps-top-pill strong,
.bkps-root[data-theme="light"] .bkps-status-card strong,
.bkps-root[data-theme="light"] .bkps-stat-card strong,
.bkps-root.is-light .bkps-top-pill strong,
.bkps-root.is-light .bkps-status-card strong,
.bkps-root.is-light .bkps-stat-card strong{
    color:#111827 !important;
    opacity:1 !important;
}

.bkps-root[data-theme="light"] .bkps-top-pill > div,
.bkps-root[data-theme="light"] .bkps-status-card > div,
.bkps-root[data-theme="light"] .bkps-stat-card > div,
.bkps-root.is-light .bkps-top-pill > div,
.bkps-root.is-light .bkps-status-card > div,
.bkps-root.is-light .bkps-stat-card > div{
    background:rgba(75,199,185,.14) !important;
    color:#2b9f91 !important;
    opacity:1 !important;
}

.bkps-root[data-theme="light"] .bkps-top-pill svg,
.bkps-root[data-theme="light"] .bkps-status-card svg,
.bkps-root[data-theme="light"] .bkps-stat-card svg,
.bkps-root.is-light .bkps-top-pill svg,
.bkps-root.is-light .bkps-status-card svg,
.bkps-root.is-light .bkps-stat-card svg{
    opacity:1 !important;
}

/* Fallback for builds where the root does not expose data-theme */


.bkps-root:not([data-theme="dark"]) .bkps-top-pill small{
    color:rgba(17,24,39,.42) !important;
}

.bkps-root:not([data-theme="dark"]) .bkps-top-pill strong{
    color:#111827 !important;
}



/* ===== v0.6.2.0 light homepage full recovery ===== */

/* Explicit light mode recovery across Home, Projects, Tasks and side panels */
.bkps-root[data-theme="light"],
.bkps-root.is-light,
.bkps-root.bkps-light{
    background:#f6f3ea !important;
    color:#111827 !important;
}

/* Main workspace light base */
.bkps-root[data-theme="light"] .bkps-main,
.bkps-root[data-theme="light"] .bkps-content,
.bkps-root[data-theme="light"] .bkps-app-main,
.bkps-root[data-theme="light"] .bkps-dashboard-grid,
.bkps-root[data-theme="light"] .bkps-page,
.bkps-root.is-light .bkps-main,
.bkps-root.is-light .bkps-content,
.bkps-root.is-light .bkps-app-main,
.bkps-root.is-light .bkps-dashboard-grid,
.bkps-root.is-light .bkps-page,
.bkps-root.bkps-light .bkps-main,
.bkps-root.bkps-light .bkps-content,
.bkps-root.bkps-light .bkps-app-main,
.bkps-root.bkps-light .bkps-dashboard-grid,
.bkps-root.bkps-light .bkps-page{
    background:#f6f3ea !important;
    color:#111827 !important;
    opacity:1 !important;
}

/* Recover all visible light panels */
.bkps-root[data-theme="light"] .bkps-top-pill,
.bkps-root[data-theme="light"] .bkps-project-panel,
.bkps-root[data-theme="light"] .bkps-mission-panel,
.bkps-root[data-theme="light"] .bkps-progress-panel,
.bkps-root[data-theme="light"] .bkps-capture,
.bkps-root[data-theme="light"] .bkps-feeling-card,
.bkps-root[data-theme="light"] .bkps-task-list,
.bkps-root[data-theme="light"] .bkps-task-row,
.bkps-root[data-theme="light"] .bkps-project-card,
.bkps-root[data-theme="light"] .bkps-panel,
.bkps-root[data-theme="light"] .bkps-card,
.bkps-root[data-theme="light"] .bkps-section-card,
.bkps-root[data-theme="light"] .bkps-main-card,
.bkps-root.is-light .bkps-top-pill,
.bkps-root.is-light .bkps-project-panel,
.bkps-root.is-light .bkps-mission-panel,
.bkps-root.is-light .bkps-progress-panel,
.bkps-root.is-light .bkps-capture,
.bkps-root.is-light .bkps-feeling-card,
.bkps-root.is-light .bkps-task-list,
.bkps-root.is-light .bkps-task-row,
.bkps-root.is-light .bkps-project-card,
.bkps-root.is-light .bkps-panel,
.bkps-root.is-light .bkps-card,
.bkps-root.is-light .bkps-section-card,
.bkps-root.is-light .bkps-main-card,
.bkps-root.bkps-light .bkps-top-pill,
.bkps-root.bkps-light .bkps-project-panel,
.bkps-root.bkps-light .bkps-mission-panel,
.bkps-root.bkps-light .bkps-progress-panel,
.bkps-root.bkps-light .bkps-capture,
.bkps-root.bkps-light .bkps-feeling-card,
.bkps-root.bkps-light .bkps-task-list,
.bkps-root.bkps-light .bkps-task-row,
.bkps-root.bkps-light .bkps-project-card,
.bkps-root.bkps-light .bkps-panel,
.bkps-root.bkps-light .bkps-card,
.bkps-root.bkps-light .bkps-section-card,
.bkps-root.bkps-light .bkps-main-card{
    background:rgba(255,255,255,.86) !important;
    color:#111827 !important;
    border-color:rgba(17,24,39,.08) !important;
    box-shadow:0 18px 50px rgba(44,38,25,.08) !important;
    opacity:1 !important;
}

/* Recover all text in light workspace */
.bkps-root[data-theme="light"] .bkps-main *,
.bkps-root[data-theme="light"] .bkps-content *,
.bkps-root[data-theme="light"] .bkps-app-main *,
.bkps-root.is-light .bkps-main *,
.bkps-root.is-light .bkps-content *,
.bkps-root.is-light .bkps-app-main *,
.bkps-root.bkps-light .bkps-main *,
.bkps-root.bkps-light .bkps-content *,
.bkps-root.bkps-light .bkps-app-main *{
    opacity:1 !important;
}

/* Light headings */
.bkps-root[data-theme="light"] h1,
.bkps-root[data-theme="light"] h2,
.bkps-root[data-theme="light"] h3,
.bkps-root[data-theme="light"] .bkps-project-title,
.bkps-root[data-theme="light"] .bkps-task-title,
.bkps-root[data-theme="light"] strong,
.bkps-root.is-light h1,
.bkps-root.is-light h2,
.bkps-root.is-light h3,
.bkps-root.is-light .bkps-project-title,
.bkps-root.is-light .bkps-task-title,
.bkps-root.is-light strong,
.bkps-root.bkps-light h1,
.bkps-root.bkps-light h2,
.bkps-root.bkps-light h3,
.bkps-root.bkps-light .bkps-project-title,
.bkps-root.bkps-light .bkps-task-title,
.bkps-root.bkps-light strong{
    color:#111827 !important;
}

/* Light body copy */
.bkps-root[data-theme="light"] p,
.bkps-root[data-theme="light"] span,
.bkps-root[data-theme="light"] small,
.bkps-root[data-theme="light"] label,
.bkps-root.is-light p,
.bkps-root.is-light span,
.bkps-root.is-light small,
.bkps-root.is-light label,
.bkps-root.bkps-light p,
.bkps-root.bkps-light span,
.bkps-root.bkps-light small,
.bkps-root.bkps-light label{
    color:rgba(17,24,39,.66) !important;
}

/* Important UI labels in light mode */
.bkps-root[data-theme="light"] .bkps-kicker,
.bkps-root[data-theme="light"] .bkps-label,
.bkps-root[data-theme="light"] [class*="label"],
.bkps-root[data-theme="light"] [class*="kicker"],
.bkps-root.is-light .bkps-kicker,
.bkps-root.is-light .bkps-label,
.bkps-root.is-light [class*="label"],
.bkps-root.is-light [class*="kicker"],
.bkps-root.bkps-light .bkps-kicker,
.bkps-root.bkps-light .bkps-label,
.bkps-root.bkps-light [class*="label"],
.bkps-root.bkps-light [class*="kicker"]{
    color:rgba(17,24,39,.45) !important;
}

/* Light top bar specifically */
.bkps-root[data-theme="light"] .bkps-top-pill small,
.bkps-root.is-light .bkps-top-pill small,
.bkps-root.bkps-light .bkps-top-pill small{
    color:rgba(17,24,39,.42) !important;
}

.bkps-root[data-theme="light"] .bkps-top-pill strong,
.bkps-root.is-light .bkps-top-pill strong,
.bkps-root.bkps-light .bkps-top-pill strong{
    color:#111827 !important;
}

.bkps-root[data-theme="light"] .bkps-top-pill > div,
.bkps-root.is-light .bkps-top-pill > div,
.bkps-root.bkps-light .bkps-top-pill > div{
    background:rgba(75,199,185,.14) !important;
    color:#2b9f91 !important;
}

/* Light inputs and editable areas */
.bkps-root[data-theme="light"] input,
.bkps-root[data-theme="light"] textarea,
.bkps-root[data-theme="light"] select,
.bkps-root[data-theme="light"] [contenteditable="true"],
.bkps-root.is-light input,
.bkps-root.is-light textarea,
.bkps-root.is-light select,
.bkps-root.is-light [contenteditable="true"],
.bkps-root.bkps-light input,
.bkps-root.bkps-light textarea,
.bkps-root.bkps-light select,
.bkps-root.bkps-light [contenteditable="true"]{
    background:rgba(255,255,255,.92) !important;
    color:#111827 !important;
    border-color:rgba(17,24,39,.10) !important;
}

/* Placeholder visibility */
.bkps-root[data-theme="light"] input::placeholder,
.bkps-root[data-theme="light"] textarea::placeholder,
.bkps-root.is-light input::placeholder,
.bkps-root.is-light textarea::placeholder,
.bkps-root.bkps-light input::placeholder,
.bkps-root.bkps-light textarea::placeholder{
    color:rgba(17,24,39,.38) !important;
    opacity:1 !important;
}

/* Keep sidebar intentionally dark and readable in all themes */
.bkps-root .bkps-sidebar,
.bkps-root .bkps-sidebar *{
    opacity:1 !important;
}

.bkps-root .bkps-sidebar{
    background:
        radial-gradient(circle at 50% 0%, rgba(203,234,116,.09), transparent 30%),
        linear-gradient(180deg,#10170f 0%,#050805 100%) !important;
    color:#f7f2e8 !important;
}

.bkps-root .bkps-sidebar h1,
.bkps-root .bkps-sidebar h2,
.bkps-root .bkps-sidebar h3,
.bkps-root .bkps-sidebar strong,
.bkps-root .bkps-sidebar button{
    color:#f7f2e8 !important;
}

.bkps-root .bkps-sidebar p,
.bkps-root .bkps-sidebar span,
.bkps-root .bkps-sidebar small{
    color:rgba(247,242,232,.72) !important;
}

/* Action buttons */
.bkps-root[data-theme="light"] .bkps-new-task-add,
.bkps-root[data-theme="light"] button[data-action="add-task"],
.bkps-root[data-theme="light"] button[data-mission-task],
.bkps-root.is-light .bkps-new-task-add,
.bkps-root.is-light button[data-action="add-task"],
.bkps-root.is-light button[data-mission-task],
.bkps-root.bkps-light .bkps-new-task-add,
.bkps-root.bkps-light button[data-action="add-task"],
.bkps-root.bkps-light button[data-mission-task]{
    background:linear-gradient(135deg,#d8f385 0%,#9fc767 52%,#5f9a4d 100%) !important;
    color:#0d190d !important;
}

/* Do not let old thought hiding affect modals or normal content */
.bkps-root .bkps-settings-modal,
.bkps-root .bkps-daily-modal,
.bkps-root .bkps-focus-modal{
    opacity:1 !important;
}