:root{
 --htbk-blue:#1268FB;--htbk-navy:#073B70;--htbk-navy2:#0B4B8C;--htbk-bg:#F3F6FA;--htbk-border:#D9E3EE;
 --htbk-text:#172033;--htbk-muted:#667085;--htbk-green:#218A54;--htbk-red:#A43D3D;--htbk-sidebar:252px;
}
.htbk-page-shell{width:100%;max-width:none;margin:0;padding:18px 22px 28px;box-sizing:border-box;background:#fff}
.htbk-app{width:100%;min-height:760px;display:grid;grid-template-columns:var(--htbk-sidebar) minmax(0,1fr);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--htbk-bg);color:var(--htbk-text);border:1px solid var(--htbk-border);border-radius:18px;overflow:hidden;box-shadow:0 18px 48px rgba(3,60,115,.08)}
.htbk-sidebar{background:linear-gradient(180deg,#073B70 0%,#0A4A86 100%);color:#fff;padding:18px 14px;display:flex;flex-direction:column;min-height:760px}
.htbk-brand{display:flex;align-items:center;gap:11px;padding:4px 6px 18px;border-bottom:1px solid rgba(255,255,255,.14)}
.htbk-brand-logo{width:46px;height:46px;border-radius:12px;background:#fff;color:#073B70;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.htbk-brand-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.htbk-brand-text span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#F6CF71;font-weight:800}.htbk-brand-text strong{display:block;font-size:18px;margin-top:1px}
.htbk-working-company{padding:17px 6px 13px}.htbk-working-company>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.62);font-weight:800;margin-bottom:6px}
.htbk-working-company select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:9px 10px;background:#fff;color:#17324F;font-weight:750}
.htbk-side-nav{display:flex;flex-direction:column;gap:5px;margin-top:4px}.htbk-side-nav button{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:rgba(255,255,255,.8);padding:10px 11px;border-radius:9px;font-size:13px;font-weight:730;text-align:left;cursor:pointer}
.htbk-side-nav button:hover{background:rgba(255,255,255,.09);color:#fff}.htbk-side-nav button.active{background:#fff;color:#0A447E;box-shadow:0 5px 15px rgba(0,0,0,.12)}
.htbk-nav-icon{width:22px;text-align:center;font-size:16px;line-height:1}.htbk-sidebar-foot{margin-top:auto;padding:15px 7px 4px;border-top:1px solid rgba(255,255,255,.13)}.htbk-sidebar-foot span,.htbk-sidebar-foot small{display:block}.htbk-sidebar-foot span{font-size:11px;font-weight:800}.htbk-sidebar-foot small{margin-top:3px;color:rgba(255,255,255,.58);font-size:10px}
.htbk-workspace{min-width:0;background:var(--htbk-bg)}.htbk-workspace-top{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 24px;background:#fff;border-bottom:1px solid var(--htbk-border)}
.htbk-kicker-dark{display:block;font-size:10px;font-weight:850;letter-spacing:.08em;color:#6C7A8C}.htbk-workspace-top h1{margin:3px 0 2px;font-size:26px;color:#162A44}.htbk-workspace-top p{margin:0;color:var(--htbk-muted);font-size:13px}.htbk-workspace-actions{display:flex;gap:8px}
.htbk-content{padding:20px 22px 24px}.htbk-content section{display:none}.htbk-content section.active{display:block}
.htbk-btn{border:1px solid var(--htbk-blue);background:var(--htbk-blue);color:#fff;padding:9px 13px;border-radius:9px;font-weight:800;cursor:pointer;box-shadow:0 3px 8px rgba(18,104,251,.14)}.htbk-btn:hover{background:var(--htbk-navy);border-color:var(--htbk-navy);color:#fff}.htbk-btn.secondary{background:#fff;border-color:#C9D5E5;color:var(--htbk-navy);box-shadow:none}.htbk-btn.secondary:hover{background:#E8F0FB;color:var(--htbk-navy)}.htbk-btn.danger{background:#FFF2F0;border-color:#F2C8C4;color:#A43D3D;box-shadow:none}.htbk-btn.danger:hover{background:#A43D3D;border-color:#A43D3D;color:#fff}
.htbk-card{background:#fff;border:1px solid var(--htbk-border);border-radius:14px;padding:17px;box-shadow:0 5px 14px rgba(26,46,77,.035)}.htbk-card h3{margin:0 0 13px;font-size:16px}.htbk-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.htbk-grid-settings{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:14px}
.htbk-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.htbk-kpi{background:#fff;border:1px solid var(--htbk-border);border-radius:13px;padding:15px}.htbk-kpi span{display:block;color:var(--htbk-muted);font-size:12px}.htbk-kpi strong{display:block;font-size:23px;color:#173F73;margin:4px 0}.htbk-kpi small{color:var(--htbk-muted)}
.htbk-mini-table>div{display:grid;grid-template-columns:1fr 1.5fr 1fr auto;gap:8px;padding:9px 0;border-bottom:1px solid #EDF1F5;align-items:center}.htbk-mini-table>div:last-child{border-bottom:0}
.htbk-table-wrap{overflow:auto}.htbk-table{width:100%;border-collapse:collapse}.htbk-table th,.htbk-table td{padding:11px 10px;border-bottom:1px solid #E7EDF4;text-align:left;vertical-align:middle}.htbk-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#697586}.htbk-table td small{display:block;color:var(--htbk-muted);margin-top:3px}
.htbk-link{border:0;background:transparent;color:#1257A6;padding:4px 6px;font-weight:750;cursor:pointer;text-decoration:none}.htbk-link:hover{color:var(--htbk-navy);text-decoration:none}.htbk-link.danger{color:var(--htbk-red)}
.htbk-badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;text-transform:capitalize;background:#EEF2F6;color:#475467}.htbk-badge.paid,.htbk-badge.income{background:#E9F7EF;color:#247A4D}.htbk-badge.sent{background:#EAF2FF;color:#245BA7}.htbk-badge.overdue,.htbk-badge.expense{background:#FFF1F0;color:#A33B36}.htbk-badge.cancelled{background:#F2F4F7;color:#667085}
.htbk-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.htbk-company-card{position:relative;background:#fff;border:1px solid var(--htbk-border);border-radius:14px;padding:17px;overflow:hidden}.htbk-company-accent{position:absolute;left:0;top:0;right:0;height:5px;background:var(--accent)}.htbk-company-card h3{margin:5px 0}.htbk-company-card p{color:var(--htbk-muted);min-height:18px}.htbk-company-meta{display:flex;gap:7px;flex-wrap:wrap}.htbk-company-meta span{background:#F3F6FA;padding:5px 7px;border-radius:7px;font-size:10px;font-weight:700}.htbk-actions{margin-top:12px}
.htbk-report-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid var(--htbk-border);border-radius:13px;padding:13px;margin-bottom:13px}.htbk-report-filter label{font-size:11px;font-weight:700}.htbk-report-filter input{display:block;margin-top:4px}.htbk-report-row{display:flex;justify-content:space-between;padding:10px 2px;border-bottom:1px solid #EDF1F5}
.htbk-modal{position:fixed;inset:0;background:rgba(6,20,38,.58);z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}.htbk-modal[hidden]{display:none}.htbk-dialog{width:min(1000px,calc(100vw - 36px));max-height:calc(100vh - 36px);display:flex;flex-direction:column;background:#F7F9FC;border-radius:17px;overflow:hidden;box-shadow:0 28px 80px rgba(2,47,90,.28)}.htbk-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;padding:17px 20px;background:linear-gradient(135deg,#033C73,#1268FB);color:#fff}.htbk-dialog-head h2{margin:3px 0 0}.htbk-close{width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;font-size:22px;cursor:pointer}.htbk-close:hover{background:rgba(255,255,255,.22)}.htbk-dialog-body{padding:18px 20px;overflow:auto}.htbk-dialog-foot{display:flex;justify-content:flex-end;gap:9px;padding:13px 20px;background:#fff;border-top:1px solid var(--htbk-border)}
.htbk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.htbk-form-grid label{font-size:11px;font-weight:750;color:#475467}.htbk-form-grid label.full,.htbk-form-grid .full{grid-column:1/-1}.htbk-form-grid input,.htbk-form-grid select,.htbk-form-grid textarea,.htbk-report-filter input{width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #C6D3E2;border-radius:9px;background:#fff;color:#172033;padding:10px 11px;font:inherit;box-shadow:inset 0 1px 2px rgba(16,24,40,.03)}.htbk-form-grid input:focus,.htbk-form-grid select:focus,.htbk-form-grid textarea:focus{outline:2px solid rgba(18,104,251,.18);border-color:#5B8DEF}
.htbk-line-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.htbk-line-item{display:grid;grid-template-columns:minmax(0,1fr) 100px 130px 38px;gap:7px;margin-bottom:7px}.htbk-line-item input{margin-top:0}.htbk-icon{border:1px solid #D6DEE8;border-radius:8px;background:#fff;cursor:pointer}.htbk-icon.danger{color:var(--htbk-red)}.htbk-icon.danger:hover{background:var(--htbk-red);color:#fff}
.htbk-settings-card{min-width:0}.htbk-help{color:var(--htbk-muted);font-size:12px;line-height:1.55}.htbk-help code{word-break:break-all}.htbk-empty{padding:22px;text-align:center;color:var(--htbk-muted)}
.htbk-demo-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px}.htbk-demo-card h3{font-size:19px;margin:4px 0 8px}.htbk-demo-actions{display:flex;gap:8px;flex-wrap:wrap}.htbk-demo-status{font-size:11px;font-weight:800}.htbk-demo-on{color:#218A54}.htbk-demo-off{color:#7A8699}
.htbk-toast{position:fixed;right:22px;bottom:22px;z-index:1000000;background:#172033;color:#fff;padding:11px 15px;border-radius:9px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.htbk-toast.show{opacity:1;transform:none}.htbk-modal-open{overflow:hidden}
.htbk-login{max-width:700px;margin:40px auto;padding:20px;border:1px solid var(--htbk-border);border-radius:12px;background:#fff;text-align:center}
@media(max-width:1050px){:root{--htbk-sidebar:220px}.htbk-kpis{grid-template-columns:1fr 1fr}.htbk-grid-settings{grid-template-columns:1fr}}
@media(max-width:820px){.htbk-page-shell{padding:10px}.htbk-app{display:block}.htbk-sidebar{min-height:0}.htbk-side-nav{display:grid;grid-template-columns:repeat(2,1fr)}.htbk-sidebar-foot{display:none}.htbk-grid-2,.htbk-company-grid{grid-template-columns:1fr}.htbk-workspace-top{align-items:flex-start;flex-direction:column}.htbk-form-grid{grid-template-columns:1fr}.htbk-form-grid label.full,.htbk-form-grid .full{grid-column:auto}.htbk-line-item{grid-template-columns:1fr 80px 100px 36px}}
@media(max-width:560px){.htbk-content{padding:14px}.htbk-kpis{grid-template-columns:1fr}.htbk-side-nav{grid-template-columns:1fr 1fr}.htbk-line-item{grid-template-columns:1fr 1fr}.htbk-line-item [data-k="description"]{grid-column:1/-1}.htbk-line-item button{height:38px}}


/* v0.1.3 — shared HRThink application sidebar */
body.htbk-workspace-page .page-header,
body.htbk-workspace-page .entry-header,
body.htbk-workspace-page .entry-title,
body.htbk-workspace-page .page-title,
body.htbk-workspace-page .breadcrumb,
body.htbk-workspace-page .breadcrumbs,
body.htbk-workspace-page .breadcrumb-area,
body.htbk-workspace-page .breadcrumb-wrap,
body.htbk-workspace-page .breadcrumb-wrapper,
body.htbk-workspace-page .site-breadcrumb,
body.htbk-workspace-page .page-breadcrumb,
body.htbk-workspace-page .page-title-area,
body.htbk-workspace-page .page-title-wrapper,
body.htbk-workspace-page .inner-page-banner,
body.htbk-workspace-page .titlebar,
body.htbk-workspace-page .title-bar,
body.htbk-workspace-page .page-banner,
body.htbk-workspace-page .hero-breadcrumbs,
body.htbk-workspace-page [class*="breadcrumb"],
body.htbk-workspace-page [class*="page-title"]{display:none!important}
body.htbk-workspace-page main,
body.htbk-workspace-page .site-main,
body.htbk-workspace-page .content-area{margin-top:0!important;padding-top:0!important}

:root{--htbk-sidebar:294px}
.htbk-page-shell{width:100%!important;max-width:none!important;margin:0!important;padding:16px 28px 30px!important;box-sizing:border-box!important;background:#fff!important}
.htbk-app{grid-template-columns:294px minmax(0,1fr)!important;border-radius:18px!important}
.htbk-sidebar{
 position:relative!important;isolation:isolate!important;overflow:hidden!important;
 min-height:840px!important;padding:27px 22px 18px!important;
 background:linear-gradient(180deg,#11184F 0%,#252A70 48%,#1A2159 100%)!important;
 color:#fff!important;
}
.htbk-sidebar-decoration{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 122% 40%,rgba(103,95,205,.28) 0 21%,transparent 21.5%),linear-gradient(145deg,rgba(255,255,255,.03),transparent 32%)}
.htbk-sidebar:before,.htbk-sidebar:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;border:1px solid rgba(255,255,255,.15)}
.htbk-sidebar:before{width:410px;height:410px;right:-290px;top:105px}
.htbk-sidebar:after{width:520px;height:520px;right:-355px;top:45px;border-width:54px;border-color:rgba(92,98,188,.11)}
.htbk-brand{display:flex!important;align-items:center!important;gap:14px!important;padding:3px 0 22px!important;border:0!important}
.htbk-brand-logo{width:58px!important;height:58px!important;min-width:58px!important;border-radius:50%!important;background:#fff!important;color:#171B51!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;font-weight:850!important;border:2px solid rgba(255,255,255,.36)!important;box-shadow:0 0 0 2px rgba(17,24,79,.75),0 5px 16px rgba(0,0,0,.25)!important;overflow:hidden!important}
.htbk-brand-logo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.htbk-brand-text strong{display:block!important;color:#fff!important;font-size:18px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:0!important;margin:0!important;max-width:172px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.htbk-brand-text span{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.25!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;margin-top:5px!important}
.htbk-sidebar-divider{height:1px!important;background:rgba(255,255,255,.19)!important;margin:0 0 16px!important}
.htbk-side-nav{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important}
.htbk-side-nav button{width:100%!important;height:48px!important;display:flex!important;align-items:center!important;gap:13px!important;padding:0 14px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#fff!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:16px!important;line-height:1!important;font-weight:750!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important}
.htbk-side-nav button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.htbk-side-nav button.active{background:linear-gradient(90deg,#6657E4 0%,#7869E1 100%)!important;color:#fff!important;box-shadow:0 5px 14px rgba(0,0,0,.12)!important}
.htbk-nav-icon{width:21px!important;height:21px!important;min-width:21px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important}
.htbk-nav-icon svg{display:block!important;width:21px!important;height:21px!important;fill:currentColor!important}
.htbk-company-switcher{margin-top:18px!important;padding-top:15px!important;border-top:1px solid rgba(255,255,255,.13)!important}
.htbk-company-switcher label{display:block!important;color:rgba(255,255,255,.65)!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.07em!important;margin-bottom:6px!important}
.htbk-company-switcher select{width:100%!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:9px!important;background:#fff!important;color:#172033!important;padding:9px 10px!important;font-size:12px!important;font-weight:700!important}
.htbk-sidebar-foot{margin-top:auto!important;padding:15px 0 2px!important;border-top:0!important;color:rgba(255,255,255,.55)!important}
@media(max-width:820px){.htbk-app{display:block!important}.htbk-sidebar{min-height:0!important}.htbk-side-nav{display:grid!important;grid-template-columns:1fr 1fr!important}}


/* v0.1.4 — sidebar width/alignment + stronger theme title suppression */
body.htbk-workspace-page .page-header,
body.htbk-workspace-page .entry-header,
body.htbk-workspace-page .entry-title,
body.htbk-workspace-page .page-title,
body.htbk-workspace-page .breadcrumb,
body.htbk-workspace-page .breadcrumbs,
body.htbk-workspace-page .breadcrumb-area,
body.htbk-workspace-page .breadcrumb-wrap,
body.htbk-workspace-page .breadcrumb-wrapper,
body.htbk-workspace-page .site-breadcrumb,
body.htbk-workspace-page .page-breadcrumb,
body.htbk-workspace-page .page-title-area,
body.htbk-workspace-page .page-title-wrapper,
body.htbk-workspace-page .inner-page-banner,
body.htbk-workspace-page .titlebar,
body.htbk-workspace-page .title-bar,
body.htbk-workspace-page .page-banner,
body.htbk-workspace-page .hero-breadcrumbs,
body.htbk-workspace-page .page-hero,
body.htbk-workspace-page .inner-banner,
body.htbk-workspace-page .breadcrumb-section,
body.htbk-workspace-page .banner-area,
body.htbk-workspace-page [class*="breadcrumb"],
body.htbk-workspace-page [class*="page-title"],
body.htbk-workspace-page [class*="title-bar"],
body.htbk-workspace-page [class*="titlebar"]{display:none!important}

:root{--htbk-sidebar:248px!important}
.htbk-app{grid-template-columns:248px minmax(0,1fr)!important}
.htbk-sidebar{
    width:auto!important;
    min-width:0!important;
    padding:26px 18px 18px!important;
}
.htbk-brand{
    justify-content:flex-start!important;
    text-align:left!important;
    gap:12px!important;
}
.htbk-brand-text{
    text-align:left!important;
    align-items:flex-start!important;
}
.htbk-brand-text strong,
.htbk-brand-text span{
    text-align:left!important;
}
.htbk-brand-text strong{max-width:145px!important}
.htbk-side-nav{
    align-items:stretch!important;
}
.htbk-side-nav button{
    justify-content:flex-start!important;
    text-align:left!important;
    padding:0 12px!important;
    gap:12px!important;
}
.htbk-side-nav button span:last-child{
    text-align:left!important;
    flex:1 1 auto!important;
}
.htbk-nav-icon{
    justify-content:flex-start!important;
    text-align:left!important;
}
.htbk-company-switcher,
.htbk-company-switcher label,
.htbk-sidebar-foot{
    text-align:left!important;
}
@media(max-width:1050px){
    :root{--htbk-sidebar:232px!important}
    .htbk-app{grid-template-columns:232px minmax(0,1fr)!important}
}
@media(max-width:820px){
    .htbk-app{display:block!important}
    .htbk-sidebar{width:auto!important}
}

/* v0.1.6 compact Finance workspace */
:root{--htbk-sidebar:228px!important;--htbk-control-h:34px}
.htbk-page-shell{padding:10px 20px 22px!important}
.htbk-app{grid-template-columns:228px minmax(0,1fr)!important;min-height:700px!important;border-radius:14px!important}
.htbk-sidebar{min-height:700px!important;padding:20px 15px 14px!important}
.htbk-brand{gap:10px!important;padding:2px 0 15px!important}.htbk-brand-logo{width:46px!important;height:46px!important;min-width:46px!important;font-size:15px!important}
.htbk-brand-text strong{font-size:16px!important;max-width:137px!important}.htbk-brand-text span{font-size:12px!important;margin-top:3px!important}
.htbk-sidebar-divider{margin-bottom:10px!important}.htbk-side-nav{gap:3px!important}
.htbk-side-nav button{height:40px!important;padding:0 10px!important;gap:10px!important;border-radius:8px!important;font-size:14px!important}
.htbk-nav-icon,.htbk-nav-icon svg{width:18px!important;height:18px!important;min-width:18px!important}
.htbk-company-switcher{margin-top:12px!important;padding-top:10px!important}.htbk-company-switcher select{height:34px!important;padding:5px 8px!important;font-size:11px!important}
.htbk-sidebar-foot{padding-top:9px!important}
.htbk-workspace-top{min-height:0!important;padding:14px 18px!important;gap:12px!important}.htbk-kicker-dark{font-size:9px!important}
.htbk-workspace-top h1{font-size:22px!important;line-height:1.15!important;margin:2px 0!important}.htbk-workspace-top p{font-size:12px!important;line-height:1.35!important;margin:2px 0 0!important}
.htbk-content{padding:14px 16px 18px!important}.htbk-btn{min-height:34px!important;padding:7px 11px!important;border-radius:8px!important;font-size:12px!important}
.htbk-kpis{gap:9px!important}.htbk-kpi{min-height:82px!important;padding:11px 13px!important;border-radius:10px!important}
.htbk-kpi span{font-size:11px!important}.htbk-kpi strong{font-size:20px!important;line-height:1.1!important;margin:4px 0!important}.htbk-kpi small{font-size:10px!important}
.htbk-dashboard-grid,.htbk-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important}
.htbk-card{padding:13px 14px!important;border-radius:10px!important}.htbk-dashboard-card{min-height:205px!important}.htbk-card h3{font-size:14px!important;margin:0 0 9px!important}
.htbk-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.htbk-card-head h3{margin:0!important}
.htbk-text-action{border:0;background:transparent;color:#1268FB;font-size:11px;font-weight:750;padding:3px 0;cursor:pointer}.htbk-text-action:hover{text-decoration:none}
.htbk-mini-table>div{grid-template-columns:minmax(85px,.8fr) minmax(130px,1.5fr) minmax(70px,.7fr) auto!important;gap:6px!important;padding:7px 0!important;font-size:11px!important}
.htbk-table th,.htbk-table td{padding:8px!important;font-size:11px!important;line-height:1.25!important}.htbk-table th{font-size:9px!important}.htbk-table td small{font-size:9px!important;margin-top:2px!important}
.htbk-badge{padding:3px 6px!important;font-size:9px!important}
.htbk-company-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.htbk-company-card{padding:12px!important;border-radius:10px!important}
.htbk-company-card h3{font-size:14px!important;margin:3px 0!important}.htbk-company-card p{font-size:11px!important;margin:5px 0!important;min-height:0!important}
.htbk-company-meta{gap:4px!important}.htbk-company-meta span{font-size:9px!important;padding:4px 6px!important}.htbk-actions{margin-top:8px!important}
.htbk-report-filter{gap:7px!important;padding:9px 10px!important;border-radius:9px!important;margin-bottom:9px!important}.htbk-report-filter label{font-size:10px!important}
.htbk-report-filter input{height:34px!important;padding:6px 8px!important;margin-top:3px!important;font-size:11px!important}.htbk-report-row{padding:7px 1px!important;font-size:11px!important}
.htbk-grid-settings{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;gap:10px!important}.htbk-help{font-size:11px!important;line-height:1.4!important;margin:6px 0 9px!important}
.htbk-demo-card{gap:10px!important}.htbk-demo-card h3{font-size:16px!important;margin:2px 0 5px!important}
.htbk-form-grid{gap:8px!important}.htbk-form-grid label{font-size:10px!important}
.htbk-form-grid input,.htbk-form-grid select,.htbk-form-grid textarea{padding:7px 9px!important;margin-top:3px!important;border-radius:7px!important;font-size:12px!important}
.htbk-form-grid input,.htbk-form-grid select{height:35px!important}.htbk-form-grid textarea{min-height:66px!important}
.htbk-dialog{width:min(860px,calc(100vw - 32px))!important;max-height:calc(100vh - 28px)!important;border-radius:13px!important}
.htbk-dialog-head{padding:12px 16px!important}.htbk-dialog-head h2{font-size:19px!important}.htbk-close{width:31px!important;height:31px!important;font-size:19px!important}
.htbk-dialog-body{padding:13px 16px!important}.htbk-dialog-foot{padding:9px 16px!important}
.htbk-line-head{margin-bottom:5px!important}.htbk-line-item{grid-template-columns:minmax(0,1fr) 78px 105px 32px!important;gap:5px!important;margin-bottom:5px!important}
.htbk-empty{padding:18px 8px!important;font-size:12px!important}
@media(max-width:1200px){:root{--htbk-sidebar:214px!important}.htbk-app{grid-template-columns:214px minmax(0,1fr)!important}.htbk-company-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:900px){.htbk-kpis{grid-template-columns:1fr 1fr!important}.htbk-dashboard-grid,.htbk-grid-2,.htbk-grid-settings{grid-template-columns:1fr!important}}


/* v0.1.7 — executive company profile editor */
.htbk-company-dialog{
  width:min(920px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 24px)!important;
  background:#fff!important;
}
.htbk-company-dialog .htbk-dialog-head{
  padding:11px 16px!important;
  background:#fff!important;
  color:#172033!important;
  border-bottom:1px solid #D8DEE8!important;
}
.htbk-company-dialog .htbk-dialog-head .htbk-kicker{display:none!important}
.htbk-company-dialog .htbk-dialog-head h2{
  font-size:18px!important;font-weight:800!important;color:#172033!important;margin:0!important;
}
.htbk-company-dialog .htbk-close{
  color:#516071!important;background:#F5F7FA!important;border:1px solid #D8DEE8!important;
}
.htbk-company-dialog .htbk-close:hover{background:#E9EEF5!important;color:#172033!important}
.htbk-company-dialog .htbk-dialog-body{padding:10px 14px!important;background:#F6F8FB!important}
.htbk-company-dialog .htbk-dialog-foot{
  padding:10px 14px!important;background:#fff!important;border-top:1px solid #D8DEE8!important;
}
.htbk-company-form{
  background:#fff;border:1px solid #C9D2DE;border-radius:11px;
  padding:14px 16px 12px;box-shadow:0 3px 12px rgba(29,48,73,.035);
}
.htbk-company-section{margin:0 0 14px}
.htbk-company-section-last{margin-bottom:0}
.htbk-company-section-title{
  display:flex;align-items:center;gap:10px;margin-bottom:9px;
  color:#17324F;font-size:12px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;
}
.htbk-company-section-title:after{content:"";height:1px;background:#9DA8B5;flex:1}
.htbk-company-fields{display:grid;gap:10px 14px}
.htbk-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.htbk-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.htbk-company-form label,.htbk-field-label{
  display:block;color:#24384F;font-size:11px!important;font-weight:750!important;line-height:1.2;
}
.htbk-company-form label>span,.htbk-field-label{display:block;margin-bottom:5px}
.htbk-company-form input[type="text"],
.htbk-company-form input[type="email"],
.htbk-company-form select,
.htbk-company-form textarea{
  width:100%;box-sizing:border-box;border:1px solid #AEB8C4!important;border-radius:7px!important;
  background:#FBFCFE!important;color:#172033!important;font-size:12px!important;font-weight:500!important;
  box-shadow:none!important;
}
.htbk-company-form input[type="text"],
.htbk-company-form input[type="email"],
.htbk-company-form select{
  height:36px!important;padding:6px 10px!important;margin:0!important;
}
.htbk-company-form textarea{
  min-height:74px!important;padding:8px 10px!important;margin:0!important;resize:vertical;line-height:1.35!important;
}
.htbk-company-form input:focus,.htbk-company-form select:focus,.htbk-company-form textarea:focus{
  border-color:#5B7BEA!important;outline:2px solid rgba(91,123,234,.13)!important;
}
.htbk-company-address-grid{
  display:grid;grid-template-columns:1.55fr .75fr 1fr 1fr;gap:10px 14px;margin-top:10px;
}
.htbk-branding-row{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px;align-items:start;
}
.htbk-color-swatches{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}
.htbk-color-swatch{
  width:28px;height:28px;border-radius:50%;border:2px solid transparent;background:var(--swatch);
  cursor:pointer;box-shadow:0 0 0 1px rgba(23,32,51,.08);transition:transform .12s,box-shadow .12s;
}
.htbk-color-swatch:hover{transform:translateY(-1px)}
.htbk-color-swatch.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #253858}
.htbk-logo-drop{
  min-height:58px;border:1px dashed #9FAABA!important;border-radius:8px!important;background:#FBFCFE!important;
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px!important;
  text-align:center;cursor:pointer;
}
.htbk-logo-drop input{display:none!important}
.htbk-logo-file{font-size:11px;font-weight:750;color:#233A55;margin:0 0 2px!important}
.htbk-logo-drop small{font-size:9px;color:#6D7B8D;font-weight:500}
.htbk-bank-field small{font-weight:500;color:#6D7B8D}
.htbk-bank-field textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:11px!important}
@media(max-width:860px){
 .htbk-cols-3,.htbk-company-address-grid{grid-template-columns:1fr 1fr}
 .htbk-branding-row{grid-template-columns:1fr}
}
@media(max-width:580px){
 .htbk-cols-3,.htbk-cols-2,.htbk-company-address-grid{grid-template-columns:1fr}
}

/* v0.1.8 executive invoices register */
.htbk-invoice-toolbar{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(390px,.9fr);gap:10px;margin-bottom:10px}
.htbk-filter-group{display:grid;grid-template-columns:120px minmax(150px,1fr) 105px;gap:7px;background:#fff;border:1px solid #D8E0EA;border-radius:10px;padding:9px}
.htbk-filter-group input,.htbk-filter-group select{height:34px!important;margin:0!important;border:1px solid #CBD4DF!important;border-radius:7px!important;background:#FBFCFE!important;padding:5px 8px!important;font-size:10.5px!important;color:#304155!important}
.htbk-invoice-metrics{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:7px}
.htbk-invoice-metric{background:#fff;border:1px solid #D8E0EA;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 2px 7px rgba(31,50,74,.035)}
.htbk-invoice-metric span{font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:#6A7788}.htbk-invoice-metric strong{font-size:16px;line-height:1.15;color:#172033;margin:3px 0 1px}.htbk-invoice-metric small{font-size:8.5px;color:#7C8897}.htbk-invoice-metric.danger strong{color:#9B3131}
.htbk-invoice-table-card{background:#fff;border:1px solid #D8E0EA;border-radius:10px;box-shadow:0 2px 8px rgba(31,50,74,.04);overflow:visible}
.htbk-invoice-table-card .htbk-table-wrap{overflow:visible!important}.htbk-invoice-table{margin:0!important;border:0!important;width:100%!important}
.htbk-invoice-table th{height:29px!important;padding:6px 9px!important;background:#F8FAFC!important;border-bottom:1px solid #DDE4EC!important;font-size:8px!important;font-weight:850!important;text-transform:uppercase!important;color:#667486!important}
.htbk-invoice-table td{height:41px!important;padding:5px 9px!important;border-bottom:1px solid #E7ECF2!important;font-size:10.5px!important;vertical-align:middle!important}.htbk-invoice-table tbody tr:hover td{background:#FBFCFE!important}
.htbk-invoice-table th:nth-child(1){width:14%}.htbk-invoice-table th:nth-child(2){width:17%}.htbk-invoice-table th:nth-child(3){width:27%}.htbk-invoice-table th:nth-child(4){width:15%}.htbk-invoice-table th:nth-child(5){width:12%}.htbk-invoice-table th:nth-child(6){width:15%}
.htbk-invoice-table td small{display:block!important;font-size:8.5px!important;color:#8A95A3!important;margin-top:1px!important}.htbk-client-cell{display:flex;align-items:center;gap:7px;font-weight:650}.htbk-client-avatar{width:21px;height:21px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#EEF2F8;color:#31507B;font-size:9px;font-weight:850}.htbk-money-cell{font-weight:750;white-space:nowrap}
.htbk-row-actions{position:relative;white-space:nowrap}.htbk-row-actions .htbk-link{padding:2px 4px!important;font-size:9.5px!important}.htbk-more-btn{width:27px;height:24px;border:1px solid #D5DDE7;border-radius:6px;background:#F7F9FC;color:#59677A;font-size:10px;font-weight:800;cursor:pointer}
.htbk-action-menu{position:absolute;right:8px;top:31px;z-index:30;width:104px;background:#fff;border:1px solid #D5DDE7;border-radius:7px;box-shadow:0 8px 20px rgba(31,44,62,.15);padding:4px}.htbk-action-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:6px 7px;border-radius:5px;font-size:10px;color:#2B3747;cursor:pointer}.htbk-action-menu button:hover{background:#F3F6FA}.htbk-action-menu button.danger{color:#A63A3A}
.htbk-invoice-pagination{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-top:1px solid #E2E8F0;background:#FBFCFE;border-radius:0 0 10px 10px}.htbk-invoice-pagination>span{font-size:9px;color:#6D7988}.htbk-invoice-pagination>div{display:flex;align-items:center;gap:4px}.htbk-invoice-pagination button{min-width:26px;height:26px;border:1px solid #D5DDE7;border-radius:6px;background:#fff;color:#4A596C;font-size:9.5px;font-weight:700;cursor:pointer}.htbk-invoice-pagination button.active{background:#EAF0FF;border-color:#AFC0EF;color:#24477F}.htbk-invoice-pagination button:disabled{opacity:.38}.htbk-invoice-pagination>div span{font-size:9px;color:#8994A2}
@media(max-width:1050px){.htbk-invoice-toolbar{grid-template-columns:1fr}.htbk-invoice-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.htbk-filter-group,.htbk-invoice-metrics{grid-template-columns:1fr}.htbk-invoice-table-card{overflow-x:auto}.htbk-invoice-table{min-width:760px!important}}


/* v0.1.9 — invoice readability and spacing corrections */
.htbk-invoices-screen{
    padding-top:14px!important;
}

/* Add visible separation from the white workspace header above */
.htbk-invoice-toolbar{
    margin-top:4px!important;
    margin-bottom:14px!important;
    align-items:stretch!important;
}

/* Center filter controls vertically within their card */
.htbk-filter-group{
    min-height:82px!important;
    padding:14px 12px!important;
    align-items:center!important;
    align-content:center!important;
}
.htbk-filter-group input,
.htbk-filter-group select{
    height:42px!important;
    padding:8px 11px!important;
    font-size:13px!important;
    line-height:1.2!important;
}

/* KPI cards: larger, executive-readable type */
.htbk-invoice-metric{
    min-height:82px!important;
    padding:12px 14px!important;
}
.htbk-invoice-metric span{
    font-size:10px!important;
    line-height:1.2!important;
}
.htbk-invoice-metric strong{
    font-size:20px!important;
    line-height:1.15!important;
    margin:4px 0 3px!important;
}
.htbk-invoice-metric small{
    font-size:10px!important;
    line-height:1.25!important;
}

/* Invoice register typography */
.htbk-invoice-table th{
    height:34px!important;
    padding:8px 11px!important;
    font-size:10px!important;
    line-height:1.15!important;
}
.htbk-invoice-table td{
    height:48px!important;
    padding:8px 11px!important;
    font-size:12.5px!important;
    line-height:1.3!important;
}
.htbk-invoice-table td strong{
    font-size:13px!important;
    font-weight:800!important;
}
.htbk-invoice-table td small{
    font-size:10px!important;
    line-height:1.2!important;
    margin-top:2px!important;
}

/* Client identity */
.htbk-client-cell{
    gap:8px!important;
    font-size:12.5px!important;
}
.htbk-client-avatar{
    width:25px!important;
    height:25px!important;
    font-size:10.5px!important;
}

/* Monetary values, status and actions */
.htbk-money-cell{
    font-size:12.5px!important;
}
.htbk-badge{
    font-size:10.5px!important;
    padding:4px 7px!important;
}
.htbk-row-actions .htbk-link{
    font-size:11.5px!important;
    padding:3px 5px!important;
}
.htbk-more-btn{
    width:32px!important;
    height:30px!important;
    font-size:12px!important;
}
.htbk-action-menu{
    width:116px!important;
}
.htbk-action-menu button{
    font-size:11.5px!important;
    padding:7px 8px!important;
}

/* Pagination / footer readability */
.htbk-invoice-pagination{
    padding:9px 11px!important;
}
.htbk-invoice-pagination>span{
    font-size:10.5px!important;
}
.htbk-invoice-pagination button{
    min-width:30px!important;
    height:30px!important;
    font-size:11px!important;
}
.htbk-invoice-pagination>div span{
    font-size:10.5px!important;
}

/* Preserve 10-per-page visibility while making text comfortably readable */
@media(min-width:1100px){
    .htbk-invoice-table td{height:47px!important}
}


/* v0.2.0 — unified Finance screen design language
   Uses the approved Invoices screen as the baseline for spacing,
   readable typography, executive density, and separation from the header. */

/* All module panels get the same breathing room below the workspace header */
.htbk-content > section{
    padding-top:14px!important;
}

/* General screen cards: same visual rhythm as Invoices */
.htbk-card,
.htbk-company-card,
.htbk-report-filter,
.htbk-settings-card,
.htbk-demo-card{
    border:1px solid #D8E0EA!important;
    border-radius:10px!important;
    box-shadow:0 2px 8px rgba(31,50,74,.035)!important;
    background:#fff!important;
}

/* General readable typography */
.htbk-content,
.htbk-content p,
.htbk-content label,
.htbk-content input,
.htbk-content select,
.htbk-content textarea,
.htbk-content button,
.htbk-content td,
.htbk-content th{
    font-size:12.5px;
}

/* Dashboard */
.htbk-kpis{
    gap:10px!important;
}
.htbk-kpi{
    min-height:88px!important;
    padding:13px 15px!important;
}
.htbk-kpi span{
    font-size:11px!important;
}
.htbk-kpi strong{
    font-size:21px!important;
    line-height:1.15!important;
}
.htbk-kpi small{
    font-size:10.5px!important;
}
.htbk-dashboard-grid{
    gap:12px!important;
    margin-top:12px!important;
}
.htbk-dashboard-card{
    min-height:220px!important;
}
.htbk-card h3{
    font-size:15px!important;
}
.htbk-card-head .htbk-text-action{
    font-size:11.5px!important;
}
.htbk-mini-table>div{
    font-size:11.5px!important;
    padding:8px 0!important;
}

/* Income + Expenses + Clients: readable register tables */
[data-panel="income"] .htbk-card,
[data-panel="expenses"] .htbk-card,
[data-panel="clients"] .htbk-card{
    margin-top:0!important;
}
[data-panel="income"] .htbk-table th,
[data-panel="expenses"] .htbk-table th,
[data-panel="clients"] .htbk-table th{
    font-size:10px!important;
    padding:8px 10px!important;
    height:34px!important;
}
[data-panel="income"] .htbk-table td,
[data-panel="expenses"] .htbk-table td,
[data-panel="clients"] .htbk-table td{
    font-size:12.5px!important;
    padding:8px 10px!important;
    min-height:46px!important;
}
[data-panel="income"] .htbk-table td small,
[data-panel="expenses"] .htbk-table td small,
[data-panel="clients"] .htbk-table td small{
    font-size:10px!important;
}
[data-panel="income"] .htbk-link,
[data-panel="expenses"] .htbk-link,
[data-panel="clients"] .htbk-link{
    font-size:11.5px!important;
}

/* Companies screen */
.htbk-company-grid{
    gap:12px!important;
}
.htbk-company-card{
    padding:15px!important;
}
.htbk-company-card h3{
    font-size:15px!important;
}
.htbk-company-card p{
    font-size:11.5px!important;
    line-height:1.4!important;
}
.htbk-company-meta span{
    font-size:10px!important;
    padding:5px 7px!important;
}

/* Reports screen */
.htbk-report-filter{
    min-height:72px!important;
    padding:12px!important;
    align-items:center!important;
}
.htbk-report-filter label{
    font-size:11px!important;
}
.htbk-report-filter input{
    height:40px!important;
    font-size:12px!important;
    padding:7px 10px!important;
}
[data-panel="reports"] .htbk-kpis{
    margin-top:12px!important;
}
.htbk-report-row{
    font-size:12px!important;
    padding:9px 2px!important;
}

/* Settings */
.htbk-grid-settings{
    gap:12px!important;
}
.htbk-settings-card,
.htbk-demo-card{
    padding:15px!important;
}
.htbk-settings-card h3,
.htbk-demo-card h3{
    font-size:16px!important;
}
.htbk-help{
    font-size:11.5px!important;
    line-height:1.5!important;
}
.htbk-settings-card .htbk-form-grid input,
.htbk-settings-card .htbk-form-grid select{
    height:40px!important;
    font-size:12.5px!important;
}
.htbk-demo-status{
    font-size:11px!important;
}

/* Shared form controls in ordinary modals */
.htbk-dialog:not(.htbk-company-dialog) .htbk-form-grid label{
    font-size:11px!important;
}
.htbk-dialog:not(.htbk-company-dialog) .htbk-form-grid input,
.htbk-dialog:not(.htbk-company-dialog) .htbk-form-grid select{
    height:40px!important;
    font-size:12.5px!important;
    padding:8px 10px!important;
}
.htbk-dialog:not(.htbk-company-dialog) .htbk-form-grid textarea{
    min-height:78px!important;
    font-size:12.5px!important;
    line-height:1.4!important;
}
.htbk-dialog:not(.htbk-company-dialog) .htbk-dialog-body{
    padding:15px 17px!important;
}
.htbk-dialog:not(.htbk-company-dialog) .htbk-dialog-head h2{
    font-size:20px!important;
}

/* Shared buttons */
.htbk-btn{
    font-size:12.5px!important;
    min-height:38px!important;
    padding:8px 12px!important;
}

/* Keep the company editor's custom executive layout intact */
.htbk-company-dialog .htbk-company-form{
    font-size:inherit!important;
}

/* Responsive */
@media(max-width:900px){
    .htbk-content > section{padding-top:10px!important}
}


/* ==========================================================================
   v0.2.1 — HRThink Finance Design System
   This final layer is the authoritative visual root for every Finance screen.
   ========================================================================== */

:root{
    /* Core palette — deliberately softer than pure white */
    --hf-page-bg:#E9EEF4;
    --hf-workspace-bg:#EEF3F7;
    --hf-surface:#F8FAFC;
    --hf-surface-raised:#FCFDFE;
    --hf-surface-soft:#F2F5F9;
    --hf-border:#D5DEE8;
    --hf-border-strong:#C5D0DC;

    --hf-text:#243247;
    --hf-text-strong:#17243A;
    --hf-muted:#657488;
    --hf-muted-soft:#8793A3;

    --hf-primary:#5368D8;
    --hf-primary-hover:#4356BC;
    --hf-primary-soft:#E9EDFC;

    --hf-success:#4C8B6C;
    --hf-success-soft:#E8F3ED;
    --hf-info:#4779B9;
    --hf-info-soft:#E9F0F9;
    --hf-warning:#B6813D;
    --hf-warning-soft:#F8F0E3;
    --hf-danger:#B55353;
    --hf-danger-hover:#994444;
    --hf-danger-soft:#F8EAEA;
    --hf-neutral:#667387;
    --hf-neutral-soft:#EDF1F5;

    /* Typography */
    --hf-font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --hf-font-body:13px;
    --hf-font-table:13px;
    --hf-font-label:11.5px;
    --hf-font-small:10.5px;
    --hf-font-table-head:10.5px;
    --hf-font-button:12.5px;
    --hf-font-card-title:15px;
    --hf-font-page-title:22px;

    /* Geometry */
    --hf-app-radius:16px;
    --hf-card-radius:11px;
    --hf-control-radius:8px;
    --hf-pill-radius:999px;
    --hf-control-height:40px;
    --hf-button-height:38px;
    --hf-table-head-height:36px;
    --hf-table-row-height:50px;

    /* Space */
    --hf-gap-xs:6px;
    --hf-gap-sm:10px;
    --hf-gap-md:14px;
    --hf-gap-lg:18px;
    --hf-card-pad:14px;

    /* Effects */
    --hf-shadow-app:0 14px 34px rgba(28,45,67,.09);
    --hf-shadow-card:0 2px 7px rgba(31,50,74,.035);
    --hf-shadow-popover:0 10px 24px rgba(31,44,62,.14);
}

/* ---------- Application shell ---------- */
.htbk-page-shell{
    background:var(--hf-page-bg)!important;
    padding:14px 20px 24px!important;
}
.htbk-app{
    font-family:var(--hf-font-family)!important;
    color:var(--hf-text)!important;
    background:var(--hf-workspace-bg)!important;
    border:1px solid var(--hf-border)!important;
    border-radius:var(--hf-app-radius)!important;
    box-shadow:var(--hf-shadow-app)!important;
    overflow:hidden!important;
}
.htbk-workspace{
    background:var(--hf-workspace-bg)!important;
}
.htbk-workspace-top{
    background:var(--hf-surface-raised)!important;
    border-bottom:1px solid var(--hf-border)!important;
    padding:15px 18px!important;
}
.htbk-workspace-top h1{
    color:var(--hf-text-strong)!important;
    font-size:var(--hf-font-page-title)!important;
    font-weight:780!important;
}
.htbk-workspace-top p{
    color:var(--hf-muted)!important;
    font-size:12.5px!important;
}
.htbk-content{
    background:var(--hf-workspace-bg)!important;
    padding:14px 16px 18px!important;
}
.htbk-content > section{
    padding-top:14px!important;
}

/* ---------- Shared cards / outer containers ---------- */
.htbk-card,
.htbk-kpi,
.htbk-company-card,
.htbk-report-filter,
.htbk-settings-card,
.htbk-demo-card,
.htbk-invoice-table-card,
.htbk-filter-group,
.htbk-invoice-metric{
    background:var(--hf-surface)!important;
    border:1px solid var(--hf-border)!important;
    border-radius:var(--hf-card-radius)!important;
    box-shadow:var(--hf-shadow-card)!important;
}
.htbk-card,
.htbk-company-card,
.htbk-settings-card,
.htbk-demo-card{
    padding:var(--hf-card-pad)!important;
}
.htbk-card h3,
.htbk-settings-card h3,
.htbk-demo-card h3{
    color:var(--hf-text-strong)!important;
    font-size:var(--hf-font-card-title)!important;
    font-weight:760!important;
}

/* ---------- Shared typography ---------- */
.htbk-content,
.htbk-content p,
.htbk-content td,
.htbk-content input,
.htbk-content select,
.htbk-content textarea{
    font-size:var(--hf-font-body)!important;
    color:var(--hf-text)!important;
}
.htbk-content label,
.htbk-field-label{
    font-size:var(--hf-font-label)!important;
    color:var(--hf-text)!important;
    font-weight:700!important;
}
.htbk-help,
.htbk-content small{
    color:var(--hf-muted)!important;
}

/* ---------- Shared buttons ---------- */
.htbk-btn{
    min-height:var(--hf-button-height)!important;
    padding:8px 13px!important;
    border-radius:var(--hf-control-radius)!important;
    border:1px solid var(--hf-primary)!important;
    background:var(--hf-primary)!important;
    color:#fff!important;
    font-size:var(--hf-font-button)!important;
    font-weight:750!important;
    box-shadow:none!important;
    transition:background .15s ease,border-color .15s ease,transform .15s ease!important;
}
.htbk-btn:hover{
    background:var(--hf-primary-hover)!important;
    border-color:var(--hf-primary-hover)!important;
    color:#fff!important;
}
.htbk-btn.secondary{
    background:var(--hf-surface-raised)!important;
    border-color:var(--hf-border-strong)!important;
    color:var(--hf-text)!important;
}
.htbk-btn.secondary:hover{
    background:var(--hf-primary-soft)!important;
    border-color:#B8C3EE!important;
    color:#34499B!important;
}
.htbk-btn.danger{
    background:var(--hf-danger-soft)!important;
    border-color:#E5C3C3!important;
    color:var(--hf-danger)!important;
}
.htbk-btn.danger:hover{
    background:var(--hf-danger)!important;
    border-color:var(--hf-danger)!important;
    color:#fff!important;
}
.htbk-link,
.htbk-link-btn,
.htbk-text-action{
    color:#3E589A!important;
    font-size:12px!important;
    font-weight:700!important;
}
.htbk-link:hover,
.htbk-link-btn:hover,
.htbk-text-action:hover{
    color:var(--hf-primary-hover)!important;
}

/* ---------- Shared controls ---------- */
.htbk-form-grid input,
.htbk-form-grid select,
.htbk-filter-group input,
.htbk-filter-group select,
.htbk-report-filter input,
.htbk-report-filter select,
.htbk-company-switcher select{
    min-height:var(--hf-control-height)!important;
    height:var(--hf-control-height)!important;
    border:1px solid var(--hf-border-strong)!important;
    border-radius:var(--hf-control-radius)!important;
    background:var(--hf-surface-raised)!important;
    color:var(--hf-text)!important;
    font-size:var(--hf-font-body)!important;
    padding:7px 10px!important;
    box-shadow:none!important;
}
.htbk-form-grid textarea{
    border:1px solid var(--hf-border-strong)!important;
    border-radius:var(--hf-control-radius)!important;
    background:var(--hf-surface-raised)!important;
    color:var(--hf-text)!important;
    font-size:var(--hf-font-body)!important;
    padding:9px 10px!important;
}
.htbk-form-grid input:focus,
.htbk-form-grid select:focus,
.htbk-form-grid textarea:focus,
.htbk-filter-group input:focus,
.htbk-filter-group select:focus,
.htbk-report-filter input:focus{
    border-color:#8697E8!important;
    outline:2px solid rgba(83,104,216,.13)!important;
}

/* ---------- Shared tables: one row height and one type scale everywhere ---------- */
.htbk-table{
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    background:transparent!important;
}
.htbk-table thead th{
    height:var(--hf-table-head-height)!important;
    padding:8px 11px!important;
    background:var(--hf-surface-soft)!important;
    border-bottom:1px solid var(--hf-border)!important;
    color:var(--hf-muted)!important;
    font-size:var(--hf-font-table-head)!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
    vertical-align:middle!important;
}
.htbk-table tbody td{
    height:var(--hf-table-row-height)!important;
    padding:8px 11px!important;
    border-bottom:1px solid #E1E7EE!important;
    color:var(--hf-text)!important;
    font-size:var(--hf-font-table)!important;
    line-height:1.3!important;
    vertical-align:middle!important;
    background:transparent!important;
}
.htbk-table tbody tr:hover td{
    background:#F3F6FA!important;
}
.htbk-table tbody tr:last-child td{
    border-bottom:0!important;
}
.htbk-table td strong{
    color:var(--hf-text-strong)!important;
    font-size:var(--hf-font-table)!important;
    font-weight:780!important;
}
.htbk-table td small{
    display:block!important;
    color:var(--hf-muted-soft)!important;
    font-size:var(--hf-font-small)!important;
    margin-top:2px!important;
}

/* ---------- Pills / semantic states ---------- */
.htbk-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:24px!important;
    padding:4px 9px!important;
    border-radius:var(--hf-pill-radius)!important;
    border:1px solid transparent!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:750!important;
    text-transform:capitalize!important;
    white-space:nowrap!important;
}
.htbk-badge.paid,
.htbk-badge.income{
    background:var(--hf-success-soft)!important;
    color:#397458!important;
    border-color:#D1E6D9!important;
}
.htbk-badge.sent{
    background:var(--hf-info-soft)!important;
    color:#3F6DA8!important;
    border-color:#D5E2F2!important;
}
.htbk-badge.overdue{
    background:var(--hf-danger-soft)!important;
    color:#A44747!important;
    border-color:#E9CCCC!important;
}
.htbk-badge.expense{
    background:var(--hf-warning-soft)!important;
    color:#946C34!important;
    border-color:#E9D9BF!important;
}
.htbk-badge.draft{
    background:var(--hf-neutral-soft)!important;
    color:#5C6878!important;
    border-color:#DDE3EA!important;
}
.htbk-badge.cancelled{
    background:#ECEFF3!important;
    color:#6D7784!important;
    border-color:#DCE1E7!important;
}

/* ---------- Dashboard ---------- */
.htbk-kpi{
    min-height:92px!important;
    padding:14px 15px!important;
}
.htbk-kpi span{
    color:var(--hf-muted)!important;
    font-size:11px!important;
}
.htbk-kpi strong{
    color:#294B7E!important;
    font-size:21px!important;
    line-height:1.15!important;
}
.htbk-kpi small{
    color:var(--hf-muted)!important;
    font-size:10.5px!important;
}
.htbk-dashboard-grid,
.htbk-grid-2{
    gap:var(--hf-gap-md)!important;
}

/* ---------- Invoice toolbar + metrics ---------- */
.htbk-invoice-toolbar{
    gap:var(--hf-gap-md)!important;
    margin-top:4px!important;
    margin-bottom:var(--hf-gap-md)!important;
}
.htbk-filter-group{
    min-height:88px!important;
    padding:14px!important;
    align-items:center!important;
    align-content:center!important;
}
.htbk-invoice-metrics{
    gap:var(--hf-gap-sm)!important;
}
.htbk-invoice-metric{
    min-height:88px!important;
    padding:12px 14px!important;
}
.htbk-invoice-metric span{
    color:var(--hf-muted)!important;
    font-size:10px!important;
}
.htbk-invoice-metric strong{
    color:var(--hf-text-strong)!important;
    font-size:20px!important;
}
.htbk-invoice-metric small{
    color:var(--hf-muted)!important;
    font-size:10.5px!important;
}

/* Invoice action column: use the whole cell instead of squeezing controls left */
.htbk-invoice-table th:nth-child(6){
    width:18%!important;
}
.htbk-row-actions{
    position:relative!important;
    display:grid!important;
    grid-template-columns:auto auto 1fr!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    box-sizing:border-box!important;
}
.htbk-row-actions .htbk-more-btn{
    justify-self:end!important;
    margin-left:auto!important;
}
.htbk-more-btn{
    width:34px!important;
    height:31px!important;
    border:1px solid var(--hf-border-strong)!important;
    border-radius:var(--hf-control-radius)!important;
    background:var(--hf-surface-soft)!important;
    color:var(--hf-muted)!important;
}
.htbk-more-btn:hover{
    background:var(--hf-primary-soft)!important;
    color:var(--hf-primary-hover)!important;
    border-color:#B8C3EE!important;
}
.htbk-action-menu{
    background:var(--hf-surface-raised)!important;
    border:1px solid var(--hf-border)!important;
    border-radius:var(--hf-control-radius)!important;
    box-shadow:var(--hf-shadow-popover)!important;
}
.htbk-action-menu button{
    background:transparent!important;
    color:var(--hf-text)!important;
}
.htbk-action-menu button:hover{
    background:var(--hf-surface-soft)!important;
}
.htbk-action-menu button.danger{
    color:var(--hf-danger)!important;
}

/* ---------- Pagination ---------- */
.htbk-invoice-pagination{
    background:var(--hf-surface-soft)!important;
    border-top:1px solid var(--hf-border)!important;
}
.htbk-invoice-pagination>span{
    color:var(--hf-muted)!important;
    font-size:11px!important;
}
.htbk-invoice-pagination button{
    min-width:31px!important;
    height:31px!important;
    border:1px solid var(--hf-border)!important;
    border-radius:7px!important;
    background:var(--hf-surface-raised)!important;
    color:var(--hf-text)!important;
    font-size:11px!important;
}
.htbk-invoice-pagination button:hover:not(:disabled){
    background:var(--hf-primary-soft)!important;
    border-color:#B8C3EE!important;
}
.htbk-invoice-pagination button.active{
    background:var(--hf-primary-soft)!important;
    border-color:#AEBBEA!important;
    color:#34499B!important;
}

/* ---------- Companies ---------- */
.htbk-company-grid{
    gap:var(--hf-gap-md)!important;
}
.htbk-company-card{
    min-height:128px!important;
}
.htbk-company-meta span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:24px!important;
    border-radius:var(--hf-pill-radius)!important;
    background:var(--hf-neutral-soft)!important;
    color:#5A687A!important;
    font-size:10.5px!important;
    padding:4px 8px!important;
}

/* ---------- Reports ---------- */
.htbk-report-filter{
    min-height:78px!important;
    padding:12px 14px!important;
    gap:var(--hf-gap-sm)!important;
    align-items:center!important;
}
.htbk-report-row{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    color:var(--hf-text)!important;
    border-bottom:1px solid #E1E7EE!important;
}

/* ---------- Settings ---------- */
.htbk-grid-settings{
    gap:var(--hf-gap-md)!important;
}
.htbk-help{
    color:var(--hf-muted)!important;
    font-size:11.5px!important;
    line-height:1.5!important;
}

/* ---------- Modals ---------- */
.htbk-dialog{
    background:var(--hf-surface)!important;
    border:1px solid var(--hf-border)!important;
    border-radius:var(--hf-app-radius)!important;
    box-shadow:0 24px 58px rgba(25,40,61,.18)!important;
}
.htbk-dialog-body{
    background:var(--hf-workspace-bg)!important;
}
.htbk-dialog-foot{
    background:var(--hf-surface-raised)!important;
    border-top:1px solid var(--hf-border)!important;
}

/* Company editor retains its structural layout but now consumes root tokens */
.htbk-company-dialog .htbk-company-form{
    background:var(--hf-surface)!important;
    border-color:var(--hf-border-strong)!important;
}
.htbk-company-section-title{
    color:var(--hf-text-strong)!important;
}
.htbk-company-section-title:after{
    background:var(--hf-border-strong)!important;
}
.htbk-company-form input[type="text"],
.htbk-company-form input[type="email"],
.htbk-company-form select,
.htbk-company-form textarea{
    background:var(--hf-surface-raised)!important;
    border-color:var(--hf-border-strong)!important;
    color:var(--hf-text)!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1050px){
    .htbk-invoice-toolbar{grid-template-columns:1fr!important}
}
@media(max-width:760px){
    .htbk-row-actions{display:flex!important}
    .htbk-row-actions .htbk-more-btn{margin-left:0!important}
}


/* v0.2.2 — professional invoice editor */
.htbk-dialog:has(.htbk-invoice-editor){
  width:min(980px,calc(100vw - 30px))!important;
  max-height:calc(100vh - 24px)!important;
}
.htbk-dialog:has(.htbk-invoice-editor) .htbk-dialog-head{display:none!important}
.htbk-dialog:has(.htbk-invoice-editor) .htbk-dialog-body{padding:0!important;background:var(--hf-workspace-bg)!important}
.htbk-dialog:has(.htbk-invoice-editor) .htbk-dialog-foot{padding:10px 18px!important}
.htbk-invoice-editor{color:var(--hf-text);font-size:var(--hf-font-body)}
.htbk-invoice-editor-hero{
  min-height:82px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:linear-gradient(115deg,#171B50 0%,#29377D 48%,#5368D8 100%);color:#fff;
}
.htbk-editor-kicker{font-size:9px;font-weight:800;letter-spacing:.08em;opacity:.72}
.htbk-invoice-editor-hero h3{font-size:24px;line-height:1.1;margin:3px 0 4px;color:#fff;font-weight:780}
.htbk-invoice-editor-hero p{font-size:11.5px;margin:0;color:rgba(255,255,255,.78)}
.htbk-editor-company{font-size:12px;font-weight:750;padding:6px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.09)}
.htbk-invoice-lines-card{background:var(--hf-surface);border-bottom:1px solid var(--hf-border);padding:12px 18px 0}
.htbk-line-table-head,.htbk-line-table-row{display:grid;grid-template-columns:48px minmax(240px,2.2fr) 70px 110px 90px 120px 30px;gap:8px;align-items:center}
.htbk-line-table-head{min-height:31px;color:var(--hf-muted);font-size:10.5px;font-weight:800;border-bottom:1px solid var(--hf-border-strong);text-transform:none}
.htbk-line-table-row{min-height:46px;border-bottom:1px solid #E2E8EF}
.htbk-line-table-row:nth-child(even){background:var(--hf-surface-soft)}
.htbk-line-table-row input{height:34px!important;border:1px solid transparent!important;background:transparent!important;border-radius:7px!important;padding:5px 7px!important;font-size:12.5px!important;color:var(--hf-text)!important;min-width:0}
.htbk-line-table-row input:hover,.htbk-line-table-row input:focus{background:var(--hf-surface-raised)!important;border-color:var(--hf-border-strong)!important;outline:none!important}
.htbk-line-no{font-weight:750;color:var(--hf-text-strong);padding-left:4px}
.htbk-line-total{text-align:right;font-size:12.5px;color:var(--hf-text-strong)}
.htbk-line-remove{width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--hf-muted-soft);font-size:18px;cursor:pointer}
.htbk-line-remove:hover{background:var(--hf-danger-soft);color:var(--hf-danger)}
.htbk-invoice-totals{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0 0;border-top:1px solid var(--hf-border);background:var(--hf-surface-raised)}
.htbk-invoice-totals>div{padding:12px 16px;text-align:center;position:relative}
.htbk-invoice-totals>div+div:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--hf-border-strong)}
.htbk-invoice-totals span{display:block;color:var(--hf-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.htbk-invoice-totals strong{display:block;color:var(--hf-text-strong);font-size:17px;margin-top:3px}
.htbk-invoice-totals .total strong{color:#294B7E;font-size:18px}
.htbk-invoice-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;padding:14px 18px 10px}
.htbk-invoice-details-grid label{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:10px;font-size:12.5px!important;font-weight:600!important}
.htbk-invoice-details-grid label>span{margin:0!important}
.htbk-invoice-details-grid input,.htbk-invoice-details-grid select{height:40px!important;background:var(--hf-surface)!important;border:1px solid var(--hf-border)!important;border-radius:10px!important;padding:7px 10px!important;font-size:13px!important;color:var(--hf-text-strong)!important}
.htbk-money-input{display:grid;grid-template-columns:auto 1fr;align-items:center;background:var(--hf-surface);border:1px solid var(--hf-border);border-radius:10px;overflow:hidden}
.htbk-money-input>span{padding:0 9px;font-size:10px;font-weight:800;color:var(--hf-muted);border-right:1px solid var(--hf-border)}
.htbk-money-input input{border:0!important;border-radius:0!important}
.htbk-add-line-wrap{display:flex;align-items:center}.htbk-add-line{width:100%!important;border-radius:999px!important}
.htbk-invoice-notes{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:start;gap:10px;padding:0 18px 14px;font-size:12.5px!important;font-weight:600!important}
.htbk-invoice-notes textarea{min-height:62px!important;background:var(--hf-surface)!important;border:1px solid var(--hf-border)!important;border-radius:10px!important;padding:8px 10px!important;font-size:12.5px!important}
@media(max-width:820px){
 .htbk-line-table-head,.htbk-line-table-row{grid-template-columns:38px minmax(180px,1.8fr) 60px 90px 75px 100px 28px}
 .htbk-invoice-lines-card{overflow-x:auto}.htbk-line-table-head,.htbk-line-table-row{min-width:720px}
 .htbk-invoice-details-grid{grid-template-columns:1fr}.htbk-invoice-totals{grid-template-columns:1fr}
 .htbk-invoice-totals>div+div:before{left:12px;right:12px;top:0;bottom:auto;width:auto;height:1px}
}

/* v0.2.3 — refined card-based invoice composer */
.htbk-dialog:has(.htbk-invoice-editor){width:min(1120px,calc(100vw - 28px))!important}
.htbk-invoice-overview{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 16px 0}
.htbk-editor-panel{background:var(--hf-surface);border:1px solid var(--hf-border);border-radius:12px;box-shadow:var(--hf-shadow-card);padding:13px}
.htbk-editor-panel-head{display:flex;align-items:center;gap:9px;margin-bottom:11px}.htbk-editor-panel-head h4{margin:0;color:var(--hf-text-strong);font-size:15px;font-weight:800}.htbk-editor-panel-head p{margin:2px 0 0;color:var(--hf-muted);font-size:10.5px}
.htbk-panel-icon{width:32px;height:32px;border-radius:9px;background:var(--hf-primary-soft);color:var(--hf-primary);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;flex:0 0 32px}
.htbk-core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.htbk-core-grid .wide{grid-column:1/span 2}
.htbk-core-grid label,.htbk-client-select,.htbk-lower-fields label{display:block;font-size:11px!important;font-weight:700!important;color:var(--hf-text)}.htbk-core-grid label>span,.htbk-client-select>span,.htbk-lower-fields label>span{display:block;margin-bottom:5px}
.htbk-core-grid input,.htbk-core-grid select,.htbk-client-select select,.htbk-lower-fields input,.htbk-lower-fields textarea{width:100%;box-sizing:border-box;background:var(--hf-surface-raised)!important;border:1px solid var(--hf-border-strong)!important;border-radius:8px!important;color:var(--hf-text-strong)!important;font-size:12.5px!important}
.htbk-core-grid input,.htbk-core-grid select,.htbk-client-select select{height:39px!important;padding:7px 9px!important}.htbk-client-hint{min-height:62px;padding:10px 12px;border:1px dashed var(--hf-border-strong);border-radius:9px;background:var(--hf-surface-soft);color:var(--hf-muted);font-size:11px;line-height:1.45;margin-top:9px}
.htbk-invoice-lines-card{margin:12px 16px 0!important;padding:13px!important}.htbk-line-table-head,.htbk-line-table-row{grid-template-columns:42px minmax(260px,2.2fr) 72px 110px 90px 120px 30px!important}
.htbk-line-add-row{display:flex;padding:9px 0 3px}.htbk-line-add-row .htbk-add-line{width:auto!important;min-width:130px!important;border-radius:8px!important}
.htbk-invoice-totals{width:42%!important;min-width:360px;margin:6px 0 0 auto!important;border:1px solid var(--hf-border)!important;border-radius:9px;overflow:hidden}.htbk-invoice-totals>div{padding:9px 12px!important}.htbk-invoice-totals .total{background:var(--hf-primary-soft)}
.htbk-invoice-lower{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin:12px 16px 0}.htbk-lower-fields{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:end}.htbk-lower-fields textarea{min-height:72px!important;padding:8px 10px!important;resize:vertical}
.htbk-invoice-actions-panel{display:flex;flex-direction:column}.htbk-save-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.htbk-save-send{background:#3E7B62!important;border-color:#3E7B62!important;color:#fff!important}.htbk-save-send:hover{background:#326650!important;border-color:#326650!important}.htbk-invoice-actions-panel>small{font-size:9.5px!important;line-height:1.35;margin-top:8px}
@media(max-width:900px){.htbk-invoice-overview,.htbk-invoice-lower{grid-template-columns:1fr}.htbk-core-grid{grid-template-columns:1fr 1fr}.htbk-invoice-totals{width:100%!important;min-width:0}.htbk-lower-fields{grid-template-columns:1fr}}

/* v0.2.4 — compact single-row invoice details */
.htbk-invoice-overview{display:block!important;padding:12px 16px 0!important}
.htbk-invoice-details-card{padding:12px 13px!important}
.htbk-invoice-details-card .htbk-editor-panel-head{margin-bottom:9px!important}
.htbk-invoice-details-row{
 display:grid!important;
 grid-template-columns:1.05fr 1fr 1fr 1.65fr 1.15fr .85fr!important;
 gap:10px!important;
 align-items:end!important;
}
.htbk-invoice-details-row label{display:block!important;min-width:0;font-size:11px!important;font-weight:700!important;color:var(--hf-text)!important}
.htbk-invoice-details-row label>span{display:block!important;margin:0 0 5px!important}
.htbk-invoice-details-row input,.htbk-invoice-details-row select{
 width:100%!important;height:40px!important;box-sizing:border-box!important;
 background:var(--hf-surface-raised)!important;border:1px solid var(--hf-border-strong)!important;
 border-radius:8px!important;color:var(--hf-text-strong)!important;font-size:12.5px!important;padding:7px 9px!important;
}
@media(max-width:1050px){
 .htbk-invoice-details-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:650px){
 .htbk-invoice-details-row{grid-template-columns:1fr!important}
}

/* v0.2.5 — seamless inline invoice workspace */
#htbk-invoice-editor-view[hidden],#htbk-invoice-list-view[hidden]{display:none!important}
#htbk-invoice-editor-view{animation:htbkInvoiceIn .18s ease-out}
@keyframes htbkInvoiceIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.htbk-inline-invoice-editor{border:1px solid var(--hf-border);border-radius:12px;overflow:hidden;background:var(--hf-workspace-bg);box-shadow:var(--hf-shadow-card)}
.htbk-inline-invoice-editor .htbk-invoice-editor-hero{border-radius:0}
.htbk-inline-invoice-editor .htbk-invoice-overview{padding-top:12px!important}

/* v0.2.6 — seamless invoice composer: details bar + item grid + totals */
.htbk-invoice-compose-simple{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.htbk-invoice-compose-simple .htbk-invoice-editor-hero{display:none!important}
.htbk-invoice-topbar-card,
.htbk-invoice-items-card{
  background:var(--hf-surface)!important;
  border:1px solid var(--hf-border)!important;
  border-radius:11px!important;
  box-shadow:var(--hf-shadow-card)!important;
}
.htbk-invoice-topbar-card{padding:12px 14px!important}
.htbk-invoice-topbar-title{
  display:flex;align-items:baseline;gap:10px;margin-bottom:9px;
}
.htbk-invoice-topbar-title strong{font-size:14px;color:var(--hf-text-strong)}
.htbk-invoice-topbar-title span{font-size:10.5px;color:var(--hf-muted)}
.htbk-invoice-topbar-fields{
  display:grid!important;
  grid-template-columns:.9fr 1fr 1fr 1.65fr 1.15fr .85fr!important;
  gap:10px!important;
  align-items:end!important;
}
.htbk-invoice-topbar-fields label{display:block!important;min-width:0;font-size:11px!important;font-weight:700!important;color:var(--hf-text)!important}
.htbk-invoice-topbar-fields label>span{display:block!important;margin-bottom:5px!important}
.htbk-invoice-topbar-fields input,.htbk-invoice-topbar-fields select{
  width:100%!important;height:40px!important;box-sizing:border-box!important;
  background:var(--hf-surface-raised)!important;border:1px solid var(--hf-border-strong)!important;
  border-radius:8px!important;padding:7px 9px!important;color:var(--hf-text-strong)!important;font-size:12.5px!important;
}
.htbk-invoice-items-card{margin-top:12px;padding:12px 14px 0!important;overflow:visible}
.htbk-invoice-items-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.htbk-invoice-items-head>div{display:flex;align-items:baseline;gap:10px}
.htbk-invoice-items-head strong{font-size:14px;color:var(--hf-text-strong)}
.htbk-invoice-items-head span{font-size:10.5px;color:var(--hf-muted)}
.htbk-invoice-items-card .htbk-line-table-head,
.htbk-invoice-items-card .htbk-line-table-row{
  grid-template-columns:42px minmax(280px,2.4fr) 72px 115px 86px 125px 30px!important;
  gap:8px!important;
}
.htbk-invoice-items-card .htbk-line-table-head{
  min-height:34px!important;background:var(--hf-surface-soft)!important;
  border:1px solid var(--hf-border)!important;border-radius:8px 8px 0 0!important;
  padding:0 8px!important;box-sizing:border-box!important;
}
.htbk-invoice-items-card #m-lines{border-left:1px solid var(--hf-border);border-right:1px solid var(--hf-border)}
.htbk-invoice-items-card .htbk-line-table-row{
  min-height:48px!important;padding:0 8px!important;box-sizing:border-box!important;
}
.htbk-invoice-bottom{
  display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;
  padding:12px 0 14px;border-top:1px solid var(--hf-border);
}
.htbk-invoice-note-block{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:end}
.htbk-invoice-note-block label{font-size:11px;font-weight:700;color:var(--hf-text)}
.htbk-invoice-note-block label>span{display:block;margin-bottom:5px}
.htbk-invoice-note-block textarea{width:100%;min-height:68px;box-sizing:border-box;border:1px solid var(--hf-border-strong);border-radius:8px;background:var(--hf-surface-raised);padding:8px 10px;font-size:12.5px}
.htbk-invoice-totals-simple{
  border:1px solid var(--hf-border);border-radius:9px;overflow:hidden;background:var(--hf-surface-raised);
  align-self:end;
}
.htbk-invoice-totals-simple>div{display:flex;justify-content:space-between;gap:20px;padding:9px 12px;border-bottom:1px solid var(--hf-border)}
.htbk-invoice-totals-simple>div:last-child{border-bottom:0}
.htbk-invoice-totals-simple span{color:var(--hf-muted);font-size:11px}
.htbk-invoice-totals-simple strong{color:var(--hf-text-strong);font-size:13px}
.htbk-invoice-totals-simple .grand{background:var(--hf-primary-soft)}
.htbk-invoice-totals-simple .grand span,.htbk-invoice-totals-simple .grand strong{font-size:15px;font-weight:800;color:#2E468B}
.htbk-inline-savebar{
  margin-top:12px;padding:10px 12px;background:var(--hf-surface)!important;border:1px solid var(--hf-border)!important;
  border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--hf-shadow-card)
}
.htbk-inline-savebar>div{display:flex;gap:8px}
.htbk-save-help{font-size:10.5px;color:var(--hf-muted)}
@media(max-width:1100px){
 .htbk-invoice-topbar-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .htbk-invoice-bottom{grid-template-columns:1fr!important}
 .htbk-invoice-totals-simple{width:100%}
}
@media(max-width:700px){
 .htbk-invoice-topbar-fields{grid-template-columns:1fr!important}
 .htbk-invoice-note-block{grid-template-columns:1fr!important}
 .htbk-inline-savebar{align-items:flex-start;flex-direction:column}
}


/* v0.2.7 — full inline invoice form visibility */
#htbk-invoice-editor-view:not([hidden]){display:block!important}
#htbk-invoice-editor-view .htbk-inline-invoice-editor{display:block!important}
#htbk-invoice-editor-view .htbk-invoice-topbar-card,
#htbk-invoice-editor-view .htbk-invoice-items-card{
    display:block!important;
}

/* v0.2.8 — invoice editor alignment refinements */
.htbk-invoice-topbar-card{padding-top:12px!important}
.htbk-invoice-topbar-title{display:none!important}

/* Give the description column the space it needs */
.htbk-invoice-items-card .htbk-line-table-head,
.htbk-invoice-items-card .htbk-line-table-row{
  grid-template-columns:36px minmax(380px,3.4fr) 68px 112px 82px 132px 28px!important;
  gap:8px!important;
}
.htbk-invoice-items-card .htbk-line-table-head,
.htbk-invoice-items-card .htbk-line-table-row{
  padding-left:10px!important;
  padding-right:10px!important;
  box-sizing:border-box!important;
}
.htbk-invoice-items-card .htbk-line-table-row input[data-f="description"]{
  width:100%!important;
  min-width:0!important;
}

/* Align Amount heading and values to one vertical right edge */
.htbk-amount-head{display:block!important;text-align:right!important;padding-right:2px!important}
.htbk-line-total{
  display:block!important;
  width:100%!important;
  text-align:right!important;
  padding-right:2px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}

/* Notes left; discount and totals share one clean financial column */
.htbk-invoice-bottom{
  grid-template-columns:minmax(0,1fr) 370px!important;
  gap:22px!important;
  align-items:start!important;
}
.htbk-invoice-note-block{display:block!important}
.htbk-invoice-summary-side{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  width:100%!important;
}
.htbk-discount-row{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  color:var(--hf-text)!important;
  font-size:11px!important;
  font-weight:700!important;
}
.htbk-discount-row>span{margin:0!important}
.htbk-discount-row .htbk-money-input{
  width:100%!important;
  height:40px!important;
}
.htbk-discount-row .htbk-money-input input{
  width:100%!important;
  height:38px!important;
  box-sizing:border-box!important;
}
.htbk-invoice-totals-simple{
  width:100%!important;
  margin:0!important;
}
.htbk-invoice-totals-simple>div{
  align-items:center!important;
}
.htbk-invoice-totals-simple strong{
  min-width:130px!important;
  text-align:right!important;
}

/* Keep summary values on the same right axis */
.htbk-invoice-totals-simple .grand strong{font-size:15px!important}

@media(max-width:1180px){
 .htbk-invoice-items-card .htbk-line-table-head,
 .htbk-invoice-items-card .htbk-line-table-row{
   grid-template-columns:36px minmax(300px,2.6fr) 64px 102px 76px 122px 28px!important;
 }
}
@media(max-width:900px){
 .htbk-invoice-bottom{grid-template-columns:1fr!important}
 .htbk-invoice-summary-side{width:100%!important}
}

/* v0.2.9 — unified seamless inline forms for Company, Client, Income, Expense */
#htbk-company-editor-view[hidden],#htbk-client-editor-view[hidden],#htbk-income-editor-view[hidden],#htbk-expense-editor-view[hidden],
#htbk-company-list-view[hidden],#htbk-client-list-view[hidden],#htbk-income-list-view[hidden],#htbk-expense-list-view[hidden]{display:none!important}
#htbk-company-editor-view:not([hidden]),#htbk-client-editor-view:not([hidden]),#htbk-income-editor-view:not([hidden]),#htbk-expense-editor-view:not([hidden]){display:block!important;animation:htbkInvoiceIn .16s ease-out}
.htbk-inline-form-shell{display:flex;flex-direction:column;gap:12px}
.htbk-form-section{
  background:var(--hf-surface)!important;border:1px solid var(--hf-border)!important;border-radius:11px!important;
  box-shadow:var(--hf-shadow-card)!important;padding:14px!important;
}
.htbk-form-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:11px}
.htbk-form-section-head strong{font-size:14px;color:var(--hf-text-strong);font-weight:800}
.htbk-form-section-head span{font-size:10.5px;color:var(--hf-muted)}
.htbk-smart-grid{display:grid;gap:10px 12px}
.htbk-smart-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.htbk-smart-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.htbk-smart-grid .span-2{grid-column:span 2}.htbk-smart-grid .span-3{grid-column:span 3}.htbk-smart-grid .span-4{grid-column:span 4}
.htbk-smart-grid label,.htbk-form-section>label{display:block;font-size:11px;font-weight:700;color:var(--hf-text)}
.htbk-smart-grid label>span,.htbk-form-section>label>span{display:block;margin-bottom:5px}
.htbk-smart-grid input,.htbk-smart-grid select,.htbk-smart-grid textarea,.htbk-form-section textarea{
  width:100%;box-sizing:border-box;background:var(--hf-surface-raised)!important;border:1px solid var(--hf-border-strong)!important;
  border-radius:8px!important;color:var(--hf-text-strong)!important;font-size:12.5px!important;padding:7px 9px!important;
}
.htbk-smart-grid input,.htbk-smart-grid select{height:40px!important}.htbk-smart-grid textarea,.htbk-form-section textarea{min-height:72px!important;resize:vertical}
.htbk-file-control{padding:7px!important;background:var(--hf-surface-soft)!important}
.htbk-inline-form-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 12px;
  background:var(--hf-surface)!important;border:1px solid var(--hf-border)!important;border-radius:10px!important;box-shadow:var(--hf-shadow-card)!important;
}
.htbk-brand-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:11px;align-items:start}
.htbk-upload-card{display:flex!important;flex-direction:column;justify-content:center;min-height:58px;border:1px dashed var(--hf-border-strong)!important;border-radius:9px;padding:8px 12px;background:var(--hf-surface-soft)!important}
.htbk-upload-card input{margin-top:5px}
.htbk-upload-card small{margin-top:4px;color:var(--hf-muted)}
@media(max-width:1050px){.htbk-smart-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.htbk-smart-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.htbk-smart-grid .span-3,.htbk-smart-grid .span-4{grid-column:span 2}}
@media(max-width:650px){.htbk-smart-grid.cols-3,.htbk-smart-grid.cols-4{grid-template-columns:1fr}.htbk-smart-grid .span-2,.htbk-smart-grid .span-3,.htbk-smart-grid .span-4{grid-column:span 1}.htbk-brand-row{grid-template-columns:1fr}}


/* v0.3.0 — executive inline Income / Expense editor */
.htbk-transaction-editor{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.htbk-transaction-main{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);
  gap:14px;
  background:var(--hf-surface);
  border:1px solid var(--hf-border);
  border-radius:11px;
  box-shadow:var(--hf-shadow-card);
  padding:14px;
}
.htbk-transaction-fields-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px 12px;
  align-items:start;
}
.htbk-transaction-fields-grid label{
  display:block;
  min-width:0;
  color:var(--hf-text);
  font-size:11px;
  font-weight:700;
}
.htbk-transaction-fields-grid label>span{
  display:block;
  margin-bottom:5px;
}
.htbk-transaction-fields-grid input,
.htbk-transaction-fields-grid select,
.htbk-transaction-fields-grid textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid var(--hf-border-strong)!important;
  border-radius:8px!important;
  background:var(--hf-surface-raised)!important;
  color:var(--hf-text-strong)!important;
  font-size:12.5px!important;
  padding:7px 9px!important;
}
.htbk-transaction-fields-grid input,
.htbk-transaction-fields-grid select{
  height:40px!important;
}
.htbk-transaction-fields-grid textarea{
  min-height:82px!important;
  resize:vertical;
}
.htbk-transaction-fields-grid label.party{
  grid-column:span 2;
}
.htbk-transaction-fields-grid label.notes{
  grid-column:1 / -1;
}
.htbk-transaction-fields-grid small{
  display:block;
  margin-top:4px;
  color:var(--hf-muted)!important;
  font-size:9.5px!important;
  font-weight:500;
}
.htbk-transaction-upload{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.htbk-upload-title{
  display:block;
  margin:0 0 7px;
  color:var(--hf-text);
  font-size:11px;
  font-weight:700;
}
.htbk-dropzone{
  min-height:214px;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center;
  padding:18px!important;
  box-sizing:border-box;
  border:1px dashed var(--hf-border-strong)!important;
  border-radius:10px!important;
  background:var(--hf-surface-soft)!important;
  cursor:pointer;
  color:var(--hf-text);
}
.htbk-dropzone input{
  display:none!important;
}
.htbk-drop-icon{
  width:38px;
  height:38px;
  border-radius:50%;
  display:flex!important;
  align-items:center;
  justify-content:center;
  margin-bottom:7px;
  background:var(--hf-primary-soft);
  color:var(--hf-primary);
  font-size:22px;
  font-weight:800;
}
.htbk-dropzone strong{
  color:var(--hf-text-strong);
  font-size:12px;
}
.htbk-dropzone small{
  color:var(--hf-muted)!important;
  font-size:10px!important;
  line-height:1.45;
  margin-top:2px;
}
.htbk-dropzone em{
  margin-top:9px;
  color:var(--hf-muted);
  font-size:10px;
  font-style:normal;
}
.htbk-transaction-actions{
  padding:10px 12px!important;
}
@media(max-width:1150px){
  .htbk-transaction-main{
    grid-template-columns:1fr;
  }
  .htbk-dropzone{min-height:150px}
}
@media(max-width:900px){
  .htbk-transaction-fields-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .htbk-transaction-fields-grid label.party{grid-column:span 2}
}
@media(max-width:620px){
  .htbk-transaction-fields-grid{grid-template-columns:1fr}
  .htbk-transaction-fields-grid label.party,
  .htbk-transaction-fields-grid label.notes{grid-column:span 1}
}


/* v0.3.1 — Income / Expense form matching approved reference */
.htbk-transaction-editor-v2{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.htbk-transaction-layout{
  display:grid;
  grid-template-columns:minmax(0,1.68fr) minmax(300px,.92fr);
  gap:10px;
  align-items:start;
}
.htbk-transaction-left,
.htbk-transaction-right{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.htbk-transaction-card{
  background:var(--hf-surface)!important;
  border:1px solid var(--hf-border)!important;
  border-radius:9px!important;
  box-shadow:var(--hf-shadow-card)!important;
  padding:10px 11px!important;
}
.htbk-tx-card-title{
  margin-bottom:7px;
  color:var(--hf-text-strong);
  font-size:12px;
  font-weight:800;
}
.htbk-tx-grid{
  display:grid;
  gap:8px;
}
.htbk-tx-grid.basic{
  grid-template-columns:1fr 1fr 1.15fr;
}
.htbk-tx-grid.financials{
  grid-template-columns:.85fr .95fr 1fr 1fr;
}
.htbk-tx-grid.payment{
  grid-template-columns:1fr 1.7fr;
}
.htbk-tx-grid label{
  display:block;
  min-width:0;
  color:var(--hf-text);
  font-size:10.5px;
  font-weight:700;
}
.htbk-tx-grid label>span{
  display:block;
  margin-bottom:4px;
}
.htbk-tx-grid input,
.htbk-tx-grid select,
.htbk-tx-details-label textarea{
  width:100%;
  box-sizing:border-box;
  background:var(--hf-surface-raised)!important;
  border:1px solid var(--hf-border-strong)!important;
  border-radius:7px!important;
  color:var(--hf-text-strong)!important;
  font-size:12px!important;
  padding:6px 8px!important;
}
.htbk-tx-grid input,
.htbk-tx-grid select{
  height:36px!important;
}
.htbk-tx-details-label{
  display:block;
}
.htbk-tx-details-label textarea{
  min-height:78px!important;
  resize:vertical;
}
.htbk-fx-note{
  display:inline-flex;
  align-items:center;
  margin:6px 0 0 33%;
  padding:3px 7px;
  border:1px solid var(--hf-border);
  border-radius:6px;
  background:var(--hf-surface-soft);
  color:var(--hf-muted);
  font-size:9.5px;
  line-height:1.2;
}

/* Right attachment card */
.htbk-attachment-card{
  min-height:184px;
}
.htbk-attachment-subtitle{
  margin:-2px 0 6px;
  color:var(--hf-text);
  font-size:10px;
  font-weight:700;
}
.htbk-attachment-dropzone{
  min-height:138px;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center;
  box-sizing:border-box;
  padding:12px!important;
  border:1px dashed var(--hf-border-strong)!important;
  border-radius:8px!important;
  background:var(--hf-surface-soft)!important;
  cursor:pointer;
}
.htbk-attachment-dropzone input{
  display:none!important;
}
.htbk-attachment-icon{
  width:34px;
  height:34px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  margin-bottom:6px;
  border-radius:8px;
  background:var(--hf-neutral-soft);
  color:#53637A;
  font-size:19px;
  font-weight:800;
}
.htbk-attachment-dropzone strong{
  color:var(--hf-text-strong);
  font-size:10.5px;
  font-weight:700;
}
.htbk-attachment-dropzone small{
  color:var(--hf-muted)!important;
  font-size:9px!important;
  line-height:1.35;
}
.htbk-attachment-dropzone em{
  margin-top:8px;
  color:var(--hf-muted);
  font-size:9.5px;
  font-style:normal;
}

/* Summary aligned tightly under attachment */
.htbk-summary-card{
  padding-bottom:8px!important;
}
.htbk-summary-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:27px;
  border-bottom:1px solid #E2E8EF;
  color:var(--hf-text);
  font-size:10.5px;
}
.htbk-summary-row:last-child{
  border-bottom:0;
}
.htbk-summary-row strong{
  min-width:115px;
  text-align:right;
  color:var(--hf-text-strong);
  font-size:10.5px;
  font-weight:750;
}
.htbk-summary-row.base{
  margin-top:2px;
  padding-top:3px;
  font-weight:800;
}
.htbk-summary-row.base span,
.htbk-summary-row.base strong{
  color:#32445C;
  font-weight:800;
}

/* Compact bottom actions */
.htbk-transaction-actions{
  justify-content:flex-end!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

@media(max-width:1100px){
  .htbk-transaction-layout{
    grid-template-columns:1fr;
  }
}
@media(max-width:800px){
  .htbk-tx-grid.basic,
  .htbk-tx-grid.financials,
  .htbk-tx-grid.payment{
    grid-template-columns:1fr 1fr;
  }
  .htbk-fx-note{margin-left:0}
}
@media(max-width:560px){
  .htbk-tx-grid.basic,
  .htbk-tx-grid.financials,
  .htbk-tx-grid.payment{
    grid-template-columns:1fr;
  }
}


/* v0.3.2 — compact Income / Expense left column */
.htbk-transaction-left{
  gap:6px!important;
}
.htbk-transaction-left .htbk-transaction-card{
  padding:7px 9px!important;
  border-radius:8px!important;
}
.htbk-transaction-left .htbk-tx-grid{
  gap:6px 8px!important;
}
.htbk-transaction-left .htbk-tx-grid label{
  font-size:10px!important;
}
.htbk-transaction-left .htbk-tx-grid label>span{
  margin-bottom:3px!important;
}
.htbk-transaction-left .htbk-tx-grid input,
.htbk-transaction-left .htbk-tx-grid select{
  height:34px!important;
  padding:5px 7px!important;
  font-size:11.5px!important;
}
.htbk-transaction-left .htbk-tx-details-label textarea{
  min-height:62px!important;
  padding:6px 8px!important;
  font-size:11.5px!important;
}
.htbk-transaction-left .htbk-fx-note{
  margin-top:4px!important;
  padding:2px 6px!important;
  font-size:9px!important;
}
.htbk-transaction-layout{
  gap:8px!important;
}
.htbk-transaction-editor-v2{
  gap:8px!important;
}
.htbk-transaction-actions{
  margin-top:0!important;
}


/* v0.3.3 — compact modern Client + Company forms
   Keep readable typography; reduce wasted vertical space and use width better. */

/* Shared inline form shell */
#htbk-client-editor-view .htbk-inline-form-shell,
#htbk-company-editor-view .htbk-inline-form-shell{
  gap:8px!important;
}

/* Cards */
#htbk-client-editor-view .htbk-form-section,
#htbk-company-editor-view .htbk-form-section{
  padding:10px 12px!important;
  border-radius:9px!important;
}

/* Section headers: keep font sizes, reduce empty space */
#htbk-client-editor-view .htbk-form-section-head,
#htbk-company-editor-view .htbk-form-section-head{
  margin-bottom:8px!important;
  gap:8px!important;
}
#htbk-client-editor-view .htbk-form-section-head strong,
#htbk-company-editor-view .htbk-form-section-head strong{
  font-size:14px!important;
}
#htbk-client-editor-view .htbk-form-section-head span,
#htbk-company-editor-view .htbk-form-section-head span{
  font-size:10.5px!important;
}

/* Preserve readable labels and controls */
#htbk-client-editor-view .htbk-smart-grid label,
#htbk-company-editor-view .htbk-smart-grid label,
#htbk-company-editor-view .htbk-form-section>label{
  font-size:11px!important;
}
#htbk-client-editor-view .htbk-smart-grid input,
#htbk-client-editor-view .htbk-smart-grid select,
#htbk-company-editor-view .htbk-smart-grid input,
#htbk-company-editor-view .htbk-smart-grid select{
  height:38px!important;
  font-size:12.5px!important;
  padding:6px 9px!important;
}
#htbk-client-editor-view .htbk-smart-grid textarea,
#htbk-company-editor-view .htbk-smart-grid textarea,
#htbk-company-editor-view .htbk-form-section textarea{
  font-size:12.5px!important;
  min-height:62px!important;
  padding:7px 9px!important;
}

/* Tighter grids */
#htbk-client-editor-view .htbk-smart-grid,
#htbk-company-editor-view .htbk-smart-grid{
  gap:8px 10px!important;
}

/* Client: use one compact card and horizontal space intelligently */
#htbk-client-editor-view .htbk-form-section{
  min-height:0!important;
}
#htbk-client-editor-view .htbk-smart-grid.cols-3{
  grid-template-columns:1.25fr 1fr .9fr!important;
}
#htbk-client-editor-view .htbk-smart-grid .span-3{
  grid-column:1 / -1!important;
}
#htbk-client-editor-view .htbk-smart-grid textarea{
  min-height:68px!important;
}

/* Company: reduce vertical stacking and compact branding/payment areas */
#htbk-company-editor-view .htbk-smart-grid.cols-3{
  grid-template-columns:1.2fr 1.2fr .8fr!important;
}
#htbk-company-editor-view .htbk-smart-grid.cols-4{
  grid-template-columns:1.2fr 1.2fr .8fr .8fr!important;
}
#htbk-company-editor-view .htbk-brand-row{
  gap:12px!important;
  margin-top:8px!important;
  grid-template-columns:1fr 1fr!important;
}
#htbk-company-editor-view .htbk-color-swatches{
  gap:6px!important;
}
#htbk-company-editor-view .htbk-color-swatch{
  width:25px!important;
  height:25px!important;
}
#htbk-company-editor-view .htbk-upload-card{
  min-height:50px!important;
  padding:6px 10px!important;
}
#htbk-company-editor-view .htbk-upload-card input{
  margin-top:3px!important;
}

/* Payment instructions should not dominate the screen */
#htbk-company-editor-view .htbk-form-section textarea#m-bank{
  min-height:58px!important;
}

/* Compact action bars, no font reduction */
#htbk-client-editor-view .htbk-inline-form-actions,
#htbk-company-editor-view .htbk-inline-form-actions{
  padding:8px 10px!important;
  border-radius:9px!important;
}

/* More elegant outer spacing */
#htbk-client-editor-view,
#htbk-company-editor-view{
  padding-top:0!important;
}

/* Desktop: keep content wide and efficient */
@media(min-width:1100px){
  #htbk-client-editor-view .htbk-inline-form-shell,
  #htbk-company-editor-view .htbk-inline-form-shell{
    max-width:none!important;
  }
}


/* v0.3.4 — clickable Finance data */
.htbk-click-card,
.htbk-click-row{
  cursor:pointer!important;
}
.htbk-click-card{
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important;
}
.htbk-click-card:hover{
  border-color:#B8C5D5!important;
  box-shadow:0 5px 14px rgba(31,50,74,.07)!important;
  transform:translateY(-1px);
}
.htbk-table tbody tr.htbk-click-row:hover td{
  background:#EEF3F8!important;
}
.htbk-click-row:focus-visible,
.htbk-click-card:focus-visible{
  outline:2px solid rgba(83,104,216,.35)!important;
  outline-offset:-2px;
}
.htbk-kpi.htbk-click-card{
  width:100%;
  text-align:left;
  font-family:inherit;
}
.htbk-mini-row{
  width:100%;
  border:0;
  border-bottom:1px solid #E4E9EF;
  background:transparent;
  color:var(--hf-text);
  font-family:inherit;
  text-align:left;
}
.htbk-mini-row:last-child{border-bottom:0}
.htbk-mini-row:hover{background:#F0F4F8}
.htbk-client-button{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  color:inherit!important;
  cursor:pointer!important;
  font-family:inherit!important;
  text-align:left!important;
}
.htbk-client-button:hover{
  color:#3E589A!important;
}
.htbk-pill-button{
  cursor:pointer!important;
  font-family:inherit!important;
}
.htbk-pill-button:hover{
  filter:brightness(.97);
  box-shadow:0 0 0 1px rgba(76,139,108,.18);
}

/* v0.3.5 — Finance visual system refinements
   White cards, aligned dashboard rows, blue hover states, and undecorated links. */
:root{
  --hf-card-bg:#FFFFFF;
  --hf-hover-blue:#EAF2FF;
  --hf-hover-blue-strong:#DCE9FF;
  --hf-link:#355A9F;
  --hf-link-hover:#274B8F;
}

/* Cards are deliberately white throughout Finance for stronger contrast. */
.htbk-app [class*="card"],
.htbk-card,
.htbk-kpi,
.htbk-company-card,
.htbk-settings-card,
.htbk-demo-card,
.htbk-invoice-table-card,
.htbk-invoice-metric,
.htbk-editor-panel,
.htbk-company-form,
.htbk-invoice-lines-card,
.htbk-inline-invoice-editor{
  background:var(--hf-card-bg)!important;
}

/* Never underline links/actions in the Finance workspace. */
.htbk-app a,
.htbk-app a:hover,
.htbk-app a:focus,
.htbk-app a:active,
.htbk-link,
.htbk-link:hover,
.htbk-link:focus,
.htbk-link-btn,
.htbk-link-btn:hover,
.htbk-link-btn:focus,
.htbk-text-action,
.htbk-text-action:hover,
.htbk-text-action:focus{
  text-decoration:none!important;
}
.htbk-link,
.htbk-link-btn,
.htbk-text-action{
  color:var(--hf-link)!important;
}
.htbk-link:hover,
.htbk-link-btn:hover,
.htbk-text-action:hover{
  color:var(--hf-link-hover)!important;
}

/* Dashboard recent rows: content begins at the left edge, status pill anchors right. */
.htbk-dashboard-card .htbk-mini-table{
  width:100%!important;
}
.htbk-dashboard-card .htbk-mini-row{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr) max-content max-content!important;
  align-items:center!important;
  column-gap:12px!important;
  width:100%!important;
  padding:10px 8px!important;
  margin:0!important;
  border-radius:8px!important;
  text-align:left!important;
  box-sizing:border-box!important;
  transition:background .15s ease,border-color .15s ease!important;
}
.htbk-dashboard-card .htbk-mini-row > span{
  min-width:0!important;
  text-align:left!important;
  justify-self:start!important;
}
.htbk-dashboard-card .htbk-mini-row > span:nth-child(2){
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.htbk-dashboard-card .htbk-mini-row > span:nth-child(3){
  white-space:nowrap!important;
}
.htbk-dashboard-card .htbk-mini-row > span:last-child{
  justify-self:end!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.htbk-dashboard-card .htbk-mini-row:hover,
.htbk-dashboard-card .htbk-mini-row:focus-visible{
  background:var(--hf-hover-blue)!important;
}

/* Consistent blue-tinted hover language across clickable surfaces. */
.htbk-click-card:hover{
  background:var(--hf-hover-blue)!important;
  border-color:#B8CAEA!important;
}
.htbk-table tbody tr.htbk-click-row:hover td{
  background:var(--hf-hover-blue)!important;
}
.htbk-action-menu button:hover,
.htbk-more-btn:hover,
.htbk-invoice-pagination button:hover:not(:disabled),
.htbk-btn.secondary:hover{
  background:var(--hf-hover-blue)!important;
}
.htbk-client-button:hover{
  color:var(--hf-link-hover)!important;
}

@media(max-width:720px){
  .htbk-dashboard-card .htbk-mini-row{
    grid-template-columns:minmax(0,1fr) max-content!important;
    row-gap:4px!important;
  }
  .htbk-dashboard-card .htbk-mini-row > span:nth-child(2){
    grid-column:1/2!important;
  }
  .htbk-dashboard-card .htbk-mini-row > span:nth-child(3){
    grid-column:1/2!important;
  }
  .htbk-dashboard-card .htbk-mini-row > span:last-child{
    grid-column:2/3!important;
    grid-row:1/4!important;
    align-self:center!important;
  }
}


/* v0.3.7 — compact two-card Client editor; avoid global section hiding */
#htbk-client-editor-view .htbk-client-form-shell{
  width:min(100%,980px)!important;
  margin:0 auto!important;
  gap:10px!important;
}
#htbk-client-editor-view .htbk-client-card-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
#htbk-client-editor-view .htbk-client-card-grid>.htbk-form-section{
  display:block!important;
  background:#fff!important;
  min-height:260px!important;
  height:100%!important;
  padding:16px!important;
  border-radius:11px!important;
  box-sizing:border-box!important;
}
#htbk-client-editor-view .htbk-client-profile-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-content:start!important;
}
#htbk-client-editor-view .htbk-client-billing-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  align-content:start!important;
}
#htbk-client-editor-view .htbk-client-billing-grid .htbk-tax-field{
  width:min(100%,220px)!important;
}
#htbk-client-editor-view .htbk-client-billing-grid .htbk-address-field{
  width:100%!important;
}
#htbk-client-editor-view .htbk-client-billing-grid textarea{
  min-height:126px!important;
}
#htbk-client-editor-view .htbk-inline-form-actions{
  width:100%!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
@media(max-width:820px){
  #htbk-client-editor-view .htbk-client-form-shell{width:100%!important}
  #htbk-client-editor-view .htbk-client-card-grid{grid-template-columns:1fr!important}
  #htbk-client-editor-view .htbk-client-card-grid>.htbk-form-section{min-height:0!important}
}
@media(max-width:520px){
  #htbk-client-editor-view .htbk-client-profile-grid{grid-template-columns:1fr!important}
  #htbk-client-editor-view .htbk-client-billing-grid .htbk-tax-field{width:100%!important}
}


/* v0.3.8 — unified compact Client card */
#htbk-client-editor-view .htbk-client-form-shell{
  width:min(100%,920px)!important;
  margin:0 auto!important;
  gap:10px!important;
}
#htbk-client-editor-view .htbk-client-unified-card{
  display:block!important;
  background:#fff!important;
  padding:16px 18px!important;
  border-radius:11px!important;
  box-sizing:border-box!important;
}
#htbk-client-editor-view .htbk-client-unified-grid{
  display:grid!important;
  grid-template-columns:minmax(280px,0.9fr) minmax(320px,1.1fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}
#htbk-client-editor-view .htbk-client-fields-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#htbk-client-editor-view .htbk-client-fields-stack label,
#htbk-client-editor-view .htbk-client-address-panel{
  margin:0!important;
}
#htbk-client-editor-view .htbk-client-fields-stack label > span,
#htbk-client-editor-view .htbk-client-address-panel > span{
  display:block!important;
  margin-bottom:4px!important;
}
#htbk-client-editor-view .htbk-client-fields-stack input{
  width:100%!important;
  min-height:40px!important;
}
#htbk-client-editor-view .htbk-client-address-panel{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
#htbk-client-editor-view .htbk-client-address-panel textarea{
  flex:1 1 auto!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  resize:vertical!important;
  box-sizing:border-box!important;
}
#htbk-client-editor-view .htbk-inline-form-actions{
  width:100%!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
@media(max-width:760px){
  #htbk-client-editor-view .htbk-client-form-shell{width:100%!important}
  #htbk-client-editor-view .htbk-client-unified-grid{grid-template-columns:1fr!important;gap:14px!important}
  #htbk-client-editor-view .htbk-client-address-panel textarea{min-height:150px!important}
}


/* v0.3.9 — compact horizontal-label Client form */
#htbk-client-editor-view .htbk-client-form-shell{
  width:min(100%,800px)!important;
  margin:0 auto!important;
  gap:10px!important;
}
#htbk-client-editor-view .htbk-client-unified-card{
  padding:14px 16px!important;
}
#htbk-client-editor-view .htbk-client-unified-card .htbk-form-section-head{
  margin-bottom:12px!important;
}
#htbk-client-editor-view .htbk-client-unified-grid{
  grid-template-columns:minmax(360px,1fr) minmax(300px,.9fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
#htbk-client-editor-view .htbk-client-fields-stack{
  gap:7px!important;
  justify-content:space-between!important;
}
#htbk-client-editor-view .htbk-client-fields-stack label{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  margin:0!important;
}
#htbk-client-editor-view .htbk-client-fields-stack label > span{
  display:block!important;
  margin:0!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#htbk-client-editor-view .htbk-client-fields-stack input{
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  box-sizing:border-box!important;
}
#htbk-client-editor-view .htbk-client-address-panel{
  display:grid!important;
  grid-template-columns:105px minmax(0,1fr)!important;
  align-items:stretch!important;
  column-gap:10px!important;
  min-height:100%!important;
  margin:0!important;
}
#htbk-client-editor-view .htbk-client-address-panel > span{
  display:flex!important;
  align-items:flex-start!important;
  padding-top:11px!important;
  margin:0!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#htbk-client-editor-view .htbk-client-address-panel textarea{
  width:100%!important;
  min-height:0!important;
  height:100%!important;
  resize:vertical!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  #htbk-client-editor-view .htbk-client-form-shell{width:100%!important}
  #htbk-client-editor-view .htbk-client-unified-grid{grid-template-columns:1fr!important;gap:12px!important}
  #htbk-client-editor-view .htbk-client-address-panel{grid-template-columns:118px minmax(0,1fr)!important}
  #htbk-client-editor-view .htbk-client-address-panel textarea{min-height:140px!important;height:140px!important}
}
@media(max-width:520px){
  #htbk-client-editor-view .htbk-client-fields-stack label,
  #htbk-client-editor-view .htbk-client-address-panel{
    grid-template-columns:1fr!important;
    row-gap:4px!important;
  }
  #htbk-client-editor-view .htbk-client-fields-stack label > span,
  #htbk-client-editor-view .htbk-client-address-panel > span{
    padding-top:0!important;
    white-space:normal!important;
  }
}


