/* PKJ Gestão — três temas: claro, escuro e PKJ (valor legado "salbeer") */
:root,[data-theme="salbeer"]{
 --font-display:"Barlow Condensed","Arial Narrow",sans-serif;--font-body:"Manrope","Segoe UI",sans-serif;
 --bg-primary:#f5f6f8;--bg-secondary:#fff;--bg-sidebar:#111315;
 --bg-sidebar-hover:#22262a;--bg-sidebar-active:#d3a542;
 --text-primary:#17191c;--text-secondary:#6b7280;--text-sidebar:#c6c9cc;
 --text-sidebar-active:#17130b;--border-color:#e3e5e8;--accent:#b1842f;
 --accent-hover:#8f6820;--accent-text:#fff;--success:#159455;
 --warning:#d58a13;--danger:#dc3d45;--info:#3478c9;
 --shadow-sm:0 2px 8px rgba(16,24,40,.055);--shadow-md:0 12px 30px rgba(16,24,40,.09);
}

/* Conteúdo próprio dos módulos */
.pkj-module-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;counter-reset:module}
.pkj-module-insight{
 position:relative;isolation:isolate;overflow:hidden;min-height:154px;padding:19px 20px;
 border:1px solid var(--border-color);border-radius:13px;background:var(--bg-secondary);
 box-shadow:0 7px 22px rgba(24,20,13,.045);transition:transform .2s,border-color .2s,box-shadow .2s;
}
.pkj-module-insight::before{content:"";position:absolute;z-index:-1;right:-47px;top:-53px;width:118px;height:118px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%}
.pkj-module-insight::after{content:"";position:absolute;left:20px;top:-1px;width:42px;height:2px;background:var(--accent)}
.pkj-module-insight:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 44%,var(--border-color));box-shadow:0 14px 30px rgba(24,20,13,.08)}
.pkj-module-number{position:absolute;right:16px;top:13px;color:var(--accent);font-family:var(--font-display);font-size:.6rem;font-weight:800;letter-spacing:.08em}
.pkj-module-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:16px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);clip-path:polygon(9% 0,90% 3%,100% 18%,95% 85%,78% 100%,10% 94%,0 77%,3% 12%)}
.pkj-module-icon svg{width:19px;height:19px}
.pkj-module-insight small,.pkj-module-insight strong,.pkj-module-insight p{display:block}
.pkj-module-insight small{color:var(--text-secondary);font-size:.69rem}
.pkj-module-insight strong{overflow:hidden;margin-top:5px;color:var(--text-primary);font-size:1.28rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.pkj-module-insight p{margin:8px 0 0;color:var(--text-secondary);font-size:.62rem}
.pkj-list-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px 0}
.pkj-list-controls{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.pkj-list-search{width:min(390px,100%);height:42px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-primary);transition:border-color .18s,box-shadow .18s}
.pkj-list-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.pkj-list-search svg{width:17px;height:17px;flex:0 0 auto;color:var(--text-secondary)}
.pkj-list-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:var(--text-primary)!important;font:inherit;font-size:.74rem;box-shadow:none!important}
.pkj-list-tools>span{color:var(--text-secondary);font-size:.64rem}
.pkj-status-filter{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-primary);color:var(--text-secondary)}
.pkj-status-filter>span{font-size:.6rem;font-weight:750;text-transform:uppercase;letter-spacing:.07em}
.pkj-status-filter select{min-width:108px;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:.7rem;cursor:pointer}
[data-theme="escuro"] .pkj-status-filter select{color-scheme:dark}
[data-theme="escuro"] .pkj-module-insight{background:#171a1e;border-color:#2c3036;box-shadow:0 10px 26px rgba(0,0,0,.16)}
[data-theme="salbeer"] .pkj-module-insight{background:#fffdf8;border-color:#dfd4bf}
@media(max-width:1050px){.pkj-module-insights{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.pkj-module-insights{grid-template-columns:1fr 1fr;gap:10px}.pkj-module-insight{min-height:140px;padding:16px}.pkj-list-tools{align-items:stretch;flex-direction:column;padding:14px 12px 0}.pkj-list-controls{align-items:stretch;flex-direction:column}.pkj-list-search{width:100%}.pkj-status-filter{justify-content:space-between}.pkj-status-filter select{flex:1}}
@media(max-width:420px){.pkj-module-insights{grid-template-columns:1fr}.pkj-module-insight{min-height:126px}}

.pkj-actions-column{width:104px;text-align:right!important}
.pkj-row-actions{text-align:right;white-space:nowrap}
.pkj-row-actions .btn{min-height:34px;gap:6px;padding:6px 10px}
.pkj-row-actions .btn+.btn{margin-left:7px}
.pkj-row-actions svg{width:14px;height:14px;stroke-width:1.9}
.pkj-empty-cell{text-align:center!important;padding:38px!important;color:var(--text-secondary)}
.pkj-modal-footer .btn-primary svg{width:17px;height:17px}
@media(max-width:760px){.pkj-actions-column{width:86px}.pkj-row-actions .btn{font-size:0;width:36px;padding:8px}.pkj-row-actions .btn svg{width:16px;height:16px}}

/* Ajuda contextual por módulo */
.context-help-toggle{min-height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-secondary);color:var(--text-secondary);font:inherit;font-size:.66rem;font-weight:650;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}
.context-help-toggle:hover,.context-help-toggle[aria-expanded="true"]{border-color:color-mix(in srgb,var(--accent) 50%,var(--border-color));background:color-mix(in srgb,var(--accent) 7%,var(--bg-secondary));color:var(--accent)}
.context-help-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.context-help-backdrop{position:fixed;inset:0;z-index:2790;background:rgba(5,6,7,.48);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.context-help-backdrop.is-open{opacity:1;visibility:visible}
.context-help-panel{position:fixed;right:0;top:0;z-index:2800;width:min(410px,100vw);height:100dvh;display:flex;flex-direction:column;border-left:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);box-shadow:-24px 0 60px rgba(0,0,0,.22);transform:translateX(102%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.75,.2,1),visibility .28s ease}
.context-help-panel.is-open{transform:translateX(0);visibility:visible}
.context-help-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:27px 26px 22px;border-bottom:1px solid var(--border-color);overflow:hidden}
.context-help-header::after{content:"";position:absolute;right:18px;top:0;width:50px;height:6px;background:repeating-linear-gradient(135deg,var(--accent) 0 5px,transparent 5px 9px);opacity:.6}
.context-help-header span{display:block;margin-bottom:6px;color:var(--accent);font-family:"Barlow Condensed",sans-serif;font-size:.58rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.context-help-header h2{margin:0;font-family:"Barlow Condensed",sans-serif;font-size:1.65rem;line-height:1;text-transform:uppercase}
.context-help-header button{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer}
.context-help-header button:hover{border-color:var(--accent);color:var(--accent)}
.context-help-header button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.context-help-body{min-height:0;padding:23px 26px 30px;overflow-y:auto}
.context-help-summary{margin:0 0 22px;color:var(--text-secondary);font-size:.76rem;line-height:1.65}
.context-help-steps{display:grid}
.context-help-steps article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:17px 0;border-top:1px solid var(--border-color)}
.context-help-steps article>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border-color));color:var(--accent);font-family:"Barlow Condensed",sans-serif;font-size:.68rem;font-weight:800}
.context-help-steps strong{display:block;margin:1px 0 5px;font-size:.76rem}
.context-help-steps p{margin:0;color:var(--text-secondary);font-size:.69rem;line-height:1.55}
.context-help-tip{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;margin-top:17px;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 27%,var(--border-color));border-radius:9px;background:color-mix(in srgb,var(--accent) 6%,var(--bg-primary))}
.context-help-tip svg{width:23px;height:23px;margin:2px auto 0;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.context-help-tip strong{display:block;margin-bottom:4px;color:var(--accent);font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}
.context-help-tip p{margin:0;color:var(--text-secondary);font-size:.67rem;line-height:1.5}
body.context-help-open{overflow:hidden}
@media(max-width:760px){.context-help-toggle{width:38px;padding:0;justify-content:center}.context-help-toggle span{display:none}.context-help-panel{width:min(390px,100vw)}.context-help-header{padding:23px 21px 18px}.context-help-body{padding:20px 21px calc(92px + env(safe-area-inset-bottom))}}
@media(max-width:768px){
 .mobile-theme-toggle,.context-help-toggle,.notifications-toggle{width:42px;height:42px;min-width:42px;min-height:42px}
 .btn.btn-sm,.pkj-modal-close{min-height:40px}
 .pkj-row-actions .btn{width:40px;min-width:40px;min-height:40px}
@media(max-width:420px){
 .topbar-right{gap:6px}
 .topbar .user-menu{display:none}
}
}
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.content .card,.content .stat-card,.content button,.content input,.content select,.content textarea{font-family:var(--font-body)}
[data-theme="salbeer"] body{background:#f5f6f8;background-image:none;color:var(--text-primary)}
[data-theme="salbeer"] .sidebar{background:linear-gradient(180deg,#17191b,#090a0b);border-right:1px solid rgba(211,165,66,.17)}
[data-theme="salbeer"] .sidebar::before,[data-theme="salbeer"] .content::before{display:none}
[data-theme="salbeer"] .sidebar-header{background:#0c0d0e;border-bottom-color:rgba(211,165,66,.18)}
.sidebar-brand-full{width:76px!important;height:76px!important;object-fit:contain!important;border-radius:14px}
.sidebar-brand-mark{width:50px!important;height:50px!important;object-fit:contain!important;border-radius:11px}
[data-theme="salbeer"] .nav-item.active{background:linear-gradient(135deg,#e1b957,#c79532);color:#15120c;box-shadow:0 8px 20px rgba(0,0,0,.25)}
[data-theme="salbeer"] .nav-item.active::before{background:#fff0b6}
[data-theme="salbeer"] .nav-item:hover{background:rgba(211,165,66,.12);border-color:rgba(211,165,66,.14)}
[data-theme="salbeer"] .sidebar-section-label{color:rgba(225,185,87,.62)}
[data-theme="salbeer"] .topbar{background:rgba(255,255,255,.94);border-bottom-color:#e4e5e7}
[data-theme="salbeer"] .topbar::after{background:linear-gradient(90deg,#75521b,#d7a944,#f1d17e,transparent 82%)}
[data-theme="salbeer"] .card,[data-theme="salbeer"] .stat-card{background:#fff;border-color:#e3e5e8;box-shadow:var(--shadow-sm)}
[data-theme="salbeer"] .card:hover,[data-theme="salbeer"] .stat-card:hover{border-color:#d6c29b;box-shadow:var(--shadow-md)}
[data-theme="salbeer"] .btn-primary{background:linear-gradient(135deg,#bc8c32,#95691f);border-color:#95691f;box-shadow:0 7px 16px rgba(149,105,31,.2)}
[data-theme="salbeer"] .btn-primary:hover{background:linear-gradient(135deg,#c99b42,#a57726);border-color:#8a611d}
[data-theme="salbeer"] .btn-secondary{background:#fff;border-color:#d9dce0;color:#34383d}
[data-theme="salbeer"] .table-container{background:#fff;border-color:#e2e4e7}
[data-theme="salbeer"] table{background:#fff}
[data-theme="salbeer"] th{background:#f4f5f6;color:#515862;border-bottom-color:#e1e3e6}
[data-theme="salbeer"] td{border-bottom-color:#eceef0}
[data-theme="salbeer"] tr:hover td{background:#fbf8f1}
.content{max-width:1480px;margin:0 auto;padding:30px 32px 48px}
.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.page-header .page-title{margin:4px 0 2px;font-size:1.65rem;letter-spacing:-.025em}
.page-subtitle{color:var(--text-secondary);font-size:.9rem}
.pkj-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#a57524}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.form-group{margin:0}
.form-group label{font-size:.78rem;font-weight:700;color:#40454c;margin-bottom:7px}
.form-group input,.form-group select,.form-group textarea{
 display:block;width:100%;min-height:45px;padding:10px 13px;border:1px solid #d8dce1;border-radius:9px;
 background:#fff;color:#181b1f;font:inherit;font-size:.88rem;outline:none;transition:border-color .18s,box-shadow .18s;
}
.form-group select{cursor:pointer}.form-group textarea{min-height:96px;resize:vertical}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#bd8e36;box-shadow:0 0 0 3px rgba(189,142,54,.14)}
.status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:750;white-space:nowrap}
.status-success{background:#dcfce7;color:#166534}.status-danger{background:#fee2e2;color:#991b1b}.status-warning{background:#fff0c7;color:#865508}.status-info{background:#dbeafe;color:#1e40af}
.badge-success{background:#be913a;color:#fff}
.produtos-resultado{padding:4px 9px;border-radius:12px;background:var(--bg-primary);color:var(--text-secondary);font-size:.7rem;font-weight:700;white-space:nowrap}
.topbar .user-menu,.topbar .user-menu:hover,.topbar .user-menu:focus{text-decoration:none;color:inherit}
.topbar .user-menu .user-name,.topbar .user-menu .user-role{text-decoration:none}
[data-theme="salbeer"] .notifications-toggle{background:#fff;border-color:#dedfe2;color:#9a6d20}
[data-theme="salbeer"] .user-avatar{background:#17191b;color:#e2b75a}

/* Tema claro: neutro, limpo, com dourado apenas nas ações e destaques. */
[data-theme="claro"] body{background:#f5f6f8;color:#17191c}
[data-theme="claro"] .sidebar{background:linear-gradient(180deg,#17191b,#090a0b);border-right:1px solid rgba(211,165,66,.15)}
[data-theme="claro"] .sidebar-header{background:#0c0d0e;border-bottom-color:rgba(211,165,66,.18)}
[data-theme="claro"] .nav-item.active{background:#fff;color:#17191c;box-shadow:0 6px 18px rgba(0,0,0,.18)}
[data-theme="claro"] .nav-item.active::before{background:#c59638}
[data-theme="claro"] .sidebar-section-label{color:rgba(225,185,87,.58)}
[data-theme="claro"] .topbar{background:rgba(255,255,255,.95)}
[data-theme="claro"] .topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#8c6422,#d7aa4d,transparent 75%)}
[data-theme="claro"] .stat-icon{background:#fbf3e2;color:#9a6d20;border:1px solid #ead8b3}
[data-theme="claro"] .user-avatar{background:#17191b;color:#e1b456}

/* Tema escuro: superfícies escuras de verdade e contraste confortável. */
[data-theme="escuro"]{
 --bg-primary:#0e1012;--bg-secondary:#171a1e;--bg-sidebar:#08090a;--bg-sidebar-hover:#202329;
 --bg-sidebar-active:#d0a044;--text-primary:#f3f4f6;--text-secondary:#9ca3af;
 --text-sidebar:#babfc6;--text-sidebar-active:#17130b;--border-color:#2b3036;
 --accent:#d0a044;--accent-hover:#e0b75e;--accent-text:#17130b;
}
[data-theme="escuro"] body{background:#0e1012;background-image:radial-gradient(circle at 85% 0,rgba(190,139,43,.08),transparent 28%)}
[data-theme="escuro"] .sidebar{background:linear-gradient(180deg,#0b0c0e,#050506);border-right:1px solid rgba(211,165,66,.16)}
[data-theme="escuro"] .sidebar-header{background:#070809;border-bottom-color:rgba(211,165,66,.16)}
[data-theme="escuro"] .nav-item.active{background:linear-gradient(135deg,#e0b75a,#bd8930);color:#17130b}
[data-theme="escuro"] .sidebar-section-label{color:rgba(225,185,87,.58)}
[data-theme="escuro"] .topbar{background:rgba(18,20,23,.94);border-bottom-color:#292d32}
[data-theme="escuro"] .topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#7a541c,#d7a944,transparent 76%)}
[data-theme="escuro"] .card,[data-theme="escuro"] .stat-card{background:#171a1e;border-color:#2c3036;box-shadow:0 8px 24px rgba(0,0,0,.18)}
[data-theme="escuro"] .card:hover,[data-theme="escuro"] .stat-card:hover{border-color:#5d4b2c}
[data-theme="escuro"] .table-container,[data-theme="escuro"] table{background:#171a1e;border-color:#30343a}
[data-theme="escuro"] th{background:#20242a;color:#c5c9cf;border-bottom-color:#343940}
[data-theme="escuro"] td{border-bottom-color:#292e34;color:#e5e7eb}
[data-theme="escuro"] tr:hover td{background:#1e2227}
[data-theme="escuro"] .form-group label{color:#d8dbe0}
[data-theme="escuro"] .form-group input,[data-theme="escuro"] .form-group select,[data-theme="escuro"] .form-group textarea{background:#111418;color:#f1f3f5;border-color:#363b43;color-scheme:dark}
[data-theme="escuro"] .form-group input:focus,[data-theme="escuro"] .form-group select:focus,[data-theme="escuro"] .form-group textarea:focus{border-color:#d0a044;box-shadow:0 0 0 3px rgba(208,160,68,.16)}
[data-theme="escuro"] .btn-primary{background:linear-gradient(135deg,#d8aa4c,#b77e28);border-color:#b77e28;color:#17130b}
[data-theme="escuro"] .btn-secondary{background:#20242a;border-color:#373c43;color:#e4e7eb}
[data-theme="escuro"] .notifications-toggle{background:#1c2025;border-color:#353a41;color:#d9ae52}
[data-theme="escuro"] .user-avatar{background:#d2a246;color:#17130b}

/* Tema PKJ: versão institucional, creme/dourado e preto. */
[data-theme="salbeer"]{
 --bg-primary:#f3efe5;--bg-secondary:#fffdf8;--border-color:#ded5c3;
 --text-primary:#211d17;--text-secondary:#746b5d;--accent:#a87925;--accent-hover:#865c19;
}
[data-theme="salbeer"] body{background:#f3efe5;background-image:radial-gradient(circle at 92% 2%,rgba(218,174,80,.18),transparent 26%),linear-gradient(180deg,#f8f4ea,#f1ede3)}
[data-theme="salbeer"] .topbar{background:rgba(255,253,248,.94);border-bottom-color:#ded2bb}
[data-theme="salbeer"] .card,[data-theme="salbeer"] .stat-card{background:#fffdf8;border-color:#dfd4bf}
[data-theme="salbeer"] .stat-icon{background:#f8ecd3;border:1px solid #e7d1a4;color:#96681e}
[data-theme="salbeer"] .table-container,[data-theme="salbeer"] table{background:#fffdf8;border-color:#dfd4bf}
[data-theme="salbeer"] th{background:#f1eadc;color:#645943;border-bottom-color:#ded1b8}
[data-theme="salbeer"] td{border-bottom-color:#e9e0cf}
[data-theme="salbeer"] tr:hover td{background:#faf4e7}
[data-theme="salbeer"] .form-group input,[data-theme="salbeer"] .form-group select,[data-theme="salbeer"] .form-group textarea{background:#fffefa;border-color:#d9ceba;color:#251f18}
[data-theme="salbeer"] .form-group input:focus,[data-theme="salbeer"] .form-group select:focus,[data-theme="salbeer"] .form-group textarea:focus{border-color:#b5842e;box-shadow:0 0 0 3px rgba(181,132,46,.14)}

/* Modal dos cadastros PKJ */
body.pkj-modal-open{overflow:hidden}
.pkj-modal-overlay{position:fixed;inset:0;z-index:2200;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(8,10,12,.68);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.pkj-modal-overlay.is-open{opacity:1;visibility:visible}
.pkj-modal{width:min(880px,100%);max-height:min(760px,calc(100vh - 56px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-secondary);box-shadow:0 28px 80px rgba(0,0,0,.3);transform:translateY(14px) scale(.985);transition:transform .22s ease}
.pkj-modal-overlay.is-open .pkj-modal{transform:none}
.pkj-modal-header{display:flex;align-items:center;gap:14px;flex:0 0 auto;padding:20px 26px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}
.pkj-modal-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:12px;background:linear-gradient(135deg,#dcb252,#a97625);color:#17130b}.pkj-modal-icon svg{width:23px;height:23px}
.pkj-modal-header h2{font-size:1.2rem;line-height:1.25;margin:0}.pkj-modal-header p{margin:3px 0 0;color:var(--text-secondary);font-size:.76rem}
.pkj-modal-close{width:38px;height:38px;margin-left:auto;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:1.55rem;line-height:1;cursor:pointer}.pkj-modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}
.pkj-modal-form{min-height:0;display:flex;flex:1;flex-direction:column}.pkj-modal-body{min-height:0;overflow-y:auto;padding:26px}
.pkj-form-section-title{display:flex;align-items:center;gap:11px;margin-bottom:22px}.pkj-form-section-title>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#b3832d;color:#fff;font-size:.75rem;font-weight:800}.pkj-form-section-title strong,.pkj-form-section-title small{display:block}.pkj-form-section-title strong{font-size:.88rem}.pkj-form-section-title small{margin-top:2px;color:var(--text-secondary);font-size:.7rem}
.form-group-wide{grid-column:1/-1}.pkj-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;padding:17px 26px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.pkj-modal-footer .btn{min-width:125px;justify-content:center}
[data-theme="escuro"] .pkj-modal{background:#171a1e;border-color:#343940}[data-theme="escuro"] .pkj-modal-header,[data-theme="escuro"] .pkj-modal-footer{background:#171a1e;border-color:#343940}
[data-theme="salbeer"] .pkj-modal{background:#fffdf8;border-color:#ded1b8}[data-theme="salbeer"] .pkj-modal-header,[data-theme="salbeer"] .pkj-modal-footer{background:#fffdf8;border-color:#ded1b8}
@media(max-width:680px){.pkj-modal-overlay{padding:0;align-items:flex-end}.pkj-modal{width:100%;max-height:94vh;border-radius:18px 18px 0 0}.pkj-modal-header{padding:17px 18px}.pkj-modal-body{padding:20px 18px}.pkj-modal-footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom))}.pkj-modal-footer .btn{min-width:0;flex:1}}
@media(max-width:768px){.content{padding:20px 16px 110px}.page-header{align-items:stretch;flex-direction:column}.page-header>.btn{width:100%}.form-grid{grid-template-columns:1fr}.sidebar-brand-full{width:66px!important;height:66px!important}}

/* Linguagem visual herdada do site institucional */
.card-title,.stat-value,.pkj-modal-header h2,.relatorio-pkj-kpi strong{font-family:var(--font-display);font-weight:800}
.page-header,.page-header .page-title,.page-header .page-subtitle,.page-header .pkj-label,.sidebar,.topbar{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.page-header .page-title{font-size:1.65rem;line-height:1.2;text-transform:none;letter-spacing:-.025em;font-weight:700}
.stat-card,.stat-card .stat-label,.stat-card .stat-value,.stat-card .stat-hint{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.stat-card .stat-value{font-weight:700;letter-spacing:-.02em}
.card-title{font-size:1.22rem;line-height:1;text-transform:uppercase;letter-spacing:.015em}
.stat-value{font-size:1.75rem;letter-spacing:.01em}
.pkj-label{display:flex;align-items:center;gap:9px;font-size:.61rem;letter-spacing:.19em}
.pkj-label::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 25%,transparent))}
.pkj-label::after{display:none;content:none}
.btn{font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.015em}
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;right:8px;top:0;width:26px;height:5px;opacity:.4;background:repeating-linear-gradient(135deg,transparent 0 4px,currentColor 4px 7px)}
.card,.stat-card{position:relative}
.content>.card::before,.grid-2>.card::before,.pkj-dashboard-secondary>.card::before,.relatorio-pkj-grid>.card::before{content:"";position:absolute;z-index:1;left:20px;top:-1px;width:48px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);pointer-events:none}
.content>.card::after,.grid-2>.card::after,.pkj-dashboard-secondary>.card::after,.relatorio-pkj-grid>.card::after{content:"";position:absolute;z-index:1;right:14px;top:0;width:32px;height:7px;opacity:.16;background:repeating-linear-gradient(135deg,var(--accent) 0 4px,transparent 4px 8px);pointer-events:none}
.stats-grid{counter-reset:pkj-stat}.stats-grid .stat-card{counter-increment:pkj-stat;overflow:hidden}
.stats-grid .stat-card::before{content:"0" counter(pkj-stat);position:absolute;right:16px;top:13px;color:color-mix(in srgb,var(--accent) 70%,var(--text-secondary));font-family:var(--font-display);font-size:.62rem;font-weight:800;letter-spacing:.08em}
.stats-grid .stat-card::after{content:"";position:absolute;right:-36px;bottom:-48px;width:105px;height:105px;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:50%;pointer-events:none}
.stats-grid .stat-icon{position:relative;width:48px;height:48px;border:0!important;border-radius:0!important;background:rgba(201,150,56,.055)!important;color:#c99638!important;clip-path:polygon(12% 0,88% 3%,100% 20%,96% 82%,78% 100%,14% 94%,0 77%,3% 16%);box-shadow:inset 0 0 0 1px rgba(201,150,56,.34);filter:none;transition:color .25s ease,background .25s ease,filter .25s ease,transform .25s ease}
.stats-grid .stat-icon svg{width:22px;height:22px;stroke-width:1.85}
.stats-grid .stat-card:hover .stat-icon{background:linear-gradient(145deg,#efc965 0%,#d7a73f 68%,#bd8127 100%)!important;color:#171818!important;clip-path:polygon(12% 0,88% 3%,100% 20%,96% 82%,78% 100%,14% 94%,0 77%,3% 16%);filter:drop-shadow(0 7px 10px rgba(132,87,18,.15));transform:translateY(-2px)}
th{font-family:var(--font-body);font-size:.6rem!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase}
td{font-family:var(--font-body)}
.status,.produtos-resultado{font-family:var(--font-body)}
[data-theme="claro"] .content,[data-theme="salbeer"] .content{position:relative}
[data-theme="claro"] .content::after,[data-theme="salbeer"] .content::after{content:"";position:fixed;z-index:-1;inset:0 0 0 260px;opacity:.018;background-image:linear-gradient(#111 1px,transparent 1px),linear-gradient(90deg,#111 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
[data-theme="escuro"] .content::after{content:"";position:fixed;z-index:-1;inset:0 0 0 260px;opacity:.045;background-image:linear-gradient(#d1a34d 1px,transparent 1px),linear-gradient(90deg,#d1a34d 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,#000,transparent 75%);pointer-events:none}
[data-theme="escuro"] .card-title,[data-theme="escuro"] .page-header .page-title{color:#f4f1e9}
[data-theme="claro"] .page-header .page-title{color:#17191c}
[data-theme="salbeer"] .page-header .page-title,[data-theme="salbeer"] .content>.page-header h1{color:#211d17}
[data-theme="salbeer"] .card,[data-theme="salbeer"] .stat-card{box-shadow:0 8px 26px rgba(75,54,18,.07)}
[data-theme="salbeer"] .card:hover,[data-theme="salbeer"] .stat-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color))}
@media(max-width:768px){.page-header .page-title{font-size:1.75rem}[data-theme] .content::after{inset-left:0;display:none}}

/* PKJ 2.0 — estrutura visual compartilhada pelas páginas operacionais */
.content > .page-header{
 position:relative;isolation:isolate;overflow:hidden;min-height:148px;padding:28px 30px;
 align-items:center;margin-bottom:22px;border:1px solid var(--border-color);border-radius:16px;
 background:var(--bg-secondary);box-shadow:0 10px 32px rgba(24,20,13,.055);
}
.content > .page-header::before{
 content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
 background:
  linear-gradient(90deg,var(--accent) 0 72px,transparent 72px) top left/100% 2px no-repeat,
  linear-gradient(rgba(177,132,47,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(177,132,47,.035) 1px,transparent 1px);
 background-size:100% 2px,44px 44px,44px 44px;
}
.content > .page-header::after{
 content:"PKJ";position:absolute;z-index:-1;right:30px;bottom:-35px;
 color:color-mix(in srgb,var(--accent) 7%,transparent);font-family:var(--font-display);
 font-size:9rem;font-weight:900;line-height:1;letter-spacing:-.06em;pointer-events:none;
}
.content > .page-header > div:first-child{position:relative;z-index:1}
.content > .page-header .page-title{margin-top:8px;font-size:1.8rem}
.content > .page-header .page-subtitle{max-width:620px;margin-top:6px;font-size:.84rem;line-height:1.55}
.content > .page-header > .btn,.pkj-page-actions{position:relative;z-index:1}
.pkj-page-actions{display:flex;gap:10px}
.content > .page-header .btn{min-height:44px;padding-inline:18px;border-radius:8px}
.pkj-button-plus{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:3px;border:1px solid currentColor;border-radius:50%;font-size:.9rem;line-height:1}

.pkj-list-card{overflow:hidden;padding:0!important;border-radius:16px!important}
.pkj-list-card > .card-header{min-height:92px;margin:0!important;padding:22px 24px!important;border-bottom:1px solid var(--border-color)}
.pkj-card-kicker{display:block;margin-bottom:7px;color:var(--accent);font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.pkj-list-card .card-title{font-size:1.38rem}
.pkj-list-card .produtos-resultado{
 display:flex;align-items:center;gap:10px;min-width:108px;padding:3px 0;border:0;
 border-radius:0;background:transparent;color:var(--text-secondary);font-size:.61rem;font-weight:600;
 letter-spacing:.02em;text-transform:none;box-shadow:none;overflow:visible;
}
.pkj-list-card .produtos-resultado::before,.pkj-list-card .produtos-resultado::after{display:none;content:none}
.pkj-list-card .produtos-resultado strong{min-width:21px;height:auto;display:inline;padding:0;background:transparent;color:var(--accent);font-family:var(--font-body);font-size:1.45rem;font-weight:800;line-height:1;clip-path:none}
.produtos-resultado-meta{display:grid;gap:3px;text-align:left;line-height:1}
.produtos-resultado-meta small{color:var(--text-primary);font-family:"Barlow Condensed",sans-serif;font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.produtos-resultado-meta b{color:var(--text-secondary);font-size:.62rem;font-weight:500;text-transform:none}
.pkj-list-card .table-container{margin:18px 20px 20px;border-radius:12px}
.pkj-list-card th{height:48px;padding:0 16px!important;background:color-mix(in srgb,var(--bg-primary) 82%,var(--accent) 2%)!important;font-size:.65rem!important}
.pkj-list-card td{height:58px;padding:10px 16px!important;font-size:.78rem;vertical-align:middle}
.pkj-list-card tbody tr{position:relative;transition:background .18s ease}
.pkj-list-card tbody tr:hover td:first-child{box-shadow:inset 3px 0 var(--accent)}

.content > .stats-grid{gap:15px!important;margin-bottom:24px}
.content > .stats-grid .stat-card{
 min-height:188px;padding:24px!important;border-radius:14px!important;
 display:grid;grid-template-rows:auto 1fr auto;align-items:start;
 background-image:linear-gradient(rgba(177,132,47,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(177,132,47,.026) 1px,transparent 1px);
 background-size:38px 38px;
}
.content > .stats-grid .stat-icon{width:51px;height:51px}
.content > .stats-grid .stat-label{align-self:end;margin-top:20px;font-size:.77rem;color:var(--text-secondary)}
.content > .stats-grid .stat-value{margin-top:7px;font-size:1.72rem;line-height:1.08}
.content > .stats-grid .stat-card:hover{transform:translateY(-3px)}

.pkj-dashboard-secondary{gap:20px!important}
.pkj-dashboard-secondary > .card{min-height:440px;padding:24px!important;border-radius:15px!important}
.pkj-dashboard-secondary .card-header{min-height:66px}
.pkj-dashboard-secondary .card-header p{font-size:.73rem!important}
.pkj-operation-list{border-radius:11px}
.pkj-operation-item{min-height:68px;padding:12px 14px}
.pkj-operation-main strong{font-size:.8rem}.pkj-operation-main small{font-size:.68rem}
.pkj-operation-item .status{font-size:.65rem;padding:5px 9px}
.pkj-finance-metric{min-height:88px;padding:15px}
.pkj-finance-metric small{font-size:.68rem}.pkj-finance-metric strong{font-size:1.05rem}
.pkj-finance-result{min-height:92px}
.pkj-finance-insights small{font-size:.64rem}.pkj-finance-insights strong{font-size:.82rem}

.pkj-modal{border-radius:8px;box-shadow:0 36px 100px rgba(0,0,0,.42)}
.pkj-modal-header{position:relative;min-height:92px;padding:21px 28px}
.pkj-modal-header::after{content:"";position:absolute;right:64px;top:0;width:42px;height:7px;background:repeating-linear-gradient(135deg,var(--accent) 0 5px,transparent 5px 9px);opacity:.35}
.pkj-modal-icon{border-radius:5px;clip-path:polygon(8% 0,90% 3%,100% 18%,96% 86%,78% 100%,10% 94%,0 78%,3% 12%)}
.pkj-modal-body{background-image:linear-gradient(rgba(177,132,47,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(177,132,47,.025) 1px,transparent 1px);background-size:48px 48px}

[data-theme="escuro"] .content > .page-header{
 background:#15181b;border-color:#30353a;box-shadow:0 16px 38px rgba(0,0,0,.24);
}
[data-theme="escuro"] .content > .page-header::before{background:linear-gradient(90deg,#d2a447 0 72px,transparent 72px) top left/100% 2px no-repeat,linear-gradient(rgba(210,164,71,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(210,164,71,.045) 1px,transparent 1px);background-size:100% 2px,44px 44px,44px 44px}
[data-theme="escuro"] .pkj-list-card th{background:#20242a!important}
[data-theme="salbeer"] .content > .page-header{background:rgba(255,253,248,.91);border-color:#dfd1b8}

@media(max-width:900px){
 .content > .page-header{min-height:132px;padding:24px}
 .content > .page-header::after{font-size:7rem}
 .content > .stats-grid .stat-card{min-height:168px}
}
@media(max-width:620px){
 .content > .page-header{min-height:0;padding:22px 18px;align-items:stretch}
 .content > .page-header::after{right:10px;bottom:-18px;font-size:5.2rem}
 .pkj-page-actions{display:grid;grid-template-columns:1fr 1fr}
 .content > .page-header .btn{width:100%;justify-content:center}
 .content > .stats-grid .stat-card{min-height:148px;padding:20px!important}
 .pkj-list-card > .card-header{min-height:80px;padding:18px!important}
 .pkj-list-card .table-container{margin:12px}
}
