.mod-protese-arq{--bg:#0f172a;--bg-soft:#111827;--card:#ffffff;--ink:#0f172a;--muted:#475569;--line:#dbe4ef;--brand:#111827;--brand-2:#2563eb;--accent:#0ea5e9;--ok:#0f766e;--warn:#92400e;--danger:#b91c1c;background:#f8fafc;color:var(--ink)}
.mod-protese-arq .hero{background:linear-gradient(135deg,#0f172a,#111827 55%,#1d4ed8);color:#fff;padding:42px 0 28px;border-bottom:1px solid rgba(255,255,255,.08)}
.mod-protese-arq .hero .inner,.mod-protese-arq .wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.mod-protese-arq .hero h1{font-size:2.15rem;line-height:1.12;margin:0 0 10px}
.mod-protese-arq .hero p{font-size:1.02rem;line-height:1.65;color:#dbeafe;max-width:960px;margin:0 0 18px}
.mod-protese-arq .chips{display:flex;flex-wrap:wrap;gap:10px}
.mod-protese-arq .chip{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18);padding:8px 12px;border-radius:999px;font-size:.92rem}
.mod-protese-arq .wrap{padding:28px 22px 44px}
.mod-protese-arq .card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.05);margin-bottom:18px}
.mod-protese-arq .card h2{margin:0 0 12px;font-size:1.28rem}
.mod-protese-arq .card h3{margin:18px 0 10px;font-size:1.06rem}
.mod-protese-arq .card p{margin:0 0 12px;line-height:1.7;color:var(--muted)}
.mod-protese-arq .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.mod-protese-arq .nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.mod-protese-arq .nav-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:16px;padding:18px;background:linear-gradient(180deg,#fff,#f8fbff)}
.mod-protese-arq .nav-card:hover{border-color:#bfdbfe;box-shadow:0 12px 30px rgba(37,99,235,.10);transform:translateY(-2px)}
.mod-protese-arq .nav-card strong{display:block;font-size:1.04rem;margin-bottom:6px}
.mod-protese-arq .mini{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:16px}
.mod-protese-arq .kpi{font-size:1.7rem;font-weight:700;color:var(--brand-2);margin-bottom:6px}
.mod-protese-arq .legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.mod-protese-arq .legend span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:.92rem}
.mod-protese-arq .dot{width:12px;height:12px;border-radius:999px;display:inline-block}
.mod-protese-arq .dot.ui{background:#2563eb}.mod-protese-arq .dot.end{background:#7c3aed}.mod-protese-arq .dot.db{background:#0f766e}.mod-protese-arq .dot.ext{background:#ea580c}.mod-protese-arq .dot.job{background:#b45309}
.mod-protese-arq .diagram{overflow:auto;background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:18px}
.mod-protese-arq svg{max-width:100%;height:auto;display:block}
.mod-protese-arq .sequence,.mod-protese-arq .matrix{width:100%;border-collapse:collapse}
.mod-protese-arq .sequence th,.mod-protese-arq .sequence td,.mod-protese-arq .matrix th,.mod-protese-arq .matrix td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.mod-protese-arq .sequence th,.mod-protese-arq .matrix th{background:#eff6ff}
.mod-protese-arq code,.mod-protese-arq pre{background:#0f172a;color:#e2e8f0;border-radius:10px}
.mod-protese-arq code{padding:2px 6px;font-size:.92em}
.mod-protese-arq pre{padding:14px;overflow:auto;line-height:1.55}
.mod-protese-arq .ok,.mod-protese-arq .warn,.mod-protese-arq .risk{border-radius:14px;padding:14px 16px;border:1px solid}
.mod-protese-arq .ok{background:#ecfeff;border-color:#a5f3fc;color:#155e75}
.mod-protese-arq .warn{background:#fffbeb;border-color:#fde68a;color:#92400e}
.mod-protese-arq .risk{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.mod-protese-arq .nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.mod-protese-arq .nav a{display:inline-block;text-decoration:none;padding:10px 14px;border-radius:12px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}
.mod-protese-arq .muted{color:#64748b}
.mod-protese-arq .lane-title{font-weight:700;color:#0f172a;margin:4px 0 10px}
@media (max-width:720px){
  .mod-protese-arq .hero h1{font-size:1.7rem}
  .mod-protese-arq .wrap,.mod-protese-arq .hero .inner{padding:0 16px}
  .mod-protese-arq .card{padding:18px}
}