/* v0.3.10 — tighter client rows + standard Finance field treatment */
#htbk-client-editor-view .htbk-client-fields-stack{
  gap:4px!important;
  justify-content:start!important;
  align-content:start!important;
}
#htbk-client-editor-view .htbk-client-fields-stack label{
  min-height:34px!important;
}
#htbk-client-editor-view .htbk-client-fields-stack input{
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid var(--hf-border-strong)!important;
  background:var(--hf-surface-raised)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
#htbk-client-editor-view .htbk-client-address-panel textarea{
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid var(--hf-border-strong)!important;
  background:var(--hf-surface-raised)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
#htbk-client-editor-view .htbk-client-fields-stack input:focus,
#htbk-client-editor-view .htbk-client-address-panel textarea:focus{
  outline:2px solid rgba(18,104,251,.16)!important;
  border-color:var(--hf-primary)!important;
  background:#fff!important;
}

/* v0.3.11 — compact horizontal-label Company form */
#htbk-company-editor-view .htbk-inline-form-shell{
  width:min(100%,920px)!important;
  margin:0 auto!important;
  gap:9px!important;
}
#htbk-company-editor-view .htbk-form-section{
  background:#fff!important;
  padding:13px 15px!important;
  border:1px solid var(--hf-border)!important;
  border-radius:12px!important;
  box-shadow:0 4px 12px rgba(26,46,77,.03)!important;
}
#htbk-company-editor-view .htbk-form-section-head{
  margin-bottom:10px!important;
  gap:8px!important;
}
#htbk-company-editor-view .htbk-smart-grid{
  gap:6px 14px!important;
}
#htbk-company-editor-view .htbk-smart-grid.cols-3{
  grid-template-columns:1fr!important;
}
#htbk-company-editor-view .htbk-smart-grid.cols-4{
  grid-template-columns:1fr 1fr!important;
}
#htbk-company-editor-view .htbk-smart-grid.cols-4 .span-2{
  grid-column:auto!important;
}
#htbk-company-editor-view .htbk-smart-grid label{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  min-height:34px!important;
  margin:0!important;
}
#htbk-company-editor-view .htbk-smart-grid label>span{
  display:block!important;
  margin:0!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#htbk-company-editor-view .htbk-smart-grid input,
