:root { --srvx-primary: #2563eb; --srvx-muted: #6b7280; --srvx-bg: #ffffff; --srvx-border: #e5e7eb; }
.srvx-card { background: var(--srvx-bg); border: 1px solid var(--srvx-border); border-radius: 12px; padding: 1rem; box-shadow: 0 6px 20px rgba(0,0,0,.06); max-width: 1100px; margin: 1rem auto; }
.srvx-row { display:flex; gap:1rem; flex-wrap:wrap; }
.srvx-row > * { flex:1; min-width: 220px; }
.srvx-btn { appearance:none; border:1px solid var(--srvx-border); background:#fff; color:#111827; padding:.6rem 1rem; border-radius:10px; cursor:pointer; transition:.2s; }
.srvx-btn:hover { transform: translateY(-1px); }
.srvx-primary { background: var(--srvx-primary); color:#fff; border-color: var(--srvx-primary); }
.srvx-quote { margin:.6rem 0; color:#111827; }
.srvx-actions { display:flex; gap:.6rem; }
.srvx-calendar { width:100%; border-collapse: collapse; }
.srvx-calendar th, .srvx-calendar td { border:1px solid var(--srvx-border); padding:.5rem; text-align:center; }
.srvx-ok { color: #16a34a; font-weight: 600; }
.srvx-no { color: #dc2626; font-weight: 600; }
.srvx-steps{display:flex;gap:.5rem;list-style:none;padding:0;margin:1rem 0}
.srvx-steps li{padding:.3rem .6rem;border:1px solid var(--srvx-border);border-radius:8px;color:#374151}
.srvx-steps li.current{background:var(--srvx-primary);color:#fff;border-color:var(--srvx-primary)}
.srvx-wizard-nav{margin-top:1rem;display:flex;gap:.5rem}