/* ==========================================================================
   BuhKlik UI — 3-color system
   Navy #07182D · Steel #49677F · Copper #C96A2B
   Copper is reserved for dark surfaces and tiny accents.
   ========================================================================== */

:root{
    --bk-bg:#d9e2e8;
    --bk-surface:#ffffff;
    --bk-surface-soft:#f3f6f8;

    --bk-navy:#07182d;
    --bk-navy-2:#102a4a;
    --bk-steel:#49677f;
    --bk-steel-dark:#38566e;
    --bk-steel-soft:#edf3f7;

    --bk-copper:#c96a2b;
    --bk-copper-dark:#a95520;

    --bk-text:#111827;
    --bk-muted:#556274;
    --bk-muted-2:#6b7280;
    --bk-line:#d7dee8;
    --bk-line-soft:#e9edf3;

    --bk-success:#17602b;
    --bk-success-bg:#effaf2;
    --bk-success-line:#b7dfc0;

    --bk-shadow:0 7px 22px rgba(7,24,45,.065);
    --bk-shadow-hover:0 10px 26px rgba(7,24,45,.10);
    --bk-radius:14px;
}

html{
    background:var(--bk-bg);
}

body{
    background:var(--bk-bg) !important;
    color:var(--bk-text) !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif !important;
    -webkit-font-smoothing:antialiased;
}

body,
button,
input,
select,
textarea{
    font-weight:500;
}

a{
    text-decoration:none;
}

main{
    width:min(1180px,calc(100% - 32px)) !important;
    margin:22px auto 48px !important;
}

/* ==========================================================================
   Text hierarchy
   ========================================================================== */

.page-title,
.section-title,
.workspace-name,
.subscription-plan,
.subscription-value{
    color:var(--bk-text) !important;
}

.page-subtitle,
.section-subtitle,
.workspace-meta,
.account-note{
    color:var(--bk-muted) !important;
}

/* ==========================================================================
   Cabinet page
   ========================================================================== */

.cabinet-context{
    display:none !important;
}

.page-head{
    align-items:center !important;
    margin:0 0 14px !important;
    gap:18px !important;
}

.page-eyebrow{
    margin-bottom:4px !important;
    color:var(--bk-steel) !important;
    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.055em !important;
}

.page-title{
    font-size:34px !important;
    line-height:1.08 !important;
    letter-spacing:-.7px !important;
    font-weight:800 !important;
}

.page-subtitle{
    max-width:720px !important;
    margin:6px 0 0 !important;
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.button{
    min-height:40px !important;
    padding:8px 14px !important;
    border-radius:9px !important;
    border:1px solid var(--bk-navy) !important;
    background:var(--bk-navy) !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:750 !important;
    box-shadow:none !important;
}

.button:hover{
    border-color:var(--bk-steel-dark) !important;
    background:var(--bk-steel-dark) !important;
}

.page-head > .button{
    min-height:42px !important;
    border-color:var(--bk-steel) !important;
    background:var(--bk-steel) !important;
    font-size:13px !important;
    font-weight:800 !important;
}

.page-head > .button:hover{
    border-color:var(--bk-steel-dark) !important;
    background:var(--bk-steel-dark) !important;
}

.button-secondary{
    border-color:var(--bk-line) !important;
    background:#fff !important;
    color:var(--bk-navy) !important;
}

.button-secondary:hover{
    border-color:#c5cedb !important;
    background:var(--bk-surface-soft) !important;
}

/* ==========================================================================
   Compact status strip
   ========================================================================== */

.subscription{
    grid-template-columns:minmax(210px,1.45fr) repeat(3,minmax(120px,.65fr)) !important;
    gap:0 !important;
    margin:0 0 16px !important;
    border:1px solid var(--bk-line) !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:var(--bk-shadow) !important;
}

.subscription-main,
.subscription-cell{
    min-height:72px !important;
    padding:13px 18px !important;
    background:#fff !important;
    border-right:1px solid var(--bk-line-soft);
}

.subscription-cell:last-child{
    border-right:0;
}

.subscription-main{
    position:relative;
    padding-left:21px !important;
}

.subscription-main::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:var(--bk-steel);
}

.subscription-kicker,
.subscription-label{
    color:var(--bk-muted-2) !important;
    font-size:9px !important;
    font-weight:750 !important;
    letter-spacing:.065em !important;
}

.subscription-plan,
.subscription-value{
    margin-top:4px !important;
    font-size:19px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
}

/* ==========================================================================
   Sections
   ========================================================================== */

.section{
    margin:0 0 16px !important;
    border:1px solid var(--bk-line) !important;
    border-radius:var(--bk-radius) !important;
    background:#fff !important;
    box-shadow:var(--bk-shadow) !important;
}

.section-head{
    padding:14px 18px !important;
    border-bottom:1px solid var(--bk-line-soft) !important;
    background:#fff !important;
}

.section-kicker{
    margin-bottom:3px !important;
    color:var(--bk-steel) !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:.065em !important;
}

.section-title{
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
}

.section-subtitle{
    margin-top:3px !important;
    font-size:11px !important;
    line-height:1.35 !important;
    font-weight:500 !important;
}

.section-count{
    min-width:30px !important;
    height:30px !important;
    background:var(--bk-steel-soft) !important;
    color:var(--bk-steel-dark) !important;
    font-weight:800 !important;
}

/* ==========================================================================
   Organization list
   ========================================================================== */

.workspace-list{
    padding:6px 12px 12px !important;
}

.workspace-card{
    grid-template-columns:42px minmax(0,1fr) auto !important;
    gap:12px !important;
    margin-top:7px !important;
    padding:11px 13px !important;
    border:1px solid var(--bk-line-soft) !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:none !important;
    transform:none !important;
}

.workspace-card:hover{
    border-color:#bcc8d4 !important;
    box-shadow:var(--bk-shadow-hover) !important;
    transform:none !important;
}

.workspace-number{
    width:36px !important;
    height:36px !important;
    border:1px solid #cdd9e3 !important;
    border-radius:9px !important;
    background:var(--bk-steel-soft) !important;
    color:var(--bk-steel-dark) !important;
    font-size:11px !important;
    font-weight:800 !important;
}

.workspace-name{
    font-size:15px !important;
    line-height:1.3 !important;
    font-weight:750 !important;
}

.workspace-name:hover{
    color:var(--bk-steel-dark) !important;
}

.workspace-meta{
    gap:5px 10px !important;
    margin-top:5px !important;
    font-size:11px !important;
    font-weight:500 !important;
}

.role-badge{
    padding:3px 7px !important;
    background:#eef2f6 !important;
    color:#344054 !important;
    font-size:10px !important;
    font-weight:700 !important;
}

.workspace-actions{
    gap:6px !important;
}

.open-button{
    min-width:112px !important;
    min-height:36px !important;
    padding:7px 11px !important;
    font-size:11px !important;
    font-weight:700 !important;
}

/* Bots already exist in the global header */
.cabinet-messengers{
    display:none !important;
}

.account-note{
    display:none !important;
}

.alert-success{
    margin-bottom:12px !important;
    padding:10px 13px !important;
    border-radius:9px !important;
    background:var(--bk-success-bg) !important;
    border-color:var(--bk-success-line) !important;
    color:var(--bk-success) !important;
    font-size:12px !important;
    font-weight:650 !important;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media(max-width:860px){
    main{
        width:min(100% - 20px,1180px) !important;
        margin-top:16px !important;
    }

    .page-head{
        align-items:stretch !important;
        gap:11px !important;
    }

    .page-title{
        font-size:29px !important;
    }

    .page-head > .button{
        width:100% !important;
    }

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

    .subscription-main{
        grid-column:1/-1 !important;
    }

    .subscription-main,
    .subscription-cell{
        min-height:64px !important;
    }
}

@media(max-width:600px){
    .page-subtitle{
        font-size:12px !important;
    }

    .subscription{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
    }

    .subscription-main{
        grid-column:1/-1 !important;
    }

    .subscription-cell{
        border-top:1px solid var(--bk-line-soft);
    }

    .subscription-cell:last-child{
        grid-column:1/-1;
    }

    .workspace-card{
        grid-template-columns:38px minmax(0,1fr) !important;
        padding:11px !important;
    }

    .workspace-actions{
        grid-column:1/-1 !important;
    }

    .workspace-actions .button{
        width:100% !important;
    }

    .section-head{
        padding:13px 14px !important;
    }

    .workspace-list{
        padding:5px 8px 9px !important;
    }
}

/* ==========================================================================
   Shared workspace / inner-page components
   ========================================================================== */

.bk-breadcrumb{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    margin:0 0 10px;
    color:var(--bk-muted);
    font-size:10px;
    line-height:1.35;
    font-weight:600;
}

.bk-breadcrumb a{
    color:var(--bk-steel-dark);
}

.bk-breadcrumb a:hover{
    color:var(--bk-navy);
}

.bk-breadcrumb-sep{
    color:#9aa6b2;
}

.bk-breadcrumb-current{
    color:var(--bk-text);
    font-weight:700;
}

/* Compact organization header */
.bk-workspace-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    margin:0 0 16px;
    padding:16px 18px;
    border:1px solid var(--bk-line);
    border-radius:var(--bk-radius);
    background:var(--bk-surface);
    box-shadow:var(--bk-shadow);
}

.bk-workspace-kicker{
    margin:0 0 4px;
    color:var(--bk-steel);
    font-size:9px;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.065em;
}

.bk-workspace-title{
    margin:0;
    color:var(--bk-text);
    font-size:clamp(22px,3vw,29px);
    line-height:1.14;
    font-weight:800;
    letter-spacing:-.45px;
    overflow-wrap:anywhere;
}

.bk-workspace-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px 12px;
    margin-top:7px;
    color:var(--bk-muted);
    font-size:11px;
    line-height:1.35;
}

.bk-meta-item{
    display:inline-flex;
    align-items:center;
    gap:4px;
}

.bk-meta-item strong{
    color:var(--bk-text);
    font-weight:700;
}

.bk-role-badge{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:3px 8px;
    border:1px solid #d4dfe7;
    border-radius:999px;
    background:var(--bk-steel-soft);
    color:var(--bk-steel-dark);
    font-size:10px;
    font-weight:700;
}

.bk-workspace-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}

.bk-workspace-actions .button{
    white-space:nowrap;
}

.bk-workspace-actions .button:first-child{
    border-color:var(--bk-steel) !important;
    background:var(--bk-steel) !important;
}

.bk-workspace-actions .button:first-child:hover{
    border-color:var(--bk-steel-dark) !important;
    background:var(--bk-steel-dark) !important;
}

/* Workspace sections */
.bk-panel{
    margin:0 0 16px;
    overflow:hidden;
    border:1px solid var(--bk-line);
    border-radius:var(--bk-radius);
    background:var(--bk-surface);
    box-shadow:var(--bk-shadow);
}

.bk-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:13px 16px;
    border-bottom:1px solid var(--bk-line-soft);
    background:var(--bk-surface);
}

.bk-panel-kicker{
    margin:0 0 3px;
    color:var(--bk-steel);
    font-size:9px;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.065em;
}

.bk-panel-title{
    margin:0;
    color:var(--bk-text);
    font-size:17px;
    line-height:1.2;
    font-weight:800;
}

.bk-panel-subtitle{
    margin:3px 0 0;
    color:var(--bk-muted);
    font-size:10px;
    line-height:1.4;
    font-weight:500;
}

/* Tools */
.bk-tool-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
    padding:11px;
}

.bk-tool-card{
    position:relative;
    display:grid;
    grid-template-columns:36px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:10px;
    row-gap:2px;
    min-height:92px;
    padding:11px 12px;
    border:1px solid var(--bk-line-soft);
    border-radius:10px;
    background:#fff;
    color:var(--bk-text);
    transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
}

.bk-tool-card:hover{
    border-color:#bcc8d4;
    background:#fbfcfd;
    box-shadow:0 7px 18px rgba(7,24,45,.07);
}

.bk-tool-card.is-primary{
    border-color:#c8d6e1;
    background:#f8fbfd;
}

.bk-tool-icon{
    grid-row:1 / 3;
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d4dfe7;
    border-radius:9px;
    background:var(--bk-steel-soft);
    font-size:17px;
    line-height:1;
}

.bk-tool-copy{
    min-width:0;
}

.bk-tool-kicker{
    margin:0 0 2px;
    color:var(--bk-muted-2);
    font-size:8px;
    line-height:1.2;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.bk-tool-title{
    color:var(--bk-text);
    font-size:14px;
    line-height:1.25;
    font-weight:750;
}

.bk-tool-description{
    grid-column:2;
    margin-top:2px;
    color:var(--bk-muted);
    font-size:10px;
    line-height:1.35;
    font-weight:500;
}

.bk-tool-arrow{
    position:absolute;
    right:10px;
    top:10px;
    color:var(--bk-steel);
    font-size:13px;
    line-height:1;
    font-weight:800;
}

/* Shared notices */
.bk-success,
.bk-error{
    margin:0 0 12px;
    padding:10px 13px;
    border-radius:9px;
    font-size:12px;
    line-height:1.4;
    font-weight:650;
}

.bk-success{
    border:1px solid var(--bk-success-line);
    background:var(--bk-success-bg);
    color:var(--bk-success);
}

.bk-error{
    border:1px solid #efc5c5;
    background:#fff1f1;
    color:#9b2424;
}

@media(max-width:900px){
    .bk-tool-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:720px){
    .bk-workspace-head{
        grid-template-columns:1fr;
        align-items:stretch;
        gap:12px;
        padding:14px;
    }

    .bk-workspace-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .bk-workspace-actions .button{
        width:100%;
    }

    .bk-panel-head{
        padding:12px 13px;
    }
}

@media(max-width:560px){
    .bk-workspace-title{
        font-size:23px;
    }

    .bk-workspace-actions{
        grid-template-columns:1fr;
    }

    .bk-tool-grid{
        grid-template-columns:1fr;
        gap:7px;
        padding:8px;
    }

    .bk-tool-card{
        min-height:82px;
        padding:10px;
    }
}

/* ==========================================================================
   Documents page
   ========================================================================== */

.bk-page-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    margin:0 0 16px;
    padding:16px 18px;
    border:1px solid var(--bk-line);
    border-radius:var(--bk-radius);
    background:var(--bk-surface);
    box-shadow:var(--bk-shadow);
}

.bk-page-kicker{
    margin:0 0 4px;
    color:var(--bk-steel);
    font-size:9px;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.065em;
}

.bk-page-title{
    margin:0;
    color:var(--bk-text);
    font-size:clamp(24px,3vw,30px);
    line-height:1.12;
    font-weight:800;
    letter-spacing:-.45px;
}

.bk-page-subtitle{
    margin:6px 0 0;
    color:var(--bk-muted);
    font-size:11px;
    line-height:1.45;
    font-weight:500;
}

.bk-page-subtitle strong{
    color:var(--bk-text);
    font-weight:700;
}

.bk-page-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}

.bk-page-actions .button:first-child{
    border-color:var(--bk-steel) !important;
    background:var(--bk-steel) !important;
}

.bk-page-actions .button:first-child:hover{
    border-color:var(--bk-steel-dark) !important;
    background:var(--bk-steel-dark) !important;
}

/* Search */
.bk-search-wrap{
    padding:11px 13px 13px;
}

.bk-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
}

.bk-search input{
    width:100%;
    height:40px;
    padding:0 12px;
    border:1px solid var(--bk-line);
    border-radius:9px;
    outline:none;
    background:#fff;
    color:var(--bk-text);
    font-size:12px;
    font-weight:500;
}

.bk-search input::placeholder{
    color:#8994a3;
}

.bk-search input:focus{
    border-color:#9fb1bf;
    box-shadow:0 0 0 3px rgba(73,103,127,.10);
}

.bk-search button{
    min-width:96px;
    min-height:40px;
    padding:0 14px;
    border:1px solid var(--bk-navy);
    border-radius:9px;
    background:var(--bk-navy);
    color:#fff;
    cursor:pointer;
    font-size:12px;
    font-weight:750;
}

.bk-search button:hover{
    border-color:var(--bk-steel-dark);
    background:var(--bk-steel-dark);
}

/* Document list */
.bk-documents{
    padding:6px 11px 11px;
}

.bk-document-head{
    display:grid;
    grid-template-columns:150px minmax(220px,1fr) 145px 120px 92px;
    gap:12px;
    padding:8px 12px;
    color:var(--bk-muted-2);
    font-size:9px;
    line-height:1.2;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.045em;
}

.bk-document-row{
    display:grid;
    grid-template-columns:150px minmax(220px,1fr) 145px 120px 92px;
    gap:12px;
    align-items:center;
    margin-bottom:6px;
    padding:10px 12px;
    border:1px solid var(--bk-line-soft);
    border-radius:10px;
    background:#fff;
    transition:border-color .14s ease,box-shadow .14s ease;
}

.bk-document-row:last-child{
    margin-bottom:0;
}

.bk-document-row:hover{
    border-color:#bcc8d4;
    box-shadow:0 6px 16px rgba(7,24,45,.06);
}

.bk-document-main{
    min-width:0;
}

.bk-document-number{
    color:var(--bk-text);
    font-size:13px;
    line-height:1.25;
    font-weight:750;
}

.bk-document-date{
    margin-top:3px;
    color:var(--bk-muted);
    font-size:10px;
    line-height:1.3;
}

.bk-document-client{
    min-width:0;
}