#htbk-company-editor-view .htbk-smart-grid select{
  width:100%!important;
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:6px 9px!important;
  border:1px solid var(--hf-border-strong)!important;
  background:var(--hf-surface-raised)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
#htbk-company-editor-view .htbk-smart-grid input:focus,
#htbk-company-editor-view .htbk-smart-grid select:focus,
#htbk-company-editor-view textarea#m-bank:focus{
  outline:2px solid rgba(18,104,251,.16)!important;
  border-color:var(--hf-primary)!important;
  background:#fff!important;
}
#htbk-company-editor-view .htbk-brand-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  align-items:start!important;
  margin-top:8px!important;
}
#htbk-company-editor-view .htbk-brand-row>div{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
}
#htbk-company-editor-view .htbk-brand-row .htbk-field-label{
  margin:0!important;
  white-space:nowrap!important;
}
#htbk-company-editor-view .htbk-color-swatches{
  margin:0!important;
}
#htbk-company-editor-view .htbk-upload-card{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:10px!important;
  min-height:54px!important;
  padding:8px 10px!important;
  background:var(--hf-surface-raised)!important;
  border:1px dashed var(--hf-border-strong)!important;
  border-radius:8px!important;
}
#htbk-company-editor-view .htbk-upload-card>span{
  margin:2px 0 0!important;
  white-space:nowrap!important;
}
#htbk-company-editor-view .htbk-upload-card input,
#htbk-company-editor-view .htbk-upload-card small{
  grid-column:2!important;
}
#htbk-company-editor-view .htbk-form-section>label:has(textarea#m-bank){
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  column-gap:10px!important;
  align-items:start!important;
}
#htbk-company-editor-view textarea#m-bank{
  width:100%!important;
  min-height:78px!important;
  height:78px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid var(--hf-border-strong)!important;
  background:var(--hf-surface-raised)!important;
  border-radius:8px!important;
  box-shadow:none!important;
  resize:vertical!important;
}
#htbk-company-editor-view .htbk-inline-form-actions{
  width:100%!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
