/* BuForm workspace — shared shell, controls and overview. */
.buform-panel{--panel-ink:#242630;--panel-muted:#898b99;--panel-line:#e9eaf0;--panel-blue:#5268f4;color:var(--panel-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}
body:has(.buform-panel){background:#f6f6f9}
.buform-panel h1,.buform-panel h2,.buform-panel h3,.buform-panel h4,.buform-panel h5,.buform-panel h6{font-family:inherit;color:var(--panel-ink)}
.buform-panel #page-topbar{position:fixed;left:0;right:0;top:0;margin:0;background:#f6f6f9;box-shadow:none;border:0;z-index:1002}
.buform-panel .navbar-header{height:88px;padding:0 32px 0 0}
.buform-panel .navbar-header .navbar-brand-box{display:block;position:relative;width:246px;flex-shrink:0;padding:0 29px;background:transparent;border:0}
.buform-panel .logo{line-height:88px}
.buform-panel .logo-dark{display:block}.buform-panel .logo-light{display:none}
.buform-panel .logo-txt{color:#252631;font-size:25px;font-weight:750;letter-spacing:-1.4px;vertical-align:middle;margin-left:5px}
.buform-panel .logo img{height:34px;vertical-align:middle}
.buform-panel .header-item{height:88px;color:#666977;background:transparent!important;border:0!important}
.panel-workspace{display:flex;align-items:center;gap:12px;font-size:12px;padding-left:8px}
.panel-workspace>span{display:none}.panel-workspace strong{font-weight:500;color:#797b89}
.panel-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#5268f4;background:#e8eafd;font-weight:700;margin-right:6px}
.buform-panel .vertical-menu{top:88px!important;left:14px;bottom:14px;width:218px;background:#20212c;border:0;border-radius:18px;box-shadow:none;z-index:1001}
.buform-panel #sidebar-menu{padding:20px 12px}
.buform-panel #sidebar-menu .menu-title{padding:14px 13px 12px;color:#787a8c;font-size:9px;font-weight:600;letter-spacing:1.4px}
.buform-panel #sidebar-menu ul li a{display:flex;align-items:center;gap:12px;color:#a9abba;border-radius:9px;margin:4px 0;padding:12px 13px;font-size:12px;font-weight:500;transition:background .15s,color .15s}
.buform-panel #sidebar-menu ul li a svg{width:17px;height:17px;margin:0;stroke-width:1.6;color:inherit;flex-shrink:0}
.buform-panel #sidebar-menu ul li a:hover{background:#30313f;color:#fff}
.buform-panel #sidebar-menu ul li a.active{background:#353846;color:#e0f4bf}
.buform-panel #sidebar-menu ul li a.active:after{content:"";height:5px;width:5px;border-radius:50%;background:#bcea72;margin-left:auto}
.buform-panel .main-content{margin-left:246px;margin-top:88px;overflow:hidden}
.buform-panel .page-content{padding:20px 27px 30px 13px}
.buform-panel .card{border:1px solid var(--panel-line);border-radius:16px;background:#fff;box-shadow:none;margin-bottom:22px}
.buform-panel .card-body{padding:24px}
.buform-panel .card-title{font-size:14px;font-weight:650;letter-spacing:-.3px}
.buform-panel .text-muted{color:var(--panel-muted)!important}
.buform-panel .page-title-box{margin-bottom:12px}.buform-panel .page-title-box h4{font-size:28px!important;letter-spacing:-1px;font-weight:700}
.buform-panel .breadcrumb{font-size:11px}
.buform-panel .btn{font-size:12px;font-weight:600;border-radius:9px;padding:11px 17px;box-shadow:none}
.buform-panel .btn-sm{padding:5px 10px;font-size:11px}
.buform-panel .btn-primary{background:#5268f4;border-color:#5268f4}.buform-panel .btn-primary:hover{background:#4255d7;border-color:#4255d7}
.buform-panel .text-primary{color:#5268f4!important}
.buform-panel .form-control,.buform-panel .form-select{border-color:#e2e3eb;border-radius:9px;min-height:42px;font-size:13px}
.buform-panel .form-control:focus,.buform-panel .form-select:focus{border-color:#9aa7fa;box-shadow:0 0 0 3px #5268f415}
.buform-panel .table{--bs-table-striped-bg:#fafafd;--bs-table-hover-bg:#f2f3fb;border-color:var(--panel-line);font-size:12px}
.buform-panel .table>thead{background:#f7f7fb;font-size:10px;color:#828494}
.buform-panel .table>thead>tr>th{padding:15px 16px;font-weight:600;border-bottom:1px solid var(--panel-line)}
.buform-panel .table>tbody>tr>td{padding:16px;vertical-align:middle}
.buform-panel .table-bordered>:not(caption)>*>*{border-left:0;border-right:0}
.buform-panel .badge{font-size:10px!important;font-weight:500;border-radius:5px;padding:5px 7px}
.buform-panel .modal-content,.buform-panel .dropdown-menu{border:1px solid var(--panel-line);border-radius:14px}
.buform-panel a:focus-visible,.buform-panel button:focus-visible{outline:3px solid #9aa7fa;outline-offset:3px}
.buform-panel .footer{left:246px;background:transparent;color:#999ba9;border:0;font-size:11px}
.panel-eyebrow{font-size:11px;font-weight:500;letter-spacing:.2px;color:#898b99}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 30px}
.dashboard-heading h1{font-size:36px;font-weight:650;letter-spacing:-1.8px;margin:9px 0 7px;line-height:1.15}.heading-dot{color:#5268f4}
.dashboard-heading p{font-size:13px;color:#898b99;margin:0}
.workspace-shortcut{display:flex;align-items:center;gap:10px;color:#575b70;font-size:12px;font-weight:500;padding:10px 0}
.dashboard-icon{width:17px;height:17px;stroke-width:1.7;vertical-align:middle}
.workspace-bento{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:34px;scroll-margin-top:108px}
.workspace-feature{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:#e9edff;padding:29px 30px;min-height:290px}
.feature-tag{display:inline-flex;align-items:center;gap:7px;color:#6a74a5;font-size:9px;letter-spacing:1.2px;font-weight:650}.feature-tag>span{width:5px;height:5px;background:#5268f4;border-radius:50%}
.workspace-feature h2{position:relative;z-index:1;font-size:38px;line-height:1.08;letter-spacing:-1.7px;font-weight:650;margin:23px 0 14px;max-width:65%}.workspace-feature h2 em{font-style:normal;color:#5268f4}
.workspace-feature p{position:relative;z-index:1;color:#7c83a0;font-size:11px;line-height:1.8;margin:0;max-width:65%}
.feature-bottom{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.4px;color:#6a74a5;margin-top:26px}.feature-bottom svg{width:16px;height:16px}
.feature-art{position:absolute;width:150px;height:196px;right:30px;top:64px;z-index:0;transform:rotate(10deg)}
.art-sheet{position:absolute;width:124px;height:166px;border-radius:13px}.art-sheet-back{background:#5268f4;transform:rotate(-18deg);left:14px;top:10px}.art-sheet-front{background:#fff;box-shadow:0 15px 25px #5268f41c;padding:22px 16px;left:0;top:0}
.art-line{display:block;width:68px;height:5px;background:#282b3b;border-radius:5px;margin-bottom:7px}.art-line.short{width:40px;height:4px;background:#d5d9e7;margin-bottom:15px}
.art-choice{display:flex;align-items:center;gap:7px;border:1px solid #eef0f5;padding:6px;border-radius:5px;margin-bottom:6px}.art-choice b{width:7px;height:7px;border:1px solid #d5d9e7;border-radius:50%}.art-choice i{width:42px;height:3px;background:#d5d9e7;border-radius:2px}.art-choice.selected{background:#f0f5e6;border-color:#dbeabd}.art-choice.selected b{background:#bcea72;border-color:#bcea72}.art-submit{display:block;background:#5268f4;color:#fff;font-size:15px;height:20px;line-height:20px;border-radius:4px;text-align:right;padding-right:7px;margin-top:10px}.art-spark{position:absolute;font-size:65px;line-height:1;color:#bcea72;bottom:-2px;right:-8px;transform:rotate(-10deg)}
.workspace-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.tool-tile{display:flex;position:relative;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid #e9eaf0;border-radius:17px;min-height:144px;padding:21px;color:#242630;transition:transform .18s,border-color .18s,box-shadow .18s}
.tool-tile:hover{color:#242630;transform:translateY(-3px);border-color:#cbd0f4;box-shadow:0 8px 22px #24263008}
.tool-form{background:#f0f3e9;border-color:#e7ebdf}.tool-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#f2f2f8;color:#72758a}.tool-icon svg{width:18px;height:18px;stroke-width:1.5}.tool-form .tool-icon{background:#e1ebce;color:#596b3b}
.tool-description{display:flex;flex-direction:column;gap:5px}.tool-description strong{font-size:14px;font-weight:600;letter-spacing:-.3px}.tool-description>span{font-size:10px;color:#9294a0}.tool-arrow{position:absolute;right:18px;top:22px;color:#999cab;width:16px;height:16px}
.dashboard-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.dashboard-section-heading h2{font-size:14px;font-weight:600;letter-spacing:-.3px;margin:0}.dashboard-section-heading>span{font-size:10px;color:#9294a0}
.buform-panel .dash-stat-card{transition:none}.buform-panel .dash-stat-card:hover{transform:none;box-shadow:none}.buform-panel .dash-stat-card .card-body{padding:20px}.buform-panel .dash-stat-card h3{font-size:27px;font-weight:600;letter-spacing:-1px;color:#242630;margin:14px 0 10px!important}.buform-panel .dash-stat-card p{font-size:11px!important}
.buform-panel .dash-stat-icon{width:31px;height:31px;border-radius:9px;background:#f6f6fa!important}.buform-panel .dash-stat-icon svg{width:17px;height:17px;color:#9395a5!important;stroke-width:1.5}
.chart-empty{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#898b99;font-size:11px}.chart-empty svg{height:42px;width:42px;color:#c3c8e3}.chart-empty strong{color:#575b70;font-size:13px}

@media(max-width:1250px){.feature-art{right:9px;transform:rotate(10deg) scale(.85);transform-origin:right center}.workspace-feature{padding:26px 22px}.workspace-feature h2{font-size:32px}.workspace-feature p{max-width:60%}.tool-tile{padding:18px}.tool-description strong{font-size:13px}}
@media(max-width:991px){.buform-panel .navbar-header .navbar-brand-box{width:76px;padding:0;text-align:center}.buform-panel .logo .logo-lg{display:none}.buform-panel .logo .logo-sm{display:inline-block}.buform-panel .navbar-header{height:76px;padding-right:14px}.buform-panel .header-item{height:76px}.buform-panel .logo{line-height:76px}.buform-panel .vertical-menu{top:76px!important}.buform-panel .main-content{margin-left:0;margin-top:76px}.buform-panel .page-content{padding:24px 13px}.buform-panel .footer{left:0}.workspace-feature h2{font-size:36px}.workspace-feature p{max-width:65%}}
@media(max-width:650px){.panel-workspace{display:none}.buform-panel .page-content{padding:20px 3px}.dashboard-heading{align-items:flex-start;margin-bottom:24px}.dashboard-heading h1{font-size:29px;letter-spacing:-1.2px}.dashboard-heading p{font-size:11px}.workspace-shortcut{font-size:0;gap:0}.workspace-shortcut svg{width:22px;height:22px}.workspace-bento{grid-template-columns:1fr;gap:12px;margin-bottom:26px}.workspace-feature{min-height:276px;padding:24px}.workspace-feature h2{font-size:35px}.feature-art{right:18px;top:70px;transform:rotate(10deg) scale(.82)}.workspace-feature p{max-width:62%;font-size:10px}.workspace-tools{gap:12px}.tool-tile{min-height:132px}.tool-description>span{font-size:9px}.buform-panel .card-body{padding:18px}.dashboard-section-heading h2{font-size:13px}.dashboard-section-heading>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.buform-panel *{transition:none!important;animation:none!important}}
.buform-panel .navbar-header .navbar-brand-box{background:transparent!important}
.buform-panel .logo img.brand-wordmark{width:160px;height:auto}
/* Five core tools share the same workspace entry point. */
.workspace-bento{grid-template-columns:1fr 1.2fr}.workspace-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-accessibility{grid-column:span 2}
@media(min-width:992px) and (max-width:1250px){.workspace-bento{grid-template-columns:1fr}.workspace-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-feature h2{max-width:70%}.feature-art{right:45px}}
@media(max-width:991px){.workspace-bento{grid-template-columns:1fr}.workspace-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.workspace-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact desktop navigation: icon rail with body-mounted hover/focus labels. */
.buform-panel .vertical-menu{transition:width .2s ease}
.buform-panel .main-content{transition:margin-left .2s ease}
.buform-panel .navbar-header .navbar-brand-box{transition:width .2s ease}
.buform-panel #sidebar-menu ul li a{white-space:nowrap}
.panel-nav-tooltip{--bs-tooltip-bg:#353846;--bs-tooltip-color:#fff;--bs-tooltip-opacity:1;--bs-tooltip-border-radius:8px;--bs-tooltip-padding-x:12px;--bs-tooltip-padding-y:9px;--bs-tooltip-font-size:12px;z-index:1080}
.panel-nav-tooltip .tooltip-inner{box-shadow:0 5px 16px #20212c1a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500}
.panel-nav-tooltip.show .tooltip-inner{animation:panel-nav-reveal .16s ease-out}
@keyframes panel-nav-reveal{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:992px){
    .buform-panel .logo .logo-sm{display:none}
    .buform-panel .logo .logo-lg{display:inline-block}
    body.vertical-collpsed .buform-panel .navbar-header .navbar-brand-box{width:88px;padding:0;text-align:center}
    body.vertical-collpsed .buform-panel .logo .logo-lg{display:none}
    body.vertical-collpsed .buform-panel .logo .logo-sm{display:inline-block}
    body.vertical-collpsed .buform-panel .vertical-menu{width:62px}
    body.vertical-collpsed .buform-panel .main-content{margin-left:88px}
    body.vertical-collpsed .buform-panel .footer{left:88px}
    body.vertical-collpsed .buform-panel #sidebar-menu{padding:16px 5px}
    body.vertical-collpsed .buform-panel #sidebar-menu .menu-title{display:none}
    body.vertical-collpsed .buform-panel #sidebar-menu ul li a{justify-content:center;gap:0;width:52px;height:44px;padding:0;margin:4px 0}
    body.vertical-collpsed .buform-panel #sidebar-menu ul li a>span{display:none}
    body.vertical-collpsed .buform-panel #sidebar-menu ul li a svg{width:18px;height:18px}
    body.vertical-collpsed .buform-panel #sidebar-menu ul li a.active:after{display:none}
}
@media(prefers-reduced-motion:reduce){.panel-nav-tooltip,.panel-nav-tooltip .tooltip-inner{transition:none!important;animation:none!important}}

/* Palette cards and native color controls. */
.buform-panel div:has(> .palette-btn){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px!important}
.buform-panel .palette-btn{position:relative;display:grid;grid-template-columns:repeat(3,22px);align-content:center;justify-content:start;gap:6px;padding:16px;min-height:92px;border:1px solid var(--panel-line);border-radius:12px;background:#fff;color:var(--panel-ink);font:inherit;text-align:left;transition:background .18s,border-color .18s;box-shadow:none;transform:none}
.buform-panel .palette-btn:hover{background:#f7f8ff;border-color:#bdc5fa;box-shadow:none;transform:none}
.buform-panel .palette-btn.active{background:#f0f2ff;border-color:var(--panel-blue);box-shadow:inset 0 0 0 1px var(--panel-blue)}
.buform-panel .palette-btn.active::after{content:'✓';position:absolute;top:10px;right:10px;color:var(--panel-blue);font-weight:700;font-size:14px}
.buform-panel .palette-swatch{width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1px #2426300d}
.buform-panel .palette-name{grid-column:1/-1;margin:4px 0 0;font-size:12px;font-weight:600}
.buform-panel .palette-btn-reset{display:flex;justify-content:center;align-items:center;gap:6px;border-style:dashed;background:#f8f8fb;color:#697080;font-size:12px;min-height:92px}
.buform-panel .palette-btn-reset:hover{border-color:#a5aac0;background:#f2f3f8}
.buform-panel .palette-btn:focus-visible,.buform-panel input[type=color]:focus-visible{outline:3px solid #5268f44d;outline-offset:3px}
.buform-panel .color-field-label{font-size:12px;font-weight:500;color:#585d70;margin-bottom:9px;gap:8px}
.buform-panel .color-field-icon{width:10px;height:10px;border-radius:4px;box-shadow:0 0 0 1px #24263012}
.buform-panel .color-input-row{gap:8px}
.buform-panel input[type=color]{width:44px!important;height:40px!important;padding:5px!important;border:1px solid #e2e5ed!important;border-radius:10px!important;background:#fff;cursor:pointer;flex-shrink:0;appearance:none;-webkit-appearance:none;transition:border-color .18s}
.buform-panel input[type=color]:hover{border-color:#bdc5fa!important}
.buform-panel input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.buform-panel input[type=color]::-webkit-color-swatch{border:0;border-radius:6px;box-shadow:inset 0 0 0 1px #24263014}
.buform-panel input[type=color]::-moz-color-swatch{border:0;border-radius:6px;box-shadow:inset 0 0 0 1px #24263014}
.buform-panel .color-text-input{height:40px;border:1px solid #e2e5ed;border-radius:10px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;color:#585d70;background:#fff;min-width:0}
@media(prefers-reduced-motion:reduce){.buform-panel .palette-btn,.buform-panel input[type=color]{transition:none}}