.bk-document-client strong{
    display:block;
    overflow:hidden;
    color:var(--bk-text);
    font-size:12px;
    line-height:1.3;
    font-weight:650;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.bk-document-client span{
    display:block;
    margin-top:3px;
    color:var(--bk-muted);
    font-size:10px;
    line-height:1.3;
}

.bk-document-amount{
    color:var(--bk-text);
    font-size:12px;
    line-height:1.3;
    font-weight:750;
    white-space:nowrap;
}

.bk-status{
    display:inline-flex;
    width:max-content;
    min-height:24px;
    padding:0 8px;
    align-items:center;
    border:1px solid #d9dfe7;
    border-radius:999px;
    background:#f3f5f7;
    color:#475467;
    font-size:9px;
    font-weight:750;
    white-space:nowrap;
}

.bk-status.is-issued{
    border-color:#cfe4d4;
    background:#eff8f1;
    color:#17602b;
}

.bk-status.is-cancelled{
    border-color:#efcaca;
    background:#fff2f2;
    color:#9b2424;
}

.bk-document-open{
    text-align:right;
}

.bk-document-open a{
    display:inline-flex;
    min-height:32px;
    padding:0 9px;
    align-items:center;
    justify-content:center;
    border:1px solid var(--bk-line);
    border-radius:8px;
    background:#fff;
    color:var(--bk-steel-dark);
    font-size:10px;
    font-weight:750;
    white-space:nowrap;
}

.bk-document-open a:hover{
    border-color:#b9c8d3;
    background:var(--bk-steel-soft);
}

.bk-empty{
    padding:30px 18px;
    color:var(--bk-muted);
    text-align:center;
    font-size:12px;
    line-height:1.4;
}

@media(max-width:980px){
    .bk-document-head{
        display:none;
    }

    .bk-document-row{
        grid-template-columns:minmax(0,1fr) 135px 100px;
        grid-template-rows:auto auto;
    }

    .bk-document-client{
        grid-column:1;
        grid-row:2;
    }

    .bk-document-amount{
        grid-column:2;
        grid-row:1;
        text-align:right;
    }

    .bk-status{
        grid-column:2;
        grid-row:2;
        justify-self:end;
    }

    .bk-document-open{
        grid-column:3;
        grid-row:1 / 3;
    }
}

@media(max-width:720px){
    .bk-page-head{
        grid-template-columns:1fr;
        align-items:stretch;
        gap:12px;
        padding:14px;
    }

    .bk-page-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .bk-page-actions .button{
        width:100%;
    }
}

@media(max-width:600px){
    .bk-page-title{
        font-size:24px;
    }

    .bk-page-actions{
        grid-template-columns:1fr;
    }

    .bk-search{
        grid-template-columns:1fr;
    }

    .bk-search button{
        width:100%;
    }

    .bk-documents{
        padding:6px 8px 8px;
    }

    .bk-document-row{
        grid-template-columns:1fr;
        grid-template-rows:auto;
        gap:6px;
        padding:10px;
    }

    .bk-document-main,
    .bk-document-client,
    .bk-document-amount,
    .bk-status,
    .bk-document-open{
        grid-column:1;
        grid-row:auto;
        justify-self:start;
        text-align:left;
    }

    .bk-document-client strong{
        white-space:normal;
    }

    .bk-document-open{
        width:100%;
        margin-top:2px;
    }

    .bk-document-open a{
        width:100%;
    }
}


/* ==========================================================================
   Compact page action buttons
   ========================================================================== */

.button{
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1.15 !important;
}

.bk-workspace-actions .button,
.bk-page-actions .button{
    min-height:38px !important;
    height:38px !important;
    padding:0 13px !important;
}

@media(max-width:720px){
    .bk-workspace-actions .button,
    .bk-page-actions .button{
        height:40px !important;
        min-height:40px !important;
    }
}

/* ==========================================================================
   Reusable inner-page layout
   ========================================================================== */

.error,
.success{
    margin:0 0 12px;
    padding:10px 13px;
    border-radius:9px;
    font-size:12px;
    line-height:1.4;
    font-weight:650;
}

.error{
    border:1px solid #efc5c5;
    background:#fff1f1;
    color:#9b2424;
}

.success{
    border:1px solid var(--bk-success-line);
    background:var(--bk-success-bg);
    color:var(--bk-success);
}

.breadcrumb-bar{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    margin:0 0 10px;
    color:var(--bk-muted);
    font-size:10px;
    line-height:1.35;
    font-weight:600;
}

.breadcrumb-bar a{
    color:var(--bk-steel-dark);
}

.breadcrumb-bar a:hover{
    color:var(--bk-navy);
}

.crumb-sep{
    color:#9aa6b2;
}

.crumb-current{
    color:var(--bk-text);
    font-weight:700;
}

.page-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    margin:0 0 16px;
    padding:16px 18px;
    border:1px solid var(--bk-line);
    border-radius:var(--bk-radius);
    background:var(--bk-surface);
    box-shadow:var(--bk-shadow);
}

.hero-kicker{
    margin:0 0 4px;
    color:var(--bk-steel);
    font-size:9px;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.065em;
}

.page-hero .page-title{
    margin:0 !important;
    font-size:clamp(24px,3vw,30px) !important;
    line-height:1.12 !important;
    font-weight:800 !important;
    letter-spacing:-.45px !important;
}

.page-hero .page-subtitle{
    margin:6px 0 0 !important;
    font-size:11px !important;
    line-height:1.45 !important;
}

.page-hero .page-subtitle strong{
    color:var(--bk-text);
    font-weight:700;
}

.hero-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}

.hero-actions .button{
    height:38px !important;
    min-height:38px !important;
    padding:0 13px !important;
    white-space:nowrap;
}

.hero-actions .button:first-child{
    border-color:var(--bk-steel) !important;
    background:var(--bk-steel) !important;
}

.hero-actions .button:first-child:hover{
    border-color:var(--bk-steel-dark) !important;
    background:var(--bk-steel-dark) !important;
}

/* ==========================================================================
   Clients
   ========================================================================== */

.add-wrap,
.search-wrap,
.clients-wrap{
    padding:11px 13px 13px;
}

.add-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:9px;
}

.field label{
    display:block;
    margin-bottom:5px;
    color:var(--bk-text);
    font-size:10px;
    line-height:1.25;
    font-weight:750;
}

.field input,
.field textarea,
.add-grid input,
.search input{
    width:100%;
    border:1px solid var(--bk-line);
    border-radius:9px;
    outline:none;
    background:#fff;
    color:var(--bk-text);
    font:inherit;
    font-size:12px;
    font-weight:500;
}

.field input,
.add-grid input,
.search input{
    height:40px;
    padding:0 12px;
}

.field textarea{
    min-height:72px;
    padding:9px 11px;
    resize:vertical;
}

.field input:focus,
.field textarea:focus,
.add-grid input:focus,
.search input:focus{
    border-color:#9fb1bf;
    box-shadow:0 0 0 3px rgba(73,103,127,.10);
}

.add-hint{
    margin-top:5px;
    color:var(--bk-muted);
    font-size:9px;
    line-height:1.4;
}

.add-grid > button,
.search button{
    min-width:110px;
    height:40px;
    padding:0 13px;
    border:1px solid var(--bk-navy);
    border-radius:9px;
    background:var(--bk-navy);
    color:#fff;
    cursor:pointer;
    font-size:11px;
    font-weight:750;
}

.add-grid > button:hover,
.search button:hover{
    border-color:var(--bk-steel-dark);
    background:var(--bk-steel-dark);
}

.found-card{
    margin:0 13px 13px;
    overflow:hidden;
    border:1px solid #c9d7e1;
    border-radius:11px;
    background:#f8fbfd;
}

.found-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border-bottom:1px solid #dce5ec;
}

.found-title{
    color:var(--bk-text);
    font-size:13px;
    font-weight:800;
}

.found-badge{
    display:inline-flex;
    min-height:23px;
    padding:0 8px;
    align-items:center;
    border-radius:999px;
    background:var(--bk-steel-soft);
    color:var(--bk-steel-dark);
    font-size:9px;
    font-weight:700;
}

.found-body{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    padding:4px 12px 8px;
}

.found-item{
    padding:8px 8px 8px 0;
    border-bottom:1px solid #e6edf2;
}

.found-item:nth-last-child(-n+2){
    border-bottom:0;
}

.found-item.address{
    grid-column:1/-1;
}

.found-label{
    display:block;
    margin-bottom:3px;
    color:var(--bk-muted-2);
    font-size:8px;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.found-value{
    color:var(--bk-text);
    font-size:11px;
    line-height:1.4;
    font-weight:600;
}

.found-actions{
    display:flex;
    justify-content:flex-end;
    padding:10px 12px;
    border-top:1px solid #dce5ec;
    background:#fff;
}

.button-success{
    min-height:36px;
    padding:0 12px;
    border:1px solid var(--bk-steel);
    border-radius:8px;
    background:var(--bk-steel);
    color:#fff;
    cursor:pointer;
    font-size:10px;
    font-weight:750;
}

.button-success:hover{
    border-color:var(--bk-steel-dark);
    background:var(--bk-steel-dark);
}

.permission-note{
    margin:0 0 16px;
    padding:11px 13px;
    border:1px solid var(--bk-line);
    border-radius:10px;
    background:var(--bk-surface-soft);
    color:var(--bk-muted);
    font-size:11px;
    line-height:1.45;
}

.search{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
}

.clients-wrap{
    padding-top:0;
}

.client-head{
    display:grid;
    grid-template-columns:minmax(260px,1.25fr) 170px 170px minmax(220px,1fr);
    gap:12px;
    padding:8px 11px;
    color:var(--bk-muted-2);
    font-size:8px;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.045em;
}

.client-row{
    display:grid;
    grid-template-columns:minmax(260px,1.25fr) 170px 170px minmax(220px,1fr);
    gap:12px;
    align-items:center;
    margin-bottom:6px;
    padding:10px 11px;
    border:1px solid var(--bk-line-soft);
    border-radius:10px;
    background:#fff;
    transition:border-color .14s ease,box-shadow .14s ease;
}

.client-row:last-child{
    margin-bottom:0;
}

.client-row:hover{
    border-color:#bcc8d4;
    box-shadow:0 6px 16px rgba(7,24,45,.06);
}

.client-name{
    color:var(--bk-text);
    font-size:12px;
    line-height:1.35;
    font-weight:750;
}

.client-id-block strong{
    display:block;
    color:var(--bk-text);
    font-size:11px;
    line-height:1.3;
    font-weight:700;
}

.client-id-block span,
.client-meta,
.client-contact{
    display:block;
    margin-top:3px;
    color:var(--bk-muted);
    font-size:9px;
    line-height:1.4;
}

.client-address{
    margin:0;
    color:var(--bk-text);
    font-size:10px;
    line-height:1.4;
    font-weight:500;
}

.empty{
    padding:28px 16px;
    color:var(--bk-muted);
    text-align:center;
    font-size:11px;
}

.client-actions{
    grid-column:1/-1;
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin-top:3px;
    padding-top:9px;
    border-top:1px solid var(--bk-line-soft);
}

.client-edit{
    width:100%;
}

.client-edit summary{
    display:inline-flex;
    min-height:32px;
    padding:0 10px;
    align-items:center;
    border:1px solid var(--bk-line);
    border-radius:8px;
    list-style:none;
    cursor:pointer;
    background:#fff;
    color:var(--bk-steel-dark);
    font-size:10px;
    font-weight:700;
}

.client-edit summary::-webkit-details-marker{
    display:none;
}

.client-edit[open] summary{
    margin-bottom:9px;
    background:var(--bk-steel-soft);
}

.client-edit-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:11px;
    border:1px solid var(--bk-line);
    border-radius:10px;
    background:var(--bk-surface-soft);
}

.client-edit-form .field.wide{
    grid-column:1/-1;
}

.client-edit-buttons{
    grid-column:1/-1;
    display:flex;
    gap:8px;
}

.delete-inline{
    margin-left:auto;
}

.button-danger,
.delete-inline button{
    min-height:32px;
    padding:0 10px;
    border:1px solid #e7caca;
    border-radius:8px;
    background:#fff;
    color:#9b2424;
    cursor:pointer;
    font-size:10px;
    font-weight:700;
}

.button-danger:hover,
.delete-inline button:hover{
    background:#fff3f3;
}

@media(max-width:980px){
    .client-head{
        display:none;
    }

    .client-row{
        grid-template-columns:1fr 1fr;
    }

    .client-row > div:first-child,
    .client-row > div:last-of-type{
        grid-column:1/-1;
    }

    .found-body{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:720px){
    .page-hero{
        grid-template-columns:1fr;
        align-items:stretch;
        gap:12px;
        padding:14px;
    }

    .hero-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .hero-actions .button{
        width:100%;
        height:40px !important;
        min-height:40px !important;
    }
}

@media(max-width:620px){
    .hero-actions{
        grid-template-columns:1fr;
    }

    .add-grid,
    .search,
    .client-edit-form,
    .found-body,
    .client-row{
        grid-template-columns:1fr;
    }

    .add-grid > button,
    .search button{
        width:100%;
    }

    .found-item.address,
    .client-edit-form .field.wide,
    .client-edit-buttons,
    .client-row > div:first-child,
    .client-row > div:last-of-type{
        grid-column:auto;
    }

    .client-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .delete-inline{
        margin-left:0;
    }

    .delete-inline button,
    .found-actions button{
        width:100%;
    }

    .found-actions{
        justify-content:stretch;
    }

    .client-name{
        font-size:13px;
    }
}

/* ==========================================================================
   Workspace requisites
   ========================================================================== */

.section-body{
    padding:12px 14px 14px;
}

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

.detail{
    min-width:0;
    padding:10px 11px;
    border:1px solid var(--bk-line-soft);
    border-radius:9px;
    background:var(--bk-surface-soft);
}

.detail.wide{
    grid-column:span 2;
}

.detail-label{
    display:block;
    margin-bottom:4px;
    color:var(--bk-muted-2);
    font-size:8px;
    line-height:1.25;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.detail-value{
    color:var(--bk-text);
    font-size:11px;
    line-height:1.4;
    font-weight:600;
    overflow-wrap:anywhere;
}

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

.action-row form{
    margin:0;
}

.action-row .button{
    min-height:36px !important;
    height:36px !important;
    padding:0 11px !important;
    font-size:10px !important;
}

/* Edit form */
.edit-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.edit-form .field.wide{
    grid-column:1/-1;
}

.edit-form .field label{
    margin-bottom:5px;
    font-size:10px;
}

.edit-form .field input,
.edit-form .field select,
.edit-form .field textarea{
    width:100%;
    border:1px solid var(--bk-line);
    border-radius:9px;
    outline:none;
    background:#fff;
    color:var(--bk-text);
    font:inherit;
    font-size:11px;
    font-weight:500;
}

.edit-form .field input,
.edit-form .field select{
    min-height:40px;
    padding:0 11px;
}

.edit-form .field textarea{
    min-height:70px;
    padding:9px 11px;
    resize:vertical;
}

.edit-form .field input:focus,
.edit-form .field select:focus,
.edit-form .field textarea:focus{
    border-color:#9fb1bf;
    box-shadow:0 0 0 3px rgba(73,103,127,.10);
}

.field-hint{
    margin-top:5px;
    color:var(--bk-muted);
    font-size:9px;
    line-height:1.4;
}

.edit-note{
    grid-column:1/-1;
    padding:9px 11px;
    border:1px solid #d4dfe7;
    border-radius:9px;
    background:var(--bk-steel-soft);
    color:#405469;
    font-size:10px;
    line-height:1.45;
}

.edit-actions{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:1px;
}

.edit-actions .button{
    min-height:36px !important;
    height:36px !important;
    padding:0 12px !important;
    font-size:10px !important;
}

.button-danger{
    border-color:#e7caca !important;
    background:#fff !important;
    color:#9b2424 !important;
}

.button-danger:hover{
    background:#fff3f3 !important;
}

/* Quick links */
.quick-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.quick-card{
    min-height:92px;
    padding:11px 12px;
    border:1px solid var(--bk-line-soft);
    border-radius:10px;
    background:#fff;
    color:var(--bk-text);
    transition:border-color .14s ease,box-shadow .14s ease;
}

.quick-card:hover{
    border-color:#bcc8d4;
    box-shadow:0 6px 16px rgba(7,24,45,.06);
}

.quick-card strong{
    display:block;
    margin-bottom:4px;
    color:var(--bk-text);
    font-size:12px;
    line-height:1.3;
    font-weight:750;
}

.quick-card span{
    display:block;
    color:var(--bk-muted);
    font-size:10px;
    line-height:1.4;
}

.quick-card .quick-link{
    margin-top:8px;
    color:var(--bk-steel-dark);
    font-size:10px;
    line-height:1.3;
    font-weight:750;
}

@media(max-width:900px){
    .details-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .detail.wide{
        grid-column:span 2;
    }

    .quick-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:620px){
    .section-body{
        padding:10px;
    }

    .details-grid,
    .edit-form{
        grid-template-columns:1fr;
    }

    .detail.wide,
    .edit-form .field.wide,
    .edit-note,
    .edit-actions{
        grid-column:auto;
    }

    .action-row,
    .edit-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .action-row form,
    .action-row .button,
    .action-row form .button,
    .edit-actions .button{
        width:100%;
    }
}

/* ==========================================================================
   Bank accounts
   ========================================================================== */

.accounts-wrap{
    padding:7px 11px 11px;
}

.account-card{
    display:grid;
    grid-template-columns:minmax(220px,1.1fr) minmax(180px,.9fr) minmax(210px,1fr) auto;
    gap:12px;
    align-items:center;
    margin-bottom:7px;
    padding:11px 12px;
    border:1px solid var(--bk-line-soft);
    border-radius:10px;
    background:#fff;
    transition:border-color .14s ease,box-shadow .14s ease;
}

.account-card:last-child{
    margin-bottom:0;
}

.account-card:hover{
    border-color:#bcc8d4;
    box-shadow:0 6px 16px rgba(7,24,45,.06);
}

.account-title{
    color:var(--bk-text);
    font-size:12px;
    line-height:1.35;
    font-weight:750;
}

.default-badge{
    display:inline-flex;
    min-height:22px;
    margin-left:6px;
    padding:0 7px;
    align-items:center;
    border:1px solid #cfe4d4;
    border-radius:999px;
    background:#eff8f1;
    color:#17602b;
    font-size:8px;
    font-weight:750;
    vertical-align:middle;
}

.account-meta{
    margin-top:3px;
    color:var(--bk-muted);
    font-size:9px;
    line-height:1.35;
}

.account-data strong{
    display:block;
    color:var(--bk-text);
    font-size:11px;
    line-height:1.35;
    font-weight:700;
}

.account-data span{
    display:block;
    margin-top:3px;
    color:var(--bk-muted);
    font-size:9px;
    line-height:1.4;
}

.account-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:6px;
}

.account-actions form{
    margin:0;
}

.button-small{
    min-height:32px !important;
    height:32px !important;
    padding:0 9px !important;
    font-size:9px !important;
}

.account-edit{
    grid-column:1/-1;
    padding-top:8px;
    border-top:1px solid var(--bk-line-soft);
}

.account-edit summary{
    display:inline-flex;
    min-height:31px;
    padding:0 9px;
    align-items:center;
    border:1px solid var(--bk-line);
    border-radius:8px;
    list-style:none;
    cursor:pointer;
    background:#fff;
    color:var(--bk-steel-dark);
    font-size:9px;
    font-weight:700;
}

.account-edit summary::-webkit-details-marker{
    display:none;
}

.account-edit[open] summary{
    margin-bottom:9px;
    background:var(--bk-steel-soft);
}

.bank-edit-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:11px;
    border:1px solid var(--bk-line);
    border-radius:10px;
    background:var(--bk-surface-soft);
}