@media(max-width:760px){
  #htbk-company-editor-view .htbk-inline-form-shell{width:100%!important}
  #htbk-company-editor-view .htbk-smart-grid.cols-4,
  #htbk-company-editor-view .htbk-brand-row{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  #htbk-company-editor-view .htbk-smart-grid label,
  #htbk-company-editor-view .htbk-brand-row>div,
  #htbk-company-editor-view .htbk-upload-card{
    grid-template-columns:1fr!important;
    row-gap:4px!important;
  }
  #htbk-company-editor-view .htbk-smart-grid label>span,
  #htbk-company-editor-view .htbk-brand-row .htbk-field-label,
  #htbk-company-editor-view .htbk-upload-card>span{white-space:normal!important}
  #htbk-company-editor-view .htbk-upload-card input,
  #htbk-company-editor-view .htbk-upload-card small{grid-column:1!important}
}

/* v0.3.12 — tighter three-across Company sections + native color picker */
#htbk-company-editor-view .htbk-form-section:first-child .htbk-smart-grid.cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
#htbk-company-editor-view .htbk-form-section:first-child .htbk-smart-grid.cols-3 label{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
  min-height:0!important;
}
#htbk-company-editor-view .htbk-form-section:first-child .htbk-smart-grid.cols-3 label>span{
  white-space:normal!important;
}
#htbk-company-editor-view .htbk-company-three-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
#htbk-company-editor-view .htbk-company-three-row>label{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
  margin:0!important;
  min-width:0!important;
}
#htbk-company-editor-view .htbk-company-three-row>label>span{
  display:block!important;
  margin:0!important;
  line-height:1.2!important;
  white-space:normal!important;
}
#htbk-company-editor-view .htbk-company-three-row input[type="text"],
#htbk-company-editor-view .htbk-company-three-row select{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  padding:6px 9px!important;
  margin:0!important;
  border:1px solid var(--hf-border-strong)!important;
  background:var(--hf-surface-raised)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
