/* VIRGO Pro Portal — dedicated stylesheet, layered on top of the main style.css */

:root{
  --pro-bg:#06121d;
  --pro-card:rgba(255,255,255,.045);
  --pro-card-br:rgba(255,255,255,.10);
  --pro-text:#e8edf3;
  --pro-muted:#8b96a3;
  --pro-accent:#4AA3DF;
  --pro-accent-2:#00a86b;
  --pro-warn:#ffb84d;
  --pro-err:#ff6b6b;
  --pro-ok:#5dd39e;
}

html,body{background:var(--pro-bg);color:var(--pro-text)}
.pro-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}
.pro-container{max-width:1180px;margin:0 auto;padding:0 28px;width:100%}

.pro-header{position:sticky;top:0;z-index:50;background:rgba(6,18,29,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--pro-card-br)}
.pro-header__inner{max-width:1180px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.pro-brand{font-size:18px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-decoration:none}
.pro-brand span{background:linear-gradient(120deg,#4AA3DF,#00a86b);-webkit-background-clip:text;background-clip:text;color:transparent}
.pro-nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.pro-nav a{color:var(--pro-text);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.02em;opacity:.85;transition:opacity .2s}
.pro-nav a:hover{opacity:1}
.pro-nav__cta{padding:10px 18px;border-radius:999px;background:linear-gradient(120deg,#4AA3DF,#00a86b);color:#fff!important;font-weight:600;opacity:1!important}

.pro-main{flex:1;padding:48px 0 80px}

h1.pro-h1{font-size:clamp(28px,3.2vw,42px);font-weight:800;line-height:1.1;margin:0 0 8px}
h1.pro-h1 span{background:linear-gradient(120deg,#4AA3DF,#00a86b);-webkit-background-clip:text;background-clip:text;color:transparent}
.pro-lede{color:var(--pro-muted);font-size:16px;line-height:1.7;max-width:680px;margin:0 0 36px}

.pro-card{background:var(--pro-card);border:1px solid var(--pro-card-br);border-radius:20px;padding:32px 36px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,.35);margin-bottom:24px}
.pro-card h2{font-size:22px;font-weight:700;margin:0 0 6px}
.pro-card h3{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--pro-muted);margin:0 0 18px}

.pro-grid{display:grid;gap:20px}
.pro-grid--2{grid-template-columns:1fr 1fr}
.pro-grid--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:780px){.pro-grid--2,.pro-grid--3{grid-template-columns:1fr}}

label.pro-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:#a8b4c2;margin:0 0 8px}
.pro-input,.pro-textarea,.pro-select{width:100%;padding:13px 16px;font:inherit;font-size:15px;color:var(--pro-text);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:12px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}
.pro-input:focus,.pro-textarea:focus,.pro-select:focus{border-color:var(--pro-accent);background:rgba(74,163,223,.06);box-shadow:0 0 0 3px rgba(74,163,223,.18)}
.pro-textarea{min-height:120px;resize:vertical;font-family:inherit}
.pro-field{margin-bottom:18px}

.pro-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font:inherit;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(120deg,#4AA3DF,#00a86b);border:none;border-radius:999px;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s}
.pro-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(74,163,223,.3)}
.pro-btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--pro-text)}
.pro-btn--ghost:hover{background:rgba(255,255,255,.05);box-shadow:none}
.pro-btn--danger{background:linear-gradient(120deg,#ff6b6b,#ff8e53)}

.pro-flash{padding:14px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;line-height:1.55}
.pro-flash--info{background:rgba(74,163,223,.10);border:1px solid rgba(74,163,223,.35);color:#cfe4f4}
.pro-flash--success{background:rgba(0,168,107,.10);border:1px solid rgba(0,168,107,.35);color:#b6e7d2}
.pro-flash--error{background:rgba(255,107,107,.10);border:1px solid rgba(255,107,107,.35);color:#ffc6c6}
.pro-flash--warn{background:rgba(255,184,77,.10);border:1px solid rgba(255,184,77,.35);color:#ffe2b3}

.pro-table{width:100%;border-collapse:collapse}
.pro-table th,.pro-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
.pro-table th{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--pro-muted);font-weight:600}

.pro-pill{display:inline-block;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pro-pill--pending{background:rgba(255,184,77,.12);color:#ffd99e;border:1px solid rgba(255,184,77,.35)}
.pro-pill--approved,.pro-pill--ok,.pro-pill--shipped{background:rgba(0,168,107,.12);color:#b6e7d2;border:1px solid rgba(0,168,107,.35)}
.pro-pill--open{background:rgba(74,163,223,.12);color:#cfe4f4;border:1px solid rgba(74,163,223,.35)}
.pro-pill--closed{background:rgba(255,255,255,.06);color:#a8b4c2;border:1px solid rgba(255,255,255,.18)}

.pro-prod{display:flex;gap:24px;align-items:center;padding:20px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);margin-bottom:16px}
.pro-prod__img{width:90px;height:120px;flex:none;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);border-radius:14px;overflow:hidden}
.pro-prod__img img{max-width:80%;max-height:100%;object-fit:contain}
.pro-prod__body{flex:1}
.pro-prod__body h3{margin:0 0 4px;color:#fff;font-size:18px;font-weight:700;text-transform:none;letter-spacing:0}
.pro-prod__body p{margin:0;color:var(--pro-muted);font-size:14px;line-height:1.6}
.pro-prod__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}

.pro-link{color:var(--pro-accent);text-decoration:none;font-weight:600}
.pro-link:hover{text-decoration:underline}

.pro-footer{padding:24px 0;border-top:1px solid var(--pro-card-br);color:var(--pro-muted);font-size:13px;text-align:center;background:rgba(0,0,0,.25)}
.pro-footer a{color:var(--pro-accent);text-decoration:none}

.pro-auth-wrap{max-width:520px;margin:32px auto}
.pro-auth-wrap h1{text-align:center}
.pro-auth-wrap .pro-lede{text-align:center;margin-left:auto;margin-right:auto}

.pro-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.pro-stat{background:var(--pro-card);border:1px solid var(--pro-card-br);border-radius:16px;padding:20px}
.pro-stat__num{font-size:32px;font-weight:800;line-height:1;margin:0 0 4px}
.pro-stat__label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--pro-muted)}
@media (max-width:780px){.pro-stats{grid-template-columns:repeat(2,1fr)}}