/* AICOME Vault Admin CSS */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');

:root { --vg: #d4af37; --vg-dim: #a8892a; }

.vault-admin-wrap { font-family: 'Montserrat',sans-serif; max-width: 1100px; }
.vault-admin-title { font-family:'Montserrat',sans-serif!important; font-size:1.5rem!important; font-weight:800!important; display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem!important; }
.vault-admin-title span { color:#999; font-weight:400; }

.vault-stats { display:flex; gap:1rem; margin-bottom:1.5rem; flex-wrap:wrap; }
.vault-stat { background:#fff; border:1px solid #e2e2e2; border-top:3px solid var(--vg); padding:1.25rem 1.75rem; min-width:140px; }
.vault-stat-num { display:block; font-size:2rem; font-weight:800; color:#111; line-height:1; }
.vault-stat-lbl { display:block; font-size:0.7rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#999; margin-top:0.25rem; }

.vault-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; flex-wrap:wrap; }
.vault-search-form { display:flex; gap:0.5rem; align-items:center; flex-wrap:wrap; }
.vault-search-input { font-family:'Montserrat',sans-serif!important; padding:0.4rem 0.75rem!important; border:1px solid #ddd!important; border-radius:0!important; }

.vault-btn-gold { background:var(--vg)!important; color:#000!important; border:none!important; padding:0.55rem 1.25rem!important; font-family:'Montserrat',sans-serif!important; font-weight:700!important; font-size:0.78rem!important; letter-spacing:0.07em!important; text-transform:uppercase!important; cursor:pointer!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; text-decoration:none!important; display:inline-block; }
.vault-btn-gold:hover { background:var(--vg-dim)!important; color:#000!important; }

.vault-form-panel { background:#fff; border:1px solid #e2e2e2; border-top:3px solid var(--vg); padding:1.75rem; margin-bottom:1.5rem; max-width:660px; }
.vault-form-panel h3 { font-family:'Montserrat',sans-serif!important; font-weight:700!important; font-size:0.95rem!important; margin-bottom:1.25rem!important; padding-bottom:0.75rem!important; border-bottom:1px solid #eee!important; }
.vault-form-panel label { font-family:'Montserrat',sans-serif!important; font-size:0.72rem!important; font-weight:700!important; letter-spacing:0.06em!important; text-transform:uppercase!important; color:#888!important; }
.vault-form-panel input:focus, .vault-form-panel textarea:focus, .vault-form-panel select:focus { border-color:var(--vg)!important; box-shadow:0 0 0 1px var(--vg)!important; outline:none!important; }

.vault-table { font-family:'Montserrat',sans-serif!important; font-size:0.82rem!important; }
.vault-table thead th { font-family:'Montserrat',sans-serif!important; font-size:0.7rem!important; font-weight:700!important; letter-spacing:0.08em!important; text-transform:uppercase!important; color:#999!important; background:#fafafa!important; border-bottom:2px solid var(--vg)!important; padding:0.8rem 1rem!important; }
.vault-table td { padding:0.8rem 1rem!important; vertical-align:middle!important; }

.vault-code-cell { font-family:'Courier New',monospace; font-size:0.85rem; letter-spacing:0.05em; background:#f5f5f5; padding:0.2rem 0.5rem; }

.vault-badge { display:inline-block; padding:0.2rem 0.55rem; font-size:0.68rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; }
.vault-badge-active    { background:rgba(46,204,113,0.1); color:#27ae60; border:1px solid rgba(46,204,113,0.25); }
.vault-badge-revoked   { background:rgba(231,76,60,0.1);  color:#c0392b; border:1px solid rgba(231,76,60,0.2);  }
.vault-badge-expired   { background:rgba(127,140,141,0.1);color:#7f8c8d; border:1px solid rgba(127,140,141,0.2); }
.vault-badge-published { background:rgba(46,204,113,0.1); color:#27ae60; border:1px solid rgba(46,204,113,0.25); }
.vault-badge-coming_soon { background:rgba(212,175,55,0.1); color:var(--vg-dim); border:1px solid rgba(212,175,55,0.25); }

.vault-actions { display:flex; gap:0.4rem; flex-wrap:wrap; }

.vault-code-display { background:#1a1a1a; color:var(--vg); font-family:'Courier New',monospace; font-size:1.4rem; font-weight:700; letter-spacing:0.15em; padding:1.25rem; text-align:center; margin-top:1rem; border-left:3px solid var(--vg); }

#vault-admin-toast { position:fixed; bottom:2rem; right:2rem; background:#1a1a1a; color:var(--vg); border-left:3px solid var(--vg); padding:0.9rem 1.4rem; font-family:'Montserrat',sans-serif; font-size:0.82rem; font-weight:600; z-index:9999; display:none; box-shadow:0 4px 24px rgba(0,0,0,0.3); max-width:300px; }
#vault-admin-toast.error { border-color:#e74c3c; color:#e74c3c; }

.vault-settings-section { font-family:"Montserrat",sans-serif!important; font-size:0.85rem!important; font-weight:700!important; letter-spacing:0.08em!important; text-transform:uppercase!important; color:var(--vg-dim)!important; margin:2rem 0 0!important; padding-bottom:0.5rem!important; border-bottom:1px solid #e2e2e2!important; }

.vault-db-success { background:rgba(46,204,113,0.1); border-left:3px solid #27ae60; color:#1a7a45; padding:0.85rem 1rem; font-family:'Montserrat',sans-serif; font-size:0.85rem; font-weight:600; }
.vault-db-error   { background:rgba(231,76,60,0.1);  border-left:3px solid #e74c3c; color:#c0392b; padding:0.85rem 1rem; font-family:'Montserrat',sans-serif; font-size:0.85rem; font-weight:600; }