#htbk-company-editor-view .htbk-company-brand-payment-row{
  grid-template-columns:.72fr 1fr 1.45fr!important;
}
#htbk-company-editor-view .htbk-color-picker-control{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  height:44px!important;
  padding:5px 8px!important;
  border:1px solid var(--hf-border-strong)!important;
  background:var(--hf-surface-raised)!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
}
#htbk-company-editor-view input[type="color"]#m-accent{
  width:52px!important;
  height:32px!important;
  min-height:32px!important;
  padding:2px!important;
  border:1px solid var(--hf-border-strong)!important;
  border-radius:7px!important;
  background:#fff!important;
  cursor:pointer!important;
}
#htbk-company-editor-view #m-accent-value{
  font-size:12px!important;
  color:var(--hf-text-muted)!important;
  font-weight:600!important;
}
#htbk-company-editor-view .htbk-logo-control{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
  min-height:44px!important;
  padding:5px 8px!important;
  border:1px dashed var(--hf-border-strong)!important;
  background:var(--hf-surface-raised)!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
}
#htbk-company-editor-view .htbk-logo-control input[type="file"]{
  width:100%!important;
  min-width:0!important;
  font-size:12px!important;
}
#htbk-company-editor-view .htbk-logo-control small{
  color:var(--hf-text-muted)!important;
  line-height:1.2!important;
}
#htbk-company-editor-view .htbk-bank-field textarea#m-bank{
  width:100%!important;
  height:74px!important;
  min-height:74px!important;
  margin:0!important;
  padding:7px 9px!important;
  border:1px solid var(--hf-border-strong)!important;
  background:var(--hf-surface-raised)!important;
  border-radius:8px!important;
  box-shadow:none!important;
  resize:vertical!important;
}
#htbk-company-editor-view .htbk-company-three-row input:focus,
#htbk-company-editor-view .htbk-company-three-row select:focus,
#htbk-company-editor-view .htbk-company-three-row textarea:focus,
#htbk-company-editor-view input[type="color"]#m-accent:focus{
  outline:2px solid rgba(18,104,251,.16)!important;
  border-color:var(--hf-primary)!important;
}
@media(max-width:760px){
  #htbk-company-editor-view .htbk-form-section:first-child .htbk-smart-grid.cols-3,
  #htbk-company-editor-view .htbk-company-three-row,
  #htbk-company-editor-view .htbk-company-brand-payment-row{
    grid-template-columns:1fr!important;
  }
}