.bank-edit-form .field.wide{
    grid-column:1/-1;
}

.bank-edit-buttons{
    grid-column:1/-1;
    display:flex;
    gap:8px;
}

.lookup-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:9px;
}

.lookup-grid > button{
    min-width:110px;
    height:40px;
    padding:0 13px;
    border:1px solid var(--bk-navy);
    border-radius:9px;
    background:var(--bk-navy);
    color:#fff;
    cursor:pointer;
    font-size:11px;
    font-weight:750;
}

.lookup-grid > button:hover{
    border-color:var(--bk-steel-dark);
    background:var(--bk-steel-dark);
}

.hint{
    margin-top:5px;
    color:var(--bk-muted);
    font-size:9px;
    line-height:1.4;
}

.bank-result{
    margin:0 13px 13px;
    overflow:hidden;
    border:1px solid #c9d7e1;
    border-radius:11px;
    background:#f8fbfd;
}

.bank-result-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    border-bottom:1px solid #dce5ec;
}

.bank-result-title{
    color:var(--bk-text);
    font-size:13px;
    font-weight:800;
}

.bank-result-badge{
    display:inline-flex;
    min-height:23px;
    padding:0 8px;
    align-items:center;
    border-radius:999px;
    background:var(--bk-steel-soft);
    color:var(--bk-steel-dark);
    font-size:9px;
    font-weight:700;
}

.bank-result-data{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    padding:4px 12px 8px;
}

.result-item{
    padding:8px 8px 8px 0;
}

.result-label{
    display:block;
    margin-bottom:3px;
    color:var(--bk-muted-2);
    font-size:8px;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.result-value{
    color:var(--bk-text);
    font-size:11px;
    line-height:1.4;
    font-weight:600;
    overflow-wrap:anywhere;
}

.save-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:11px 12px 12px;
    border-top:1px solid #dce5ec;
    background:#fff;
}

.save-form .wide{
    grid-column:1/-1;
}

.checkbox{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:36px;
    color:var(--bk-text);
    font-size:10px;
    line-height:1.4;
    font-weight:600;
}

.checkbox input{
    width:16px;
    height:16px;
    margin:0;
}

.save-actions{
    grid-column:1/-1;
    display:flex;
    justify-content:flex-end;
}

.permission-note{
    margin:0 0 16px;
    padding:11px 13px;
    border:1px solid var(--bk-line);
    border-radius:10px;
    background:var(--bk-surface-soft);
    color:var(--bk-muted);
    font-size:11px;
    line-height:1.45;
}

@media(max-width:1050px){
    .account-card{
        grid-template-columns:1fr 1fr;
    }

    .account-actions{
        justify-content:flex-start;
    }
}

@media(max-width:700px){
    .account-card,
    .bank-edit-form,
    .lookup-grid,
    .bank-result-data,
    .save-form{
        grid-template-columns:1fr;
    }

    .account-edit,
    .bank-edit-form .field.wide,
    .bank-edit-buttons,
    .save-form .wide,
    .save-actions{
        grid-column:auto;
    }

    .account-actions{
        align-items:stretch;
        flex-direction:column;
    }

    .account-actions form,
    .account-actions button,
    .bank-edit-buttons,
    .bank-edit-buttons button,
    .lookup-grid > button,
    .save-actions button{
        width:100%;
    }

    .save-actions{
        justify-content:stretch;
    }
}


/* ==========================================================================
   FINAL MIGRATION SAFETY RULES
   ========================================================================== */

/*
 * Prevent width:100% form controls from protruding beyond cards.
 * This fixes requisites and the same issue on every form page.
 */
*,
*::before,
*::after{
    box-sizing:border-box;
}

input,
select,
textarea,
button{
    max-width:100%;
}

/* All migrated account pages use the same page background. */
body{
    margin:0;
    overflow-x:hidden;
}

/* Shared palette for pages whose old component layout was moved here. */
body.bk-page-tax,
body.bk-page-assets,
body.bk-page-subscription,
body.bk-page-messengers,
body.bk-page-pdf-stamp,
body.bk-page-pdf-start,
body.bk-page-document-create,
body.bk-page-document-versions,
body.bk-page-background-remove{
    --bg:var(--bk-bg);
    --surface:#fff;
    --surface-soft:#f6f8fa;
    --surface-blue:var(--bk-steel-soft);
    --text:var(--bk-text);
    --text-strong:var(--bk-text);
    --muted:var(--bk-muted);
    --line:var(--bk-line);
    --line-soft:var(--bk-line-soft);
    --primary:var(--bk-navy);
    --primary-2:var(--bk-navy-2);
    --accent:var(--bk-steel);
    --accent-dark:var(--bk-steel-dark);
    --accent-soft:var(--bk-steel-soft);
    --success:var(--bk-success);
    --success-bg:var(--bk-success-bg);
    --danger:#9b2424;
    --danger-bg:#fff1f1;
    background:var(--bk-bg) !important;
    color:var(--bk-text) !important;
}

/*
 * Normalize common legacy components without changing their functional layout.
 */
body.bk-page-tax .page-hero,
body.bk-page-assets .card,
body.bk-page-subscription .card,
body.bk-page-messengers .platform-card,
body.bk-page-pdf-stamp .card,
body.bk-page-pdf-start .card,
body.bk-page-document-create .card,
body.bk-page-document-versions .card,
body.bk-page-background-remove .card{
    border-color:var(--bk-line) !important;
    background:#fff !important;
    box-shadow:var(--bk-shadow) !important;
}

body.bk-page-tax h1,
body.bk-page-assets h1,
body.bk-page-subscription h1,
body.bk-page-messengers h1,
body.bk-page-pdf-stamp h1,
body.bk-page-pdf-start h1,
body.bk-page-document-create h1,
body.bk-page-document-versions h1,
body.bk-page-background-remove h1{
    color:var(--bk-text) !important;
}

body.bk-page-tax input,
body.bk-page-tax select,
body.bk-page-tax textarea,
body.bk-page-assets input,
body.bk-page-assets select,
body.bk-page-assets textarea,
body.bk-page-subscription input,
body.bk-page-subscription select,
body.bk-page-subscription textarea,
body.bk-page-messengers input,
body.bk-page-messengers select,
body.bk-page-messengers textarea,
body.bk-page-pdf-stamp input,
body.bk-page-pdf-stamp select,
body.bk-page-pdf-stamp textarea,
body.bk-page-pdf-start input,
body.bk-page-pdf-start select,
body.bk-page-pdf-start textarea,
body.bk-page-document-create input,
body.bk-page-document-create select,
body.bk-page-document-create textarea,
body.bk-page-document-versions input,
body.bk-page-document-versions select,
body.bk-page-document-versions textarea{
    border-color:var(--bk-line) !important;
}

/* Steel blue is the light-background action color. */
body.bk-page-tax .hero-actions .button:first-child,
body.bk-page-assets .upload-button,
body.bk-page-assets .background-tool-link,
body.bk-page-subscription .button.primary,
body.bk-page-messengers .button-primary,
body.bk-page-pdf-start .button,
body.bk-page-document-create .button:not(.button-secondary):not(.button-danger),
body.bk-page-background-remove .button:not(.button-secondary):not(.button-danger){
    background:var(--bk-steel) !important;
    border-color:var(--bk-steel) !important;
    color:#fff !important;
}

/* Keep PDF editor controls compact; do not alter drag geometry. */
body.bk-page-pdf-stamp main{
    width:min(1180px,calc(100% - 24px)) !important;
}

body.bk-page-pdf-stamp .toolbar button,
body.bk-page-pdf-stamp .result-actions button,
body.bk-page-pdf-stamp .result-actions a{
    box-sizing:border-box;
}

/* Requisites/large forms: never allow grid children to force horizontal overflow. */
.edit-form > *,
.form-grid > *,
.field-grid > *,
.legal-grid > *,
.details-grid > *,
.add-grid > *,
.lookup-grid > *,
.save-form > *{
    min-width:0;
}




/* ======================================================================
   Migrated layout: tax_settings.php
   ====================================================================== */

body.bk-page-tax{
    --bg:#f3f6fb;
    --surface:#fff;
    --surface-soft:#f7f9fc;
    --surface-blue:#f1f6ff;
    --text:#172033;
    --text-strong:#0f172a;
    --muted:#5f6c80;
    --line:#dbe3ee;
    --line-soft:#edf1f6;
    --primary:#172033;
    --primary-2:#22304b;
    --accent:#2563eb;
    --accent-soft:#eaf2ff;
    --success-bg:#effaf2;
    --success-line:#b7dfc0;
    --success-text:#17602b;
    --danger-bg:#fff1f1;
    --danger-text:#a51d1d;
    --shadow:0 12px 34px rgba(23,32,51,.07);
    --radius:18px;
}

body.bk-page-tax *{box-sizing:border-box}
body.bk-page-tax{scroll-behavior:smooth}
body.bk-page-tax{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;
    -webkit-font-smoothing:antialiased;
}
body.bk-page-tax a{color:inherit;text-decoration:none}
body.bk-page-tax button, body.bk-page-tax input, body.bk-page-tax select, body.bk-page-tax textarea{font:inherit}

