.demo-divider{display:flex;align-items:center;gap:12px;color:#8a948f;font-size:12px;margin:2px 0}.demo-divider::before,.demo-divider::after{content:"";height:1px;flex:1;background:#e1e7e3}.demo-entry{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;border:1px solid #efb49f;border-radius:14px;padding:12px 14px;color:#17233d;text-decoration:none;background:#fff8f4;transition:.18s ease}.demo-entry:hover{border-color:#eb7d5c;background:#fff2ea;transform:translateY(-1px);box-shadow:0 8px 22px rgba(226,111,78,.12)}.demo-entry-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ef7b59;color:#fff;font-size:12px}.demo-entry strong,.demo-entry small{display:block}.demo-entry strong{font-size:14px}.demo-entry small{font-size:11px;color:#77827e;margin-top:2px}.demo-entry b{color:#d86242;font-size:18px}.demo-banner{min-height:44px;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 22px;background:#fff0e9;border-bottom:1px solid #f2c6b6;color:#6b4336;position:sticky;top:0;z-index:30}.demo-banner.hidden{display:none}.demo-banner span{font-size:10px;font-weight:900;letter-spacing:.16em;padding:4px 8px;border-radius:999px;background:#ef7b59;color:#fff}.demo-banner p{margin:0;font-size:12px}.demo-banner a{font-size:12px;font-weight:800;color:#9a4d35;margin-left:auto}.demo-mode .topbar{top:44px}.demo-mode .user #avatar{background:#fce5dc;color:#d55e3d}.demo-mode .user small{color:#d86242}.demo-mode .content::before{content:"Ambiente de demonstração · dados fictícios";display:none}.demo-mode .portal-open-link{pointer-events:none;opacity:.6}.demo-mode .sidebar nav::after{content:"DADOS 100% FICTÍCIOS";display:block;margin:12px 17px 4px;padding:8px;text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#9ecfc8;font-size:9px;font-weight:800;letter-spacing:.12em}
.demo-inside-entry{color:#f2ae91!important}.demo-inside-entry i{background:rgba(239,123,89,.12)!important;color:#f2ae91!important}.demo-inside-entry:hover{background:rgba(239,123,89,.1)!important}.demo-mode .demo-inside-entry{display:none}.demo-intro{display:grid;gap:20px}.demo-intro-visual{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #f2d5c8;border-radius:17px;background:linear-gradient(135deg,#fff2eb,#f1f8f5)}.demo-intro-visual>span{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:15px;background:linear-gradient(135deg,#ef7b59,#e76a48);color:#fff;font-size:22px;box-shadow:0 10px 24px rgba(226,105,70,.22)}.demo-intro-visual small,.demo-intro-visual strong{display:block}.demo-intro-visual small{margin-bottom:5px;color:#d55e3d;font-size:9px;font-weight:900;letter-spacing:.15em}.demo-intro-visual strong{color:#17233d;font:500 19px Georgia,serif}.demo-intro>p{margin:0;color:#687779;font-size:13px;line-height:1.65}.demo-intro-points{display:grid;gap:9px}.demo-intro-points article{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:11px 13px;border:1px solid #e3e9e5;border-radius:13px;background:#fff}.demo-intro-points i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e7f3ef;color:#2e8b83;font-style:normal;font-weight:900}.demo-intro-points strong,.demo-intro-points small{display:block}.demo-intro-points strong{color:#22314a;font-size:12px}.demo-intro-points small{margin-top:3px;color:#7d8988;font-size:10px;line-height:1.4}.demo-intro-note{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:11px;padding:13px;border-radius:14px;background:#172b45;color:#fff}.demo-intro-note>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#ef7b59;font:20px Georgia}.demo-intro-note p,.demo-intro-note strong{margin:0;display:block}.demo-intro-note p{color:#becbd3;font-size:10px;line-height:1.5}.demo-intro-note strong{color:#fff;font-size:11px}.demo-intro-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:3px}.demo-intro-actions .secondary,.demo-intro-actions .primary{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:44px;margin:0;padding:0 17px;text-decoration:none}.demo-intro-actions .primary span{margin-left:8px}
@media(max-width:760px){.demo-entry{padding:11px}.demo-banner{justify-content:flex-start;min-height:50px;padding:7px 58px 7px 14px;gap:8px}.demo-banner p{font-size:10px;line-height:1.25}.demo-banner a{position:absolute;right:10px;font-size:0}.demo-banner a::after{content:"Sair";font-size:11px}.demo-mode .topbar{top:50px}.demo-mode .sidebar{top:50px;height:calc(100dvh - 50px)}.demo-intro{gap:15px}.demo-intro-visual{align-items:flex-start;padding:14px}.demo-intro-visual>span{width:42px;height:42px;flex-basis:42px}.demo-intro-visual strong{font-size:17px}.demo-intro-actions{display:grid;grid-template-columns:1fr}.demo-intro-actions>*{width:100%!important}.demo-intro-actions .primary{order:-1}}