@import url('./rml-tokens.css');
/* Self-contained reusable RML components; semantic HTML, CSS tokens and no JS dependencies. */
.rml-root,.rml-root *{box-sizing:border-box}.rml-root{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--rml-ink);background:var(--rml-bg);min-height:100vh;line-height:1.5}.rml-root button{font:inherit;cursor:pointer}.rml-root button:focus-visible,.rml-root a:focus-visible{outline:3px solid var(--rml-focus);outline-offset:3px}.rml-root [disabled]{cursor:not-allowed;opacity:.46}.rml-root [hidden]{display:none!important}
.rml-surface{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--rml-border);border-radius:var(--rml-radius-lg);background:var(--rml-glass);box-shadow:0 14px 34px var(--rml-shadow),inset 0 1px rgba(255,255,255,.12)}.rml-surface::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.065),transparent 44%);pointer-events:none}.rml-surface[data-material="metal"]{background:var(--rml-metal)}.rml-surface[data-material="lumen"]{background:radial-gradient(circle at 75% 0%,rgba(98,194,254,calc(.32 * var(--rml-glow))),transparent 72%),var(--rml-glass)}
.rml-hero{padding:clamp(24px,4vw,52px);min-height:240px;display:flex;align-items:center;justify-content:space-between;gap:24px}.rml-hero h2{font-size:clamp(28px,3.7vw,49px);letter-spacing:-.05em;line-height:1.13;margin:9px 0 10px}.rml-hero p{max-width:650px;color:var(--rml-muted);margin:0;font-size:14px}.rml-eyebrow{font-weight:800;color:var(--rml-accent);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.rml-hero__art{flex:none;width:130px;max-width:25%;filter:drop-shadow(0 0 24px rgba(75,184,248,.28))}
.rml-card{width:100%;text-align:left;color:var(--rml-ink);padding:22px;min-height:185px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:transform var(--rml-transition),border-color var(--rml-transition),box-shadow var(--rml-transition)}.rml-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--rml-accent)}.rml-card[aria-pressed="true"],.rml-card[data-state="selected"]{border-color:var(--rml-accent);box-shadow:0 14px 35px var(--rml-shadow),0 0 calc(36px * var(--rml-glow)) rgba(85,171,250,.38)}.rml-card img{width:47px;height:47px;object-fit:contain}.rml-card strong{font-size:16px}.rml-card small{font-size:12px;color:var(--rml-muted)}.rml-card[data-state="pending"]{border-style:dashed}.rml-card[data-state="pending"]::after{content:'Pendente';font-size:10px;color:var(--rml-warning);position:absolute;right:15px;top:15px}.rml-card[data-state="error"]{border-color:var(--rml-danger)}
.rml-shell{display:grid;grid-template-columns:78px minmax(0,1fr);gap:20px;max-width:1440px;margin:0 auto;padding:24px}.rml-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:15px 10px;align-self:start;position:sticky;top:20px}.rml-mark-slot{width:47px;height:47px;border:1px dashed var(--rml-border);border-radius:13px;display:grid;place-items:center;color:var(--rml-muted);font-size:10px;text-align:center}.rml-nav-btn{width:52px;height:52px;display:grid;place-items:center;background:transparent;color:var(--rml-ink);border:1px solid transparent;border-radius:14px}.rml-nav-btn:hover,.rml-nav-btn[aria-current="page"]{border-color:var(--rml-border);background:rgba(105,179,240,.13)}.rml-nav-btn img{width:28px;height:28px}.rml-contexts,.rml-controls{display:flex;flex-wrap:wrap;gap:9px}.rml-pill{border:1px solid var(--rml-border);border-radius:999px;background:var(--rml-glass);color:var(--rml-ink);min-height:44px;padding:10px 17px}.rml-pill[aria-pressed="true"]{border-color:var(--rml-accent);background:rgba(89,163,230,.16)}.rml-status{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:var(--rml-muted)}.rml-status::before{content:'';width:9px;height:9px;background:var(--rml-muted);border-radius:100%}.rml-status[data-status="offline"]::before{background:var(--rml-warning)}.rml-status[data-status="synced"]::before{background:var(--rml-success)}.rml-status[data-status="error"]::before{background:var(--rml-danger)}.rml-panel{padding:24px}.rml-panel h3{margin:0 0 8px;font-size:17px}.rml-panel p{margin:0;color:var(--rml-muted);font-size:13px}.rml-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:1000px){.rml-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:690px){.rml-shell{display:block;padding:14px 14px 85px}.rml-rail{position:fixed;z-index:12;left:12px;right:12px;bottom:10px;top:auto;flex-direction:row;justify-content:space-around;padding:6px 12px;background:var(--rml-glass);backdrop-filter:blur(16px)}.rml-mark-slot{display:none}.rml-hero{padding:25px;min-height:205px}.rml-hero__art{width:65px}.rml-grid{gap:10px}.rml-card{min-height:160px;padding:15px}.rml-card img{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.rml-root *, .rml-root *::before,.rml-root *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.rml-card:hover{transform:none!important}}