:root{--pf-primary: #002448;--pf-primary-mid: #0a3a6b;--pf-secondary: #b29959;--pf-secondary-dark: #8f7a45;--pf-whatsapp: #25d366;--pf-bg: #eeeeee;--pf-surface: #ffffff;--pf-text: #1c1c1c;--pf-muted: #5f6368;--pf-line: #e0e0e0;--pf-sidebar: 248px;--pf-top: 56px;--pf-radius: 8px;--pf-shadow: 0 1px 3px rgba(0, 36, 72, .12)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,system-ui,-apple-system,sans-serif;background:var(--pf-bg);color:var(--pf-text);line-height:1.55}img{max-width:100%}a{color:var(--pf-primary-mid)}a:hover{color:var(--pf-secondary-dark)}.pf-topbar{position:fixed;inset:0 0 auto;height:var(--pf-top);background:var(--pf-primary);color:#fff;display:flex;align-items:center;gap:16px;padding:0 16px;z-index:30;box-shadow:0 2px 6px #0003}.pf-topbar a{color:#fff;text-decoration:none}.pf-brand{display:flex;align-items:center;gap:12px;min-width:0}.pf-brand img{height:36px;width:auto;background:#fff;border-radius:4px;padding:2px 6px}.pf-brand span{font-weight:500;letter-spacing:.02em;border-left:1px solid rgba(178,153,89,.7);padding-left:12px;color:var(--pf-secondary)}.pf-menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer;padding:4px}.pf-sidebar{position:fixed;top:var(--pf-top);left:0;bottom:0;width:var(--pf-sidebar);background:var(--pf-surface);border-right:1px solid var(--pf-line);overflow-y:auto;z-index:20;padding:12px 0 32px}.pf-nav-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-muted);padding:16px 20px 6px}.pf-nav a{display:flex;align-items:center;gap:10px;padding:8px 16px;margin:0 8px;border-radius:8px;color:var(--pf-primary);text-decoration:none;font-size:14px}.pf-nav a:hover{background:#f3f0e7;color:var(--pf-primary)}.pf-nav a.is-active{background:#f7f1de;color:var(--pf-secondary-dark);font-weight:500}.pf-nav a i{font-size:18px;width:22px;text-align:center;color:var(--pf-secondary)}.pf-main{margin-left:var(--pf-sidebar);margin-top:var(--pf-top);padding:28px 36px 72px;max-width:1080px}.pf-crumb{font-size:13px;color:var(--pf-muted);margin-bottom:12px}.pf-crumb a{color:var(--pf-primary-mid);text-decoration:none}.pf-crumb a:hover{text-decoration:underline}h1{margin:0 0 8px;font-size:28px;font-weight:500;color:var(--pf-primary);line-height:1.25}.pf-lead{font-size:16px;color:var(--pf-muted);margin:0 0 28px;max-width:70ch}h2{margin:32px 0 12px;font-size:20px;font-weight:500;color:var(--pf-primary)}h3{margin:20px 0 8px;font-size:16px;font-weight:500;color:var(--pf-primary)}.pf-search-hero{background:linear-gradient(135deg,#002448,#0a3a6b 70%);color:#fff;border-radius:16px;padding:28px 24px 24px;margin:0 0 28px;box-shadow:0 8px 24px #00244838}.pf-search-hero h1{color:#fff;margin-bottom:8px}.pf-search-hero p{margin:0 0 18px;color:#ffffffdb;max-width:62ch}.pf-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--pf-line);border-radius:8px;padding:10px 14px;margin:8px 0 28px;max-width:520px;box-shadow:var(--pf-shadow)}.pf-search-lg{max-width:none;margin:0;padding:16px 18px;border:2px solid var(--pf-secondary);border-radius:12px;box-shadow:0 4px 18px #0000002e}.pf-search-lg input{font-size:18px;min-height:28px}.pf-search-lg i{font-size:26px}.pf-search i{color:var(--pf-secondary);font-size:20px}.pf-search input{border:0;outline:0;flex:1;font:inherit;background:transparent}.pf-search-results{margin-bottom:32px}.pf-search-results h2{margin-top:8px}.pf-search-empty{display:none;color:var(--pf-muted);margin:8px 0 24px}.pf-featured{background:linear-gradient(135deg,#002448,#0a3a6b 60%,#1a4f7a);color:#fff;border-radius:12px;padding:24px;margin-bottom:36px;box-shadow:var(--pf-shadow)}.pf-featured h2{color:var(--pf-secondary);margin:0 0 6px}.pf-featured p{margin:0 0 18px;color:#ffffffd1}.pf-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.pf-featured .pf-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pf-card{display:flex;flex-direction:column;background:#fff;border-radius:10px;padding:16px;text-decoration:none;color:inherit;border:1px solid var(--pf-line);box-shadow:var(--pf-shadow);min-height:140px;transition:transform .12s ease,box-shadow .12s ease}.pf-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00244829;color:inherit}.pf-featured .pf-card{border-color:transparent}.pf-card i{font-size:26px;color:var(--pf-secondary);margin-bottom:8px}.pf-card strong{color:var(--pf-primary);font-size:15px}.pf-card span{font-size:13px;color:var(--pf-muted);margin-top:6px}.pf-card .pf-badge{align-self:flex-start;margin-top:auto;padding-top:10px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pf-secondary-dark)}.pf-section-title{display:flex;align-items:center;gap:8px}.pf-card-block{background:#fff;border-radius:10px;box-shadow:var(--pf-shadow);border:1px solid var(--pf-line);margin:16px 0 24px;overflow:hidden}.pf-card-head{background:var(--pf-primary);color:#fff;padding:10px 16px;font-weight:500;display:flex;align-items:center;gap:8px}.pf-card-head.gold{background:var(--pf-secondary);color:var(--pf-primary)}.pf-card-head.teal{background:#00897b}.pf-card-head.purple{background:#6a1b9a}.pf-card-head.indigo{background:#3949ab}.pf-card-body{padding:16px 18px}.pf-steps{list-style:none;margin:0;padding:0;counter-reset:step}.pf-steps li{position:relative;padding:10px 0 10px 44px;border-bottom:1px solid var(--pf-line)}.pf-steps li:last-child{border-bottom:0}.pf-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:10px;width:28px;height:28px;border-radius:50%;background:var(--pf-secondary);color:var(--pf-primary);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.pf-callout{border-left:4px solid var(--pf-secondary);background:#faf7ef;padding:12px 16px;margin:16px 0;border-radius:0 8px 8px 0}.pf-callout.warn{border-left-color:#c62828;background:#fdecea}.pf-callout.ok{border-left-color:var(--pf-whatsapp);background:#e8f8ee}.pf-callout strong{display:block;color:var(--pf-primary);margin-bottom:4px}.pf-glossary{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.pf-glossary th,.pf-glossary td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--pf-line);vertical-align:top}.pf-glossary th{background:#f5f5f5;color:var(--pf-primary);font-weight:500;width:28%}.pf-glossary code{font-size:12px;background:#eef2f6;padding:1px 5px;border-radius:4px}.pf-related{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pf-related a{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--pf-line);border-radius:999px;padding:6px 12px;text-decoration:none;font-size:13px;color:var(--pf-primary)}.pf-related a:hover{border-color:var(--pf-secondary);background:#f7f1de}.pf-footer{margin-top:48px;padding-top:16px;border-top:1px solid var(--pf-line);font-size:12px;color:var(--pf-muted)}.mock{background:#e0e0e0;border-radius:10px;overflow:hidden;box-shadow:var(--pf-shadow);margin:16px 0 24px;font-size:13px}.mock-bar{background:var(--pf-primary);color:#fff;padding:8px 12px;display:flex;align-items:center;gap:8px;font-weight:500}.mock-bar .gold{color:var(--pf-secondary)}.mock-body{display:grid;grid-template-columns:220px 1fr;min-height:280px;background:#eee}.mock-side{background:#fff;border-right:1px solid var(--pf-line);padding:8px 0}.mock-side .tab{display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:12px}.mock-side .tab.active{background:#e8f5e9;color:#2e7d32;font-weight:500}.mock-side .tab.waiting{color:#c62828}.mock-side .tab.ai{color:#6a1b9a;background:#f3e5f5}.mock-side .item{display:flex;gap:8px;padding:8px 12px;border-top:1px solid #f0f0f0}.mock-side .avatar{width:32px;height:32px;border-radius:50%;background:var(--pf-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.mock-thread{display:flex;flex-direction:column;padding:12px;gap:8px}.mock-pill{align-self:center;background:#cfd8dc;color:#37474f;font-size:11px;padding:2px 10px;border-radius:999px}.mock-bubble{max-width:78%;padding:8px 12px;border-radius:10px;background:#fff}.mock-bubble.out{align-self:flex-end;background:#dcf8c6}.mock-bubble.ai{align-self:flex-end;background:#ede7f6}.mock-bubble .who{font-size:11px;font-weight:700;color:#6a1b9a;margin-bottom:2px}.mock-composer{margin-top:auto;background:#fff;border:1px dashed #b29959;border-radius:8px;padding:8px 10px;color:var(--pf-muted)}.mock-composer.locked{background:#fff8e1}.mock-form{background:#fff;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.mock-field{border:1px solid #bdbdbd;border-radius:6px;padding:8px 10px;position:relative}.mock-field label{display:block;font-size:11px;color:var(--pf-muted)}.mock-field .val{font-weight:500;color:var(--pf-primary)}.mock-field .n{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--pf-secondary);color:var(--pf-primary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.mock-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.mock-chip.ok{background:#e8f5e9;color:#2e7d32}.mock-chip.warn{background:#fff3e0;color:#ef6c00}.mock-chip.err{background:#ffebee;color:#c62828}.mock-chip.wa{background:#e8f8ee;color:#128c7e}.mock-table{width:100%;border-collapse:collapse;background:#fff}.mock-table th,.mock-table td{padding:8px 12px;border-bottom:1px solid var(--pf-line);text-align:left;font-size:13px}.mock-table th{background:#fafafa;color:var(--pf-muted);font-weight:500}.pf-legend{display:grid;gap:8px;margin:0 0 24px}.pf-legend div{display:flex;gap:10px;align-items:flex-start}.pf-legend .n{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--pf-secondary);color:var(--pf-primary);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}@media(max-width:900px){.pf-menu-toggle{display:inline-flex}.pf-sidebar{transform:translate(-105%);transition:transform .2s ease;box-shadow:4px 0 16px #0000002e}body.nav-open .pf-sidebar{transform:none}.pf-main{margin-left:0;padding:20px 16px 56px}.mock-body,.mock-form{grid-template-columns:1fr}}.docs-shell{display:block}.docs-shell .pf-sidebar{top:var(--pf-nav, 72px)}.docs-shell .pf-main{margin-top:0}