/* HEADER */
body.bk-page-tax .site-header{
    position:sticky;
    top:0;
    z-index:100;
    background:var(--primary);
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 4px 18px rgba(15,23,42,.12);
}
body.bk-page-tax .header-inner{
    width:min(1240px,calc(100% - 40px));
    min-height:68px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:22px;
}
body.bk-page-tax .brand-wrap{display:flex;align-items:center;gap:12px;flex:0 0 auto}
body.bk-page-tax .brand{font-size:22px;font-weight:900;letter-spacing:-.45px;color:#fff}
body.bk-page-tax .brand-context{
    padding-left:12px;
    border-left:1px solid rgba(255,255,255,.18);
    color:#aebbd0;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
}
body.bk-page-tax .desktop-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
body.bk-page-tax .nav-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 12px;
    border-radius:9px;
    color:#cbd5e1;
    font-size:13px;
    font-weight:750;
    white-space:nowrap;
    transition:.15s ease;
}
body.bk-page-tax .nav-link:hover{background:rgba(255,255,255,.08);color:#fff}
body.bk-page-tax .nav-link.active{background:rgba(255,255,255,.11);color:#fff}
body.bk-page-tax .nav-divider{width:1px;height:28px;margin:0 6px;background:rgba(255,255,255,.14)}
body.bk-page-tax .chat-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 11px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:9px;
    color:#fff;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}
body.bk-page-tax .chat-link.telegram{background:rgba(34,158,217,.16)}
body.bk-page-tax .chat-link.max{background:rgba(91,92,240,.18)}
body.bk-page-tax .mobile-menu{display:none;position:relative;margin-left:auto}
body.bk-page-tax .mobile-menu summary{
    list-style:none;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:10px;
    font-size:21px;
}
body.bk-page-tax .mobile-menu summary::-webkit-details-marker{display:none}
body.bk-page-tax .mobile-menu-panel{
    position:absolute;
    top:50px;
    right:0;
    width:min(310px,calc(100vw - 24px));
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:13px;
    background:#fff;
    color:var(--text);
    box-shadow:0 18px 45px rgba(23,32,51,.2);
}
body.bk-page-tax .mobile-context{padding:14px 16px;background:var(--surface-soft);border-bottom:1px solid var(--line-soft)}
body.bk-page-tax .mobile-context strong, body.bk-page-tax .mobile-context span{display:block}
body.bk-page-tax .mobile-context span{margin-top:4px;color:var(--muted);font-size:12px}
body.bk-page-tax .mobile-menu-panel a{display:block;padding:13px 16px;border-bottom:1px solid var(--line-soft);font-size:14px;font-weight:750}
body.bk-page-tax .mobile-menu-panel a:last-child{border-bottom:0}
body.bk-page-tax .mobile-chat-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:var(--surface-soft)}
body.bk-page-tax .mobile-chat-row a{border:1px solid var(--line);border-radius:9px;text-align:center;padding:10px 8px;background:#fff}

/* PAGE */
body.bk-page-tax main{width:min(1180px,calc(100% - 40px));margin:26px auto 60px}
body.bk-page-tax .success, body.bk-page-tax .error{margin-bottom:18px;padding:13px 15px;border-radius:11px;font-size:14px;font-weight:750}
body.bk-page-tax .success{border:1px solid var(--success-line);background:var(--success-bg);color:var(--success-text)}
body.bk-page-tax .error{background:var(--danger-bg);color:var(--danger-text)}
body.bk-page-tax .breadcrumb-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:15px;color:var(--muted);font-size:12px;font-weight:750}
body.bk-page-tax .breadcrumb-bar a:hover{color:var(--accent)}
body.bk-page-tax .crumb-sep{color:#a8b3c2}
body.bk-page-tax .crumb-current{color:var(--text)}

body.bk-page-tax .page-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:24px;
    margin-bottom:24px;
    padding:25px 27px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:linear-gradient(135deg,#fff 0%,#fff 66%,#f4f8ff 100%);
    box-shadow:var(--shadow);
}
body.bk-page-tax .hero-kicker, body.bk-page-tax .section-kicker{
    display:inline-flex;
    align-items:center;
    margin-bottom:8px;
    color:var(--accent);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
}
body.bk-page-tax .page-title{margin:0;color:var(--text-strong);font-size:38px;line-height:1.05;letter-spacing:-.8px}
body.bk-page-tax .page-subtitle{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
body.bk-page-tax .hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

body.bk-page-tax .button, body.bk-page-tax button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:43px;
    padding:0 16px;
    border:1px solid var(--primary);
    border-radius:9px;
    background:var(--primary);
    color:#fff;
    font-size:13px;
    font-weight:850;
    cursor:pointer;
    transition:.15s ease;
}
body.bk-page-tax .button:hover, body.bk-page-tax button:hover{background:var(--primary-2);transform:translateY(-1px)}
body.bk-page-tax .button-secondary{border-color:var(--line);background:#fff;color:var(--text)}
body.bk-page-tax .button-secondary:hover{background:var(--surface-soft)}

body.bk-page-tax .section{
    margin-bottom:24px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:var(--surface);
    box-shadow:var(--shadow);
}
body.bk-page-tax .section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding:20px 22px;
    border-bottom:1px solid var(--line-soft);
}
body.bk-page-tax .section-title{margin:0;color:var(--text-strong);font-size:20px;letter-spacing:-.25px}
body.bk-page-tax .section-subtitle{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}

/* SUMMARY */
body.bk-page-tax .tax-summary{
    display:grid;
    grid-template-columns:1.35fr .9fr .9fr;
    gap:12px;
    padding:16px 22px 22px;
}
body.bk-page-tax .summary-card{
    min-height:106px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:13px;
    background:var(--surface-soft);
}
body.bk-page-tax .summary-label{
    display:block;
    margin-bottom:8px;
    color:var(--muted);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
body.bk-page-tax .summary-value{
    color:var(--text-strong);
    font-size:16px;
    font-weight:900;
    line-height:1.35;
}
body.bk-page-tax .summary-note{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.45}
body.bk-page-tax .status-badge{
    display:inline-flex;
    align-items:center;
    min-height:27px;
    padding:0 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
}
body.bk-page-tax .status-badge.on{background:#e8f7ed;color:#17602b}
body.bk-page-tax .status-badge.off{background:#eef2f7;color:#596579}

/* FORM */
body.bk-page-tax .tax-form{padding:20px 22px 22px}
body.bk-page-tax .form-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
body.bk-page-tax .settings-box{
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
    overflow:hidden;
}
body.bk-page-tax .settings-box-head{padding:15px 16px;border-bottom:1px solid var(--line-soft);background:var(--surface-soft)}
body.bk-page-tax .settings-box-title{color:var(--text-strong);font-size:15px;font-weight:900}
body.bk-page-tax .settings-box-subtitle{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}
body.bk-page-tax .options-list{padding:4px 16px}
body.bk-page-tax .option{
    display:flex;
    align-items:flex-start;
    gap:11px;
    padding:13px 0;
    border-bottom:1px solid var(--line-soft);
}
body.bk-page-tax .option:last-child{border-bottom:0}
body.bk-page-tax .option input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--primary);flex:0 0 auto}
body.bk-page-tax .option label{cursor:pointer;color:var(--text);font-size:13px;font-weight:750;line-height:1.45}
body.bk-page-tax .option-note{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:500;line-height:1.45}
body.bk-page-tax .vat-controls{padding:16px}
body.bk-page-tax .vat-toggle{
    display:flex;
    align-items:flex-start;
    gap:11px;
    padding:13px;
    border:1px solid #cbdaf5;
    border-radius:12px;
    background:var(--surface-blue);
}
body.bk-page-tax .vat-toggle input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--primary)}
body.bk-page-tax .vat-toggle label{cursor:pointer;color:var(--text-strong);font-size:13px;font-weight:850;line-height:1.45}
body.bk-page-tax .field{margin-top:15px}
body.bk-page-tax .field label{display:block;margin-bottom:7px;color:var(--text);font-size:12px;font-weight:800}
body.bk-page-tax .field select{
    width:100%;
    height:44px;
    border:1px solid var(--line);
    border-radius:9px;
    background:#fff;
    padding:0 12px;
    color:var(--text);
    outline:none;
}
body.bk-page-tax .field select:focus{border-color:#9bb9f6;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
body.bk-page-tax .field select:disabled{background:#eef2f6;color:#8894a6;cursor:not-allowed}
body.bk-page-tax .hint{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}
body.bk-page-tax .form-actions{display:flex;justify-content:flex-end;padding-top:18px}
body.bk-page-tax .permission-note{padding:18px 22px;color:var(--muted);font-size:12px;line-height:1.55}

@media (max-width:980px){
    body.bk-page-tax .desktop-nav{display:none}
    body.bk-page-tax .mobile-menu{display:block}
    body.bk-page-tax main{width:min(100% - 24px,1180px);margin-top:18px}
    body.bk-page-tax .page-hero{grid-template-columns:1fr;gap:18px;padding:21px}
    body.bk-page-tax .hero-actions{justify-content:flex-start}
    body.bk-page-tax .hero-actions .button{flex:1 1 190px}
    body.bk-page-tax .tax-summary{grid-template-columns:1fr 1fr}
    body.bk-page-tax .tax-summary .summary-card:first-child{grid-column:1/-1}
}

@media (max-width:700px){
    body.bk-page-tax .page-title{font-size:27px}
    body.bk-page-tax .section-head{padding:17px}
    body.bk-page-tax .tax-summary, body.bk-page-tax .tax-form{padding:15px}
    body.bk-page-tax .tax-summary{grid-template-columns:1fr}
    body.bk-page-tax .tax-summary .summary-card:first-child{grid-column:auto}
    body.bk-page-tax .form-grid{grid-template-columns:1fr}
    body.bk-page-tax .form-actions{justify-content:stretch}
    body.bk-page-tax .form-actions button{width:100%}
}



/* ======================================================================
   Migrated layout: assets.php
   ====================================================================== */


body.bk-page-assets *{
    box-sizing: border-box;
}

body.bk-page-assets{
    margin: 0;
    font-family: Arial,sans-serif;
    background: #f5f7fb;
    color: #172033;
}

body.bk-page-assets header{
    background: #172033;
    color: #fff;
    padding: 18px 30px;
}

body.bk-page-assets .header-inner{
    max-width: 1000px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

body.bk-page-assets header a{
    color: #fff;
    text-decoration: none;
}

body.bk-page-assets .logo{
    font-weight: 700;
    font-size: 22px;
}

body.bk-page-assets main{
    max-width: 1000px;
    margin: 32px auto;
    padding: 0 20px;
}

body.bk-page-assets .card{
    background: #fff;
    border: 1px solid #e1e6ee;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 20px;
}

body.bk-page-assets h1, body.bk-page-assets h2{
    margin-top: 0;
}

body.bk-page-assets .subtitle, body.bk-page-assets .hint{
    color: #697386;
}

body.bk-page-assets .asset-grid{
    display: grid;
    grid-template-columns:
        repeat(auto-fit,minmax(220px,1fr));
    gap: 15px;
}

body.bk-page-assets .asset{
    background: #f5f7fb;
    border-radius: 11px;
    padding: 16px;
}

body.bk-page-assets .asset-image{
    height: 180px;
    background: #fff;
    border: 1px solid #e1e6ee;
    border-radius: 9px;
    margin: 12px 0;

    display: flex;
    align-items: center;
    justify-content: center;
}

body.bk-page-assets .asset-image img{
    max-width: 100%;
    max-height: 165px;
    object-fit: contain;
}

body.bk-page-assets label{
    display: block;
    font-weight: 700;
    margin: 15px 0 7px;
}

body.bk-page-assets select, body.bk-page-assets input[type=file]{
    width: 100%;
}

body.bk-page-assets select{
    height: 46px;
    border: 1px solid #ccd4df;
    border-radius: 9px;
    padding: 0 12px;
    font-size: 16px;
    background: #fff;
}

body.bk-page-assets input[type=file]{
    padding: 12px;
    border: 1px solid #ccd4df;
    border-radius: 9px;
    background: #fff;
}

body.bk-page-assets button{
    margin-top: 16px;
    border: 0;
    border-radius: 9px;
    padding: 12px 18px;
    background: #172033;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

body.bk-page-assets .upload-button{
    width: 100%;
}

body.bk-page-assets .delete-button{
    background: #991b1b;
    font-size: 13px;
    padding: 8px 12px;
}

body.bk-page-assets .success{
    padding: 14px;
    margin-bottom: 20px;
    background: #effaf1;
    border: 1px solid #b9dfc0;
    border-radius: 10px;
}

body.bk-page-assets .error{
    padding: 14px;
    margin-bottom: 20px;
    background: #fff1f1;
    color: #a51d1d;
    border-radius: 10px;
}

body.bk-page-assets .hint{
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.5;
}


body.bk-page-assets .upload-grid{
    display: grid;
    grid-template-columns:
        repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

body.bk-page-assets .upload-card{
    border: 1px solid #e1e6ee;
    border-radius: 12px;
    padding: 18px;
    background: #f8fafc;
}

body.bk-page-assets .upload-card h3{
    margin: 0 0 8px;
    font-size: 17px;
}

body.bk-page-assets .upload-card .description{
    min-height: 58px;
    margin-bottom: 12px;
    color: #697386;
    font-size: 13px;
    line-height: 1.45;
}

body.bk-page-assets .upload-card input[type=file]{
    margin-top: 8px;
}

body.bk-page-assets .upload-card .upload-button{
    margin-top: 12px;
}

body.bk-page-assets .upload-note{
    margin-top: 16px;
    padding: 13px 14px;
    border: 1px solid #d8e1ee;
    border-radius: 10px;
    background: #f7f9fc;
    color: #526071;
    font-size: 13px;
    line-height: 1.5;
}


body.bk-page-assets .background-tool{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    margin-bottom: 18px;
    padding: 16px 18px;

    border: 1px solid #d8e1ee;
    border-radius: 12px;

    background: #f7f9fc;
}

body.bk-page-assets .background-tool-text{
    min-width: 0;
}

body.bk-page-assets .background-tool-title{
    margin-bottom: 4px;
    font-weight: 700;
}

body.bk-page-assets .background-tool-description{
    color: #697386;
    font-size: 13px;
    line-height: 1.45;
}

body.bk-page-assets .background-tool-link{
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;
    padding: 10px 15px;

    border-radius: 9px;

    background: #172033;
    color: #fff;

    text-decoration: none;
    font-weight: 700;
}

@media (max-width: 700px){
    body.bk-page-assets .background-tool{
        align-items: stretch;
        flex-direction: column;
    }

    body.bk-page-assets .background-tool-link{
        width: 100%;
    }
}




/* ======================================================================
   Migrated layout: subscription.php
   ====================================================================== */


body.bk-page-subscription{
    --bg:#f4f7fb;
    --surface:#fff;
    --surface-soft:#f7f9fc;
    --text:#172033;
    --muted:#667085;
    --line:#dfe5ee;
    --line-soft:#edf1f5;
    --primary:#172033;
    --primary-hover:#24314a;
    --accent:#2563eb;
    --accent-soft:#eef4ff;
    --success:#17602b;
    --success-bg:#effaf2;
    --warning:#7a4c00;
    --warning-bg:#fff8e7;
    --danger:#a51d1d;
    --danger-bg:#fff1f1;
    --shadow:0 10px 30px rgba(23,32,51,.06);
    --radius:16px;
}

body.bk-page-subscription *{
    box-sizing:border-box;
}

body.bk-page-subscription{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:Arial,Helvetica,sans-serif;
    -webkit-font-smoothing:antialiased;
}

body.bk-page-subscription a{
    color:inherit;
    text-decoration:none;
}

body.bk-page-subscription .site-header{
    position:sticky;
    top:0;
    z-index:100;
    background:var(--primary);
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.08);
}

body.bk-page-subscription .header-inner{
    width:min(1180px,calc(100% - 40px));
    min-height:64px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

body.bk-page-subscription .brand{
    font-size:21px;
    font-weight:800;
}

body.bk-page-subscription .header-nav{
    display:flex;
    align-items:center;
    gap:8px;
}

body.bk-page-subscription .nav-link{
    min-height:40px;
    padding:0 13px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    color:#dbe3ef;
    font-size:14px;
    font-weight:700;
}

body.bk-page-subscription .nav-link:hover{
    background:rgba(255,255,255,.08);
    color:#fff;
}

body.bk-page-subscription .user-chip{
    min-height:40px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:9px;
    font-size:13px;
    font-weight:700;
}

body.bk-page-subscription main{
    width:min(1180px,calc(100% - 40px));
    margin:30px auto 60px;
}

body.bk-page-subscription .page-head{
    margin-bottom:20px;
}

body.bk-page-subscription .page-title{
    margin:0;
    font-size:clamp(28px,4vw,38px);
    line-height:1.1;
    letter-spacing:-.8px;
}

body.bk-page-subscription .page-subtitle{
    margin:8px 0 0;
    color:var(--muted);
    font-size:14px;
    line-height:1.5;
}

body.bk-page-subscription .error{
    margin-bottom:18px;
    padding:14px 16px;
    border-radius:11px;
    background:var(--danger-bg);
    color:var(--danger);
}

body.bk-page-subscription .card{
    margin-bottom:20px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:var(--surface);
    box-shadow:var(--shadow);
}

body.bk-page-subscription .card-head{
    padding:20px 22px;
    border-bottom:1px solid var(--line-soft);
}

body.bk-page-subscription .card-title{
    margin:0;
    font-size:19px;
}

body.bk-page-subscription .card-subtitle{
    margin:6px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.45;
}

body.bk-page-subscription .current-grid{
    display:grid;
    grid-template-columns:1.5fr repeat(3,minmax(130px,.65fr));
    gap:1px;
    background:var(--line);
}

body.bk-page-subscription .current-cell{
    padding:19px 20px;
    background:#fff;
}

body.bk-page-subscription .cell-label{
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}

body.bk-page-subscription .cell-value{
    display:block;
    margin-top:7px;
    font-size:19px;
    font-weight:800;
}

body.bk-page-subscription .status{
    display:inline-flex;
    align-items:center;
    margin-top:10px;
    padding:5px 9px;
    border-radius:999px;
    background:var(--success-bg);
    color:var(--success);
    font-size:11px;
    font-weight:800;
}

body.bk-page-subscription .status-trial, body.bk-page-subscription .status-pending, body.bk-page-subscription .status-grace{
    background:var(--warning-bg);
    color:var(--warning);
}

body.bk-page-subscription .status-expired, body.bk-page-subscription .status-cancelled{
    background:var(--danger-bg);
    color:var(--danger);
}

body.bk-page-subscription .plans{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    padding:20px 22px 22px;
}

body.bk-page-subscription .plan{
    padding:20px;
    border:1px solid var(--line);
    border-radius:13px;
    background:var(--surface-soft);
}

body.bk-page-subscription .plan-featured{
    border-color:#cbd9f5;
    background:var(--accent-soft);
}

body.bk-page-subscription .plan-name{
    font-size:19px;
    font-weight:800;
}

body.bk-page-subscription .plan-price{
    margin-top:12px;
    font-size:30px;
    font-weight:800;
    letter-spacing:-.5px;
}

body.bk-page-subscription .plan-price small{
    color:var(--muted);
    font-size:13px;
    font-weight:700;
}

body.bk-page-subscription .plan-details{
    margin:14px 0 0;
    padding:0;
    list-style:none;
    color:#364152;
    font-size:13px;
    line-height:1.7;
}

body.bk-page-subscription .plan-note{
    margin-top:14px;
    padding:10px 12px;
    border-radius:9px;
    background:rgba(255,255,255,.7);
    color:var(--muted);
    font-size:12px;
    line-height:1.45;
}

body.bk-page-subscription .button{
    width:100%;
    min-height:44px;
    margin-top:16px;
    padding:10px 16px;
    border:0;
    border-radius:10px;
    background:var(--primary);
    color:#fff;
    font-weight:800;
    cursor:pointer;
}

body.bk-page-subscription .button:disabled{
    cursor:not-allowed;
    opacity:.55;
}

body.bk-page-subscription .payment-note{
    padding:0 22px 22px;
    color:var(--muted);
    font-size:12px;
    line-height:1.5;
}

body.bk-page-subscription .payments-wrap{
    padding:8px 22px 18px;
    overflow-x:auto;
}

body.bk-page-subscription .payments-table{
    width:100%;
    border-collapse:collapse;
    min-width:650px;
}

body.bk-page-subscription .payments-table th, body.bk-page-subscription .payments-table td{
    padding:11px 8px;
    border-bottom:1px solid var(--line-soft);
    text-align:left;
    font-size:13px;
}

body.bk-page-subscription .payments-table th{
    color:var(--muted);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.03em;
}

body.bk-page-subscription .empty{
    padding:25px 22px;
    color:var(--muted);
    font-size:13px;
}

body.bk-page-subscription .mobile-menu{
    display:none;
    position:relative;
}

body.bk-page-subscription .mobile-menu summary{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    list-style:none;
    cursor:pointer;
    border:1px solid rgba(255,255,255,.14);
    border-radius:10px;
    font-size:21px;
}

body.bk-page-subscription .mobile-menu summary::-webkit-details-marker{
    display:none;
}

body.bk-page-subscription .mobile-menu-panel{
    position:absolute;
    right:0;
    top:50px;
    width:min(280px,calc(100vw - 24px));
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
    color:var(--text);
    box-shadow:0 18px 45px rgba(23,32,51,.18);
}

body.bk-page-subscription .mobile-menu-panel a, body.bk-page-subscription .mobile-user{
    display:block;
    padding:13px 16px;
    border-bottom:1px solid var(--line-soft);
}

body.bk-page-subscription .mobile-user{
    background:var(--surface-soft);
}

body.bk-page-subscription .mobile-user strong, body.bk-page-subscription .mobile-user span{
    display:block;
}

body.bk-page-subscription .mobile-user span{
    margin-top:4px;
    color:var(--muted);
    font-size:12px;
}

body.bk-page-subscription .mobile-menu-panel a:last-child{
    border-bottom:0;
}

@media (max-width:820px){

    body.bk-page-subscription .header-inner{
        width:min(100% - 28px,1180px);
        min-height:58px;
    }

    body.bk-page-subscription .header-nav{
        display:none;
    }

    body.bk-page-subscription .mobile-menu{
        display:block;
    }

    body.bk-page-subscription main{
        width:min(100% - 24px,1180px);
        margin-top:20px;
    }

    body.bk-page-subscription .current-grid{
        grid-template-columns:1fr 1fr;
    }

    body.bk-page-subscription .current-cell:first-child{
        grid-column:1 / -1;
    }

    body.bk-page-subscription .plans{
        grid-template-columns:1fr;
    }
}

@media (max-width:560px){

    body.bk-page-subscription .current-grid{
        display:block;
        background:#fff;
    }

    body.bk-page-subscription .current-cell{
        border-bottom:1px solid var(--line-soft);
    }

    body.bk-page-subscription .current-cell:last-child{
        border-bottom:0;
    }

    body.bk-page-subscription .plans, body.bk-page-subscription .payments-wrap{
        padding-left:15px;
        padding-right:15px;
    }

    body.bk-page-subscription .card-head{
        padding:17px;
    }
}




/* ======================================================================
   Migrated layout: messengers.php
   ====================================================================== */


body.bk-page-messengers{
    --bg:#f4f7fb;
    --surface:#ffffff;
    --surface-soft:#f8fafc;
    --text:#172033;
    --muted:#667085;
    --line:#dfe5ee;
    --line-soft:#edf1f5;
    --primary:#172033;
    --primary-hover:#24314a;
    --accent:#2563eb;
    --accent-soft:#eef4ff;
    --success:#17602b;
    --success-bg:#effaf2;
    --success-line:#b7dfc0;
    --danger:#b42318;
    --danger-bg:#fff5f4;
    --danger-line:#fecaca;
    --shadow:0 10px 30px rgba(23,32,51,.06);
    --radius:16px;
}

body.bk-page-messengers *{
    box-sizing:border-box;
}

body.bk-page-messengers{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:
        Arial,
        Helvetica,
        sans-serif;
    -webkit-font-smoothing:antialiased;
}

body.bk-page-messengers a{
    color:inherit;
    text-decoration:none;
}

body.bk-page-messengers button, body.bk-page-messengers input{
    font:inherit;
}

body.bk-page-messengers .site-header{
    position:sticky;
    top:0;
    z-index:100;
    background:#111827;
    border-bottom:1px solid rgba(255,255,255,.08);
}

body.bk-page-messengers .header-inner{
    width:min(1180px, calc(100% - 40px));
    min-height:68px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

body.bk-page-messengers .brand{
    color:#fff;
    font-size:22px;
    font-weight:900;
    letter-spacing:-.6px;
}

body.bk-page-messengers .header-nav{
    display:flex;
    align-items:center;
    gap:8px;
}

body.bk-page-messengers .nav-link{
    padding:9px 11px;
    border-radius:8px;
    color:#cbd5e1;
    font-size:13px;
    font-weight:700;
}

body.bk-page-messengers .nav-link:hover, body.bk-page-messengers .nav-link.active{
    background:rgba(255,255,255,.08);
    color:#fff;
}

body.bk-page-messengers main{
    width:min(1050px, calc(100% - 32px));
    margin:34px auto 60px;
}

body.bk-page-messengers .page-head{
    margin-bottom:22px;
}

body.bk-page-messengers .page-head h1{
    margin:0;
    font-size:32px;
    letter-spacing:-.7px;
}

body.bk-page-messengers .page-head p{
    margin:8px 0 0;
    color:var(--muted);
    font-size:14px;
    line-height:1.55;
}

body.bk-page-messengers .alert{
    margin-bottom:18px;
    padding:13px 15px;
    border:1px solid;
    border-radius:10px;
    font-size:13px;
    line-height:1.5;
}

body.bk-page-messengers .alert-success{
    color:var(--success);
    background:var(--success-bg);
    border-color:var(--success-line);
}

body.bk-page-messengers .alert-error{
    color:var(--danger);
    background:var(--danger-bg);
    border-color:var(--danger-line);
}

body.bk-page-messengers .grid{
    display:grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap:18px;
}

body.bk-page-messengers .platform-card{
    overflow:hidden;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
}

body.bk-page-messengers .platform-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:20px 21px;
    border-bottom:1px solid var(--line-soft);
}

body.bk-page-messengers .platform-name{
    display:flex;
    align-items:center;
    gap:12px;
}

body.bk-page-messengers .platform-icon{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:var(--accent-soft);
    color:var(--accent);
    font-size:17px;
    font-weight:900;
}

body.bk-page-messengers .platform-title{
    font-size:18px;
    font-weight:850;
}

body.bk-page-messengers .platform-subtitle{
    margin-top:3px;
    color:var(--muted);
    font-size:11px;
}

body.bk-page-messengers .status{
    display:inline-flex;
    align-items:center;
    padding:5px 8px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
}

body.bk-page-messengers .status-on{
    color:var(--success);
    background:var(--success-bg);
}

body.bk-page-messengers .status-off{
    color:#475467;
    background:#f2f4f7;
}

body.bk-page-messengers .platform-body{
    padding:21px;
}

body.bk-page-messengers .info-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:10px 0;
    border-bottom:1px solid var(--line-soft);
    font-size:12px;
}

body.bk-page-messengers .info-row:last-of-type{
    border-bottom:0;
}

body.bk-page-messengers .info-label{
    color:var(--muted);
}

body.bk-page-messengers .info-value{
    max-width:65%;
    text-align:right;
    font-weight:750;
    overflow-wrap:anywhere;
}

body.bk-page-messengers .actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:18px;
}

body.bk-page-messengers .button{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 15px;
    border:0;
    border-radius:9px;
    background:var(--primary);
    color:#fff;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}

body.bk-page-messengers .button:hover{
    background:var(--primary-hover);
}

body.bk-page-messengers .button-danger{
    background:#fff;
    color:var(--danger);
    border:1px solid #f0c5c1;
}

body.bk-page-messengers .button-danger:hover{
    background:var(--danger-bg);
}

body.bk-page-messengers .link-box{
    margin-top:20px;
    padding:20px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
}

body.bk-page-messengers .link-box h2{
    margin:0 0 7px;
    font-size:19px;
}

body.bk-page-messengers .link-box p{
    margin:0;
    color:var(--muted);
    font-size:13px;
    line-height:1.55;
}

body.bk-page-messengers .code-wrap{
    margin-top:16px;
}

body.bk-page-messengers .code-label{
    margin-bottom:6px;
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
}

body.bk-page-messengers .code-row{
    display:flex;
    gap:8px;
}

body.bk-page-messengers .code-input{
    width:100%;
    min-width:0;
    height:43px;
    padding:0 12px;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--surface-soft);
    color:var(--text);
    font-family:
        Consolas,
        monospace;
    font-size:12px;
}

body.bk-page-messengers .copy-button{
    flex:0 0 auto;
}

body.bk-page-messengers .instructions{
    margin-top:15px;
    padding:14px;
    border-radius:10px;
    background:var(--accent-soft);
    color:#344054;
    font-size:12px;
    line-height:1.6;
}

body.bk-page-messengers .instructions strong{
    color:var(--text);
}

body.bk-page-messengers .security{
    margin-top:14px;
    color:var(--muted);
    font-size:11px;
    line-height:1.5;
}

@media (max-width:760px){

    body.bk-page-messengers .header-inner{
        width:calc(100% - 24px);
        min-height:60px;
    }

    body.bk-page-messengers .header-nav .optional{
        display:none;
    }

    body.bk-page-messengers main{
        width:calc(100% - 24px);
        margin-top:22px;
    }

    body.bk-page-messengers .page-head h1{
        font-size:27px;
    }

    body.bk-page-messengers .grid{
        grid-template-columns:1fr;
    }

    body.bk-page-messengers .code-row{
        flex-direction:column;
    }

    body.bk-page-messengers .copy-button{
        width:100%;
    }
}




/* ======================================================================
   Migrated layout: pdf_stamp.php
   ====================================================================== */

body.bk-page-pdf-stamp{--bg:#f3f6fb;--surface:#fff;--soft:#f7f9fc;--text:#172033;--strong:#0f172a;--muted:#5f6c80;--line:#dbe3ee;--accent:#2563eb;--primary:#172033;--danger:#a51d1d;--success:#17602b;--radius:18px;--shadow:0 12px 34px rgba(23,32,51,.07)}
body.bk-page-pdf-stamp *{box-sizing:border-box}
body.bk-page-pdf-stamp{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body.bk-page-pdf-stamp main{width:min(1180px,calc(100% - 32px));margin:28px auto 60px}
body.bk-page-pdf-stamp a{text-decoration:none;color:inherit}
body.bk-page-pdf-stamp .hero, body.bk-page-pdf-stamp .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
body.bk-page-pdf-stamp .hero{padding:24px 26px;margin-bottom:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}
body.bk-page-pdf-stamp .eyebrow{color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
body.bk-page-pdf-stamp h1{margin:7px 0 0;font-size:32px;color:var(--strong)}
body.bk-page-pdf-stamp .sub{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.5}
body.bk-page-pdf-stamp .button, body.bk-page-pdf-stamp button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid var(--primary);border-radius:9px;background:var(--primary);color:#fff;font-weight:800;cursor:pointer}
body.bk-page-pdf-stamp .button.secondary{background:#fff;color:var(--text);border-color:var(--line)}
body.bk-page-pdf-stamp .card{margin-bottom:20px;padding:22px}
body.bk-page-pdf-stamp .card h2{margin:0 0 7px;font-size:19px;color:var(--strong)}
body.bk-page-pdf-stamp .hint{color:var(--muted);font-size:12px;line-height:1.5}
body.bk-page-pdf-stamp .notice{margin-bottom:18px;padding:13px 15px;border-radius:11px;font-size:13px;font-weight:700}
body.bk-page-pdf-stamp .notice.error{background:#fff1f1;color:var(--danger);border:1px solid #efc5c5}
body.bk-page-pdf-stamp .notice.success{background:#effaf2;color:var(--success);border:1px solid #b7dfc0}
body.bk-page-pdf-stamp .result-card{margin-bottom:20px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
body.bk-page-pdf-stamp .result-title{margin:0 0 6px;font-size:20px;color:var(--strong)}
body.bk-page-pdf-stamp .result-text{color:var(--muted);font-size:13px;line-height:1.5}
body.bk-page-pdf-stamp .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
body.bk-page-pdf-stamp .result-action{min-height:52px;border-radius:11px;font-size:15px;font-weight:900;text-align:center}
body.bk-page-pdf-stamp .result-action.download{background:#172033;color:#fff;border-color:#172033}
body.bk-page-pdf-stamp .result-action.max{background:#5b5cf0;color:#fff;border-color:#5b5cf0}
body.bk-page-pdf-stamp .result-action.disabled{opacity:.45;cursor:not-allowed}
body.bk-page-pdf-stamp .max-form{margin:0}
body.bk-page-pdf-stamp .max-form button{width:100%}
body.bk-page-pdf-stamp .notice.max-ok{background:#eefbf1;color:#17602b;border:1px solid #b7dfc0}
body.bk-page-pdf-stamp .notice.max-error{background:#fff4e8;color:#8a4b00;border:1px solid #f0cfaa}

body.bk-page-pdf-stamp .upload{margin-top:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body.bk-page-pdf-stamp input[type=file], body.bk-page-pdf-stamp select, body.bk-page-pdf-stamp input[type=number], body.bk-page-pdf-stamp input[type=range]{font:inherit}
body.bk-page-pdf-stamp input[type=file]{flex:1;min-width:250px;max-width:100%;padding:11px;border:1px dashed #bac6d6;border-radius:10px;background:var(--soft)}
body.bk-page-pdf-stamp .upload button{min-width:150px}
body.bk-page-pdf-stamp .upload-status{width:100%;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.45}
body.bk-page-pdf-stamp .upload button[disabled]{opacity:.58;cursor:wait}
body.bk-page-pdf-stamp .workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;margin-top:18px}
body.bk-page-pdf-stamp .toolbar{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--soft);align-self:start;position:sticky;top:82px}
body.bk-page-pdf-stamp .field{margin-bottom:14px}
body.bk-page-pdf-stamp .field label{display:block;margin-bottom:6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#4c5a70}
body.bk-page-pdf-stamp .field select, body.bk-page-pdf-stamp .field input[type=number]{width:100%;min-height:41px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}
body.bk-page-pdf-stamp .range-row{display:flex;gap:8px;align-items:center}body.bk-page-pdf-stamp .range-row input{flex:1}
body.bk-page-pdf-stamp .mobile-size-bar{display:none}
body.bk-page-pdf-stamp .mobile-disclaimer{display:none}
body.bk-page-pdf-stamp .mobile-after-preview{display:none}
body.bk-page-pdf-stamp .preview-shell{min-width:0;padding:16px;border:1px solid var(--line);border-radius:13px;background:#dfe5ed;overflow:auto}
body.bk-page-pdf-stamp .page-stage{position:relative;margin:0 auto;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.16);width:max-content;max-width:100%}
body.bk-page-pdf-stamp .page-stage img.page-image{display:block;max-width:100%;height:auto;user-select:none;-webkit-user-drag:none}
body.bk-page-pdf-stamp .placed-layer{position:absolute;inset:0;z-index:3;pointer-events:none}
body.bk-page-pdf-stamp .placed-overlay{position:absolute;cursor:grab;touch-action:none;user-select:none;border:1px solid rgba(22,163,74,.75);background:rgba(22,163,74,.035);pointer-events:auto}
body.bk-page-pdf-stamp .placed-overlay:active{cursor:grabbing}
body.bk-page-pdf-stamp .placed-overlay img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
body.bk-page-pdf-stamp .placed-badge{position:absolute;right:-8px;top:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#16a34a;color:#fff;font-size:10px;font-weight:900;line-height:18px;text-align:center;pointer-events:none}
body.bk-page-pdf-stamp .overlay{position:absolute;left:35%;top:65%;width:25%;z-index:4;cursor:grab;touch-action:none;user-select:none;border:1px dashed rgba(37,99,235,.85);background:rgba(37,99,235,.035)}
body.bk-page-pdf-stamp .overlay:active{cursor:grabbing}
body.bk-page-pdf-stamp .overlay img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
body.bk-page-pdf-stamp .overlay.hidden{display:none}
body.bk-page-pdf-stamp .placements{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}
body.bk-page-pdf-stamp .placement-row{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #edf1f6;font-size:12px}
body.bk-page-pdf-stamp .placement-row:last-child{border-bottom:0}
body.bk-page-pdf-stamp .small-danger{border:0;background:transparent;color:#a51d1d;padding:0;min-height:auto}
body.bk-page-pdf-stamp .sign-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
body.bk-page-pdf-stamp .disclaimer{margin-top:14px;padding:12px 13px;border:1px solid #f0d9a5;border-radius:10px;background:#fff9e9;color:#72530c;font-size:11px;line-height:1.55}
body.bk-page-pdf-stamp .empty-assets{padding:14px;border:1px solid #f0d9a5;border-radius:10px;background:#fff9e9;color:#72530c;font-size:12px}
@media (max-width:850px){
    body.bk-page-pdf-stamp .hero{align-items:flex-start;flex-direction:column}
    body.bk-page-pdf-stamp .workspace{grid-template-columns:1fr;gap:10px}
    body.bk-page-pdf-stamp .toolbar{position:static;padding:13px}
    body.bk-page-pdf-stamp h1{font-size:27px}
    body.bk-page-pdf-stamp .result-actions{grid-template-columns:1fr}
    body.bk-page-pdf-stamp .upload{display:block}
    body.bk-page-pdf-stamp .upload input[type=file]{display:block;width:100%;min-width:0}
    body.bk-page-pdf-stamp .upload button{display:flex;width:100%;margin-top:12px}
    body.bk-page-pdf-stamp .upload-status{margin-top:9px}

    body.bk-page-pdf-stamp .desktop-size-field{display:none}
    body.bk-page-pdf-stamp .desktop-disclaimer{display:none}
    body.bk-page-pdf-stamp .desktop-fix-actions{display:none}
    body.bk-page-pdf-stamp .desktop-placements{display:none}

    body.bk-page-pdf-stamp .mobile-size-bar{
        display:block;
        margin:0 0 7px;
        padding:9px 11px 10px;
        border:1px solid var(--line);
        border-radius:10px;
        background:#fff;
        box-shadow:0 5px 16px rgba(15,23,42,.06);
    }
    body.bk-page-pdf-stamp .mobile-size-head{
        margin-bottom:5px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        color:#4c5a70;
        font-size:10px;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.035em;
    }
    body.bk-page-pdf-stamp .mobile-size-head strong{
        color:#172033;
        font-size:13px;
        letter-spacing:0;
    }
    body.bk-page-pdf-stamp .mobile-size-range{
        display:block;
        width:100%;
        height:34px;
        margin:0;
        cursor:pointer;
        touch-action:pan-y;
    }
    body.bk-page-pdf-stamp .preview-shell{padding:8px}

    body.bk-page-pdf-stamp .mobile-after-preview{
        display:block;
        margin-top:8px;
    }
    body.bk-page-pdf-stamp .mobile-fix-button{
        width:100%;
        min-height:46px;
        font-size:12px;
        font-weight:900;
    }
    body.bk-page-pdf-stamp .mobile-placements{
        margin-top:8px;
    }

    body.bk-page-pdf-stamp .mobile-disclaimer{
        display:block;
        margin-top:12px;
        padding:10px 11px;
        border-color:#e2e8f0;
        background:#f8fafc;
        color:#64748b;
        font-size:10px;
        line-height:1.45;
    }
}



/* ======================================================================
   Migrated layout: pdf_stamp_start.php
   ====================================================================== */

body.bk-page-pdf-start{
    --bg:#f3f6fb;
    --surface:#fff;
    --text:#172033;
    --strong:#0f172a;
    --muted:#667085;
    --line:#dbe3ee;
    --line-soft:#edf1f6;
    --accent:#2563eb;
    --shadow:0 12px 34px rgba(23,32,51,.07);
}
body.bk-page-pdf-start *{box-sizing:border-box}
body.bk-page-pdf-start{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
body.bk-page-pdf-start a{text-decoration:none;color:inherit}
body.bk-page-pdf-start main{
    width:min(980px,calc(100% - 32px));
    margin:28px auto 60px;
}
body.bk-page-pdf-start .hero{
    margin-bottom:18px;
    padding:24px 26px;
    border:1px solid var(--line);
    border-radius:17px;
    background:#fff;
    box-shadow:var(--shadow);
}
body.bk-page-pdf-start .eyebrow{
    margin-bottom:7px;
    color:var(--accent);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
}
body.bk-page-pdf-start h1{
    margin:0;
    color:var(--strong);
    font-size:32px;
    line-height:1.1;
}
body.bk-page-pdf-start .lead{
    margin:9px 0 0;
    color:var(--muted);
    font-size:13px;
    line-height:1.55;
}
body.bk-page-pdf-start .card{
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    box-shadow:var(--shadow);
    overflow:hidden;
}
body.bk-page-pdf-start .card-head{
    padding:19px 21px;
    border-bottom:1px solid var(--line-soft);
}
body.bk-page-pdf-start .card-head h2{
    margin:0;
    font-size:18px;
}
body.bk-page-pdf-start .card-head p{
    margin:5px 0 0;
    color:var(--muted);
    font-size:12px;
}
body.bk-page-pdf-start .workspace-list{
    padding:0 21px;
}
body.bk-page-pdf-start .workspace-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:17px 0;
    border-bottom:1px solid var(--line-soft);
}
body.bk-page-pdf-start .workspace-row:last-child{
    border-bottom:0;
}
body.bk-page-pdf-start .workspace-name{
    font-size:14px;
    font-weight:900;
    color:var(--strong);
}
body.bk-page-pdf-start .workspace-meta{
    margin-top:4px;
    color:var(--muted);
    font-size:11px;
}
body.bk-page-pdf-start .button{
    min-height:42px;
    padding:0 15px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#172033;
    color:#fff;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}
body.bk-page-pdf-start .button:hover{
    background:#2563eb;
}
body.bk-page-pdf-start .notice{
    padding:14px 16px;
    border:1px solid #f0c8c8;
    border-radius:11px;
    background:#fff4f4;
    color:#8a2424;
    font-size:12px;
}
body.bk-page-pdf-start .empty{
    padding:24px 21px;
    color:var(--muted);
    font-size:13px;
}
@media (max-width:680px){
    body.bk-page-pdf-start main{width:calc(100% - 24px);margin-top:20px}
    body.bk-page-pdf-start h1{font-size:27px}
    body.bk-page-pdf-start .workspace-row{
        align-items:stretch;
        flex-direction:column;
    }
    body.bk-page-pdf-start .button{width:100%}
}



/* ======================================================================
   Migrated layout: document_create.php
   ====================================================================== */


body.bk-page-document-create *{
    box-sizing: border-box;
}

body.bk-page-document-create{
    margin: 0;
    background: #f5f7fb;
    color: #172033;
    font-family:
        Inter,
        Arial,
        sans-serif;
}

body.bk-page-document-create header{
    background: #172033;
    color: #fff;
    padding: 18px 28px;
}

body.bk-page-document-create .header-inner{
    max-width: 1180px;
    margin: 0 auto;

    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 20px;
}

body.bk-page-document-create .logo{
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    text-decoration: none;
}

body.bk-page-document-create .header-link{
    color: #fff;
    text-decoration: none;
}

body.bk-page-document-create main{
    max-width: 1180px;
    margin: 30px auto;
    padding: 0 20px 60px;
}

body.bk-page-document-create .page-title{
    margin: 0;
    font-size: 30px;
}

body.bk-page-document-create .subtitle{
    margin: 8px 0 25px;
    color: #697386;
}

body.bk-page-document-create .card{
    background: #fff;

    border: 1px solid #dde3ec;
    border-radius: 14px;

    padding: 24px;

    margin-bottom: 20px;
}

body.bk-page-document-create .card-title{
    margin: 0 0 18px;

    font-size: 19px;
}

body.bk-page-document-create .field-grid{
    display: grid;

    grid-template-columns:
        minmax(0, 2fr)
        minmax(180px, 1fr);

    gap: 16px;
}

body.bk-page-document-create .field{
    display: flex;
    flex-direction: column;
    gap: 7px;
}

body.bk-page-document-create label{
    font-weight: 700;
    font-size: 14px;
}

body.bk-page-document-create input, body.bk-page-document-create select, body.bk-page-document-create textarea{
    width: 100%;

    border: 1px solid #cfd7e3;
    border-radius: 9px;

    padding: 11px 12px;

    background: #fff;
    color: #172033;

    font: inherit;
}

body.bk-page-document-create input:focus, body.bk-page-document-create select:focus, body.bk-page-document-create textarea:focus{
    outline: none;
    border-color: #66758c;
}

body.bk-page-document-create textarea{
    min-height: 90px;
    resize: vertical;
}


/*
|--------------------------------------------------------------------------
| POSITIONS
|--------------------------------------------------------------------------
*/

body.bk-page-document-create .items-table{
    width: 100%;
    border-collapse: collapse;
}

body.bk-page-document-create .items-table th{
    padding: 9px 7px;

    background: #172033;
    color: #fff;

    font-size: 12px;
    text-align: left;
}

body.bk-page-document-create .items-table td{
    padding: 8px 5px;
    border-bottom: 1px solid #e5eaf1;
}

body.bk-page-document-create .items-table input, body.bk-page-document-create .items-table select{
    min-width: 80px;
}

body.bk-page-document-create .col-name{
    width: 38%;
}

body.bk-page-document-create .col-unit{
    width: 12%;
}

body.bk-page-document-create .col-qty{
    width: 12%;
}

body.bk-page-document-create .col-price{
    width: 18%;
}

body.bk-page-document-create .col-vat{
    width: 15%;
}

body.bk-page-document-create .col-remove{
    width: 5%;
    text-align: center;
}

body.bk-page-document-create .remove-button{
    border: 0;
    background: transparent;
    color: #b42318;

    font-size: 21px;
    cursor: pointer;
}

body.bk-page-document-create .add-row{
    margin-top: 14px;
}



/*
|--------------------------------------------------------------------------
| СЧЁТ-ФАКТУРА / УПД — ДОПОЛНИТЕЛЬНЫЕ РЕКВИЗИТЫ
|--------------------------------------------------------------------------
*/

body.bk-page-document-create .legal-only{
    display: none;
}

body.bk-page-document-create .legal-only.is-visible{
    display: block;
}

body.bk-page-document-create .legal-info{
    margin: 0 0 18px;
    padding: 12px 14px;

    border: 1px solid #d9e1ec;
    border-radius: 9px;

    background: #f7f9fc;
    color: #526071;

    font-size: 13px;
    line-height: 1.45;
}

body.bk-page-document-create .legal-grid{
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}

body.bk-page-document-create .legal-grid .full{
    grid-column: 1 / -1;
}

body.bk-page-document-create .legal-section{
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #e1e6ee;
}

body.bk-page-document-create .legal-section-title{
    margin: 0 0 6px;
    font-size: 15px;
}

body.bk-page-document-create .legal-section-hint{
    margin: 0 0 12px;
    color: #697386;
    font-size: 12px;
    line-height: 1.4;
}

body.bk-page-document-create .legal-repeat{
    display: grid;
    gap: 10px;
}

body.bk-page-document-create .legal-repeat-row{
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr))
        38px;

    gap: 8px;
    align-items: end;
}

body.bk-page-document-create .legal-repeat-row.three{
    grid-template-columns:
        repeat(3, minmax(0, 1fr))
        38px;
}

body.bk-page-document-create .legal-repeat-row label{
    display: block;
    margin-bottom: 5px;

    color: #526071;
    font-size: 11px;
    font-weight: 700;
}

body.bk-page-document-create .legal-remove{
    width: 38px;
    height: 42px;

    padding: 0;

    border: 1px solid #e4c8c8;
    border-radius: 8px;

    background: #fff7f7;
    color: #b42318;

    font-size: 20px;
    cursor: pointer;
}

body.bk-page-document-create .legal-add{
    margin-top: 10px;
}

body.bk-page-document-create .items-table .legal-item-column{
    display: none;
}

body.bk-page-document-create .items-table.show-legal-items
.legal-item-column{
    display: table-cell;
}

body.bk-page-document-create .items-table.show-legal-items{
    min-width: 2200px;
}

body.bk-page-document-create .legal-item-column input{
    min-width: 115px;
}

body.bk-page-document-create .legal-item-wide input{
    min-width: 180px;
}

@media (max-width: 850px){

    body.bk-page-document-create .legal-grid{
        grid-template-columns: 1fr;
    }

    body.bk-page-document-create .legal-repeat-row, body.bk-page-document-create .legal-repeat-row.three{
        grid-template-columns: 1fr 1fr;
    }

    body.bk-page-document-create .legal-repeat-row .legal-remove{
        grid-column: 1 / -1;
    }
}


/*
|--------------------------------------------------------------------------
| DOCUMENT CHOICE
|--------------------------------------------------------------------------
*/

body.bk-page-document-create .document-grid{
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 12px;
}

body.bk-page-document-create .document-option{
    position: relative;

    display: flex;
    align-items: center;

    min-height: 78px;

    padding: 14px 16px;

    border: 2px solid #dce2ea;
    border-radius: 11px;

    cursor: pointer;

    background: #fff;
}

body.bk-page-document-create .document-option:hover{
    border-color: #a7b2c2;
}

body.bk-page-document-create .document-option input{
    width: auto;
    margin: 0 11px 0 0;
}

body.bk-page-document-create .document-name{
    font-weight: 800;
}

body.bk-page-document-create .document-hint{
    display: block;

    margin-top: 3px;

    color: #697386;
    font-size: 11px;
}


/*
|--------------------------------------------------------------------------
| QUICK BUTTONS
|--------------------------------------------------------------------------
*/

body.bk-page-document-create .quick-row{
    display: flex;
    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 18px;
}

body.bk-page-document-create .quick{
    border: 1px solid #cfd7e3;
    background: #f7f9fc;
    color: #172033;

    border-radius: 8px;

    padding: 8px 11px;

    cursor: pointer;
    font-weight: 700;
}


/*
|--------------------------------------------------------------------------
| BUTTONS
|--------------------------------------------------------------------------
*/

body.bk-page-document-create .button{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 43px;

    padding: 10px 17px;

    border: 0;
    border-radius: 9px;

    background: #172033;
    color: #fff;

    text-decoration: none;
    font-weight: 800;
    font-size: 14px;

    cursor: pointer;
}

body.bk-page-document-create .button-secondary{
    background: #eef2f7;
    color: #172033;
}

body.bk-page-document-create .create-button{
    min-width: 220px;
    min-height: 50px;
    font-size: 16px;
}


/*
|--------------------------------------------------------------------------
| ALERTS
|--------------------------------------------------------------------------
*/

body.bk-page-document-create .error{
    margin-bottom: 20px;

    padding: 15px 17px;

    border: 1px solid #ffd1d1;
    border-radius: 10px;

    background: #fff1f1;
    color: #9f1c1c;
}

body.bk-page-document-create .success{
    margin-bottom: 20px;

    padding: 20px;

    border: 1px solid #b8e3c5;
    border-radius: 12px;

    background: #eefbf2;
}

body.bk-page-document-create .success h2{
    margin-top: 0;
}

body.bk-page-document-create .created-documents{
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

body.bk-page-document-create .created-document{
    display: flex;
    justify-content: space-between;
    align-items: center;

    gap: 15px;

    padding: 11px 13px;

    background: #fff;
    border-radius: 8px;
}

body.bk-page-document-create .muted{
    color: #697386;
    font-size: 13px;
}


/*
|--------------------------------------------------------------------------
| ASSETS
|--------------------------------------------------------------------------
*/

body.bk-page-document-create .visual-options{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body.bk-page-document-create .visual-option{
    display: inline-flex;
    align-items: center;
    gap: 7px;

    font-weight: 600;
}

body.bk-page-document-create .visual-option input{
    width: auto;
}


/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media (
    max-width: 850px
){

    body.bk-page-document-create .field-grid{
        grid-template-columns: 1fr;
    }

    body.bk-page-document-create .document-grid{
        grid-template-columns:
            repeat(2, 1fr);
    }

    body.bk-page-document-create .items-wrap{
        overflow-x: auto;
    }

    body.bk-page-document-create .items-table{
        min-width: 760px;
    }
}


@media (
    max-width: 520px
){

    body.bk-page-document-create header{
        padding: 15px 18px;
    }

    body.bk-page-document-create main{
        margin-top: 20px;
        padding-left: 12px;
        padding-right: 12px;
    }

    body.bk-page-document-create .card{
        padding: 17px;
    }

    body.bk-page-document-create .document-grid{
        grid-template-columns: 1fr;
    }

    body.bk-page-document-create .created-document{
        align-items: flex-start;
        flex-direction: column;
    }
}




/* ======================================================================
   Migrated layout: document_versions.php
   ====================================================================== */


body.bk-page-document-versions *{
    box-sizing: border-box;
}

body.bk-page-document-versions{
    margin: 0;

    background: #f5f7fb;
    color: #172033;

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}

body.bk-page-document-versions header{
    padding: 18px 28px;

    background: #172033;
    color: #fff;
}

body.bk-page-document-versions .header-inner{
    max-width: 980px;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.bk-page-document-versions header a{
    color: #fff;
    text-decoration: none;
}

body.bk-page-document-versions .logo{
    font-size: 22px;
    font-weight: 700;
}

body.bk-page-document-versions main{
    max-width: 980px;

    margin: 30px auto;

    padding:
        0 20px
        60px;
}

body.bk-page-document-versions h1{
    margin:
        0 0 6px;

    font-size: 28px;
}

body.bk-page-document-versions .subtitle{
    margin:
        0 0 24px;

    color: #667085;
}

body.bk-page-document-versions .card{
    margin-bottom: 15px;

    padding: 18px;

    border:
        1px solid #d9e0e9;

    border-radius: 11px;

    background: #fff;
}

body.bk-page-document-versions .current{
    border:
        2px solid #172033;
}

body.bk-page-document-versions .version-row{
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;
}

body.bk-page-document-versions .version-info{
    min-width: 0;
}

body.bk-page-document-versions .version-title{
    font-size: 17px;
    font-weight: 700;
}

body.bk-page-document-versions .version-meta{
    margin-top: 5px;

    color: #667085;

    font-size: 12px;
    line-height: 1.5;
}

body.bk-page-document-versions .badge{
    display: inline-flex;

    margin-left: 6px;

    padding:
        3px 7px;

    border-radius: 20px;

    background: #e8f8ee;
    color: #17602b;

    font-size: 10px;
    font-weight: 700;

    vertical-align: middle;
}

body.bk-page-document-versions .button-row{
    display: flex;
    flex-wrap: wrap;

    gap: 7px;

    flex-shrink: 0;
}

body.bk-page-document-versions .button{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    padding:
        8px 13px;

    border: 0;
    border-radius: 8px;

    background: #172033;
    color: #fff;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

    cursor: pointer;
}

body.bk-page-document-versions .button-secondary{
    background: #eef2f7;
    color: #172033;
}

body.bk-page-document-versions .button-pdf{
    background: #9f1239;
    color: #fff;
}

body.bk-page-document-versions .pdf-note{
    display: inline-block;
    margin-top: 5px;
    color: #667085;
    font-size: 11px;
}

body.bk-page-document-versions .section-title{
    margin:
        28px 0 12px;

    font-size: 18px;
}

body.bk-page-document-versions .empty{
    padding: 18px;

    border:
        1px dashed #c9d2df;

    border-radius: 10px;

    color: #667085;

    text-align: center;
}

body.bk-page-document-versions .error{
    padding: 15px;

    border-radius: 9px;

    background: #fff1f1;
    color: #a51d1d;
}

@media (
    max-width: 650px
){

    body.bk-page-document-versions .version-row{
        align-items:
            flex-start;

        flex-direction:
            column;
    }
}




/* ======================================================================
   Migrated layout: background_remove.php
   ====================================================================== */

body.bk-page-background-remove *{
    box-sizing: border-box;
}

body.bk-page-background-remove, body.bk-page-background-remove{
    margin: 0;
    min-height: 100%;
    font-family: Arial, sans-serif;
    background: #f5f7fb;
    color: #172033;
}

body.bk-page-background-remove header{
    background: #172033;
    color: #fff;
    padding: 18px 28px;
}

body.bk-page-background-remove .header-inner{
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

body.bk-page-background-remove .logo{
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    font-weight: 800;
}

body.bk-page-background-remove .back-link{
    color: #fff;
    text-decoration: none;
    opacity: .92;
}

body.bk-page-background-remove main{
    max-width: 1180px;
    margin: 30px auto;
    padding: 0 18px 50px;
}

body.bk-page-background-remove .card{
    background: #fff;
    border: 1px solid #e1e6ee;
    border-radius: 15px;
    padding: 24px;
    margin-bottom: 18px;
}

body.bk-page-background-remove h1, body.bk-page-background-remove h2{
    margin-top: 0;
}

body.bk-page-background-remove .subtitle{
    color: #697386;
    line-height: 1.55;
}

body.bk-page-background-remove .upload-zone{
    border: 2px dashed #c7d0dc;
    border-radius: 14px;
    padding: 28px 20px;
    text-align: center;
    background: #fafbfd;
    transition: .2s ease;
}

body.bk-page-background-remove .upload-zone.dragover{
    border-color: #172033;
    background: #f1f4f8;
}

body.bk-page-background-remove .upload-zone input[type=file]{
    display: none;
}

body.bk-page-background-remove .button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 0;
    border-radius: 9px;
    padding: 10px 16px;
    background: #172033;
    color: #fff;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

body.bk-page-background-remove .button-secondary{
    background: #e9edf3;
    color: #172033;
}

body.bk-page-background-remove .button-danger{
    background: #991b1b;
}

body.bk-page-background-remove .button:disabled{
    opacity: .5;
    cursor: not-allowed;
}

body.bk-page-background-remove .file-hint{
    margin-top: 12px;
    color: #697386;
    font-size: 13px;
    line-height: 1.45;
}

body.bk-page-background-remove .workspace{
    display: none;
}

body.bk-page-background-remove .workspace.active{
    display: block;
}

body.bk-page-background-remove .controls{
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

body.bk-page-background-remove .control{
    border: 1px solid #e1e6ee;
    border-radius: 11px;
    padding: 14px;
    background: #fafbfd;
}

body.bk-page-background-remove .control label{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
    font-weight: 700;
    font-size: 14px;
}

body.bk-page-background-remove .control input[type=range]{
    width: 100%;
}

body.bk-page-background-remove .control-note{
    margin-top: 7px;
    color: #697386;
    font-size: 12px;
    line-height: 1.4;
}

body.bk-page-background-remove .preview-grid{
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 18px;
}

body.bk-page-background-remove .preview-box{
    min-width: 0;
}

body.bk-page-background-remove .preview-title{
    margin-bottom: 8px;
    font-weight: 700;
}

body.bk-page-background-remove .canvas-wrap{
    min-height: 320px;
    max-height: 600px;
    overflow: auto;
    border: 1px solid #d8dee8;
    border-radius: 12px;
    padding: 14px;

    background-color: #fff;
    background-image:
        linear-gradient(45deg, #e8ebf0 25%, transparent 25%),
        linear-gradient(-45deg, #e8ebf0 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #e8ebf0 75%),
        linear-gradient(-45deg, transparent 75%, #e8ebf0 75%);
    background-size: 22px 22px;
    background-position:
        0 0,
        0 11px,
        11px -11px,
        -11px 0;
}

body.bk-page-background-remove .canvas-wrap.white{
    background: #fff;
}

body.bk-page-background-remove canvas{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

body.bk-page-background-remove .actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

body.bk-page-background-remove .status{
    margin-top: 12px;
    min-height: 20px;
    color: #526071;
    font-size: 13px;
}

body.bk-page-background-remove .privacy-note{
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid #cfe0d1;
    border-radius: 10px;
    background: #f3fbf4;
    color: #315c36;
    font-size: 13px;
    line-height: 1.45;
}

@media (max-width: 850px){
    body.bk-page-background-remove .controls, body.bk-page-background-remove .preview-grid{
        grid-template-columns: 1fr;
    }

    body.bk-page-background-remove .canvas-wrap{
        min-height: 240px;
    }
}



/* ==========================================================================
   FINAL LATE OVERRIDES — common BuhKlik visual language
   ========================================================================== */

body.bk-page-tax main,
body.bk-page-assets main,
body.bk-page-subscription main,
body.bk-page-messengers main,
body.bk-page-pdf-start main,
body.bk-page-document-create main,
body.bk-page-document-versions main,
body.bk-page-background-remove main{
    width:min(1180px,calc(100% - 32px)) !important;
    margin:22px auto 48px !important;
}

/* Light-surface accent must be steel, not orange/bright blue. */
body.bk-page-tax .hero-kicker,
body.bk-page-tax .section-kicker,
body.bk-page-assets .eyebrow,
body.bk-page-subscription .eyebrow,
body.bk-page-messengers .eyebrow,
body.bk-page-pdf-start .eyebrow,
body.bk-page-document-create .eyebrow,
body.bk-page-document-versions .subtitle,
body.bk-page-background-remove .eyebrow{
    color:var(--bk-steel) !important;
}

/* Consistent compact fields. */
body.bk-page-tax input,
body.bk-page-tax select,
body.bk-page-assets input:not([type="file"]),
body.bk-page-assets select,
body.bk-page-subscription input,
body.bk-page-subscription select,
body.bk-page-messengers input,
body.bk-page-pdf-start input,
body.bk-page-pdf-start select,
body.bk-page-document-create input,
body.bk-page-document-create select,
body.bk-page-document-create textarea{
    box-sizing:border-box !important;
}

/* Requisites overflow fix — explicit because this page previously showed it. */
body input,
body select,
body textarea{
    box-sizing:border-box;
    min-width:0;
}

/* Footer spacing */
body > footer{
    margin-top:auto;
}

@media(max-width:700px){
    body.bk-page-tax main,
    body.bk-page-assets main,
    body.bk-page-subscription main,
    body.bk-page-messengers main,
    body.bk-page-pdf-start main,
    body.bk-page-document-create main,
    body.bk-page-document-versions main,
    body.bk-page-background-remove main{
        width:calc(100% - 20px) !important;
        margin-top:16px !important;
    }
}



/* ==========================================================================
   Assets page alignment fix
   ========================================================================== */

/*
 * The legacy assets layout still had max-width:1000px and horizontal
 * padding, so this one page looked narrower than Clients/Documents/Bank.
 */
body.bk-page-assets main{
    width:min(1180px,calc(100% - 32px)) !important;
    max-width:1180px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin:22px auto 48px !important;
}

@media(max-width:700px){
    body.bk-page-assets main{
        width:calc(100% - 20px) !important;
        max-width:none !important;
        padding-left:0 !important;
        padding-right:0 !important;
        margin-top:16px !important;
    }
}

/* ==========================================================================
   Subscription tariffs v12
   ========================================================================== */

body.bk-page-subscription .tariff-head{
    align-items:center;
    justify-content:space-between;
}

body.bk-page-subscription .billing-toggle{
    display:inline-flex;
    padding:3px;
    border:1px solid var(--bk-line);
    border-radius:10px;
    background:var(--bk-surface-soft);
}

body.bk-page-subscription .billing-option{
    min-height:34px;
    padding:0 12px;
    border:0;
    border-radius:7px;
    background:transparent;
    color:var(--bk-muted);
    cursor:pointer;
    font-size:10px;
    font-weight:750;
}

body.bk-page-subscription .billing-option span{
    color:var(--bk-steel-dark);
}

body.bk-page-subscription .billing-option.is-active{
    background:var(--bk-navy);
    color:#fff;
}

body.bk-page-subscription .billing-option.is-active span{
    color:#fff;
}

body.bk-page-subscription .tariff-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    padding:12px;
}

body.bk-page-subscription .tariff-card{
    position:relative;
    display:flex;
    min-width:0;
    min-height:410px;
    padding:17px;
    border:1px solid var(--bk-line);
    border-radius:12px;
    background:#fff;
    flex-direction:column;
}

body.bk-page-subscription .tariff-card.is-featured{
    border-color:#9db0bf;
    box-shadow:0 8px 22px rgba(7,24,45,.08);
}

body.bk-page-subscription .tariff-card.is-current{
    box-shadow:inset 0 3px 0 var(--bk-steel);
}

body.bk-page-subscription .tariff-badge,
body.bk-page-subscription .tariff-current{
    display:inline-flex;
    width:max-content;
    min-height:23px;
    margin-bottom:9px;
    padding:0 8px;
    align-items:center;
    border-radius:999px;
    font-size:9px;
    font-weight:750;
}

body.bk-page-subscription .tariff-badge{
    background:var(--bk-steel-soft);
    color:var(--bk-steel-dark);
}

body.bk-page-subscription .tariff-current{
    background:#eff8f1;
    color:#17602b;
}

body.bk-page-subscription .tariff-name{
    color:var(--bk-text);
    font-size:20px;
    line-height:1.2;
    font-weight:800;
}

body.bk-page-subscription .tariff-description{
    min-height:34px;
    margin-top:4px;
    color:var(--bk-muted);
    font-size:10px;
    line-height:1.45;
}

body.bk-page-subscription .tariff-price{
    display:flex;
    align-items:baseline;
    gap:5px;
    margin-top:14px;
    color:var(--bk-text);
}

body.bk-page-subscription .tariff-price strong{
    font-size:27px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.5px;
}

body.bk-page-subscription .tariff-price span{
    color:var(--bk-muted);
    font-size:10px;
}

body.bk-page-subscription .tariff-year-note{
    margin-top:5px;
    color:var(--bk-steel-dark);
    font-size:9px;
    font-weight:650;
}

body.bk-page-subscription .tariff-unavailable{
    color:#9b2424;
    font-size:12px;
    font-weight:700;
}

body.bk-page-subscription .tariff-limit{
    display:flex;
    align-items:baseline;
    gap:6px;
    margin-top:16px;
    padding:10px 0;
    border-top:1px solid var(--bk-line-soft);
    border-bottom:1px solid var(--bk-line-soft);
}

body.bk-page-subscription .tariff-limit strong{
    color:var(--bk-steel-dark);
    font-size:23px;
    line-height:1;
    font-weight:850;
}

body.bk-page-subscription .tariff-limit span{
    color:var(--bk-text);
    font-size:11px;
    font-weight:700;
}

body.bk-page-subscription .tariff-features{
    margin:13px 0 16px;
    padding:0;
    list-style:none;
    color:var(--bk-muted);
    font-size:10px;
    line-height:1.55;
}

body.bk-page-subscription .tariff-features li{
    position:relative;
    padding:3px 0 3px 17px;
}

body.bk-page-subscription .tariff-features li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:var(--bk-steel-dark);
    font-weight:850;
}

body.bk-page-subscription .tariff-form{
    margin-top:auto;
}

body.bk-page-subscription .tariff-button{
    width:100%;
    min-height:39px !important;
    height:39px !important;
    background:var(--bk-steel) !important;
    border-color:var(--bk-steel) !important;
}

body.bk-page-subscription .tariff-button:hover{
    background:var(--bk-steel-dark) !important;
    border-color:var(--bk-steel-dark) !important;
}

body.bk-page-subscription .tariff-note{
    margin:0 12px 12px;
}

@media(max-width:860px){
    body.bk-page-subscription .tariff-head{
        align-items:flex-start;
        flex-direction:column;
    }

    body.bk-page-subscription .billing-toggle{
        width:100%;
    }

    body.bk-page-subscription .billing-option{
        flex:1;
    }

    body.bk-page-subscription .tariff-grid{
        grid-template-columns:1fr;
    }

    body.bk-page-subscription .tariff-card{
        min-height:0;
    }
}

/* ==========================================================================
   BuhKlik — public homepage
   Uses the same palette as the cabinet.
   ========================================================================== */

.bk-home{
    min-height:100vh;
    background:var(--bk-bg);
    color:var(--bk-text);
}

.bk-home *{
    box-sizing:border-box;
}

.bk-home-header{
    position:sticky;
    top:0;
    z-index:100;
    background:var(--bk-navy);
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 4px 18px rgba(7,24,45,.12);
}

.bk-home-header-inner{
    width:min(1240px,calc(100% - 32px));
    min-height:58px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.bk-home-brand{
    display:inline-flex;
    align-items:center;
    color:#fff;
    font-size:20px;
    font-weight:900;
    letter-spacing:-.45px;
}

.bk-home-nav{
    display:flex;
    align-items:center;
    gap:6px;
}

.bk-home-nav a{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 11px;
    border-radius:9px;
    color:#dce5ee;
    font-size:13px;
    font-weight:800;
    transition:background .15s ease,color .15s ease;
}

.bk-home-nav a:hover{
    background:rgba(255,255,255,.08);
    color:#fff;
}

.bk-home-nav .bk-home-login{
    margin-left:3px;
    background:#fff;
    color:var(--bk-navy);
}

.bk-home-nav .bk-home-login:hover{
    background:#f3f6f8;
    color:var(--bk-navy);
}

.bk-home-mobile{
    display:none;
    position:relative;
}

.bk-home-mobile summary{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    list-style:none;
    cursor:pointer;
    border:1px solid rgba(255,255,255,.16);
    border-radius:10px;
    color:#fff;
    font-size:20px;
}

.bk-home-mobile summary::-webkit-details-marker{
    display:none;
}

.bk-home-mobile-panel{
    position:absolute;
    top:50px;
    right:0;
    width:min(280px,calc(100vw - 24px));
    overflow:hidden;
    border:1px solid var(--bk-line);
    border-radius:12px;
    background:#fff;
    box-shadow:0 18px 45px rgba(7,24,45,.18);
}

.bk-home-mobile-panel a{
    display:block;
    padding:13px 16px;
    border-bottom:1px solid var(--bk-line-soft);
    color:var(--bk-text);
    font-size:13px;
    font-weight:800;
}

.bk-home-mobile-panel a:last-child{
    border-bottom:0;
}

.bk-home-main{
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;
    padding:12px 0 56px;
}

.bk-home-hero{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
    align-items:center;
    gap:48px;
    padding:16px 0 28px;
}

.bk-home-kicker{
    margin-bottom:8px;
    color:var(--bk-steel-dark);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.065em;
}

.bk-home-title{
    max-width:680px;
    margin:0;
    color:var(--bk-text);
    font-size:clamp(36px,4.6vw,52px);
    line-height:1.05;
    letter-spacing:-1.6px;
}

.bk-home-lead{
    max-width:670px;
    margin:16px 0 0;
    color:var(--bk-muted);
    font-size:15px;
    line-height:1.65;
}

.bk-home-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}

.bk-home-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 18px;
    border:1px solid var(--bk-steel);
    border-radius:10px;
    background:var(--bk-steel);
    color:#fff;
    font-size:14px;
    font-weight:850;
    transition:background .15s ease,border-color .15s ease,transform .15s ease;
}

.bk-home-button:hover{
    background:var(--bk-steel-dark);
    border-color:var(--bk-steel-dark);
}

.bk-home-button:active{
    transform:translateY(1px);
}

.bk-home-button-secondary{
    border-color:var(--bk-line);
    background:#fff;
    color:var(--bk-text);
}

.bk-home-button-secondary:hover{
    border-color:#c4ceda;
    background:var(--bk-surface-soft);
}

.bk-home-trial{
    margin-top:11px;
    color:var(--bk-muted-2);
    font-size:12px;
    line-height:1.5;
}

.bk-home-preview{
    overflow:hidden;
    border:1px solid var(--bk-line);
    border-radius:14px;
    background:#fff;
    box-shadow:var(--bk-shadow);
}

.bk-home-preview-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:16px 18px;
    background:var(--bk-navy);
    color:#fff;
}

.bk-home-preview-brand{
    font-size:17px;
    font-weight:900;
}

.bk-home-preview-status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#c7d2df;
    font-size:10px;
    font-weight:800;
}

.bk-home-preview-status::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--bk-copper);
}

.bk-home-preview-body{
    padding:16px;
}

.bk-home-preview-card{
    padding:14px 15px;
    border:1px solid var(--bk-line-soft);
    border-radius:11px;
    background:var(--bk-surface-soft);
}

.bk-home-preview-card + .bk-home-preview-card{
    margin-top:10px;
}

.bk-home-preview-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:10px;
}

.bk-home-preview-label{
    display:block;
    color:var(--bk-muted-2);
    font-size:10px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.045em;
}

.bk-home-preview-value{
    display:block;
    margin-top:5px;
    color:var(--bk-text);
    font-size:15px;
    font-weight:900;
}

.bk-home-preview-action{
    margin-top:12px;
    padding:12px 14px;
    border:1px solid #d9e4eb;
    border-radius:10px;
    background:var(--bk-steel-soft);
    color:var(--bk-steel-dark);
    text-align:center;
    font-size:12px;
    font-weight:900;
}

.bk-home-section{
    padding:38px 0 0;
}

.bk-home-section-head{
    max-width:760px;
    margin-bottom:22px;
}

.bk-home-section-kicker{
    margin-bottom:8px;
    color:var(--bk-steel-dark);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.bk-home-section-title{
    margin:0;
    color:var(--bk-text);
    font-size:clamp(27px,4vw,38px);
    line-height:1.1;
    letter-spacing:-.65px;
}

.bk-home-section-text{
    margin:10px 0 0;
    color:var(--bk-muted);
    font-size:14px;
    line-height:1.6;
}

.bk-home-features{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.bk-home-feature{
    min-height:165px;
    padding:20px;
    border:1px solid var(--bk-line);
    border-radius:12px;
    background:#fff;
    box-shadow:var(--bk-shadow);
}

.bk-home-feature-mark{
    display:inline-flex;
    margin-bottom:12px;
    padding:5px 8px;
    border-radius:7px;
    background:var(--bk-steel-soft);
    color:var(--bk-steel-dark);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.045em;
}

.bk-home-feature-title{
    margin:0;
    color:var(--bk-text);
    font-size:17px;
    font-weight:900;
}

.bk-home-feature-text{
    margin:8px 0 0;
    color:var(--bk-muted);
    font-size:13px;
    line-height:1.55;
}

.bk-home-steps{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.bk-home-step{
    padding:20px;
    border:1px solid var(--bk-line);
    border-radius:12px;
    background:#fff;
    box-shadow:var(--bk-shadow);
}

.bk-home-step-number{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:13px;
    border-radius:50%;
    background:var(--bk-navy);
    color:#fff;
    font-size:12px;
    font-weight:900;
}

.bk-home-step-title{
    color:var(--bk-text);
    font-size:16px;
    font-weight:900;
}

.bk-home-step-text{
    margin-top:7px;
    color:var(--bk-muted);
    font-size:13px;
    line-height:1.55;
}

.bk-home-pricing{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.bk-home-plan{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:340px;
    padding:20px;
    border:1px solid var(--bk-line);
    border-radius:12px;
    background:#fff;
    box-shadow:var(--bk-shadow);
}

.bk-home-plan-featured{
    border-color:#aebfcb;
    box-shadow:0 10px 26px rgba(7,24,45,.10);
}

.bk-home-plan-badge{
    align-self:flex-start;
    margin-bottom:10px;
    padding:5px 8px;
    border-radius:7px;
    background:var(--bk-steel-soft);
    color:var(--bk-steel-dark);
    font-size:10px;
    font-weight:900;
}

.bk-home-plan-name{
    color:var(--bk-text);
    font-size:20px;
    font-weight:900;
}

.bk-home-plan-note{
    min-height:38px;
    margin-top:5px;
    color:var(--bk-muted);
    font-size:12px;
    line-height:1.45;
}

.bk-home-plan-price{
    margin-top:18px;
    color:var(--bk-text);
    font-size:31px;
    font-weight:900;
    letter-spacing:-.6px;
}

.bk-home-plan-price span{
    color:var(--bk-muted);
    font-size:11px;
    font-weight:700;
}

.bk-home-plan-limit{
    margin-top:14px;
    padding:10px 0;
    border-top:1px solid var(--bk-line-soft);
    border-bottom:1px solid var(--bk-line-soft);
    color:var(--bk-text);
    font-size:12px;
    font-weight:850;
}

.bk-home-plan-list{
    margin:14px 0 18px;
    padding:0;
    list-style:none;
    color:var(--bk-muted);
    font-size:12px;
    line-height:1.55;
}

.bk-home-plan-list li{
    position:relative;
    padding:4px 0 4px 17px;
}

.bk-home-plan-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:var(--bk-steel-dark);
    font-weight:900;
}

.bk-home-plan .bk-home-button{
    width:100%;
    margin-top:auto;
}

.bk-home-price-note{
    margin-top:13px;
    color:var(--bk-muted);
    font-size:12px;
    line-height:1.55;
}

.bk-home-final{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:24px;
    margin-top:42px;
    padding:25px;
    border:1px solid #b9c8d3;
    border-radius:14px;
    background:var(--bk-steel-soft);
}

.bk-home-final h2{
    margin:0;
    color:var(--bk-text);
    font-size:22px;
    line-height:1.2;
}

.bk-home-final p{
    margin:7px 0 0;
    color:var(--bk-muted);
    font-size:13px;
    line-height:1.55;
}

@media(max-width:900px){
    .bk-home-hero{
        grid-template-columns:1fr;
        padding:34px;
    }

    .bk-home-features,
    .bk-home-steps,
    .bk-home-pricing{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:760px){
    .bk-home-nav{
        display:none;
    }

    .bk-home-mobile{
        display:block;
    }

    .bk-home-header-inner,
    .bk-home-main{
        width:calc(100% - 24px);
    }

    .bk-home-main{
        padding-top:18px;
    }

    .bk-home-hero{
        gap:28px;
        padding:18px 0 28px;
    }

    .bk-home-title{
        font-size:36px;
    }

    .bk-home-actions{
        flex-direction:column;
    }

    .bk-home-button{
        width:100%;
    }

    .bk-home-features,
    .bk-home-steps,
    .bk-home-pricing{
        grid-template-columns:1fr;
    }

    .bk-home-final{
        grid-template-columns:1fr;
    }
}


/* ==========================================================================
   BUHKLIK PUBLIC HOME — DARK BRAND REFRESH
   Applies only to the public homepage (.bk-home).
   Cabinet / internal pages are intentionally unchanged.
   ========================================================================== */

.bk-home{
    background:
        radial-gradient(circle at 88% 2%, rgba(201,106,43,.10), transparent 22%),
        linear-gradient(180deg,#cfd9e0 0%,#dbe4e9 100%) !important;
    color:var(--bk-text);
}

.bk-home-header{
    background:rgba(7,24,45,.98) !important;
    border-bottom:1px solid rgba(201,106,43,.26) !important;
    box-shadow:0 10px 30px rgba(7,24,45,.16) !important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}

.bk-home-header-inner{
    min-height:62px;
}

.bk-home-brand{
    color:#fff !important;
}

.bk-home-nav a{
    color:#d7e0e8 !important;
}

.bk-home-nav a:hover{
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
}

.bk-home-nav .bk-home-login{
    border:1px solid rgba(255,255,255,.14);
    background:#fff !important;
    color:#07182d !important;
    box-shadow:0 5px 14px rgba(0,0,0,.12);
}

.bk-home-main{
    width:min(1220px,calc(100% - 32px)) !important;
    padding-top:20px !important;
}

/* Main dark hero */
.bk-home-hero{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    gap:42px !important;
    margin:0;
    padding:44px 46px !important;
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    background:
        radial-gradient(circle at 92% 22%,rgba(201,106,43,.24),transparent 20%),
        radial-gradient(circle at 72% 88%,rgba(73,103,127,.26),transparent 28%),
        linear-gradient(135deg,#07182d 0%,#0b203a 58%,#102a4a 100%);
    box-shadow:0 22px 54px rgba(7,24,45,.22);
}

.bk-home-hero::before{
    content:"";
    position:absolute;
    z-index:-1;
    width:360px;
    height:360px;
    right:-165px;
    top:-205px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:50%;
}

.bk-home-hero::after{
    content:"";
    position:absolute;
    z-index:-1;
    width:150px;
    height:150px;
    right:34%;
    bottom:-100px;
    border:1px solid rgba(201,106,43,.28);
    border-radius:50%;
}

.bk-home-hero > *{
    position:relative;
    z-index:1;
}

.bk-home-hero .bk-home-kicker{
    color:#e58a4a !important;
}

.bk-home-hero .bk-home-title{
    color:#fff !important;
    text-shadow:0 2px 18px rgba(0,0,0,.12);
}

.bk-home-hero .bk-home-lead,
.bk-home-hero .bk-home-text,
.bk-home-hero p:not(.bk-home-trial){
    color:#d7e0e8 !important;
}

.bk-home-hero .bk-home-trial{
    color:#9fb0c0 !important;
}

/* CTA */
.bk-home-hero .bk-home-button:not(.bk-home-button-secondary),
.bk-home-final .bk-home-button:not(.bk-home-button-secondary){
    border-color:var(--bk-copper) !important;
    background:var(--bk-copper) !important;
    color:#fff !important;
    box-shadow:0 8px 20px rgba(201,106,43,.20);
}

.bk-home-hero .bk-home-button:not(.bk-home-button-secondary):hover,
.bk-home-final .bk-home-button:not(.bk-home-button-secondary):hover{
    border-color:var(--bk-copper-dark) !important;
    background:var(--bk-copper-dark) !important;
}

.bk-home-hero .bk-home-button-secondary{
    border-color:rgba(255,255,255,.25) !important;
    background:rgba(255,255,255,.07) !important;
    color:#fff !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.bk-home-hero .bk-home-button-secondary:hover{
    border-color:rgba(255,255,255,.40) !important;
    background:rgba(255,255,255,.12) !important;
}

/* Product preview inside hero */
.bk-home-preview{
    border-color:rgba(255,255,255,.12) !important;
    background:#f8fafc !important;
    box-shadow:0 20px 42px rgba(0,0,0,.24) !important;
}

.bk-home-preview-head{
    background:#07182d !important;
    color:#fff !important;
    border-bottom-color:rgba(255,255,255,.08) !important;
}

/* Less sterile light area */
.bk-home-section{
    padding-top:46px !important;
}

.bk-home-section-kicker{
    color:#38566e !important;
}

.bk-home-section-title{
    color:#07182d !important;
}

.bk-home-section-text{
    color:#4a5a69 !important;
}

/* Cards */
.bk-home-feature,
.bk-home-step,
.bk-home-plan{
    border:1px solid #c4d0d9 !important;
    background:rgba(255,255,255,.90) !important;
    box-shadow:0 10px 26px rgba(7,24,45,.08) !important;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}

.bk-home-feature:hover,
.bk-home-step:hover,
.bk-home-plan:hover{
    transform:translateY(-2px);
    border-color:#aabcc9 !important;
    box-shadow:0 16px 32px rgba(7,24,45,.12) !important;
}

.bk-home-feature-mark,
.bk-home-plan-badge{
    background:#e7eef3 !important;
    color:#173550 !important;
}

.bk-home-feature-title,
.bk-home-step-title,
.bk-home-plan-name,
.bk-home-plan-price,
.bk-home-plan-limit{
    color:#07182d !important;
}

.bk-home-feature-text,
.bk-home-step-text,
.bk-home-plan-note,
.bk-home-plan-list,
.bk-home-price-note{
    color:#4f5f6f !important;
}

.bk-home-plan-featured{
    border-color:#49677f !important;
    box-shadow:
        0 0 0 1px rgba(73,103,127,.15),
        0 18px 36px rgba(7,24,45,.14) !important;
}

.bk-home-plan-list li::before{
    color:#c96a2b !important;
}

/* Pricing buttons stay dark; featured/marketing accents use copper */
.bk-home-plan .bk-home-button{
    border-color:#173550 !important;
    background:#173550 !important;
    color:#fff !important;
}

.bk-home-plan .bk-home-button:hover{
    border-color:#07182d !important;
    background:#07182d !important;
}

.bk-home-plan-featured .bk-home-button{
    border-color:#c96a2b !important;
    background:#c96a2b !important;
}

.bk-home-plan-featured .bk-home-button:hover{
    border-color:#a95520 !important;
    background:#a95520 !important;
}

/* Final CTA */
.bk-home-final{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:18px !important;
    background:
        radial-gradient(circle at 92% 20%,rgba(201,106,43,.20),transparent 24%),
        linear-gradient(135deg,#07182d,#102a4a) !important;
    box-shadow:0 18px 38px rgba(7,24,45,.17);
}

.bk-home-final h2{
    color:#fff !important;
}

.bk-home-final p{
    color:#cbd7e2 !important;
}

/* Mobile */
@media(max-width:900px){
    .bk-home-hero{
        padding:34px !important;
        border-radius:20px;
    }
}

@media(max-width:760px){
    .bk-home-main{
        width:calc(100% - 20px) !important;
        padding-top:12px !important;
    }

    .bk-home-hero{
        gap:24px !important;
        padding:26px 20px !important;
        border-radius:16px;
    }

    .bk-home-title{
        font-size:clamp(34px,10vw,44px) !important;
        line-height:1.02 !important;
        overflow-wrap:anywhere;
    }

    .bk-home-hero .bk-home-lead,
    .bk-home-hero .bk-home-text,
    .bk-home-hero p{
        max-width:100%;
        overflow-wrap:anywhere;
    }

    .bk-home-section{
        padding-top:34px !important;
    }

    .bk-home-feature,
    .bk-home-step,
    .bk-home-plan{
        border-radius:14px !important;
    }

    .bk-home-final{
        padding:22px 18px !important;
        border-radius:16px !important;
    }
}


/* ==========================================================================
   BuhKlik — compact workspace refresh v13
   Compact spacing + stronger visual separation for constructor pages.
   ========================================================================== */

body.bk-page-workspace,
body.bk-page-documents,
body.bk-page-clients,
body.bk-page-bank-accounts,
body.bk-page-assets{
    --bk-page-gap:10px;
}

body.bk-page-workspace main,
body.bk-page-documents main,
body.bk-page-clients main,
body.bk-page-bank-accounts main,
body.bk-page-assets main{
    margin-top:14px !important;
    margin-bottom:30px !important;
}

/* Headers: compact, clearly separated from content */
body.bk-page-workspace .bk-workspace-head,
body.bk-page-documents .bk-page-head,
body.bk-page-clients .page-hero,
body.bk-page-bank-accounts .page-hero,
body.bk-page-assets .page-hero{
    margin-bottom:10px !important;
    padding:12px 14px !important;
    border-color:#cbd6e0 !important;
    background:linear-gradient(100deg,#ffffff 0%,#f5f8fa 100%) !important;
    box-shadow:0 4px 14px rgba(7,24,45,.055) !important;
}

body.bk-page-workspace .bk-workspace-title,
body.bk-page-documents .bk-page-title,
body.bk-page-clients .page-title,
body.bk-page-bank-accounts .page-title,
body.bk-page-assets .page-title{
    font-size:24px !important;
    line-height:1.08 !important;
}

body.bk-page-workspace .bk-panel,
body.bk-page-documents .bk-panel,
body.bk-page-clients .section,
body.bk-page-bank-accounts .section,
body.bk-page-assets .card{
    margin-bottom:10px !important;
    border-color:#cfd8e2 !important;
    border-radius:11px !important;
    box-shadow:0 4px 13px rgba(7,24,45,.045) !important;
}

body.bk-page-documents .bk-panel-head,
body.bk-page-clients .section-head,
body.bk-page-bank-accounts .section-head{
    padding:9px 12px !important;
    background:#f5f8fa !important;
    border-bottom-color:#d9e1e9 !important;
}

body.bk-page-documents .bk-panel-title,
body.bk-page-clients .section-title,
body.bk-page-bank-accounts .section-title{
    font-size:15px !important;
}

/* Workspace: six visibly different functional cards */
body.bk-page-workspace .bk-tool-grid{
    gap:7px !important;
    padding:8px !important;
}
body.bk-page-workspace .bk-tool-card{
    min-height:74px !important;
    padding:9px 10px !important;
    border-left-width:4px !important;
    box-shadow:none !important;
}
body.bk-page-workspace .bk-tool-icon{
    width:32px !important;
    height:32px !important;
    font-size:15px !important;
}
body.bk-page-workspace .bk-tool-title{font-size:13px !important}
body.bk-page-workspace .bk-tool-description{font-size:9px !important;line-height:1.3 !important}
body.bk-page-workspace .bk-tool-documents{border-left-color:#416b8b !important;background:#f4f8fb !important}
body.bk-page-workspace .bk-tool-clients{border-left-color:#4f7c68 !important;background:#f5faf7 !important}
body.bk-page-workspace .bk-tool-bank{border-left-color:#a97832 !important;background:#fcf9f2 !important}
body.bk-page-workspace .bk-tool-tax{border-left-color:#7566a0 !important;background:#f8f6fc !important}
body.bk-page-workspace .bk-tool-assets{border-left-color:#a35f69 !important;background:#fcf6f7 !important}
body.bk-page-workspace .bk-tool-requisites{border-left-color:#64748b !important;background:#f7f8fa !important}

/* Documents: folders and rows stop merging into one white sheet */
body.bk-page-documents .bk-document-folders{
    gap:6px !important;
    padding:8px !important;
}
body.bk-page-documents .bk-document-folder{
    min-height:55px !important;
    padding:8px 10px !important;
    border-radius:9px !important;
    background:#f8fafc !important;
}
body.bk-page-documents .bk-document-folder.is-active{
    background:#eaf1f7 !important;
}
body.bk-page-documents .bk-search-wrap{padding:8px 10px 10px !important}
body.bk-page-documents .bk-documents{padding:4px 8px 8px !important}
body.bk-page-documents .bk-document-head{
    grid-template-columns:125px minmax(180px,1fr) 120px 104px 175px !important;
    gap:8px !important;
    padding:6px 9px !important;
}
body.bk-page-documents .bk-document-row{
    grid-template-columns:125px minmax(180px,1fr) 120px 104px 175px !important;
    gap:8px !important;
    min-height:58px !important;
    margin-bottom:4px !important;
    padding:7px 9px !important;
    border-color:#dbe2e9 !important;
    border-left-width:4px !important;
    border-radius:8px !important;
    background:#fbfcfd !important;
    box-shadow:none !important;
}
body.bk-page-documents .bk-document-row:nth-child(even){background:#f6f8fa !important}
body.bk-page-documents .bk-document-type-invoice{border-left-color:#49677f !important}
body.bk-page-documents .bk-document-type-act{border-left-color:#4f7c68 !important}
body.bk-page-documents .bk-document-type-upd{border-left-color:#7566a0 !important}
body.bk-page-documents .bk-document-type-invoice_factura{border-left-color:#a97832 !important}
body.bk-page-documents .bk-document-row.is-cancelled-row{border-left-color:#a34f4f !important;background:#fff8f8 !important}
body.bk-page-documents .bk-document-number{font-size:11px !important}
body.bk-page-documents .bk-document-client strong{font-size:10.5px !important}
body.bk-page-documents .bk-document-amount{font-size:11px !important}
body.bk-page-documents .bk-document-open{gap:4px !important}
body.bk-page-documents .bk-document-open a{
    min-height:26px !important;
    padding:0 7px !important;
    border-radius:6px !important;
    font-size:8px !important;
}

/* Clients: dense register, alternating cards, editing stays folded */
body.bk-page-clients .add-wrap,
body.bk-page-clients .search-wrap,
body.bk-page-clients .clients-wrap{padding:8px 10px !important}
body.bk-page-clients .client-head{
    grid-template-columns:minmax(230px,1.35fr) 135px 135px minmax(220px,1fr) !important;
    gap:8px !important;
    padding:6px 9px !important;
}
body.bk-page-clients .client-row{
    grid-template-columns:minmax(230px,1.35fr) 135px 135px minmax(220px,1fr) !important;
    gap:8px !important;
    margin-bottom:4px !important;
    padding:7px 9px !important;
    border-left:4px solid #6b879a !important;
    border-radius:8px !important;
    background:#fbfcfd !important;
    box-shadow:none !important;
}
body.bk-page-clients .client-row:nth-child(odd){background:#f5f8fa !important}
body.bk-page-clients .client-name{font-size:10.5px !important}
body.bk-page-clients .client-id-block strong{font-size:9.5px !important}
body.bk-page-clients .client-id-block span,
body.bk-page-clients .client-address,
body.bk-page-clients .client-contact{font-size:8.5px !important;line-height:1.3 !important}
body.bk-page-clients .client-actions{
    margin-top:5px !important;
    padding-top:5px !important;
}
body.bk-page-clients .client-edit summary,
body.bk-page-clients .button-danger{
    min-height:26px !important;
    padding:0 7px !important;
    font-size:8px !important;
}

/* Bank accounts: each account becomes a compact, identifiable strip */
body.bk-page-bank-accounts .accounts-wrap{padding:8px 10px !important}
body.bk-page-bank-accounts .account-card{
    margin-bottom:6px !important;
    padding:9px 10px !important;
    border:1px solid #d5dee7 !important;
    border-left:4px solid #a97832 !important;
    border-radius:8px !important;
    background:#fbfaf6 !important;
    box-shadow:none !important;
}
body.bk-page-bank-accounts .account-card:has(.default-badge){
    border-left-color:#4f7c68 !important;
    background:#f6faf7 !important;
}
body.bk-page-bank-accounts .account-title{font-size:11px !important}
body.bk-page-bank-accounts .account-data strong{font-size:9.5px !important}
body.bk-page-bank-accounts .account-data span,
body.bk-page-bank-accounts .account-meta{font-size:8.5px !important}
body.bk-page-bank-accounts .account-edit{padding-top:5px !important}
body.bk-page-bank-accounts .account-edit summary{min-height:26px !important;font-size:8px !important}
body.bk-page-bank-accounts .add-wrap{padding:8px 10px 10px !important}

/* Assets: compact cards and a visible distinction between asset types */
body.bk-page-assets main{max-width:1180px !important;padding:0 !important}
body.bk-page-assets .card{padding:12px !important}
body.bk-page-assets .card h2{font-size:15px !important;margin-bottom:8px !important}
body.bk-page-assets .asset-grid,
body.bk-page-assets .upload-grid{gap:8px !important}
body.bk-page-assets .asset,
body.bk-page-assets .upload-card{
    padding:10px !important;
    border:1px solid #d7e0e8 !important;
    border-left:4px solid #a35f69 !important;
    border-radius:8px !important;
    background:#faf7f8 !important;
}
body.bk-page-assets .asset-image{
    height:110px !important;
    margin:7px 0 !important;
}
body.bk-page-assets .asset-image img{max-height:96px !important}
body.bk-page-assets .upload-card h3{font-size:13px !important}
body.bk-page-assets .upload-card .description{
    min-height:38px !important;
    margin-bottom:7px !important;
    font-size:9px !important;
}
body.bk-page-assets input[type=file]{padding:7px !important;font-size:9px !important}
body.bk-page-assets .upload-card .upload-button{
    margin-top:7px !important;
    padding:8px 10px !important;
    font-size:9px !important;
}
body.bk-page-assets .background-tool,
body.bk-page-assets .upload-note{
    margin-top:8px !important;
    padding:9px 10px !important;
}

/* Shared compact pager */
.bk-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 10px 10px;
    color:var(--bk-muted);
    font-size:10px;
    font-weight:700;
}
.bk-pagination a,
.bk-pagination span{
    display:inline-flex;
    min-height:28px;
    align-items:center;
    padding:0 9px;
    border:1px solid var(--bk-line);
    border-radius:7px;
    background:#fff;
    color:var(--bk-steel-dark);
}
.bk-pagination span{background:#f3f6f8;color:var(--bk-text)}

@media(max-width:1050px){
    body.bk-page-documents .bk-document-head{display:none !important}
    body.bk-page-documents .bk-document-row{
        grid-template-columns:120px minmax(180px,1fr) 110px 100px !important;
    }
    body.bk-page-documents .bk-document-open{grid-column:1/-1;justify-content:flex-start !important}
    body.bk-page-clients .client-head{display:none !important}
    body.bk-page-clients .client-row{grid-template-columns:1.4fr .8fr .8fr 1fr !important}
}

@media(max-width:720px){
    body.bk-page-documents .bk-document-row,
    body.bk-page-clients .client-row{
        grid-template-columns:1fr !important;
        gap:5px !important;
    }
    body.bk-page-workspace .bk-tool-grid{grid-template-columns:1fr 1fr !important}
}

@media(max-width:520px){
    body.bk-page-workspace .bk-tool-grid{grid-template-columns:1fr !important}
}