/*
Theme Name:  KB Pingo Chat
Theme URI:   https://pingochat.com.br
Description: Tema moderno de Base de Conhecimento para o plugin KB Pingo Chat.
Version:     1.8.5
Author:      Pingo Chat / H5 Company
Text Domain: kb-pingo-theme
*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--g:#00a884;--g-mid:#00876a;--g-dark:#006650;--g-bg:#e6f7f3;--g-bg2:#f0faf7;--gray-50:#f7f8fa;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-600:#6b7280;--gray-800:#1f2937;--gray-900:#111827;--radius:10px;--sidebar:260px;--toc:200px;--header-h:56px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:15px;line-height:1.7;color:var(--gray-800);background:var(--gray-50)}
a{color:var(--g);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}
.kb-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--gray-200);height:var(--header-h);display:flex;align-items:center;padding:0 24px;gap:20px}
.kb-header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.kb-logo-img{height:36px;width:auto;display:block}
.kb-header-logo-text{font-size:15px;font-weight:600;color:var(--gray-900)}.kb-header-logo-text span{color:var(--g)}
.kb-header-nav{display:flex;align-items:center;gap:2px;flex:1}
.kb-header-nav a{font-size:13px;color:var(--gray-600);padding:6px 12px;border-radius:7px;text-decoration:none;transition:background .12s,color .12s;white-space:nowrap}
.kb-header-nav a:hover{background:var(--gray-100);color:var(--gray-900)}.kb-header-nav a.active{color:var(--g);font-weight:500;background:var(--g-bg2)}
.kb-header-search{flex:1;max-width:320px;position:relative}
.kb-header-search-inner{display:flex;align-items:center;gap:8px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;padding:7px 12px;transition:border-color .15s,background .15s}
.kb-header-search-inner:focus-within{background:#fff;border-color:var(--g)}
.kb-header-search-inner svg{flex-shrink:0;color:var(--gray-400)}
.kb-header-search-inner input{border:none;background:transparent;font-size:13px;color:var(--gray-800);outline:none;width:100%}
.kb-header-search-inner input::placeholder{color:var(--gray-400)}
.kb-header-btn{background:var(--g);color:#fff!important;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;text-decoration:none!important;white-space:nowrap;transition:background .15s;flex-shrink:0}
.kb-header-btn:hover{background:var(--g-mid)}
.kb-mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--gray-600);padding:4px}
.kb-layout{display:flex;min-height:calc(100vh - var(--header-h))}
.kb-sidebar{width:var(--sidebar);min-width:var(--sidebar);background:#fff;border-right:1px solid var(--gray-200);position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;display:flex;flex-direction:column;flex-shrink:0}
.kb-sidebar-header{padding:16px 14px 10px;border-bottom:1px solid var(--gray-100)}
.kb-sidebar-label{font-size:10px;font-weight:600;color:var(--gray-400);letter-spacing:.07em;text-transform:uppercase;display:block;margin-bottom:6px}
.kb-sidebar-nav{flex:1;padding:8px 8px 20px}
.kb-cat-row{display:flex;align-items:center;border-radius:7px;transition:background .12s;margin-bottom:1px}
.kb-cat-row:hover{background:var(--g-bg2)}.kb-cat-row.open{background:var(--g-bg2)}
.kb-cat-link{display:flex;align-items:center;gap:8px;flex:1;padding:7px 4px 7px 8px;text-decoration:none;color:var(--gray-800);min-width:0}
.kb-cat-link:hover{text-decoration:none;color:var(--gray-900)}
.kb-cat-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;margin-right:4px;background:none;border:none;border-radius:5px;cursor:pointer;transition:background .12s;padding:0}
.kb-cat-toggle:hover{background:var(--gray-200)}
.kb-cat-icon{width:26px;height:26px;border-radius:6px;background:var(--g-bg);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.kb-cat-name{font-size:12px;font-weight:500;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-cat-chevron{font-size:13px;color:var(--gray-400);transition:transform .2s;display:block;line-height:1}
.kb-cat-toggle.open .kb-cat-chevron{transform:rotate(90deg)}
.kb-sub-list{display:none;padding:2px 0 4px 42px}.kb-sub-list.open{display:block}
.kb-sub-list a{display:block;padding:5px 8px;font-size:12px;color:var(--gray-600);border-radius:6px;text-decoration:none;transition:background .12s,color .12s;margin-bottom:1px}
.kb-sub-list a:hover{background:var(--g-bg);color:var(--g-dark)}
.kb-sub-list a[aria-current="page"]{color:var(--g);font-weight:500;background:var(--g-bg)}
.kb-sub-heading{font-size:10px;font-weight:600;color:var(--gray-400);letter-spacing:.06em;text-transform:uppercase;padding:8px 8px 3px;margin-top:4px}
.kb-content{flex:1;min-width:0;display:flex;flex-direction:column}
.kb-breadcrumb-bar{padding:10px 28px;border-bottom:1px solid var(--gray-100);background:#fff;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.kb-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-400);flex-wrap:wrap}
.kb-breadcrumb a{color:var(--g);text-decoration:none}.kb-breadcrumb a:hover{text-decoration:underline}
.kb-breadcrumb .sep{color:var(--gray-300)}.kb-breadcrumb .current{color:var(--gray-800);font-weight:500}
.kb-reading-time{font-size:12px;color:var(--gray-400)}
.kb-article-toc-wrap{display:flex;flex:1;min-height:0}
.kb-article{flex:1;padding:32px 36px;min-width:0;overflow-y:auto}
.kb-article h1{font-size:26px;font-weight:600;color:var(--gray-900);line-height:1.3;margin-bottom:10px}
.kb-article-meta{display:flex;align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.kb-cat-pill{background:var(--g-bg);color:var(--g-dark);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}
.kb-article-meta span{font-size:12px;color:var(--gray-400)}
.kb-article-divider{border:none;border-top:1px solid var(--gray-200);margin:0 0 24px}
.kb-article h2{font-size:18px;font-weight:600;color:var(--gray-900);margin:28px 0 12px}
.kb-article h3{font-size:15px;font-weight:600;color:var(--gray-800);margin:22px 0 10px}
.kb-article p{margin-bottom:16px;color:var(--gray-800)}
.kb-article ul,.kb-article ol{padding-left:22px;margin-bottom:16px}
.kb-article li{margin-bottom:5px}.kb-article ul li::marker{color:var(--g)}
.kb-article strong{font-weight:600}
.kb-article code{background:var(--gray-100);border-radius:4px;padding:1px 6px;font-size:13px;font-family:'SF Mono',monospace}
.kb-article pre{background:var(--gray-900);color:#e5e7eb;border-radius:8px;padding:16px;overflow-x:auto;margin-bottom:16px}
.kb-article pre code{background:none;padding:0;color:inherit}
.kb-article blockquote{border-left:3px solid var(--g);background:var(--g-bg);padding:12px 16px;border-radius:0 8px 8px 0;margin-bottom:16px;font-size:14px;color:var(--g-dark)}
.kb-article img{border-radius:8px;margin:12px 0;border:1px solid var(--gray-200)}
.kb-article table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:14px}
.kb-article th{background:var(--gray-50);font-weight:600}.kb-article th,.kb-article td{padding:10px 14px;border:1px solid var(--gray-200)}
.kb-article-nav{display:flex;justify-content:space-between;border-top:1px solid var(--gray-200);padding-top:20px;margin-top:12px;gap:12px}
.kb-article-nav a{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--g);text-decoration:none;padding:8px 14px;border:1px solid var(--gray-200);border-radius:8px;transition:background .12s,border-color .12s}
.kb-article-nav a:hover{background:var(--g-bg);border-color:var(--g);text-decoration:none}
.kb-toc{width:var(--toc);min-width:var(--toc);padding:32px 16px;border-left:1px solid var(--gray-100);background:#fff;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;flex-shrink:0}
.kb-toc-label{font-size:10px;font-weight:600;color:var(--gray-400);letter-spacing:.07em;text-transform:uppercase;display:block;margin-bottom:12px}
.kb-toc a{display:block;font-size:12px;color:var(--gray-600);padding:5px 10px;border-left:2px solid var(--gray-200);margin-bottom:4px;text-decoration:none;line-height:1.4;transition:all .12s}
.kb-toc a:hover{color:var(--gray-900);border-left-color:var(--gray-400)}.kb-toc a.active{color:var(--g);border-left-color:var(--g);font-weight:500}
.kb-toc a.toc-h3{padding-left:22px;font-size:11px}
.kb-home-hero{background:linear-gradient(135deg,#f0faf7 0%,#fff 60%);border-bottom:1px solid var(--gray-200);padding:52px 36px 44px;text-align:center}
.kb-hero-badge{display:inline-block;background:var(--g-bg);color:var(--g-dark);font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:16px;letter-spacing:.03em}
.kb-home-hero h1{font-size:30px;font-weight:700;color:var(--gray-900);margin-bottom:10px;line-height:1.2}
.kb-home-hero>p{font-size:15px;color:var(--gray-600);margin-bottom:28px;max-width:480px;margin-left:auto;margin-right:auto}
.kb-hero-cta-wrap{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.kb-hero-support-msg{margin-top:16px!important;font-size:13px!important;color:var(--gray-400)!important;font-style:italic}
.kb-hero-cta-primary{display:inline-flex;align-items:center;gap:7px;background:var(--g);color:#fff!important;font-size:14px;font-weight:600;padding:11px 22px;border-radius:9px;text-decoration:none!important;transition:background .15s}
.kb-hero-cta-primary:hover{background:var(--g-mid)}
.kb-hero-cta-secondary{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--gray-800)!important;font-size:14px;font-weight:500;padding:11px 22px;border-radius:9px;border:1px solid var(--gray-200);text-decoration:none!important;transition:border-color .15s,background .15s}
.kb-hero-cta-secondary:hover{border-color:var(--g);background:var(--g-bg)}
.kb-cats-section{padding:28px 36px}
.kb-section-label{font-size:11px;font-weight:600;color:var(--gray-400);letter-spacing:.07em;text-transform:uppercase;display:block;margin-bottom:16px}
.kb-cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.kb-cat-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:20px;text-decoration:none;display:block;transition:border-color .15s,box-shadow .15s,transform .15s}
.kb-cat-card:hover{border-color:var(--g);box-shadow:0 4px 16px rgba(0,168,132,.1);transform:translateY(-1px);text-decoration:none}
.kb-cat-card-icon{width:40px;height:40px;border-radius:10px;background:var(--g-bg);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}
.kb-cat-card-img{width:24px;height:24px;object-fit:contain}
.kb-cat-card h3{font-size:13px;font-weight:600;color:var(--gray-900);margin-bottom:4px}
.kb-cat-card p{font-size:12px;color:var(--gray-600);line-height:1.5;margin-bottom:10px}
.kb-cat-card-count{font-size:11px;color:var(--g);font-weight:600}
.kb-tax-header{padding:28px 36px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--gray-200);background:#fff}
.kb-tax-hero-icon{width:52px;height:52px;border-radius:12px;background:var(--g-bg);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}
.kb-tax-header h1{font-size:22px;font-weight:600;color:var(--gray-900);margin-bottom:4px}
.kb-tax-header p{font-size:14px;color:var(--gray-600);margin-bottom:6px}
.kb-tax-count{font-size:12px;color:var(--g);font-weight:600}
.kb-article-list{padding:16px 36px 32px;display:flex;flex-direction:column;gap:8px}
.kb-article-item{background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;transition:border-color .12s;gap:16px}
.kb-article-item:hover{border-color:var(--g);text-decoration:none}
.kb-article-item-left h3{font-size:14px;font-weight:500;color:var(--gray-900);margin-bottom:3px}
.kb-article-item-left p{font-size:12px;color:var(--gray-600);margin-bottom:3px}
.kb-article-item-meta{font-size:11px;color:var(--gray-400)}
.kb-article-item svg{flex-shrink:0;color:var(--gray-400)}
.kb-empty-state{text-align:center;padding:48px 24px;color:var(--gray-400)}
.kb-empty-state span{font-size:36px;display:block;margin-bottom:12px}
.kb-empty-state p{font-size:14px;margin-bottom:12px}.kb-empty-state a{color:var(--g);font-size:13px}
.kb-footer{background:#fff;border-top:1px solid var(--gray-200);padding:20px 36px;text-align:center;font-size:12px;color:var(--gray-400)}
.kb-footer a{color:var(--g)}
@media(max-width:1024px){.kb-toc{display:none}}
@media(max-width:768px){
    .kb-sidebar{position:fixed;left:-100%;top:var(--header-h);height:calc(100% - var(--header-h));z-index:200;transition:left .25s;box-shadow:4px 0 20px rgba(0,0,0,.1)}
    .kb-sidebar.kb-sidebar-open{left:0}.kb-mobile-menu-btn{display:block}.kb-header-nav{display:none}
    .kb-article{padding:20px 18px}.kb-cats-section,.kb-tax-header,.kb-article-list{padding-left:18px;padding-right:18px}
    .kb-home-hero{padding:32px 18px}.kb-home-hero h1{font-size:22px}.kb-breadcrumb-bar{padding:10px 18px}
    .kb-hero-cta-wrap{flex-direction:column;align-items:center}
}