/*
BIAL Trading - CSS categorizado para reutilización
Origen: extraído de Main.html

Guía rápida de secciones:
1. Reset y base global
2. Promo superior
3. Navegación
4. Hero principal
5. Estadísticas
6. Layout y secciones genéricas
7. Tarjetas de productos
8. Tags, métricas y gráficos
9. Notices / alertas
10. Footer de card y botones
11. Bloque Telegram
12. Features
13. Testimonios
14. Footer general
15. Utilidades y animaciones
16. Responsive

Notas para editar rápido:
- Color acento principal: #f5a623
- Fondo dominante: #0d0c08 / #111009
- Acento Telegram/azul: #60a5fa
- Verde de estado real/rendimiento: #4ade80
*/

*{box-sizing:border-box;margin:0;padding:0}
body{background:#111009;font-family:Arial,sans-serif;color:#e8e0d0}
a{text-decoration:none}
/* PROMO */
.promo{background:#1a1200;border-bottom:0.5px solid #3d2e00;padding:9px 2rem;text-align:center;font-size:12px;color:#c8960a;letter-spacing:0.5px}
.promo strong{color:#f5a623}
.promo a{color:#f5a623;font-weight:700}
/* NAV */
.nav{background:#0d0c08;border-bottom:0.5px solid #2a2000;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:100}
.nav-links{display:flex;gap:1.5rem}
.nav-links a{color:#8a7a5a;font-size:13px;cursor:pointer}
.nav-links a:hover{color:#f5a623}
.nav-right{display:flex;gap:8px;align-items:center}
.tg-btn{background:#0a1628;color:#60a5fa;border:0.5px solid #1e3a6e;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;text-decoration:none}
.tg-btn:hover{border-color:#60a5fa}
.cart-btn{background:#f5a623;color:#1a0e00;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer}
.auth-links{display:flex;gap:10px;align-items:center}
.auth-links a{color:#8a7a5a;font-size:12px;font-weight:700}
.auth-links a:hover{color:#f5a623}
.auth-links .auth-user{color:#f5a623;font-size:12px}
.auth-links .auth-logout{background:transparent;border:0.5px solid #3a2a10;color:#8a7a5a;border-radius:6px;padding:6px 10px;font-size:11px;cursor:pointer}
.auth-links .auth-logout:hover{color:#f5a623;border-color:#f5a623}
/* HERO */
.hero{background:#0d0c08;padding:4rem 2rem 3.5rem;text-align:center;border-bottom:0.5px solid #2a2000}
.hero-badge{display:inline-block;background:#1a1200;color:#f5a623;border:0.5px solid #3d2e00;border-radius:20px;padding:5px 16px;font-size:11px;margin-bottom:1.2rem;letter-spacing:2px;font-weight:700}
.hero h1{font-size:36px;font-weight:900;color:#fff;line-height:1.2;max-width:560px;margin:0 auto 0.8rem;letter-spacing:-0.5px}
.hero h1 span{color:#f5a623}
.hero p{color:#7a6a4a;font-size:14px;max-width:440px;margin:0 auto 1.8rem;line-height:1.7}
.hero-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn-primary{background:#f5a623;color:#1a0e00;border:none;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer}
.btn-tg{background:#0a1628;color:#60a5fa;border:0.5px solid #1e3a6e;border-radius:8px;padding:12px 22px;font-size:14px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:7px;text-decoration:none}
/* STATS */
.stats{display:flex;justify-content:center;gap:3rem;padding:1.8rem 2rem;border-bottom:0.5px solid #1e1800;background:#0d0c08;flex-wrap:wrap}
.stat{text-align:center}
.stat-num{font-size:22px;font-weight:700;color:#f5a623}
.stat-label{font-size:10px;color:#5a4a2a;margin-top:2px;letter-spacing:0.5px}
/* SECTION */
.section{padding:2.5rem 2rem;max-width:1100px;margin:0 auto}
.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.2rem;flex-wrap:wrap;gap:8px}
.section-title{font-size:18px;font-weight:700;color:#fff}
.section-note{font-size:11px;color:#5a4a2a}
.section-note span{color:#fb923c}
/* PRODUCT GRID */
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.pc{background:#131108;border:0.5px solid #2a2000;border-radius:12px;overflow:hidden;transition:border-color 0.2s}
.pc:hover{border-color:#f5a623}
.pc.featured{border:1.5px solid #f5a623}
.pc-top{display:flex}
.pc-chart-visual{position:relative;background:#0a0900;border-top:0.5px solid #2a2000;border-bottom:0.5px solid #2a2000;overflow:hidden}
.pc-chart-img{width:100%;height:220px;object-fit:cover;display:block}
.pc-chart-caption{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 10px;font-size:8px;color:#e8e0d0;letter-spacing:1px;background:linear-gradient(transparent,rgba(10,9,0,0.92))}
.pc-img{width:90px;min-height:130px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#0e0c06;border-right:0.5px solid #2a2000;position:relative}
.pc-product-img{max-width:72px;max-height:72px;object-fit:contain;border-radius:6px}
.dest-badge{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:#1a1200;color:#f5a623;border:0.5px solid #6b4c00;border-radius:4px;font-size:9px;font-weight:700;padding:2px 6px;letter-spacing:1px;white-space:nowrap}
.pc-info{padding:12px;flex:1}
.pc-name{font-size:15px;font-weight:900;color:#fff;line-height:1.2;margin-bottom:3px}
.pc-sub{font-size:10px;color:#7a6a4a;letter-spacing:0.5px;margin-bottom:8px}
.tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}
.tag{font-size:9px;border-radius:4px;padding:2px 6px;font-weight:700;letter-spacing:0.5px}
.tag.gold{background:#1a1500;color:#c8960a;border:0.5px solid #3d2e00}
.tag.mt5{background:#0a1628;color:#60a5fa;border:0.5px solid #1e3a6e}
.tag.live{background:#052e16;color:#4ade80;border:0.5px solid #166534}
.tag.warn{background:#1a0800;color:#fb923c;border:0.5px solid #7c2d12}
.metrics-row{display:flex;gap:6px;margin-bottom:10px}
.mini-metric{background:#0e0c06;border:0.5px solid #2a2000;border-radius:6px;padding:6px 8px;flex:1;text-align:center}
.mm-label{font-size:8px;color:#5a4a2a;margin-bottom:2px;letter-spacing:0.5px}
.mm-val{font-size:13px;font-weight:700;color:#f5a623}
.mm-val.green{color:#4ade80}
/* CHART (legacy svg — ya no se usa en cards) */
.pc-chart{background:#0a0900;border-top:0.5px solid #2a2000;padding:8px 12px}
.chart-lbl{font-size:8px;color:#5a4a2a;letter-spacing:1px;margin-bottom:5px}
/* NOTICES */
.notice{margin:0 12px 8px;border-radius:7px;padding:8px 10px;display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.5}
.notice.orange{background:#1a0800;border:0.5px solid #7c2d12;color:#7c3a1a}
.notice.blue{background:#0d1220;border:0.5px solid #1e3a6e;color:#3a5a8a}
.notice strong{display:block;margin-bottom:2px;font-size:10px}
.notice.orange strong{color:#fb923c}
.notice.blue strong{color:#60a5fa}
.notice a{color:#f5a623;font-weight:700;font-size:10px}
/* FOOTER CARD */
.pc-footer{background:#0e0c06;border-top:0.5px solid #2a2000;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.price-wrap{display:flex;align-items:baseline;gap:6px}
.price{font-size:22px;font-weight:900;color:#f5a623}
.price-note{font-size:10px;color:#5a4a2a}
.btns{display:flex;gap:6px}
.btn-consult{background:#0d1220;color:#60a5fa;border:0.5px solid #1e3a6e;border-radius:6px;padding:7px 10px;font-size:11px;cursor:pointer;font-weight:700;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.btn-buy{background:#f5a623;color:#1a0e00;border:none;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
/* TELEGRAM SECTION */
.tg-section{background:#0a0900;border-top:0.5px solid #1e1800;border-bottom:0.5px solid #1e1800;padding:2.5rem 2rem}
.tg-inner{max-width:1100px;margin:0 auto}
.tg-title{font-size:22px;font-weight:900;color:#fff;line-height:1.3;margin-bottom:0.7rem}
.tg-title span{color:#f5a623}
.tg-desc{font-size:13px;color:#7a6a4a;line-height:1.7;margin-bottom:1.2rem;max-width:480px}
.tg-handle{display:inline-flex;align-items:center;gap:14px;background:#0d1220;border:1px solid #1e3a6e;border-radius:12px;padding:16px 20px;margin-bottom:1.2rem;cursor:pointer;transition:border-color 0.2s;text-decoration:none;max-width:360px}
.tg-handle:hover{border-color:#60a5fa}
.tg-icon{width:44px;height:44px;border-radius:50%;background:#1e3a6e;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tg-at{font-size:22px;font-weight:900;color:#60a5fa;letter-spacing:0.5px}
.tg-sub{font-size:11px;color:#3a5a8a;margin-top:3px}
.feats{display:flex;flex-direction:column;gap:9px}
.feat{display:flex;align-items:center;gap:10px;font-size:12px;color:#7a6a4a}
.feat-dot{width:7px;height:7px;border-radius:50%;background:#f5a623;flex-shrink:0}
/* FEATURES */
.features{background:#080700;border-top:0.5px solid #1e1800;border-bottom:0.5px solid #1e1800;padding:2.5rem 2rem}
.features-inner{max-width:1100px;margin:0 auto}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:1.2rem}
.fi{display:flex;gap:12px;align-items:flex-start}
.ficon{width:34px;height:34px;border-radius:8px;background:#1a1200;border:0.5px solid #3d2e00;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;color:#f5a623}
.ftitle{font-size:13px;font-weight:700;color:#f0e8d8;margin-bottom:2px}
.fdesc{font-size:11px;color:#5a4a2a;line-height:1.5}
/* TESTIMONIALS */
.testi{padding:2.5rem 2rem;max-width:1100px;margin:0 auto}
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:1rem}
.tc{background:#131108;border:0.5px solid #2a2000;border-radius:10px;padding:14px}
.tstars{color:#f5a623;font-size:12px;margin-bottom:7px}
.ttext{font-size:12px;color:#7a6a4a;line-height:1.6;margin-bottom:10px}
.tauthor{display:flex;align-items:center;gap:9px}
.tavatar{width:30px;height:30px;border-radius:50%;background:#1a1200;border:0.5px solid #6b4c00;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#f5a623}
.tname{font-size:12px;font-weight:700;color:#f0e8d8}
.tcountry{font-size:10px;color:#3a2a10}
/* FOOTER */
footer{background:#080700;border-top:0.5px solid #1e1800;padding:1.8rem 2rem;text-align:center}
.flinks{display:flex;gap:1.2rem;justify-content:center;margin-bottom:0.8rem;flex-wrap:wrap}
.flinks a{color:#3a2a10;font-size:11px;cursor:pointer}
.flinks a:hover{color:#7a6a4a}
.fcopy{font-size:10px;color:#3a2a10}
.fcopy span{color:#f5a623}
/* PULSE */
.real-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:pulse 1.5s infinite;display:inline-block;margin-right:3px;vertical-align:middle}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}
/* RESPONSIVE */
@media(max-width:600px){
  .nav-links{display:none}
  .hero h1{font-size:26px}
  .stats{gap:1.5rem}
  .pc-top{flex-direction:column}
  .pc-img{width:100%;min-height:80px}
  .pc-chart-img{height:180px}
}
/* AUTH (login / registro) */
.auth-page-body{min-height:100vh;display:flex;flex-direction:column;background:#111009}
.auth-nav{padding:0 1.5rem;height:64px}
.auth-nav-logo{display:flex;align-items:center;text-decoration:none}
.auth-nav-logo .bial-logo{height:38px;width:auto}
.auth-nav-back{color:#8a7a5a;font-size:13px;font-weight:700}
.auth-nav-back:hover{color:#f5a623}
.auth-page-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem 3rem}
.auth-page-footer{padding:1.2rem 1.5rem;text-align:center;border-top:0.5px solid #1e1800;background:#080700}
.auth-card{width:100%;max-width:420px;background:#131108;border:0.5px solid #2a2000;border-radius:14px;padding:2rem 1.75rem;box-shadow:0 12px 40px rgba(0,0,0,0.35)}
.auth-card-head{text-align:center;margin-bottom:1.75rem}
.auth-card-head .hero-badge{margin-bottom:0.9rem}
.auth-card-head h1{font-size:26px;font-weight:900;color:#fff;line-height:1.2;margin:0 0 0.5rem}
.auth-card-head h1 span{color:#f5a623}
.auth-sub{font-size:13px;color:#7a6a4a;margin:0}
.auth-form{display:flex;flex-direction:column;gap:1rem}
.auth-field{display:flex;flex-direction:column;gap:0.35rem}
.auth-field label{font-size:11px;font-weight:700;color:#c8960a;letter-spacing:0.5px;text-transform:uppercase}
.auth-input{background:#0e0c06;border:0.5px solid #2a2000;border-radius:8px;padding:12px 14px;font-size:14px;color:#e8e0d0;width:100%;outline:none;transition:border-color 0.2s}
.auth-input:focus{border-color:#f5a623}
.auth-input::placeholder{color:#5a4a2a}
.auth-field-error{font-size:11px;color:#fb923c}
.auth-remember{display:flex;align-items:center;gap:8px;font-size:12px;color:#7a6a4a;cursor:pointer}
.auth-remember input{accent-color:#f5a623}
.auth-submit{width:100%;margin-top:0.25rem;padding:13px;font-size:14px;border-radius:8px}
.auth-alert{background:#1a0800;border:0.5px solid #7c2d12;border-radius:8px;padding:10px 12px;font-size:12px;color:#fb923c;line-height:1.5}
.auth-alert:empty{display:none}
.auth-alert ul{margin:0;padding-left:1.1rem}
.auth-links-row{display:flex;flex-direction:column;gap:0.6rem;margin-top:1.5rem;text-align:center;font-size:12px}
.auth-links-row a{color:#60a5fa;font-weight:700}
.auth-links-row a:hover{color:#93c5fd}
@media(max-width:600px){
  .auth-card{padding:1.5rem 1.25rem}
  .auth-card-head h1{font-size:22px}
}
/* ADMIN */
.admin-nav{justify-content:space-between}
.admin-nav-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.admin-nav-link{color:#8a7a5a;font-size:13px;font-weight:700}
.admin-nav-link:hover{color:#f5a623}
.admin-logout-form{display:inline;margin:0}
.auth-admin-link{color:#f5a623!important;font-size:12px;font-weight:700}
.admin-main{max-width:1100px;margin:0 auto;padding:1.5rem 1.5rem 3rem;width:100%}
.admin-flash{margin-bottom:1rem}
.admin-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}
.admin-title{font-size:24px;font-weight:900;color:#fff;margin:0}
.admin-title span{color:#f5a623}
.admin-table-wrap{overflow-x:auto;border:0.5px solid #2a2000;border-radius:12px;background:#131108}
.admin-table{width:100%;border-collapse:collapse;font-size:13px}
.admin-table th,.admin-table td{padding:12px 14px;text-align:left;border-bottom:0.5px solid #2a2000;color:#e8e0d0}
.admin-table th{color:#c8960a;font-size:11px;text-transform:uppercase;letter-spacing:0.5px}
.admin-table code{color:#f5a623;font-size:12px}
.admin-badge{display:inline-block;margin-left:6px;background:#1a1200;color:#f5a623;border:0.5px solid #3d2e00;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}
.admin-status.ok{color:#4ade80}
.admin-status.off{color:#fb923c}
.admin-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}
.admin-actions a{color:#60a5fa;font-weight:700}
.admin-delete-form{display:inline;margin:0}
.admin-delete-form button{background:transparent;border:none;color:#fb923c;cursor:pointer;font-size:12px;font-weight:700;padding:0}
.admin-form{max-width:800px;background:#131108;border:0.5px solid #2a2000;border-radius:12px;padding:1.5rem}
.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.admin-field-full{grid-column:1/-1}
.admin-checks{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}
.admin-role-list{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:6px}
.admin-role-item{margin:0}
.admin-textarea{min-height:80px;resize:vertical;font-family:Consolas,monospace;font-size:12px}
.admin-chart-preview{width:100%;max-height:160px;object-fit:cover;border-radius:8px;margin-top:8px;border:0.5px solid #2a2000}
.admin-json-field-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.admin-json-field-head label{margin:0}
.btn-json-config{background:#1a1200;color:#f5a623;border:0.5px solid #3d2e00;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.btn-json-config:hover{background:#2a1a00;color:#ffc04d}
.admin-json-status{font-size:11px;margin-top:4px;display:block}
.admin-json-status.valid{color:#4ade80}
.admin-json-status.invalid{color:#fb923c}
.admin-json-hint{margin-top:4px}
body.admin-modal-open{overflow:hidden}
.admin-modal-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.82);backdrop-filter:blur(3px);align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.admin-modal-overlay.is-open{display:flex!important}
.admin-modal-dialog{width:100%;max-width:820px;max-height:calc(100vh - 40px);background:#131108;border:1px solid #3d2e00;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,0.65);display:flex;flex-direction:column;overflow:hidden}
.admin-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #2a2000;background:#0d0b06;flex-shrink:0}
.admin-modal-kicker{font-size:10px;font-weight:700;letter-spacing:1px;color:#c8960a;margin-bottom:4px}
.admin-modal-title{font-size:20px;font-weight:900;color:#fff;margin:0;line-height:1.2}
.admin-modal-close{background:#1a1200;border:1px solid #3d2e00;border-radius:8px;color:#e8e0d0;font-size:22px;line-height:1;width:40px;height:40px;cursor:pointer;flex-shrink:0}
.admin-modal-close:hover{color:#f5a623;border-color:#f5a623}
.admin-modal-body{padding:0;overflow-y:auto;flex:1}
.admin-modal-alert{margin:14px 22px 0;padding:10px 12px;background:#1a0800;border:1px solid #7c2d12;border-radius:8px;color:#fb923c;font-size:13px}
.admin-json-reset-btn{background:transparent;border:none;color:#60a5fa;cursor:pointer;font-weight:700;padding:0 0 0 6px;text-decoration:underline;font-size:13px}
.admin-json-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 22px;border-bottom:1px solid #2a2000;background:#0f0d08}
.admin-json-toolbar-label{font-size:11px;font-weight:700;color:#8a7a5a;text-transform:uppercase;letter-spacing:0.4px;margin-right:4px}
.admin-json-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1}
.admin-json-chip{background:#1a1500;color:#f5a623;border:1px solid #3d2e00;border-radius:6px;padding:7px 12px;font-size:11px;font-weight:700;cursor:pointer}
.admin-json-chip:hover{background:#2a1a00;color:#ffc04d}
.admin-json-action-btn{background:#1a1200;color:#e8e0d0;border:1px solid #3d2e00;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer}
.admin-json-action-btn:hover{color:#f5a623;border-color:#f5a623}
.admin-json-action-btn.secondary{color:#8a7a5a}
.admin-json-rows{padding:14px 22px;display:flex;flex-direction:column;gap:12px}
.admin-json-row{background:#0d0b06;border:1px solid #2a2000;border-radius:10px;padding:12px 14px}
.admin-json-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.admin-json-row-num{font-size:11px;font-weight:900;color:#c8960a;background:#1a1200;border:1px solid #3d2e00;border-radius:6px;padding:4px 10px;flex-shrink:0}
.admin-json-row-actions{display:flex;gap:6px;flex-shrink:0}
.admin-json-row-btn{background:#1a1200;color:#e8e0d0;border:1px solid #3d2e00;border-radius:8px;min-width:72px;height:36px;cursor:pointer;font-size:12px;font-weight:700;padding:0 10px}
.admin-json-row-btn:hover{color:#f5a623;border-color:#f5a623}
.admin-json-row-btn.danger{color:#fb923c;border-color:#7c2d12}
.admin-json-row-btn.danger:hover{background:#1a0800}
.admin-json-row-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}
.admin-json-row-grid.metrics{grid-template-columns:1.2fr 1.2fr auto}
.admin-json-row-grid.notice-top{grid-template-columns:1fr 1fr;margin-bottom:10px}
.admin-json-row-grid.notice-mid{grid-template-columns:1fr;margin-bottom:10px}
.admin-json-row-grid.notice-bottom{grid-template-columns:2fr auto;align-items:center}
.admin-json-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.admin-json-field-label{font-size:10px;color:#8a7a5a;font-weight:700;text-transform:uppercase;letter-spacing:0.4px}
.admin-json-input,.admin-json-select,.admin-json-textarea{background:#0e0c06;border:1px solid #2a2000;border-radius:8px;padding:10px 12px;font-size:13px;color:#e8e0d0;width:100%;outline:none;box-sizing:border-box}
.admin-json-input:focus,.admin-json-select:focus,.admin-json-textarea:focus{border-color:#f5a623}
.admin-json-textarea{min-height:64px;resize:vertical;font-family:inherit;line-height:1.4}
.admin-json-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#e8e0d0;white-space:nowrap;padding-bottom:10px}
.admin-json-check input{width:16px;height:16px;accent-color:#f5a623}
.admin-json-mini-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.admin-json-mini-chip{background:transparent;color:#60a5fa;border:1px solid #1e3a6e;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer}
.admin-json-mini-chip:hover{background:#0d1220}
.admin-json-preview-wrap{padding:14px 22px 18px;border-top:1px solid #2a2000;background:#0f0d08}
.admin-json-preview-label{font-size:11px;color:#8a7a5a;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;margin-bottom:10px}
.admin-json-preview-content{min-height:44px;padding:12px;background:#0d0b06;border:1px solid #2a2000;border-radius:8px}
.admin-json-preview-tags,.admin-json-preview-metrics{margin:0}
.admin-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 22px;border-top:1px solid #2a2000;background:#0d0b06;flex-shrink:0}
.admin-modal-btn{border-radius:8px;padding:11px 20px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid #3d2e00;min-width:120px}
.admin-modal-btn.secondary{background:transparent;color:#e8e0d0}
.admin-modal-btn.secondary:hover{border-color:#8a7a5a}
.admin-modal-btn.primary{background:#f5a623;color:#0d0b06;border-color:#f5a623}
.admin-modal-btn.primary:hover{background:#ffc04d}
@media(max-width:760px){
  .admin-json-row-grid,.admin-json-row-grid.metrics,.admin-json-row-grid.notice-top,.admin-json-row-grid.notice-bottom{grid-template-columns:1fr}
  .admin-json-row-top{flex-wrap:wrap}
  .admin-json-row-actions{width:100%;justify-content:flex-end}
}
@media(max-width:700px){
  .admin-form-grid{grid-template-columns:1fr}
}