/* v0.4.0 — receivables, quotes, recurring billing and richer reporting */
.htbk-app a,.htbk-app a:hover,.htbk-link,.htbk-link:hover,.htbk-text-action,.htbk-text-action:hover{text-decoration:none!important}
.htbk-aging-strip{display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));align-items:stretch;gap:7px;margin:9px 0 0}.htbk-aging-strip .htbk-aging-label{display:flex;align-items:center;padding:0 10px;font-size:10px;font-weight:850;color:#53657A;text-transform:uppercase;letter-spacing:.04em}.htbk-aging-strip button{border:1px solid var(--htbk-border);background:#fff;border-radius:9px;padding:7px 9px;text-align:left;cursor:pointer}.htbk-aging-strip button:hover{background:#EAF2FF;border-color:#AFC8EE}.htbk-aging-strip button span{display:block;color:var(--htbk-muted);font-size:9px}.htbk-aging-strip button strong{display:block;color:#173F73;font-size:12px;margin-top:2px}
.htbk-client-financial-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:8px;margin-bottom:10px;background:#F3F6FA;border:1px solid #D7E0EA;border-radius:9px}.htbk-client-financial-strip div{background:#fff;border:1px solid #E1E7EF;border-radius:7px;padding:7px 8px}.htbk-client-financial-strip span{display:block;font-size:9px;color:#667085}.htbk-client-financial-strip strong{display:block;font-size:12px;color:#173F73;margin-top:2px}
.htbk-payment-history-card{background:#fff;border:1px solid var(--htbk-border);border-radius:10px;padding:12px 14px;margin-top:10px}.htbk-payment-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:7px 0;border-top:1px solid #EDF1F5;font-size:11px}.htbk-payment-list strong{color:#173F73}
.htbk-list-head-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;font-weight:800}.htbk-report-export-row{display:flex;gap:7px;justify-content:flex-end;margin:8px 0}.htbk-report-total{border-top:1px solid #CBD6E3;margin-top:4px;padding-top:10px!important}.htbk-cash-row{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #EDF1F5;font-size:10px}.htbk-cash-row strong{text-align:right;color:#173F73}
.htbk-toggle-row{display:flex!important;align-items:center!important;gap:8px!important}.htbk-toggle-row input[type=checkbox]{width:16px!important;height:16px!important;margin:0!important}.htbk-settings-inline{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px;align-items:center;margin:10px 0;font-size:10px}.htbk-settings-inline input{height:34px;border:1px solid #C7D2E0;background:#F7F9FC;border-radius:7px;padding:6px 9px}.htbk-settings-inline small{grid-column:2;color:#667085}
.htbk-lookup-manager{display:grid;grid-template-columns:1fr 1fr;gap:14px}.htbk-lookup-add{display:flex;gap:6px;margin:7px 0}.htbk-lookup-add input,.htbk-lookup-add select{min-width:0;height:34px;border:1px solid #C7D2E0;background:#F7F9FC;border-radius:7px;padding:6px 8px;font-size:11px}.htbk-lookup-add input{flex:1}.htbk-chip-list{display:flex;flex-wrap:wrap;gap:5px}.htbk-chip{display:inline-flex;align-items:center;gap:5px;background:#F3F6FA;border:1px solid #D7E0EA;border-radius:999px;padding:4px 7px;font-size:9px}.htbk-chip small{color:#667085}.htbk-chip button{border:0;background:transparent;color:#667085;cursor:pointer;padding:0;font-weight:900}.htbk-chip button:hover{color:#A43D3D}
.htbk-company-two-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px}.htbk-company-two-row label{display:grid!important;grid-template-columns:115px minmax(0,1fr);align-items:center;gap:7px}.htbk-company-two-row input{height:34px!important;background:#F7F9FC!important;border:1px solid #C7D2E0!important;border-radius:7px!important;padding:6px 9px!important}
.htbk-badge.partial{background:#EEF2FF;color:#4757A8}.htbk-badge.active{background:#EAF7EF;color:#247A4D}.htbk-badge.paused{background:#F2F4F7;color:#667085}
@media(max-width:1050px){.htbk-aging-strip{grid-template-columns:repeat(3,1fr)}.htbk-aging-strip .htbk-aging-label{grid-column:1/-1}.htbk-client-financial-strip{grid-template-columns:repeat(3,1fr)}.htbk-lookup-manager{grid-template-columns:1fr}.htbk-company-two-row{grid-template-columns:1fr}}
@media(max-width:700px){.htbk-aging-strip{grid-template-columns:1fr 1fr}.htbk-client-financial-strip{grid-template-columns:1fr 1fr}.htbk-payment-list>div{grid-template-columns:1fr auto}.htbk-payment-list a{grid-column:1/-1}.htbk-cash-row{grid-template-columns:1fr 1fr}.htbk-company-two-row label{grid-template-columns:1fr}}

/* v0.4.1 — quote/recurring editor polish and compact empty states */
.htbk-empty-compact{min-height:92px!important;padding:22px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;background:#fff!important}
.htbk-empty-compact strong{font-size:13px!important;color:var(--htbk-text,#14213d)!important}.htbk-empty-compact span{font-size:10px!important;color:var(--htbk-muted,#667085)!important}
#htbk-quote-list-view>.htbk-card,#htbk-recurring-list-view>.htbk-card{padding:14px!important}
.htbk-document-editor{max-width:1120px!important;margin:0 auto!important}
.htbk-document-editor .htbk-compact-section{padding:13px 14px!important;margin-bottom:10px!important;background:#fff!important;border:1px solid var(--htbk-border)!important;border-radius:11px!important}
.htbk-document-editor .htbk-form-section-head{margin-bottom:10px!important}.htbk-document-editor .htbk-form-section-head strong{font-size:12px!important}.htbk-document-editor .htbk-form-section-head span,.htbk-section-hint{font-size:9px!important;color:var(--htbk-muted)!important;font-weight:500!important;margin-left:7px!important}
.htbk-doc-meta-grid,.htbk-recurring-meta-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 12px!important}
.htbk-doc-meta-grid label,.htbk-recurring-meta-grid label,.htbk-doc-footer-grid label,.htbk-recurring-footer-grid label{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;margin:0!important;min-width:0!important}
.htbk-document-editor label>span{font-size:9px!important;font-weight:750!important;color:#24364d!important;line-height:1.2!important}
.htbk-document-editor input,.htbk-document-editor select{height:34px!important;min-height:34px!important;border:1px solid #C7D2E0!important;background:#F7F9FC!important;border-radius:7px!important;padding:6px 9px!important;box-shadow:none!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}
.htbk-document-editor input:focus,.htbk-document-editor select:focus{outline:2px solid rgba(18,104,251,.13)!important;border-color:var(--htbk-primary)!important;background:#fff!important}
.htbk-line-head,.htbk-line-item-polished{display:grid!important;grid-template-columns:minmax(260px,1fr) 86px 118px 130px 38px!important;gap:7px!important;align-items:center!important}
.htbk-line-head{padding:0 2px 5px!important;color:#667085!important;font-size:8px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.035em!important}
.htbk-line-item-polished{padding:5px 0!important;border-top:1px solid #EDF1F5!important}.htbk-line-item-polished:first-child{border-top:0!important}
.htbk-line-item-polished input{height:34px!important;margin:0!important}.htbk-line-amount{display:flex!important;align-items:center!important;justify-content:flex-end!important;height:34px!important;padding:0 8px!important;background:#F7F9FC!important;border:1px solid #D8E0EA!important;border-radius:7px!important;font-size:10px!important;color:#173F73!important;white-space:nowrap!important}
.htbk-line-item-polished .htbk-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:7px!important;background:#fff!important}
.htbk-doc-total{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;padding-top:8px!important;margin-top:3px!important;border-top:1px solid #E8EDF3!important;font-size:9px!important;color:#667085!important}.htbk-doc-total strong{font-size:12px!important;color:#173F73!important;min-width:130px!important;text-align:right!important}
.htbk-doc-footer-grid{display:grid!important;grid-template-columns:210px 210px minmax(280px,1fr)!important;gap:12px!important}.htbk-notes-field{grid-template-columns:58px minmax(0,1fr)!important}
.htbk-recurring-footer-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 180px!important;gap:16px!important;align-items:center!important}.htbk-active-toggle{display:flex!important;justify-content:flex-end!important;gap:8px!important}.htbk-active-toggle input{width:16px!important;height:16px!important;min-height:16px!important}
.htbk-document-editor .htbk-inline-form-actions{max-width:none!important;background:#fff!important;border:1px solid var(--htbk-border)!important;border-radius:10px!important;padding:9px 10px!important}
.htbk-aging-strip{background:#fff!important;border:1px solid var(--htbk-border)!important;border-radius:10px!important;padding:7px!important;margin-top:10px!important}.htbk-aging-strip .htbk-aging-label{padding:0 9px!important}.htbk-aging-strip button{background:#F8FAFC!important;border-color:#DFE6EE!important}.htbk-aging-strip button:hover{background:#EAF2FF!important;border-color:#AFC8EE!important;transform:translateY(-1px)}
@media(max-width:1050px){.htbk-doc-meta-grid,.htbk-recurring-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.htbk-line-head,.htbk-line-item-polished{grid-template-columns:minmax(200px,1fr) 72px 100px 110px 36px!important}.htbk-doc-footer-grid{grid-template-columns:1fr 1fr!important}.htbk-doc-footer-grid .htbk-notes-field{grid-column:1/-1!important}}
@media(max-width:720px){.htbk-document-editor{max-width:none!important}.htbk-doc-meta-grid,.htbk-recurring-meta-grid,.htbk-doc-footer-grid,.htbk-recurring-footer-grid{grid-template-columns:1fr!important}.htbk-doc-meta-grid label,.htbk-recurring-meta-grid label,.htbk-doc-footer-grid label,.htbk-recurring-footer-grid label{grid-template-columns:1fr!important;gap:4px!important}.htbk-line-head{display:none!important}.htbk-line-item-polished{grid-template-columns:1fr 70px 90px 1fr 34px!important}.htbk-line-item-polished>input:first-child{grid-column:1/-1!important}.htbk-line-amount{justify-content:flex-start!important}.htbk-active-toggle{justify-content:flex-start!important}}

/* v0.4.2 — client/vendor business intelligence */
.htbk-dashboard-business-grid{margin-top:16px}
.htbk-card-subtitle{display:block;margin-top:3px;font-size:12px;color:var(--htbk-muted,#65738a);font-weight:500}
.htbk-business-list{display:flex;flex-direction:column}
.htbk-business-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:14px;padding:13px 10px;border:0;border-bottom:1px solid var(--htbk-border,#d8e0eb);background:#fff;text-align:left;color:var(--htbk-text,#101828);cursor:pointer;border-radius:8px;transition:background-color .16s ease,box-shadow .16s ease}
.htbk-business-row:last-child{border-bottom:0}
.htbk-business-row:hover,.htbk-business-row:focus-visible{background:#f2f6ff;outline:none;box-shadow:inset 3px 0 0 var(--htbk-primary,#1268FB)}
.htbk-business-row>span:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}
.htbk-business-row>span:first-child strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.htbk-business-row small{font-size:11px;color:var(--htbk-muted,#65738a);font-weight:500}
.htbk-business-row>strong{font-size:15px;color:var(--htbk-primary-dark,#233b76);white-space:nowrap}
.htbk-business-chevron{font-size:22px;line-height:1;color:#71809a;text-align:right}

.htbk-client-business-shell{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.htbk-client-business-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}
.htbk-client-business-head h3{margin:3px 0 2px;font-size:22px}
.htbk-client-business-head p{margin:0;color:var(--htbk-muted,#65738a)}
.htbk-client-business-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.htbk-client-business-kpis>.htbk-card{padding:16px 18px;display:flex;flex-direction:column;gap:5px}
.htbk-client-business-kpis span{font-size:12px;color:var(--htbk-muted,#65738a);font-weight:700}
.htbk-client-business-kpis strong{font-size:22px;color:var(--htbk-primary-dark,#233b76)}
.htbk-vendor-kpis{grid-template-columns:repeat(2,minmax(0,240px));justify-content:start}
.htbk-business-history-card{padding:0;overflow:hidden}
.htbk-business-history-card>.htbk-card-head{padding:16px 18px;border-bottom:1px solid var(--htbk-border,#d8e0eb)}
.htbk-business-history-card .htbk-table-wrap{border:0;border-radius:0;box-shadow:none}
.htbk-business-history-card .htbk-table{margin:0}
.htbk-business-history-card .htbk-empty{margin:12px}

@media (max-width:900px){
 .htbk-client-business-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .htbk-vendor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
 .htbk-client-business-head{align-items:flex-start;flex-direction:column}
 .htbk-client-business-kpis,.htbk-vendor-kpis{grid-template-columns:1fr}
 .htbk-business-row{grid-template-columns:minmax(0,1fr) auto 14px;gap:8px;padding:12px 6px}
}
.htbk-dashboard-business-grid .htbk-business-list{overflow:visible;padding-right:0}
.htbk-dashboard-business-grid .htbk-business-row{min-height:52px}
.htbk-business-view-all{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;padding:10px 12px;border:1px solid #D7E1EF;border-radius:8px;background:#F2F6FC;color:#173B7A!important;font:inherit;font-size:11px;font-weight:800;cursor:pointer;text-decoration:none!important;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}
.htbk-business-view-all:hover,.htbk-business-view-all:focus-visible{background:#DCE8FF!important;border-color:#9DB8E6!important;color:#173B7A!important;outline:none;transform:translateY(-1px)}
.htbk-business-view-all span{font-size:15px;line-height:1;color:inherit!important}


/* v0.4.4 — taxation pack + compact company registration identity */
#htbk-company-editor-view .htbk-company-identity-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
#htbk-company-editor-view .htbk-company-identity-grid label{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-height:0!important;
}
#htbk-company-editor-view .htbk-company-identity-grid label>span{white-space:normal!important}
.htbk-tax-pack-card{margin:10px 0 12px!important;padding:16px!important;background:#fff!important}
.htbk-tax-pack-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.htbk-tax-pack-head h3{margin:0 0 3px!important;font-size:15px!important}.htbk-tax-pack-head p{margin:0;color:#66758a;font-size:11px}
.htbk-tax-period-controls{display:grid;grid-template-columns:180px 150px 150px auto auto;gap:9px;align-items:end}
.htbk-tax-period-controls label{font-size:10px;font-weight:750;color:#475467}
.htbk-tax-period-controls select,.htbk-tax-period-controls input{width:100%;height:35px;margin-top:4px;border:1px solid #C7D2E0;border-radius:8px;background:#F7F9FC;color:#172033;padding:6px 9px;font:inherit}
.htbk-tax-period-controls select:focus,.htbk-tax-period-controls input:focus{outline:2px solid rgba(18,104,251,.16);border-color:#5B8DEF}
@media(max-width:1150px){.htbk-tax-period-controls{grid-template-columns:1fr 1fr 1fr}.htbk-tax-period-controls .htbk-btn{width:100%}}
@media(max-width:900px){#htbk-company-editor-view .htbk-company-identity-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){.htbk-tax-period-controls{grid-template-columns:1fr}.htbk-tax-pack-head{display:block}.htbk-tax-pack-head .htbk-badge{display:inline-block;margin-top:8px}#htbk-company-editor-view .htbk-company-identity-grid{grid-template-columns:1fr!important}}

/* v0.4.6 — unified report controls */
.htbk-report-filter-unified{
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  padding:11px 12px!important;
  background:#fff!important;
}
.htbk-report-filter-unified label{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important;color:#475467!important;font-size:10px!important;font-weight:750!important}
.htbk-report-filter-unified select,
.htbk-report-filter-unified input[type="date"]{
  height:36px!important;
  margin:0!important;
  border:1px solid #C7D2E0!important;
  border-radius:8px!important;
  background:#F7F9FC!important;
  color:#172033!important;
  padding:6px 9px!important;
  box-sizing:border-box!important;
  box-shadow:inset 0 1px 2px rgba(16,24,40,.03)!important;
  font:inherit!important;
}
.htbk-report-filter-unified select{min-width:165px!important}
.htbk-report-filter-unified input[type="date"]{width:145px!important}
.htbk-report-filter-unified select:focus,
.htbk-report-filter-unified input[type="date"]:focus{outline:2px solid rgba(18,104,251,.16)!important;border-color:#5B8DEF!important}
.htbk-report-filter-unified .htbk-btn{height:36px!important;white-space:nowrap!important}
@media(max-width:900px){.htbk-report-filter-unified label{flex:1 1 180px}.htbk-report-filter-unified select,.htbk-report-filter-unified input[type="date"]{width:100%!important;min-width:0!important}}


/* v0.4.7 — balanced single report toolbar */
.htbk-report-filter-unified{
  display:grid!important;
  grid-template-columns:minmax(180px,1.45fr) minmax(145px,.9fr) minmax(145px,.9fr) repeat(4,minmax(105px,.72fr))!important;
  gap:8px!important;
  align-items:end!important;
}
.htbk-report-filter-unified label{min-width:0!important}
.htbk-report-filter-unified select,
.htbk-report-filter-unified input[type="date"]{width:100%!important;min-width:0!important}
.htbk-report-filter-unified .htbk-btn{width:100%!important;justify-content:center!important}
@media(max-width:1100px){.htbk-report-filter-unified{grid-template-columns:repeat(4,minmax(140px,1fr))!important}.htbk-report-filter-unified label{grid-column:auto!important}}
@media(max-width:700px){.htbk-report-filter-unified{grid-template-columns:1fr 1fr!important}}
@media(max-width:480px){.htbk-report-filter-unified{grid-template-columns:1fr!important}}

/* v0.4.30 Stripe configuration */
.htbk-stripe-settings{display:flex;flex-direction:column;gap:14px}
.htbk-settings-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.htbk-settings-heading-row h3{margin:0 0 5px}
.htbk-settings-heading-row .htbk-help{margin:0;max-width:700px}
.htbk-stripe-status-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #D8E1EC;background:#F4F6F9;color:#667085;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}
.htbk-stripe-status-pill.partial{background:#FFF8E7;border-color:#F3D38A;color:#8A5A00}
.htbk-stripe-status-pill.ready{background:#ECF8F1;border-color:#B9E4CB;color:#237A4A}
.htbk-stripe-mode{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #D7E0EB;border-radius:11px;background:#F7F9FC}
.htbk-stripe-mode>span{font-size:12px;font-weight:800;color:#344054}
.htbk-segmented{display:flex;gap:4px;padding:3px;border-radius:9px;background:#E9EEF5}
.htbk-segmented button{border:0;background:transparent;color:#667085;border-radius:7px;padding:7px 15px;font-size:11px;font-weight:800;cursor:pointer}
.htbk-segmented button.active{background:#fff;color:#1268FB;box-shadow:0 1px 3px rgba(16,24,40,.12)}
.htbk-stripe-mode-note{font-size:12px;line-height:1.5;color:#667085;margin-top:-6px}
.htbk-stripe-mode-note strong{color:#344054}
.htbk-stripe-settings .htbk-form-grid label small{display:block;margin-top:6px;color:#7A8699;font-size:10px;font-weight:600;line-height:1.4}
.htbk-webhook-box{display:flex;flex-direction:column;gap:7px;border:1px solid #D7E0EB;border-radius:11px;background:#F7F9FC;padding:12px 13px}
.htbk-webhook-box strong{font-size:11px;color:#344054}
.htbk-webhook-box code{display:block;overflow-wrap:anywhere;border:1px solid #D7E0EB;background:#fff;border-radius:8px;padding:9px 10px;color:#1268FB;font-size:11px}
.htbk-webhook-box small{color:#667085;font-size:10px;line-height:1.55}
.htbk-stripe-readiness{display:flex;flex-direction:column;gap:3px;border-left:3px solid #B8C8DA;padding:7px 0 7px 10px}
.htbk-stripe-readiness strong{font-size:11px;color:#344054}
.htbk-stripe-readiness span{font-size:10px;line-height:1.5;color:#667085}
.htbk-settings-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.htbk-settings-actions .htbk-link{margin-left:auto;border:0;background:transparent;cursor:pointer;font-size:11px;font-weight:750;padding:6px 0}
.htbk-settings-actions .htbk-link:disabled{opacity:.45;cursor:not-allowed}
.htbk-stripe-test-result{display:flex;flex-direction:column;gap:3px;border:1px solid #D7E0EB;border-radius:10px;background:#F7F9FC;padding:10px 12px;font-size:11px}
.htbk-stripe-test-result strong{color:#344054}
.htbk-stripe-test-result span,.htbk-stripe-test-result small{color:#667085}
.htbk-stripe-test-result.success{background:#F1FAF5;border-color:#B9E4CB}
.htbk-stripe-test-result.success strong{color:#237A4A}
.htbk-stripe-test-result.error{background:#FFF3F2;border-color:#F5C2BE}
.htbk-stripe-test-result.error strong{color:#B42318}
@media(max-width:820px){.htbk-settings-heading-row,.htbk-stripe-mode{align-items:stretch;flex-direction:column}.htbk-settings-actions .htbk-link{margin-left:0}.htbk-segmented{width:max-content}}

/* v0.4.32 — paid invoice immutability */
.htbk-paid-lock-notice{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:14px;border:1px solid #cfe3d5;border-radius:12px;background:#f4fbf6;color:#193f28}.htbk-paid-lock-notice strong{white-space:nowrap}.htbk-paid-lock-notice span{font-size:14px;color:#456451}.htbk-inline-invoice-editor input:disabled,.htbk-inline-invoice-editor select:disabled,.htbk-inline-invoice-editor textarea:disabled{opacity:1;color:#334155;background:#f4f6f9;cursor:default}

/* v0.5.2 settings, audit and contrast refinements */
.htbk-settings-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
.htbk-settings-layout>.htbk-stripe-settings{grid-column:1/-1!important}
.htbk-settings-layout>.htbk-settings-card,.htbk-settings-layout>.htbk-demo-card{margin:0!important;min-height:0!important;align-self:start!important}
.htbk-settings-layout .htbk-help{margin:5px 0 9px!important}
.htbk-settings-layout .htbk-form-grid{gap:10px!important}
.htbk-settings-layout .htbk-webhook-box{margin:10px 0!important;padding:10px 12px!important}
.htbk-backup-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px}
.htbk-file-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--hf-button-height);padding:8px 13px;border:1px solid var(--hf-primary);border-radius:var(--hf-control-radius);background:var(--hf-primary);color:#fff!important;font-size:var(--hf-font-button);font-weight:750;cursor:pointer}
.htbk-file-button:hover{background:var(--hf-primary-hover);border-color:var(--hf-primary-hover)}.htbk-file-button input{display:none!important}
.htbk-restore-note{margin-top:10px;padding:10px 11px;background:#F6F8FB;border:1px solid var(--hf-border);border-radius:8px;color:var(--hf-muted);font-size:11.5px;line-height:1.5}
.htbk-audit-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px;gap:9px;margin:12px 0}.htbk-audit-toolbar input,.htbk-audit-toolbar select{height:38px;border:1px solid var(--hf-border-strong);border-radius:8px;background:var(--hf-surface-raised);padding:7px 10px;color:var(--hf-text)}
.htbk-audit-table td{vertical-align:top!important}.htbk-audit-action{display:inline-block;padding:4px 7px;border-radius:999px;background:#EEF2F7;color:#3D4D62;font-size:10.5px;font-weight:750;text-transform:capitalize}
/* Clickable rows retain dark readable text on pale hover surfaces. */
.htbk-dashboard-card .htbk-mini-row:hover,.htbk-dashboard-card .htbk-mini-row:hover *,.htbk-dashboard-card .htbk-mini-row:focus-visible,.htbk-dashboard-card .htbk-mini-row:focus-visible *,.htbk-table tbody tr.htbk-click-row:hover td,.htbk-table tbody tr.htbk-click-row:hover td *,.htbk-business-row:hover,.htbk-business-row:hover *{color:var(--hf-text)!important}
.htbk-dashboard-card .htbk-mini-row:hover .htbk-pill,.htbk-dashboard-card .htbk-mini-row:hover .htbk-pill *,.htbk-table tbody tr.htbk-click-row:hover .htbk-pill,.htbk-table tbody tr.htbk-click-row:hover .htbk-pill *{color:inherit!important}
/* Header navigation actions are text actions, not filled hover chips. */
.htbk-card-head .htbk-text-action:hover,.htbk-card-head .htbk-text-action:focus{background:transparent!important;color:var(--hf-link-hover)!important}
@media(max-width:900px){.htbk-settings-layout{grid-template-columns:1fr!important}.htbk-settings-layout>.htbk-stripe-settings{grid-column:auto!important}.htbk-audit-toolbar{grid-template-columns:1fr!important}}

/* v0.5.3 production polish: compact readable settings, company logos, FX and deliberate dark-blue header actions */
.htbk-settings-layout{gap:14px!important}
.htbk-settings-layout .htbk-card{padding:18px!important}
.htbk-settings-layout h3{font-size:16px!important;line-height:1.25!important;margin-bottom:6px!important}
.htbk-settings-layout .htbk-help{font-size:13px!important;line-height:1.5!important;color:#5B6878!important}
.htbk-settings-layout label,.htbk-settings-layout .htbk-toggle-row,.htbk-settings-layout .htbk-settings-inline{font-size:13px!important}
.htbk-settings-layout input,.htbk-settings-layout select,.htbk-settings-layout textarea{font-size:13px!important}
.htbk-settings-layout small{font-size:11.5px!important;line-height:1.45!important}
.htbk-stripe-settings{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px 16px!important;align-items:start!important}
.htbk-stripe-settings .htbk-settings-heading-row{grid-column:1/-1;align-items:center!important;margin-bottom:0!important}
.htbk-stripe-settings .htbk-stripe-mode{grid-column:1;min-height:48px!important;margin:0!important;padding:9px 12px!important}
.htbk-stripe-settings .htbk-stripe-mode-note{grid-column:2;align-self:center;margin:0!important;padding:0!important;font-size:12.5px!important;line-height:1.45!important}
.htbk-stripe-settings .htbk-form-grid{grid-column:1;grid-template-columns:1fr!important;gap:10px!important;margin:0!important}
.htbk-stripe-settings .htbk-form-grid input{width:100%!important;min-height:40px!important}
.htbk-stripe-settings .htbk-webhook-box{grid-column:2;grid-row:3 / span 1;margin:0!important;padding:12px 14px!important;min-height:0!important}
.htbk-stripe-settings .htbk-webhook-box code{font-size:11.5px!important;padding:9px 10px!important;margin:7px 0!important;white-space:normal!important;word-break:break-all!important}
.htbk-stripe-settings .htbk-webhook-box small{display:block!important}
.htbk-stripe-settings .htbk-stripe-readiness{grid-column:2;margin:0!important;min-height:0!important;padding:10px 12px!important}
.htbk-stripe-settings .htbk-settings-actions{grid-column:1;align-self:end;margin-top:0!important}
.htbk-stripe-settings .htbk-stripe-test-result{grid-column:1/-1;margin:0!important;padding:10px 12px!important;min-height:0!important}
.htbk-stripe-status-pill{font-size:11px!important;padding:6px 10px!important}
.htbk-settings-actions .htbk-link{font-size:12px!important}
.htbk-backup-actions-v2{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}
.htbk-restore-current{background:#163F73!important;border-color:#163F73!important;color:#fff!important}
.htbk-restore-current:hover{background:#0F315B!important;border-color:#0F315B!important;color:#fff!important}
.htbk-import-new{background:#F7F9FC!important;color:#254A78!important}
.htbk-restore-note{font-size:12px!important;line-height:1.5!important}

/* Explicit dashboard card-head actions: dark theme blue on hover with white text. */
.htbk-card-head .htbk-text-action{border-radius:7px!important;padding:6px 9px!important;transition:background .15s ease,color .15s ease!important}
.htbk-card-head .htbk-text-action:hover,.htbk-card-head .htbk-text-action:focus-visible{background:#173F73!important;color:#fff!important;text-decoration:none!important;outline:none!important}

.htbk-company-title-row{display:flex;align-items:center;gap:11px;margin:3px 0 8px}
.htbk-company-title-row h3{margin:0!important}
.htbk-company-title-row p{margin:3px 0 0!important}
.htbk-company-logo-thumb{width:46px;height:46px;flex:0 0 46px;border-radius:10px;border:1px solid #DCE4EE;background:#F5F8FC;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#173F73;font-size:13px;font-weight:850}
.htbk-company-logo-thumb img{width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box;background:#fff}

.htbk-invoice-topbar-fields .htbk-fx-field{min-width:190px}
.htbk-fx-control{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:5px}
.htbk-fx-control input{min-width:0}
.htbk-fx-control button{border:1px solid #C9D5E3;background:#F3F6FA;border-radius:7px;color:#173F73;font-size:18px;font-weight:800;cursor:pointer}
.htbk-fx-control button:hover{background:#173F73;color:#fff;border-color:#173F73}
.htbk-fx-field small{display:block;margin-top:4px;color:#667085;font-size:10.5px;line-height:1.35}

@media(max-width:900px){.htbk-stripe-settings{grid-template-columns:1fr!important}.htbk-stripe-settings>*{grid-column:1!important;grid-row:auto!important}}

/* v0.5.4 — denser Stripe settings, lookup containment and restore contrast */
.htbk-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.htbk-stripe-settings{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;gap:14px!important}
.htbk-stripe-settings .htbk-settings-heading-row{grid-column:1/-1!important}
.htbk-stripe-config-card,.htbk-stripe-status-card{border:1px solid #D7E0EB;border-radius:12px;background:#F8FAFD;padding:14px;min-width:0}
.htbk-stripe-config-card{grid-column:1;display:flex;flex-direction:column;gap:12px}
.htbk-stripe-status-card{grid-column:2;align-self:stretch;display:flex;flex-direction:column;gap:12px;justify-content:flex-start}
.htbk-stripe-settings .htbk-stripe-mode{grid-column:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;min-height:0!important;padding:10px 11px!important;margin:0!important}
.htbk-stripe-settings .htbk-stripe-mode-note{grid-column:auto!important;margin:0!important;font-size:13px!important;line-height:1.45!important;color:#566476!important}
.htbk-stripe-settings .htbk-stripe-mode-note strong{color:#1E293B!important;font-size:13px!important}
.htbk-stripe-settings .htbk-segmented button{font-size:12px!important;padding:7px 16px!important}
.htbk-stripe-settings .htbk-stripe-credential-grid{grid-column:auto!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0!important}
.htbk-stripe-settings .htbk-stripe-credential-grid label{min-width:0!important;font-size:13px!important;font-weight:750!important}
.htbk-stripe-settings .htbk-stripe-credential-grid input{width:100%!important;min-width:0!important;height:42px!important;font-size:13px!important}
.htbk-stripe-settings .htbk-webhook-box{grid-column:auto!important;grid-row:auto!important;margin:0!important;padding:11px!important;max-width:none!important}
.htbk-stripe-settings .htbk-webhook-box code{display:block!important;width:min(100%,520px)!important;box-sizing:border-box!important;font-size:11.5px!important;padding:9px 10px!important;margin:6px 0!important}
.htbk-stripe-settings .htbk-settings-actions{grid-column:auto!important;margin:0!important;gap:8px!important}
.htbk-stripe-settings .htbk-settings-actions .htbk-link{margin-left:auto!important}
.htbk-stripe-settings .htbk-stripe-readiness{grid-column:auto!important;border-left:0!important;border:1px solid #D7E0EB!important;border-radius:10px!important;background:#fff!important;padding:14px!important;margin:0!important;min-height:0!important}
.htbk-stripe-settings .htbk-stripe-readiness strong{font-size:13px!important;color:#253247!important}
.htbk-stripe-settings .htbk-stripe-readiness span{font-size:12px!important;line-height:1.5!important;color:#667085!important;margin-top:4px!important}
.htbk-stripe-settings .htbk-stripe-test-result{grid-column:auto!important;margin:0!important;padding:12px!important;font-size:12px!important}
.htbk-restore-current,.htbk-restore-current:hover,.htbk-restore-current:focus-visible{color:#fff!important}
.htbk-lookup-manager{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;min-width:0!important}
.htbk-lookup-manager>div{min-width:0!important}
.htbk-lookup-add{display:grid!important;grid-template-columns:minmax(82px,.7fr) minmax(0,1.25fr) auto!important;gap:6px!important;align-items:center!important;min-width:0!important}
.htbk-lookup-manager>div:nth-child(2) .htbk-lookup-add{grid-template-columns:minmax(0,1fr) auto!important}
.htbk-lookup-add input,.htbk-lookup-add select{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;height:38px!important;font-size:12px!important}
.htbk-lookup-add .htbk-btn{white-space:nowrap!important;height:38px!important;padding:7px 11px!important}
@media(max-width:1100px){.htbk-stripe-settings{grid-template-columns:1fr!important}.htbk-stripe-config-card,.htbk-stripe-status-card{grid-column:1!important}.htbk-stripe-settings .htbk-stripe-credential-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.htbk-stripe-settings .htbk-stripe-mode{grid-template-columns:1fr!important}.htbk-stripe-settings .htbk-stripe-credential-grid{grid-template-columns:1fr!important}.htbk-lookup-manager{grid-template-columns:1fr!important}}


/* v0.5.5 — settings layout cleanup */
.htbk-stripe-status-card .htbk-stripe-mode{margin:0!important;width:100%!important;box-sizing:border-box!important;background:#fff!important}
.htbk-stripe-status-card{gap:10px!important}
.htbk-stripe-config-card{gap:10px!important}
.htbk-restore-current,.htbk-restore-current:link,.htbk-restore-current:visited,.htbk-restore-current:hover,.htbk-restore-current:focus,.htbk-restore-current:focus-visible,.htbk-restore-current:active{background:#163F73!important;border-color:#163F73!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.htbk-restore-current:hover{background:#0F315B!important;border-color:#0F315B!important}
.htbk-backup-card [hidden],.htbk-stripe-settings [hidden]{display:none!important}
.htbk-lookup-add{grid-template-columns:minmax(0,1fr) auto!important}
.htbk-lookup-title{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.htbk-lookup-title strong{font-size:13.5px;color:#172033}
.htbk-lookup-title span{font-size:11.5px;line-height:1.4;color:#667085}
.htbk-lookup-add input{height:40px!important;font-size:13px!important}
.htbk-lookup-add .htbk-btn{height:40px!important}
\n\n/* v0.5.6 — compact single-row invoice metadata */
#htbk-invoice-editor-view .htbk-invoice-topbar-card{
  padding:8px 12px 9px!important;
}
#htbk-invoice-editor-view .htbk-invoice-topbar-fields{
  grid-template-columns:140px 148px 148px minmax(235px,1fr) 88px 154px 108px!important;
  gap:8px!important;
  align-items:start!important;
}
#htbk-invoice-editor-view .htbk-invoice-topbar-fields label{
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.2!important;
}
#htbk-invoice-editor-view .htbk-invoice-topbar-fields label>span{
  margin:0 0 3px!important;
  line-height:1.2!important;
}
#htbk-invoice-editor-view .htbk-invoice-topbar-fields input,
#htbk-invoice-editor-view .htbk-invoice-topbar-fields select{
  height:38px!important;
  padding:6px 9px!important;
  font-size:13px!important;
}
#htbk-invoice-editor-view .htbk-invoice-topbar-fields .client{min-width:0!important}
#htbk-invoice-editor-view .htbk-currency-field select{padding-right:24px!important}
#htbk-invoice-editor-view .htbk-invoice-topbar-fields .htbk-fx-field{min-width:0!important}
#htbk-invoice-editor-view .htbk-fx-control{
  grid-template-columns:minmax(0,1fr) 34px!important;
  gap:4px!important;
}
#htbk-invoice-editor-view .htbk-fx-control button{
  width:34px!important;
  height:38px!important;
  padding:0!important;
}
#htbk-invoice-editor-view .htbk-fx-field small{
  margin-top:3px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  white-space:normal!important;
}
@media(max-width:1250px){
 #htbk-invoice-editor-view .htbk-invoice-topbar-fields{
   grid-template-columns:130px 140px 140px minmax(220px,1fr) 82px 145px 100px!important;
   gap:7px!important;
 }
}
@media(max-width:1050px){
 #htbk-invoice-editor-view .htbk-invoice-topbar-fields{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:760px){
 #htbk-invoice-editor-view .htbk-invoice-topbar-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
 #htbk-invoice-editor-view .htbk-invoice-topbar-fields{grid-template-columns:1fr!important}
}


/* v0.5.7 — currency flags, integrated FX control and centered invoice lines */
#htbk-invoice-editor-view .htbk-invoice-topbar-fields{
  grid-template-columns:126px 138px 138px minmax(205px,1fr) 238px 98px!important;
  gap:7px!important;
  align-items:start!important;
}
#htbk-invoice-editor-view .htbk-currency-fx-group{
  display:grid!important;
  grid-template-columns:88px minmax(138px,1fr)!important;
  column-gap:7px!important;
  row-gap:0!important;
  min-width:0!important;
  align-items:start!important;
}
#htbk-invoice-editor-view .htbk-currency-fx-group label{min-width:0!important}
#htbk-invoice-editor-view .htbk-currency-field select{
  padding-left:8px!important;
  padding-right:20px!important;
  font-weight:650!important;
}
#htbk-invoice-editor-view .htbk-fx-control{
  display:block!important;
  position:relative!important;
}
#htbk-invoice-editor-view .htbk-fx-control input{
  width:100%!important;
  padding-right:35px!important;
}
#htbk-invoice-editor-view .htbk-fx-control button{
  position:absolute!important;
  right:3px!important;
  top:3px!important;
  width:30px!important;
  height:32px!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid #D4DCE7!important;
  border-radius:0 6px 6px 0!important;
  background:transparent!important;
  color:#173F73!important;
  font-size:17px!important;
  line-height:1!important;
}
#htbk-invoice-editor-view .htbk-fx-control button:hover,
#htbk-invoice-editor-view .htbk-fx-control button:focus{
  background:#173F73!important;
  color:#fff!important;
  border-left-color:#173F73!important;
}
#htbk-invoice-editor-view .htbk-fx-shared-note{
  grid-column:1/-1!important;
  display:block!important;
  margin:2px 0 0!important;
  color:#667085!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  min-height:12px!important;
}
#htbk-invoice-editor-view .htbk-invoice-items-card .htbk-line-table-row{
  align-items:center!important;
}
#htbk-invoice-editor-view .htbk-invoice-items-card .htbk-line-table-row>*{
  align-self:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
#htbk-invoice-editor-view .htbk-invoice-items-card .htbk-line-table-row input{
  height:36px!important;
  line-height:1.2!important;
  display:block!important;
}
#htbk-invoice-editor-view .htbk-line-no,
#htbk-invoice-editor-view .htbk-line-total,
#htbk-invoice-editor-view .htbk-line-remove{
  align-self:center!important;
}
@media(max-width:1250px){
 #htbk-invoice-editor-view .htbk-invoice-topbar-fields{
   grid-template-columns:118px 132px 132px minmax(185px,1fr) 226px 94px!important;
   gap:6px!important;
 }
 #htbk-invoice-editor-view .htbk-currency-fx-group{grid-template-columns:82px minmax(132px,1fr)!important;column-gap:6px!important}
}
@media(max-width:1050px){
 #htbk-invoice-editor-view .htbk-invoice-topbar-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #htbk-invoice-editor-view .htbk-currency-fx-group{grid-column:span 2!important;grid-template-columns:minmax(90px,.75fr) minmax(140px,1.25fr)!important}
}
@media(max-width:760px){
 #htbk-invoice-editor-view .htbk-invoice-topbar-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #htbk-invoice-editor-view .htbk-currency-fx-group{grid-column:1/-1!important}
}
@media(max-width:520px){
 #htbk-invoice-editor-view .htbk-invoice-topbar-fields{grid-template-columns:1fr!important}
 #htbk-invoice-editor-view .htbk-currency-fx-group{grid-column:auto!important;grid-template-columns:1fr!important}
 #htbk-invoice-editor-view .htbk-fx-shared-note{grid-column:auto!important}
}

/* v0.5.8 — currency and FX flags live inside their controls */
#htbk-invoice-editor-view .htbk-currency-control,
#htbk-invoice-editor-view .htbk-fx-control{
  height:40px!important;
  border:1px solid #C9D5E3!important;
  border-radius:8px!important;
  background:#F8FAFC!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#htbk-invoice-editor-view .htbk-currency-control{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:stretch!important;
}
#htbk-invoice-editor-view .htbk-field-flag{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  min-width:34px!important;
  border-right:1px solid #D4DCE7!important;
  background:#F3F6FA!important;
  font-size:17px!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
#htbk-invoice-editor-view .htbk-currency-control select{
  width:100%!important;
  height:38px!important;
  min-width:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 22px 0 9px!important;
  font-weight:700!important;
}
#htbk-invoice-editor-view .htbk-currency-control:focus-within,
#htbk-invoice-editor-view .htbk-fx-control:focus-within{
  border-color:#7C8CF8!important;
  box-shadow:0 0 0 2px rgba(90,105,235,.10)!important;
}
#htbk-invoice-editor-view .htbk-fx-control{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  position:relative!important;
  align-items:stretch!important;
}
#htbk-invoice-editor-view .htbk-fx-control input{
  position:static!important;
  width:100%!important;
  height:38px!important;
  min-width:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 8px!important;
}
#htbk-invoice-editor-view .htbk-fx-control button{
  position:static!important;
  width:34px!important;
  height:38px!important;
  border:0!important;
  border-left:1px solid #D4DCE7!important;
  border-radius:0!important;
  background:transparent!important;
}
#htbk-invoice-editor-view .htbk-fx-control .htbk-base-flag{
  border-right:1px solid #D4DCE7!important;
}

/* v0.5.9 — wider currency/FX controls and optically centered flag segments */
#htbk-invoice-editor-view .htbk-invoice-topbar-fields{
  grid-template-columns:122px 134px 134px minmax(175px,1fr) 286px 94px!important;
}
#htbk-invoice-editor-view .htbk-currency-fx-group{
  grid-template-columns:112px minmax(167px,1fr)!important;
  column-gap:7px!important;
}
#htbk-invoice-editor-view .htbk-currency-control{
  grid-template-columns:40px minmax(0,1fr)!important;
}
#htbk-invoice-editor-view .htbk-field-flag{
  width:40px!important;
  min-width:40px!important;
  height:38px!important;
  min-height:38px!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 0 2px!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1!important;
  vertical-align:middle!important;
}
#htbk-invoice-editor-view .htbk-fx-control{
  grid-template-columns:40px minmax(88px,1fr) 38px!important;
}
#htbk-invoice-editor-view .htbk-fx-control input{
  padding:0 10px!important;
  font-variant-numeric:tabular-nums!important;
}
#htbk-invoice-editor-view .htbk-fx-control button{
  width:38px!important;
}
@media(max-width:1250px){
 #htbk-invoice-editor-view .htbk-invoice-topbar-fields{
   grid-template-columns:116px 128px 128px minmax(160px,1fr) 270px 90px!important;
 }
 #htbk-invoice-editor-view .htbk-currency-fx-group{
   grid-template-columns:106px minmax(157px,1fr)!important;
 }
}
@media(max-width:1050px){
 #htbk-invoice-editor-view .htbk-invoice-topbar-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #htbk-invoice-editor-view .htbk-currency-fx-group{grid-column:span 2!important;grid-template-columns:minmax(108px,.8fr) minmax(165px,1.2fr)!important}
}

/* v0.5.10 — true vertical centering for embedded currency segments */
#htbk-invoice-editor-view .htbk-field-flag{
  height:100%!important;
  min-height:0!important;
  align-self:stretch!important;
  padding:0!important;
  line-height:normal!important;
  position:relative!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
}
#htbk-invoice-editor-view .htbk-field-flag::before{
  content:"";
  display:block;
}
#htbk-invoice-editor-view .htbk-field-flag{
  place-items:center!important;
}
#htbk-invoice-editor-view .htbk-currency-control select,
#htbk-invoice-editor-view .htbk-fx-control input,
#htbk-invoice-editor-view .htbk-fx-control button{
  align-self:center!important;
}
#htbk-invoice-editor-view .htbk-money-input{
  align-items:stretch!important;
}
#htbk-invoice-editor-view .htbk-money-input>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  min-height:38px!important;
  padding:0 10px!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
#htbk-invoice-editor-view .htbk-money-input input{
  align-self:center!important;
}


/* v0.5.11 — equal-height invoice controls and true visual centering */
#htbk-invoice-editor-view .htbk-currency-control,
#htbk-invoice-editor-view .htbk-fx-control{
  height:38px!important;
  min-height:38px!important;
}
#htbk-invoice-editor-view .htbk-currency-control select,
#htbk-invoice-editor-view .htbk-fx-control input,
#htbk-invoice-editor-view .htbk-fx-control button{
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
}
#htbk-invoice-editor-view .htbk-field-flag{
  height:36px!important;
  min-height:36px!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
}
#htbk-invoice-editor-view .htbk-field-flag .htbk-flag-glyph{
  display:block!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-1px);
}
#htbk-invoice-editor-view .htbk-fx-control button{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
}
#htbk-invoice-editor-view .htbk-fx-control button svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
#htbk-invoice-editor-view .htbk-money-input{
  height:38px!important;
  min-height:38px!important;
  align-items:stretch!important;
}
#htbk-invoice-editor-view .htbk-money-input>span{
  min-height:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 10px!important;
  line-height:1!important;
  margin:0!important;
}
#htbk-invoice-editor-view .htbk-money-input input{
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
}

/* v0.5.12 — invoice editor readability pass */
#htbk-invoice-editor-view .htbk-invoice-items-head strong{font-size:16px!important;line-height:1.35!important}
#htbk-invoice-editor-view .htbk-invoice-items-head span{font-size:13px!important;line-height:1.4!important}
#htbk-invoice-editor-view .htbk-line-table-head{font-size:12.5px!important;line-height:1.3!important}
#htbk-invoice-editor-view .htbk-line-table-row input{font-size:14px!important;line-height:1.35!important}
#htbk-invoice-editor-view .htbk-line-no{font-size:14px!important}
#htbk-invoice-editor-view .htbk-line-total{font-size:14px!important;font-weight:750!important}
#htbk-invoice-editor-view .htbk-invoice-note-block label,
#htbk-invoice-editor-view .htbk-invoice-summary-side label{font-size:13px!important;line-height:1.35!important}
#htbk-invoice-editor-view .htbk-invoice-note-block textarea{font-size:14px!important;line-height:1.45!important}
#htbk-invoice-editor-view .htbk-money-input>span{font-size:12.5px!important;font-weight:750!important}
#htbk-invoice-editor-view .htbk-money-input input{font-size:14px!important}
#htbk-invoice-editor-view .htbk-invoice-totals-simple span{font-size:13px!important}
#htbk-invoice-editor-view .htbk-invoice-totals-simple strong{font-size:14px!important}
#htbk-invoice-editor-view .htbk-invoice-totals-simple .grand span,
#htbk-invoice-editor-view .htbk-invoice-totals-simple .grand strong{font-size:17px!important}
#htbk-invoice-editor-view .htbk-save-help{font-size:12.5px!important;line-height:1.4!important}


/* v0.5.13 — visually separate the three invoice workspace cards */
#htbk-invoice-editor-view .htbk-inline-invoice-editor.htbk-invoice-compose-simple{
  background:var(--hf-workspace-bg,#EEF3F7)!important;
  padding:10px!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
}
#htbk-invoice-editor-view .htbk-invoice-topbar-card,
#htbk-invoice-editor-view .htbk-invoice-items-card,
#htbk-invoice-editor-view .htbk-inline-savebar{
  background:#fff!important;
}
#htbk-invoice-editor-view .htbk-invoice-items-card{
  margin-top:10px!important;
}
#htbk-invoice-editor-view .htbk-inline-savebar{
  margin-top:10px!important;
}

/* v0.5.14 — Reports typography aligned with dashboard readability */
[data-panel="reports"] .htbk-card h3{
    font-size:17px!important;
    line-height:1.3!important;
    margin-bottom:14px!important;
}
[data-panel="reports"] .htbk-report-row{
    font-size:14px!important;
    line-height:1.4!important;
    min-height:48px!important;
    padding:10px 2px!important;
}
[data-panel="reports"] .htbk-report-row strong{
    font-size:14px!important;
    font-weight:750!important;
}
[data-panel="reports"] .htbk-report-total{
    padding-top:12px!important;
}
[data-panel="reports"] .htbk-cash-row{
    font-size:13.5px!important;
    line-height:1.4!important;
    min-height:48px!important;
    align-items:center!important;
    padding:10px 0!important;
}
[data-panel="reports"] .htbk-cash-row strong{
    font-size:13.5px!important;
    font-weight:750!important;
}
[data-panel="reports"] .htbk-empty{
    font-size:14px!important;
    line-height:1.45!important;
}

/* v0.5.15 — report category drill-down and reconciliation */
[data-panel="reports"] .htbk-report-category-row{
  width:100%!important;
  border:0!important;
  border-bottom:1px solid #dbe3ec!important;
  border-radius:0!important;
  background:transparent!important;
  color:#13213a!important;
  cursor:pointer!important;
  text-align:left!important;
  align-items:center!important;
  font-family:inherit!important;
}
[data-panel="reports"] .htbk-report-category-row:hover,
[data-panel="reports"] .htbk-report-category-row:focus-visible,
[data-panel="reports"] .htbk-report-category-row.active{
  background:#f2f6fc!important;
  color:#13213a!important;
  outline:none!important;
}
[data-panel="reports"] .htbk-report-category-name{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
[data-panel="reports"] .htbk-report-category-name>strong{
  font-size:14px!important;
  color:#13213a!important;
}
[data-panel="reports"] .htbk-report-category-name small{
  display:block!important;
  font-size:12px!important;
  line-height:1.3!important;
  color:#6c7b90!important;
  font-weight:500!important;
}
[data-panel="reports"] .htbk-report-category-value{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
  font-size:14px!important;
  font-weight:750!important;
  color:#13213a!important;
}
[data-panel="reports"] .htbk-report-category-value svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:transform .16s ease!important;
}
[data-panel="reports"] .htbk-report-category-row.active .htbk-report-category-value svg{transform:rotate(90deg)!important}
[data-panel="reports"] .htbk-report-category-detail{
  margin-top:12px!important;
  border:1px solid #d8e1ec!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  overflow:hidden!important;
}
[data-panel="reports"] .htbk-report-category-detail[hidden]{display:none!important}
[data-panel="reports"] .htbk-report-detail-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:#f1f5fa!important;
  border-bottom:1px solid #d8e1ec!important;
}
[data-panel="reports"] .htbk-report-detail-head>div{display:flex!important;flex-direction:column!important;gap:2px!important}
[data-panel="reports"] .htbk-report-detail-head strong{font-size:14.5px!important;color:#13213a!important}
[data-panel="reports"] .htbk-report-detail-head span{font-size:12.5px!important;color:#66758b!important}
[data-panel="reports"] .htbk-report-detail-close{
  width:34px!important;height:34px!important;border:1px solid #cbd6e3!important;border-radius:8px!important;background:#fff!important;color:#173f73!important;font-size:22px!important;line-height:1!important;cursor:pointer!important;display:grid!important;place-items:center!important
}
[data-panel="reports"] .htbk-report-detail-tablewrap{overflow-x:auto!important;background:#fff!important}
[data-panel="reports"] .htbk-report-detail-table{width:100%!important;border-collapse:collapse!important;min-width:860px!important;font-size:13px!important}
[data-panel="reports"] .htbk-report-detail-table th{padding:10px 12px!important;text-align:left!important;background:#f7f9fc!important;color:#5e6d82!important;font-size:12px!important;font-weight:750!important;border-bottom:1px solid #dbe3ec!important;white-space:nowrap!important}
[data-panel="reports"] .htbk-report-detail-table td{padding:11px 12px!important;color:#13213a!important;border-bottom:1px solid #e6ebf1!important;vertical-align:middle!important;line-height:1.35!important}
[data-panel="reports"] .htbk-report-detail-table tbody tr:last-child td{border-bottom:0!important}
[data-panel="reports"] .htbk-report-detail-table td small{display:block!important;margin-top:3px!important;color:#718096!important;font-size:11.5px!important}
[data-panel="reports"] .htbk-report-detail-table .htbk-num{text-align:right!important;white-space:nowrap!important}
[data-panel="reports"] .htbk-report-source-link{border:0!important;background:transparent!important;padding:0!important;color:#244b8f!important;font:inherit!important;font-weight:700!important;cursor:pointer!important;text-decoration:none!important;white-space:nowrap!important}
[data-panel="reports"] .htbk-report-source-link:hover,[data-panel="reports"] .htbk-report-source-link:focus{color:#16376e!important;text-decoration:none!important}

/* v0.5.16 refund/credit status */
.htbk-badge.partially_refunded{background:#FFF7E8;color:#8A5A00}.htbk-badge.refunded{background:#F4F0FF;color:#6941C6}


/* v0.5.21 invoice-specific payment method */
#htbk-company-editor-view .htbk-company-brand-payment-row{grid-template-columns:minmax(150px,.65fr) minmax(210px,.85fr) repeat(3,minmax(220px,1.2fr))!important;align-items:start!important}
#htbk-company-editor-view .htbk-company-brand-payment-row textarea{min-height:82px!important}
#htbk-invoice-editor-view .htbk-invoice-note-block{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(360px,.95fr)!important;gap:18px!important;align-items:start!important}
#htbk-invoice-editor-view .htbk-invoice-payment-block{min-width:0;padding:12px 14px;border:1px solid var(--hf-border);border-radius:10px;background:var(--hf-surface-soft,#f8fafc)}
#htbk-invoice-editor-view .htbk-payment-method-label{font-size:14px;font-weight:700;color:var(--hf-text);margin:0 0 8px}
#htbk-invoice-editor-view .htbk-payment-method-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}
#htbk-invoice-editor-view .htbk-payment-method-options label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 8px;border:1px solid var(--hf-border-strong);border-radius:8px;background:#fff;font-size:13.5px;font-weight:700;cursor:pointer;box-sizing:border-box}
#htbk-invoice-editor-view .htbk-payment-method-options input{width:15px;height:15px;margin:0}
#htbk-invoice-editor-view .htbk-payment-instructions-field{display:block!important}
#htbk-invoice-editor-view .htbk-payment-instructions-field>span{display:block;margin-bottom:5px;font-size:14px;font-weight:700}
#htbk-invoice-editor-view .htbk-payment-instructions-field textarea{width:100%;min-height:72px!important;box-sizing:border-box;font-size:14px!important;line-height:1.4!important}
#htbk-invoice-editor-view .htbk-payment-instructions-field small,#htbk-invoice-editor-view .htbk-invoice-notes-field small{display:block;margin-top:5px;font-size:12px;line-height:1.35;color:var(--hf-muted)}
@media(max-width:1100px){#htbk-company-editor-view .htbk-company-brand-payment-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}#htbk-invoice-editor-view .htbk-invoice-note-block{grid-template-columns:1fr!important}}
@media(max-width:640px){#htbk-company-editor-view .htbk-company-brand-payment-row{grid-template-columns:1fr!important}#htbk-invoice-editor-view .htbk-payment-method-options{grid-template-columns:1fr!important}}

/* v0.5.21 final payment-layout refinement: payment choice lives below Invoice Notes */
#htbk-company-editor-view .htbk-company-brand-payment-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#htbk-invoice-editor-view .htbk-invoice-note-block{display:block!important}
#htbk-invoice-editor-view .htbk-invoice-payment-block{margin-top:12px!important}
@media(max-width:900px){#htbk-company-editor-view .htbk-company-brand-payment-row{grid-template-columns:1fr!important}}

/* v0.5.23 — invoice-style live FX controls for manual income/expense */
.htbk-transaction-editor .htbk-tx-grid.financials{
  grid-template-columns:.82fr .96fr 1.08fr 1fr;
}
.htbk-transaction-editor .htbk-tx-currency-control,
.htbk-transaction-editor .htbk-tx-fx-control{
  display:grid;
  align-items:center;
  height:36px;
  min-height:36px;
  border:1px solid var(--hf-border-strong);
  border-radius:7px;
  background:var(--hf-surface-raised);
  overflow:hidden;
  box-sizing:border-box;
}
.htbk-transaction-editor .htbk-tx-currency-control{
  grid-template-columns:44px minmax(0,1fr);
}
.htbk-transaction-editor .htbk-tx-fx-control{
  grid-template-columns:44px minmax(0,1fr) 38px;
}
.htbk-transaction-editor .htbk-tx-field-flag{
  height:34px;
  min-height:34px;
  display:grid;
  place-items:center;
  border-right:1px solid var(--hf-border-strong);
  line-height:1;
  padding:0;
  box-sizing:border-box;
}
.htbk-transaction-editor .htbk-tx-field-flag .htbk-flag-glyph{
  display:block;
  line-height:1;
  margin:0;
  padding:0;
  transform:translateY(-1px);
  font-size:18px;
}
.htbk-transaction-editor .htbk-tx-currency-control select,
.htbk-transaction-editor .htbk-tx-fx-control input{
  width:100%;
  height:34px!important;
  min-height:34px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  margin:0!important;
  padding:5px 9px!important;
  font-size:13px!important;
}
.htbk-transaction-editor .htbk-tx-fx-control button{
  width:38px;
  height:34px;
  min-height:34px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  border:0;
  border-left:1px solid var(--hf-border-strong);
  border-radius:0;
  background:transparent;
  color:#173F73;
  cursor:pointer;
}
.htbk-transaction-editor .htbk-tx-fx-control button:hover,
.htbk-transaction-editor .htbk-tx-fx-control button:focus{
  background:#173F73;
  color:#fff;
}
.htbk-transaction-editor .htbk-tx-fx-control button svg{
  display:block;
  width:16px;
  height:16px;
}
.htbk-transaction-editor .htbk-tx-currency-control:focus-within,
.htbk-transaction-editor .htbk-tx-fx-control:focus-within{
  border-color:#5367dc;
  box-shadow:0 0 0 2px rgba(83,103,220,.10);
}
.htbk-transaction-editor .htbk-tx-fx-note{
  margin:6px 0 0 25%;
  font-size:11.5px;
  line-height:1.25;
}
@media (max-width:900px){
  .htbk-transaction-editor .htbk-tx-fx-note{margin-left:0}
}


/* v0.5.26 — theme-native Finance page alignment
   Use the site's normal page template/header exactly like Resume Builder, while
   keeping the Finance workspace full width inside the page content area. */
body.htbk-workspace-page .entry-content,
body.htbk-workspace-page .wp-block-post-content,
body.htbk-workspace-page main .entry-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}
body.htbk-workspace-page .htbk-page-shell{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:32px 44px 34px!important;
    background:#F3F6FA!important;
}
body.htbk-workspace-page .htbk-app{
    margin:0 auto!important;
    width:100%!important;
}
body.htbk-workspace-page .htbk-page-shell-auth{
    min-height:240px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding-top:32px!important;
    padding-bottom:32px!important;
}
body.htbk-workspace-page .htbk-login{
    width:min(760px,100%)!important;
    max-width:760px!important;
    margin:0 auto!important;
    padding:22px 28px!important;
    border:1px solid #D9E3EE!important;
    border-radius:14px!important;
    background:#fff!important;
    text-align:center!important;
    box-shadow:0 5px 18px rgba(26,46,77,.035)!important;
    color:#172033!important;
}
body.htbk-workspace-page .htbk-login strong{
    display:block!important;
    margin:0 0 5px!important;
    font-size:19px!important;
    line-height:1.25!important;
    color:#162A44!important;
}
body.htbk-workspace-page .htbk-login span{
    display:block!important;
    font-size:15px!important;
    line-height:1.5!important;
    color:#667085!important;
}
@media(max-width:900px){
    body.htbk-workspace-page .htbk-page-shell{padding:22px 18px 28px!important}
}
@media(max-width:600px){
    body.htbk-workspace-page .htbk-page-shell{padding:16px 10px 22px!important}
    body.htbk-workspace-page .htbk-login{padding:20px 18px!important}
}


/* v0.5.27 — final theme-header alignment.
   The Finance page now bypasses the theme's page-title/content wrappers while
   still using get_header()/get_footer(), matching the site's normal navbar. */
body.htbk-workspace-page .htbk-finance-main{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:#F3F6FA!important;
}
body.htbk-workspace-page .htbk-finance-main > .htbk-page-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:28px 44px 34px!important;
    background:#F3F6FA!important;
}
body.htbk-workspace-page .htbk-app{
    width:100%!important;
    max-width:none!important;
    margin:0 auto!important;
}
@media(max-width:900px){
    body.htbk-workspace-page .htbk-finance-main > .htbk-page-shell{padding:22px 18px 28px!important}
}
@media(max-width:600px){
    body.htbk-workspace-page .htbk-finance-main > .htbk-page-shell{padding:16px 10px 22px!important}
}

/* v0.5.28 — use the same theme-native page shell as Resume Builder / Recruitment.
   Finance no longer replaces the active theme template. The generated page title is
   suppressed while the site's own navbar/header/footer remain completely theme-owned. */
body.htbk-workspace-page h1:empty,
body.htbk-workspace-page h2:empty,
body.htbk-workspace-page .entry-title:empty,
body.htbk-workspace-page .wp-block-post-title:empty{display:none!important;margin:0!important;padding:0!important;height:0!important;min-height:0!important}
body.htbk-workspace-page .entry-header,
body.htbk-workspace-page header.entry-header,
body.htbk-workspace-page .page-header,
body.htbk-workspace-page .wp-block-post-title{margin:0!important;padding:0!important;min-height:0!important}
body.htbk-workspace-page .entry-content,
body.htbk-workspace-page .wp-block-post-content,
body.htbk-workspace-page main .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.htbk-workspace-page .htbk-page-shell{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:28px 44px 34px!important;background:#F3F6FA!important}
body.htbk-workspace-page .htbk-app{width:100%!important;max-width:none!important;margin:0 auto!important}
@media(max-width:900px){body.htbk-workspace-page .htbk-page-shell{padding:22px 18px 28px!important}}
@media(max-width:600px){body.htbk-workspace-page .htbk-page-shell{padding:16px 10px 22px!important}}


/* v0.5.29 — full-width Finance content shell, matching the other HRThink tools.
   Keep the active theme header/navbar/footer untouched; only release the page-content
   wrappers that were constraining the Finance shortcode to the theme's reading width. */
body.htbk-workspace-page .site-content,
body.htbk-workspace-page .site-content > .container,
body.htbk-workspace-page #content,
body.htbk-workspace-page #content > .container,
body.htbk-workspace-page main,
body.htbk-workspace-page main.site-main,
body.htbk-workspace-page .site-main,
body.htbk-workspace-page .content-area,
body.htbk-workspace-page .site-content .content-area,
body.htbk-workspace-page article,
body.htbk-workspace-page article.page,
body.htbk-workspace-page .type-page,
body.htbk-workspace-page .entry-content,
body.htbk-workspace-page .wp-block-post-content{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
}
body.htbk-workspace-page main > .container,
body.htbk-workspace-page .site-main > .container,
body.htbk-workspace-page .content-area > .container,
body.htbk-workspace-page .entry-content > .container,
body.htbk-workspace-page .wp-block-post-content > .container,
body.htbk-workspace-page .site-content .container:has(.htbk-page-shell){
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
}
body.htbk-workspace-page .htbk-page-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:26px 24px 34px!important;
}
body.htbk-workspace-page .htbk-app{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}
@media(max-width:900px){body.htbk-workspace-page .htbk-page-shell{padding:20px 16px 28px!important}}
@media(max-width:600px){body.htbk-workspace-page .htbk-page-shell{padding:14px 10px 22px!important}}

/* =========================================================
   v0.5.30 — BETHEME PAGE INTEGRATION PARITY
   Mirrors the proven page-shell strategy used by HRThink Resume Builder.
   Keep BeTheme's own header/nav/footer, suppress its separate page title,
   and release the Finance shortcode from BeTheme's article-width wrappers.
   ========================================================= */

/* Normal desktop header: readable dark navigation on the white HRThink header. */
body.htbk-workspace-page #Top_bar:not(.is-sticky){
  box-shadow:0 1px 0 rgba(20,42,68,.10)!important;
}
body.htbk-workspace-page #Top_bar:not(.is-sticky) .menu > li > a,
body.htbk-workspace-page #Top_bar:not(.is-sticky) .menu > li > a span:not(.description){
  color:#1c2940!important;
}
body.htbk-workspace-page #Top_bar:not(.is-sticky) .menu > li.current-menu-item > a,
body.htbk-workspace-page #Top_bar:not(.is-sticky) .menu > li.current_page_item > a,
body.htbk-workspace-page #Top_bar:not(.is-sticky) .menu > li > a:hover,
body.htbk-workspace-page #Top_bar:not(.is-sticky) .menu > li.hover > a{
  color:#4267df!important;
}

/* Sticky state follows the same blue HRThink treatment used by Resume Builder. */
body.htbk-workspace-page #Top_bar.is-sticky,
body.htbk-workspace-page .is-sticky #Top_bar{
  background:#4b67ee!important;
  box-shadow:0 2px 12px rgba(24,42,88,.18)!important;
}
body.htbk-workspace-page #Top_bar.is-sticky .menu > li > a,
body.htbk-workspace-page #Top_bar.is-sticky .menu > li > a span:not(.description),
body.htbk-workspace-page .is-sticky #Top_bar .menu > li > a,
body.htbk-workspace-page .is-sticky #Top_bar .menu > li > a span:not(.description){
  color:#ffffff!important;
}
body.htbk-workspace-page #Top_bar.is-sticky .menu > li.current-menu-item > a,
body.htbk-workspace-page #Top_bar.is-sticky .menu > li.current_page_item > a,
body.htbk-workspace-page #Top_bar.is-sticky .menu > li > a:hover,
body.htbk-workspace-page #Top_bar.is-sticky .menu > li.hover > a,
body.htbk-workspace-page .is-sticky #Top_bar .menu > li.current-menu-item > a,
body.htbk-workspace-page .is-sticky #Top_bar .menu > li.current_page_item > a,
body.htbk-workspace-page .is-sticky #Top_bar .menu > li > a:hover,
body.htbk-workspace-page .is-sticky #Top_bar .menu > li.hover > a{
  color:#8be4cb!important;
}
body.htbk-workspace-page #Top_bar .menu li ul{background:#ffffff!important}
body.htbk-workspace-page #Top_bar .menu li ul li a{color:#24354b!important}
body.htbk-workspace-page #Top_bar .menu li ul li a:hover{color:#4267df!important}
body.htbk-workspace-page #Top_bar:not(.is-sticky) a.responsive-menu-toggle,
body.htbk-workspace-page #Top_bar:not(.is-sticky) .responsive-menu-toggle{color:#1c2940!important}
body.htbk-workspace-page #Top_bar.is-sticky a.responsive-menu-toggle,
body.htbk-workspace-page #Top_bar.is-sticky .responsive-menu-toggle,
body.htbk-workspace-page .is-sticky #Top_bar a.responsive-menu-toggle,
body.htbk-workspace-page .is-sticky #Top_bar .responsive-menu-toggle{color:#ffffff!important}

/* BeTheme's own title/breadcrumb band is unnecessary for the Finance workspace. */
body.htbk-workspace-page #Subheader,
body.htbk-workspace-page .mfn-page-title{display:none!important}

/* Exact BeTheme wrapper release used by Resume Builder. */
body.htbk-workspace-page #Content .content_wrapper,
body.htbk-workspace-page #Content .section_wrapper,
body.htbk-workspace-page #Content .container{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body.htbk-workspace-page #Content .section_wrapper{
  padding-left:18px!important;
  padding-right:18px!important;
}
body.htbk-workspace-page #Content .the_content_wrapper,
body.htbk-workspace-page #Content .one.column,
body.htbk-workspace-page #Content .mcb-column,
body.htbk-workspace-page #Content .mcb-column-inner{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* Header clearance: this BeTheme setup overlays #Top_bar on internal pages. */
body.htbk-workspace-page #Content{
  position:relative!important;
  clear:both!important;
  padding-top:118px!important;
  background:#F3F6FA!important;
}
body.htbk-workspace-page #Content > .content_wrapper,
body.htbk-workspace-page #Content > .section_wrapper,
body.htbk-workspace-page #Content .sections_group,
body.htbk-workspace-page #Content .sections_group > .entry-content,
body.htbk-workspace-page #Content .sections_group > .entry-content > .section:first-child{
  margin-top:0!important;
  transform:none!important;
  top:auto!important;
}

/* Finance itself consumes the full width supplied by the theme page. */
body.htbk-workspace-page #Content .htbk-page-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:18px 22px 30px!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
body.htbk-workspace-page #Content .htbk-app{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

@media(max-width:1239px){
  body.htbk-workspace-page #Content{padding-top:96px!important}
}
@media(max-width:767px){
  body.htbk-workspace-page #Content{padding-top:10px!important}
  body.htbk-workspace-page:not(.template-slider) #Header{min-height:0!important}
  body.htbk-workspace-page #Content .section_wrapper{padding-left:10px!important;padding-right:10px!important}
  body.htbk-workspace-page #Content .htbk-page-shell{padding:12px 0 22px!important}
}

/* v0.5.31 — explicit destructive-data controls */
.htbk-reset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.htbk-reset-option{background:#fff;border:1px solid #dfe5ef;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}
.htbk-reset-option p{margin:0;color:#667085;line-height:1.55}
.htbk-reset-option label{font-size:13px;font-weight:600;color:#344054}
.htbk-reset-option code{font-size:12px;background:#f2f4f7;border-radius:5px;padding:2px 5px}
.htbk-reset-option input{width:100%;box-sizing:border-box;background:#f7f8fa;border:1px solid #cfd6e1;border-radius:9px;padding:10px 12px}
.htbk-reset-option .htbk-btn{align-self:flex-start}
.htbk-reset-all-option{border-color:#efc4c4;background:#fffafa}
.htbk-reset-option .htbk-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.htbk-reset-grid{grid-template-columns:1fr}}
/* v1.0.0 — full backup/restore; global reset; archived-client protection */
.htbk-reset-grid-single{grid-template-columns:minmax(0,720px)!important}
.htbk-archived-clients{margin-top:22px;padding-top:18px;border-top:1px solid #dfe5ef}

/* v1.0.4 — balanced workspace gutters across every Finance screen.
   Keep the sidebar structurally separate while giving all screen content
   equal breathing room on the left and right, matching the approved dashboard mockup. */
@media (min-width: 1100px){
  body.htbk-workspace-page .htbk-workspace-top{
    padding-left:30px!important;
    padding-right:30px!important;
  }
  body.htbk-workspace-page .htbk-content{
    padding-left:30px!important;
    padding-right:30px!important;
    padding-bottom:26px!important;
  }
  body.htbk-workspace-page .htbk-content > section{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
}
@media (min-width: 768px) and (max-width: 1099px){
  body.htbk-workspace-page .htbk-workspace-top{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  body.htbk-workspace-page .htbk-content{
    padding-left:22px!important;
    padding-right:22px!important;
  }
}
@media (max-width: 767px){
  body.htbk-workspace-page .htbk-workspace-top{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.htbk-workspace-page .htbk-content{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* v1.0.6 — refined company cards: centered brand identity + structured footer */
.htbk-company-card-v2{padding:0!important;min-height:190px!important;display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid #D7DFEA!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(25,45,85,.06)!important}
.htbk-company-card-v2 .htbk-company-accent{height:5px!important}
.htbk-company-card-v2 .htbk-company-identity{flex:1!important;min-height:118px!important;padding:24px 18px 20px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:9px!important}
.htbk-company-card-v2 .htbk-company-logo-thumb{width:auto!important;height:42px!important;min-width:42px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
.htbk-company-card-v2 .htbk-company-logo-thumb img{display:block!important;width:auto!important;height:42px!important;max-width:150px!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important}
.htbk-company-card-v2 .htbk-company-logo-thumb span{width:42px!important;height:42px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#F1F4FF!important;color:#3F51B5!important;font-weight:800!important}
.htbk-company-card-v2 .htbk-company-names h3{margin:0!important;font-size:16px!important;line-height:1.25!important;color:#14213D!important;font-weight:750!important}
.htbk-company-card-v2 .htbk-company-names p{margin:5px 0 0!important;min-height:0!important;font-size:11.5px!important;line-height:1.35!important;color:#68758A!important}
.htbk-company-card-v2 .htbk-company-footer{min-height:58px!important;padding:11px 14px!important;background:#F1F4FA!important;border-top:1px solid #D4DDEA!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.htbk-company-card-v2 .htbk-company-meta{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
.htbk-company-card-v2 .htbk-company-meta span{min-height:25px!important;padding:4px 8px!important;background:#fff!important;border:1px solid #DCE3ED!important;color:#52627A!important}
.htbk-company-card-v2 .htbk-actions{margin:0!important;display:flex!important;align-items:center!important;gap:5px!important;flex-shrink:0!important}
.htbk-company-card-v2 .htbk-actions .htbk-link{min-height:30px!important;padding:5px 9px!important;border:1px solid #CCD6E5!important;border-radius:7px!important;background:#fff!important;text-decoration:none!important}
.htbk-company-card-v2 .htbk-actions .htbk-link:hover{background:#E8EDFF!important;border-color:#B8C4EB!important}
.htbk-company-card-v2 .htbk-actions .htbk-link.danger:hover{background:#FFF0F0!important;border-color:#E8BABA!important}
@media(max-width:620px){.htbk-company-card-v2 .htbk-company-footer{align-items:flex-start!important;flex-direction:column!important}.htbk-company-card-v2 .htbk-actions{width:100%!important;justify-content:flex-end!important}}

/* v1.0.11 — compact CSV import/export actions */
.htbk-workspace-action-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.htbk-csv-btn{padding:8px 12px;min-height:36px;font-size:13px}
.htbk-csv-import{display:grid;gap:16px}
.htbk-csv-template-row{display:flex;justify-content:flex-start}
.htbk-csv-template{text-decoration:none!important}
.htbk-csv-drop{display:grid;gap:8px;padding:18px;border:1px dashed var(--htbk-border,#d9e1ec);border-radius:12px;background:#fff}
.htbk-csv-drop span{font-weight:700;color:var(--htbk-text,#142033)}
.htbk-csv-drop input{width:100%;padding:10px;border:1px solid var(--htbk-border,#d9e1ec);border-radius:8px;background:#fff}
.htbk-csv-result{padding:12px 14px;border-radius:10px;background:#f7f9fc;border:1px solid #dfe6ef;display:grid;gap:6px}
.htbk-csv-result.success{background:#f2fbf7;border-color:#bfe8d1}
.htbk-csv-result.error{background:#fff6f6;border-color:#f2caca}
.htbk-csv-result small{display:block}
@media(max-width:760px){.htbk-workspace-action-group{justify-content:flex-start}.htbk-csv-btn{padding:8px 10px}}

/* v1.0.13 — Settings organization, stacked maintenance scopes, contrast */
@media(min-width:901px){.htbk-settings-layout>.htbk-settings-reminders{grid-column:1!important;grid-row:2!important}.htbk-settings-layout>.htbk-settings-lookups{grid-column:1!important;grid-row:3!important}.htbk-settings-layout>.htbk-data-management-card{grid-column:2!important;grid-row:2 / span 2!important}}
.htbk-data-management-card .htbk-reset-grid{grid-template-columns:1fr!important;gap:12px!important}.htbk-data-management-card .htbk-reset-option{width:100%!important;box-sizing:border-box!important}.htbk-file-button{background:#1268FB!important;border-color:#1268FB!important;color:#fff!important}.htbk-file-button:hover{background:#0B2B4F!important;border-color:#0B2B4F!important;color:#fff!important}.htbk-data-management-card .htbk-btn.secondary{background:#fff!important;color:#0B2B4F!important;border-color:#C9D5E5!important}.htbk-data-management-card .htbk-btn.secondary:hover{background:#E8F0FB!important;color:#0B2B4F!important;border-color:#9FB4D0!important}.htbk-data-management-card .htbk-btn.danger:not(:disabled):hover{background:#A43D3D!important;color:#fff!important}

/* v1.0.14 — balanced Settings columns, no phantom result card */
.htbk-settings-left-stack{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important}
.htbk-settings-left-stack>.htbk-settings-card{margin:0!important;width:100%!important;box-sizing:border-box!important}
@media(min-width:901px){
 .htbk-settings-layout>.htbk-stripe-settings{grid-column:1/-1!important;grid-row:1!important}
 .htbk-settings-layout>.htbk-settings-left-stack{grid-column:1!important;grid-row:2!important;align-self:start!important}
 .htbk-settings-layout>.htbk-data-management-card{grid-column:2!important;grid-row:2!important;align-self:start!important}
}
.htbk-data-management-card .htbk-reset-grid{grid-template-columns:1fr!important;gap:12px!important}
.htbk-data-management-card .htbk-reset-option{width:100%!important;box-sizing:border-box!important}
.htbk-file-button{background:#1268FB!important;border-color:#1268FB!important;color:#fff!important}
.htbk-file-button:hover{background:#0B2B4F!important;border-color:#0B2B4F!important;color:#fff!important}
.htbk-data-management-card .htbk-btn.secondary{background:#fff!important;color:#0B2B4F!important;border-color:#C9D5E5!important}
.htbk-data-management-card .htbk-btn.secondary:hover{background:#E8F0FB!important;color:#0B2B4F!important;border-color:#9FB4D0!important}
.htbk-data-management-card .htbk-btn.danger:not(:disabled):hover{background:#A43D3D!important;color:#fff!important}
@media(max-width:900px){.htbk-settings-left-stack{display:contents!important}}

/* v1.0.35 consolidated finance */
.htbk-consolidated-currency{margin:0 0 18px}.htbk-consolidated-currency>.htbk-card-head{margin:0 0 10px}.htbk-consolidated-currency>.htbk-kpis{margin:0}.htbk-consolidated-group+.htbk-consolidated-group{margin-top:16px;padding-top:14px;border-top:1px solid var(--htbk-line,#e3e9f2)}

/* v1.0.37 — consolidated workspace refinement */
[data-panel="consolidated"] .htbk-report-filter-unified{
  grid-template-columns:minmax(210px,1.35fr) minmax(170px,.9fr) minmax(170px,.9fr) minmax(155px,.85fr) minmax(175px,.95fr) minmax(125px,.72fr)!important;
  gap:10px!important;
  padding:13px 14px!important;
}
[data-panel="consolidated"] .htbk-report-filter-unified label{font-size:12px!important;gap:5px!important}
[data-panel="consolidated"] .htbk-report-filter-unified select,
[data-panel="consolidated"] .htbk-report-filter-unified input[type="date"]{height:40px!important;font-size:13px!important;padding:7px 11px!important;border-radius:9px!important}
[data-panel="consolidated"] .htbk-report-filter-unified .htbk-btn{height:40px!important;font-size:12.5px!important;font-weight:750!important;padding:0 14px!important;white-space:nowrap!important}
[data-panel="consolidated"] .htbk-consolidated-note{margin:2px 0 12px!important;font-size:12.5px!important;line-height:1.45!important}
[data-panel="consolidated"] .htbk-consolidated-currency{margin:0 0 14px!important}
[data-panel="consolidated"] .htbk-consolidated-currency>.htbk-kpis{margin:0!important}
[data-panel="consolidated"] .htbk-kpi{min-height:96px!important;padding:15px 17px!important;border-radius:12px!important}
[data-panel="consolidated"] .htbk-kpi span{font-size:12px!important;line-height:1.35!important}
[data-panel="consolidated"] .htbk-kpi strong{font-size:22px!important;line-height:1.18!important;margin-top:6px!important}
[data-panel="consolidated"] .htbk-grid-2{gap:14px!important;margin-top:14px!important}
[data-panel="consolidated"] .htbk-card{padding:17px 18px!important;border-radius:12px!important}
[data-panel="consolidated"] .htbk-card h3{font-size:17px!important;line-height:1.3!important;margin:0 0 14px!important}
[data-panel="consolidated"] .htbk-report-row{font-size:14px!important;line-height:1.4!important;min-height:48px!important;padding:10px 2px!important}
[data-panel="consolidated"] .htbk-report-row strong{font-size:14px!important;font-weight:750!important}
[data-panel="consolidated"] .htbk-report-row small{display:block!important;margin-top:3px!important;font-size:12px!important;line-height:1.3!important;color:#6c7b90!important;font-weight:500!important}
[data-panel="consolidated"] .htbk-cash-row{font-size:13.5px!important;line-height:1.4!important;min-height:48px!important;align-items:center!important;padding:10px 0!important}
[data-panel="consolidated"] .htbk-cash-row strong{font-size:13.5px!important;font-weight:750!important}
[data-panel="consolidated"] .htbk-empty{font-size:14px!important;line-height:1.45!important}
[data-panel="consolidated"] .htbk-card-subtitle{font-size:12px!important;color:#6c7b90!important}
[data-panel="consolidated"] .htbk-consolidated-company-row{
  width:100%!important;border:0!important;border-bottom:1px solid #dbe3ec!important;border-radius:0!important;background:transparent!important;color:#13213a!important;cursor:pointer!important;text-align:left!important;align-items:center!important;font-family:inherit!important;
}
[data-panel="consolidated"] .htbk-consolidated-company-row:hover,
[data-panel="consolidated"] .htbk-consolidated-company-row:focus-visible{background:#f2f6fc!important;outline:none!important}
[data-panel="consolidated"] .htbk-consolidated-company-value{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important}
[data-panel="consolidated"] .htbk-consolidated-company-value svg{width:17px!important;height:17px!important;fill:none!important;stroke:#294b7e!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media(max-width:1250px){[data-panel="consolidated"] .htbk-report-filter-unified{grid-template-columns:repeat(3,minmax(180px,1fr))!important}}
@media(max-width:760px){[data-panel="consolidated"] .htbk-report-filter-unified{grid-template-columns:1fr 1fr!important}}
@media(max-width:500px){[data-panel="consolidated"] .htbk-report-filter-unified{grid-template-columns:1fr!important}}