/* UCOE — UC SSO (Admin + front-end card styling)
   Designed to feel like a modern, premium web app without depending on a theme.
*/

.ucoe-shell.ucoe-shell--wide{max-width:1100px}

.ucoe-hero{border-radius:18px;padding:18px 18px 16px;background:linear-gradient(135deg,#0f172a,#111827 55%,#0b1220);color:#fff;box-shadow:0 18px 50px rgba(2,6,23,.25);border:1px solid rgba(148,163,184,.15);margin:14px 0 14px}
.ucoe-hero__badge{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.ucoe-hero__title{font-size:28px;font-weight:900;letter-spacing:-.02em;margin:6px 0 4px}
.ucoe-hero__sub{opacity:.9;max-width:72ch}

.ucoe-tabs{display:flex;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.ucoe-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:#fff;color:#0f172a;text-decoration:none;font-weight:700}
.ucoe-tab.is-active{background:#0f172a;color:#fff;border-color:#0f172a}

.ucoe-card{background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:16px;box-shadow:0 10px 30px rgba(2,6,23,.06);padding:16px}
.ucoe-card__head{margin:0 0 12px}
.ucoe-divider{height:1px;background:rgba(15,23,42,.10);margin:14px 0}
.ucoe-codegrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:900px){.ucoe-codegrid{grid-template-columns:1fr}}
.ucoe-codecard{border:1px solid rgba(15,23,42,.12);border-radius:14px;padding:12px;background:#f8fafc}
.ucoe-codecard__title{font-weight:900;margin:0 0 8px}
.ucoe-codecard pre{margin:0;white-space:pre-wrap;background:#0b1220;color:#e5e7eb;border-radius:12px;padding:12px;border:1px solid rgba(148,163,184,.2)}
.ucoe-muted{color:#475569;font-size:12px;margin-top:8px}
.ucoe-list{margin:0;padding-left:18px;line-height:1.9}
.ucoe-footnote{margin-top:10px;color:#475569;font-size:12px}

.ucoe-toggle{display:inline-flex;align-items:center;gap:10px;font-weight:800}
.ucoe-toggle input{transform:translateY(1px)}

/* Front-end SSO card (used by shortcodes) */
.ucoe-sso-wrap{display:flex;justify-content:center;align-items:stretch;padding:12px 0}
.ucoe-sso-card{width:100%;max-width:560px;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:18px;padding:16px;box-shadow:0 18px 60px rgba(2,6,23,.10)}
.ucoe-sso-title{font-size:20px;font-weight:900;letter-spacing:-.01em;margin:0 0 6px;color:#0f172a}
.ucoe-sso-sub{color:#475569;margin:0 0 12px;line-height:1.5}
.ucoe-sso-error{background:#fff7ed;border:1px solid rgba(234,88,12,.25);color:#9a3412;padding:10px 12px;border-radius:14px;margin:0 0 10px;font-weight:700}
.ucoe-sso-form{display:grid;gap:10px;margin:0}
.ucoe-sso-field span{display:block;font-weight:800;color:#0f172a;margin-bottom:6px}
.ucoe-sso-input{width:100%;border-radius:14px;border:1px solid rgba(15,23,42,.18);padding:12px 12px;font-size:14px;outline:none}
.ucoe-sso-input:focus{border-color:#0f172a;box-shadow:0 0 0 4px rgba(15,23,42,.08)}
.ucoe-sso-btn{width:100%;border-radius:14px;padding:10px 14px;font-weight:900}

/* Style presets (small accents only, keep behavior identical) */
.ucoe-sso-style-3 .ucoe-sso-card{box-shadow:none;border-radius:14px}
.ucoe-sso-style-6 .ucoe-sso-card{background:#0b1220;color:#e5e7eb;border-color:rgba(148,163,184,.18)}
.ucoe-sso-style-6 .ucoe-sso-title{color:#fff}
.ucoe-sso-style-6 .ucoe-sso-sub{color:#cbd5e1}
.ucoe-sso-style-6 .ucoe-sso-input{background:#0f172a;color:#e5e7eb;border-color:rgba(148,163,184,.25)}
.ucoe-sso-style-6 .ucoe-sso-input:focus{box-shadow:0 0 0 4px rgba(138,180,248,.12);border-color:#8ab4f8}