:root{--bg:#090d10;--panel:#10171b;--panel2:#151f24;--line:#2a383f;--text:#eaf0f1;--muted:#9baab0;--accent:#d9b65a;--green:#78d29a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#183037 0,transparent 30%),var(--bg);color:var(--text);font:15px system-ui,-apple-system,Segoe UI,sans-serif}.top{min-height:72px;display:flex;align-items:center;gap:18px;padding:10px max(20px,calc((100vw - 1350px)/2));border-bottom:1px solid var(--line);background:#0b1114ef;position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:10px;letter-spacing:1.5px;line-height:1.1}.brand b{font-size:14px}.brand img{width:48px;height:48px;object-fit:contain}nav{display:flex;gap:2px;flex:1;overflow:auto}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);border-radius:7px;background:var(--panel2);padding:9px 13px;white-space:nowrap}nav button{border:0;background:transparent;color:var(--muted);font-size:12px}nav button:hover,nav button.active{color:var(--text);background:#203037}.login{margin-left:auto}.login.active,.primary{background:var(--accent);border-color:var(--accent);color:#15130e;font-weight:750}main{max-width:1250px;margin:auto;padding:42px 20px 60px}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:2px;font-weight:750}.hero{min-height:430px;display:flex;align-items:end;padding:38px;border:1px solid var(--line);background:linear-gradient(135deg,#0a1519,#10171b 55%,#0b1114);border-radius:12px}.hero-content{max-width:760px}.hero-intro{margin-top:14px;max-width:720px;padding:14px 16px;border-left:2px solid var(--accent);background:rgba(5,10,12,.38);backdrop-filter:blur(2px)}.hero-intro p{margin:0 0 9px}.hero-intro p:last-child{margin-bottom:0}.hero-note{font-size:13px!important;letter-spacing:.6px;text-transform:uppercase;color:var(--accent)!important}.hero h1{font-size:clamp(38px,7vw,72px);line-height:.95;margin:12px 0}.hero p{color:#d2dcdf;max-width:620px;font-size:17px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.secondary{background:transparent}.stats,.grid{display:grid;gap:14px;margin-top:18px}.stats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}.stat b{font-size:35px;display:block;margin-top:6px}.muted{color:var(--muted)}h2{font-size:26px;margin:0 0 8px}h3{margin:0 0 8px}.sectionhead{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:0 0 18px}.toolbar{display:flex;gap:9px;flex-wrap:wrap}.toolbar input,.toolbar select{background:#111a1f;border:1px solid var(--line);border-radius:7px;padding:10px;color:var(--text)}.toolbar input{min-width:min(320px,100%)}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--panel)}table{border-collapse:collapse;width:100%;min-width:750px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #26343a}th{font-size:10px;letter-spacing:1px;color:var(--muted)}tr:last-child td{border-bottom:0}.link{padding:0;border:0;background:transparent;color:var(--accent)}.tag{display:inline-block;border:1px solid #405059;border-radius:99px;padding:3px 8px;font-size:11px}.activeTag{border-color:#386c4c;color:var(--green)}.unit{min-height:205px;position:relative;overflow:hidden}.unit:before{content:"";position:absolute;width:130px;height:130px;right:-40px;bottom:-45px;border:2px solid var(--accent);opacity:.25;clip-path:polygon(50% 0,96% 16%,88% 80%,50% 100%,12% 80%,4% 16%)}.unit p{color:var(--muted);min-height:46px}.count{font-size:33px;font-weight:800;color:var(--accent)}.profile{display:grid;grid-template-columns:1fr 1.9fr;gap:15px}.identity{background:linear-gradient(150deg,#1a2d32,var(--panel));border:1px solid var(--line);border-radius:10px;padding:25px}.identity .shield{width:105px;max-height:125px;object-fit:contain;margin-bottom:24px}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.fact{background:var(--panel);padding:17px}.fact small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.timeline{display:grid;gap:10px}.event{padding:14px;border-left:3px solid var(--accent);background:var(--panel2)}.event small{color:var(--muted)}.gallery{display:grid;grid-template-columns:2fr 1fr;gap:14px}.gallery img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.about{max-width:820px;font-size:17px;line-height:1.7}.modal{position:fixed;inset:0;z-index:5;background:#000a;display:grid;place-items:center;padding:20px}.hidden{display:none}.dialog{width:min(480px,100%);background:#111a1f;border:1px solid var(--line);border-radius:10px;padding:23px}.dialog input,.dialog select,.dialog textarea{width:100%;margin:5px 0 13px;background:#0b1114;border:1px solid var(--line);padding:10px;border-radius:6px;color:var(--text)}.dialog label{font-size:12px;color:var(--muted)}.dialog .actions{justify-content:end}footer{padding:26px 20px;text-align:center;color:#718087;border-top:1px solid var(--line);font-size:12px}@media(max-width:760px){.top{gap:10px}.top nav{display:none}.stats,.grid,.profile,.gallery{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.hero{padding:27px 22px;min-height:390px}main{padding-top:24px}.login{font-size:12px;padding:8px}.sectionhead{align-items:start;flex-direction:column}}

.mission-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.mission-card{min-height:220px}.mission-detail{max-width:950px}.participant-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.participant{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.participant small{color:var(--muted);margin-top:4px}.dialog select[multiple]{min-height:160px}@media(max-width:760px){.mission-list,.participant-list{grid-template-columns:1fr}}

/* Acceso Admin minimalista */
#loginBtn{white-space:nowrap}
#loginBtn.active{opacity:.9}
.admin-note{font-size:.78rem;color:var(--muted,#8f9aaa);margin-top:.4rem}

/* BSA V3 - ajustes solicitados */
.unit-meta{margin:.35rem 0 1rem;color:var(--muted,#8f9aaa);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.postulate-card{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.home-postulate{margin:2rem 0}
.bajas-history{margin-top:2.75rem}
.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media (max-width:700px){.postulate-card{flex-direction:column;align-items:flex-start}}

/* BSA V4 - ventana independiente de postulación */
.postulation-page{
  max-width:900px;
  margin:2rem auto;
  display:flex;
  align-items:center;
  gap:2rem;
}
.postulation-icon{
  width:88px;
  height:88px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  letter-spacing:.08em;
  flex:0 0 auto;
}
.postulation-page h3{margin-top:0}
@media (max-width:700px){
  .postulation-page{flex-direction:column;align-items:flex-start}
}

/* BSA V8 - Postula acá directo a Discord */
.nav-link{display:flex;align-items:center;padding:9px 13px;border-radius:7px;color:var(--muted);text-decoration:none;font-size:12px;white-space:nowrap}
.nav-link:hover{color:var(--text);background:#203037}
.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.secondary{color:var(--text);border:1px solid var(--line);border-radius:7px;padding:9px 13px;background:transparent;font-weight:650}
.secondary:hover{background:#18252a;border-color:#405059}
/* V9 - Inicio y Calendario */
.hero{min-height:560px;align-items:flex-end;background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,12,.88) 0%,rgba(5,10,12,.52) 38%,rgba(5,10,12,.08) 72%,rgba(5,10,12,.18) 100%);pointer-events:none}
.hero-content{position:relative;z-index:1;max-width:650px;padding-bottom:4px}
.hero h1{letter-spacing:-1.5px;text-shadow:0 3px 18px #000}
.hero-intro{background:rgba(5,10,12,.46);border-left:3px solid var(--accent);box-shadow:0 10px 30px #0005}
.stats{grid-template-columns:repeat(3,1fr)}
.home-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:14px;margin-top:18px}
.next-mission{height:100%}
.mission-top{display:flex;justify-content:space-between;align-items:start;gap:12px}
.mission-top h2{margin-top:5px}
.mission-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:14px 0}
.quick-panel h2{margin-top:5px}.latest-log{margin-top:12px;max-height:330px;overflow:auto;padding-right:4px}.latest-log .event{padding:11px 12px}.latest-log .event b{color:var(--accent);font-size:12px}.latest-log .event span{display:inline-block;margin-top:3px}
.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}
.quick-grid button,.quick-grid a{display:flex;flex-direction:column;gap:4px;min-height:66px;text-align:left;background:#0d1519;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text);text-decoration:none;cursor:pointer}
.quick-grid button:hover,.quick-grid a:hover{background:#18252a;border-color:#405059}
.quick-grid small{color:var(--muted)}
.calendar-list{display:grid;gap:12px}
.calendar-card{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center}
.calendar-date{width:72px;height:72px;border:1px solid var(--line);border-radius:10px;background:#0b1317;display:flex;flex-direction:column;justify-content:center;align-items:center}
.calendar-date b{font-size:30px;line-height:1}
.calendar-date small{font-size:10px;color:var(--accent);letter-spacing:1px;margin-top:4px}
.calendar-body h3{margin:4px 0 7px;font-size:20px}
.mission-detail .mission-meta{padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:900px){.home-grid{grid-template-columns:1fr}.calendar-card{grid-template-columns:58px 1fr}.calendar-card>.actions{grid-column:2}.calendar-date{width:58px;height:58px}.calendar-date b{font-size:24px}}
@media(max-width:760px){.hero{min-height:520px;background-position:58% center}.hero-content{max-width:100%}.stats{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:1fr}.calendar-card{grid-template-columns:1fr}.calendar-card>.actions{grid-column:auto}.calendar-date{width:64px}}

/* BSA V12 - logos de unidades y avatares personalizados */
.unit-grid{grid-template-columns:repeat(3,1fr)}
.unit-card{display:flex;flex-direction:column;min-height:350px}
.unit-logo-wrap{height:125px;display:flex;align-items:center;justify-content:center;margin:-4px 0 14px}
.unit-logo{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 8px 18px #0007)}
.unit-logo.placeholder{width:112px;height:112px;border:1px dashed #52636a;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;color:#718087;font-size:10px;letter-spacing:1.5px;line-height:1.5;background:#0a1114}
.unit-card .actions{margin-top:auto}
.profile-avatar{width:160px;height:160px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#0b1114;display:block;margin:0 auto 22px;box-shadow:0 10px 28px #0007}
.profile-avatar.small{width:72px;height:72px;margin:0;flex:0 0 auto;border-radius:12px}
.identity{text-align:left}
.identity-details{display:grid;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.identity-details small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}
.identity-details b{font-size:13px;line-height:1.5}
.profile-sections{margin-top:16px}
.edit-profile-head{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#0d1519;margin-bottom:14px}
.avatar-preview{display:flex;align-items:center;justify-content:center;min-height:90px;padding:12px;border:1px dashed var(--line);border-radius:8px;background:#0b1114;margin:0 0 14px}
.avatar-preview img{width:78px;height:78px;object-fit:contain;border-radius:10px}
@media(max-width:900px){.unit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.unit-grid{grid-template-columns:1fr}.profile-avatar{width:160px;height:160px}}

/* V13 - estados, formularios de MANDO y bajas */
.status-active{background:rgba(46,160,91,.16);border-color:#3b8c5b;color:#7ee2a0}.status-active-warning{background:rgba(175,180,82,.17);border-color:#9fa34d;color:#e4e7a1}.status-justified{background:rgba(230,184,70,.15);border-color:#9b7a2d;color:#f0cf70}.status-command{background:rgba(224,124,42,.16);border-color:#a75d22;color:#ffab62}.status-inactive{background:rgba(196,55,55,.16);border-color:#913737;color:#ff7777}.status-honorable{background:rgba(83,146,112,.14);border-color:#477d60;color:#9ce0b5}.status-administrative{background:rgba(151,108,45,.15);border-color:#8d672d;color:#e4bc72}.status-dishonorable{background:rgba(150,43,43,.2);border-color:#963d3d;color:#ff7373}.status-neutral{background:#111a1f;color:var(--muted)}
.dialog{max-height:calc(100vh - 40px);overflow-y:auto}.dialog .modal-actions{position:sticky;bottom:-1px;background:#111a1f;padding-top:12px;margin-top:8px;border-top:1px solid var(--line)}.dialog textarea{min-height:86px;resize:vertical}.dialog select[multiple]{max-height:190px;overflow:auto}.baja-type{min-height:185px}.baja-type .count{margin:8px 0 4px}
@media(max-width:760px){.dialog{max-height:calc(100vh - 20px);padding:18px}.dialog select[multiple]{max-height:150px}}

/* V14 - perfil simplificado y observación privada de MANDO */
.profile-right{display:flex;flex-direction:column;gap:14px}.compact-facts{grid-template-columns:repeat(4,1fr)}.profile-summary{grid-template-columns:1.6fr 1fr;margin-top:0}.profile-summary .card{min-height:120px}.private-note{background:#241d12;border:1px solid #a77b28;border-left:4px solid #e0a82e;border-radius:10px;padding:17px;color:#f4dfae}.private-note .eyebrow{color:#f0b63d}.private-note h3{color:#ffd77a}.private-note p{margin:8px 0 0;white-space:pre-wrap}.private-field{background:#241d12!important;border:1px solid #a77b28!important;border-left:4px solid #e0a82e!important;padding:10px;border-radius:8px;color:#f4dfae!important}.private-field span{font-size:10px;letter-spacing:1px;background:#a77b28;color:#17110a;padding:3px 6px;border-radius:99px;margin-left:5px}.private-field small{display:block;color:#d4bd87;margin:-6px 0 10px}.private-field textarea{background:#17120b!important;border-color:#7f6125!important;color:#f6e5bd!important}.identity-details b{display:block;max-height:100px;overflow:auto}.profile-sections{margin-top:16px}@media(max-width:900px){.compact-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.compact-facts,.profile-summary{grid-template-columns:1fr}}
/* Contraste de fechas en formularios de MANDO */
input[type="date"]{color:#fff !important;background:#111a20 !important;color-scheme:dark}
input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.9}

/* V20 - controles de fecha y hora visibles sobre fondo oscuro */
.dialog input[type="date"],
.dialog input[type="time"],
input[type="date"],
input[type="time"]{
  background:#fff !important;
  color:#111 !important;
  color-scheme:light !important;
  border-color:#c9d0d4 !important;
}
.dialog input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-calendar-picker-indicator{
  filter:none !important;
  opacity:1 !important;
  cursor:pointer;
}
.dialog input[type="time"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{
  filter:none !important;
  opacity:1 !important;
  cursor:pointer;
}

/* V21 - editor de avatar con recorte, zoom y posicionamiento preciso */
.avatar-editor{margin:10px 0 14px;padding:14px;background:#0e151a;border:1px solid var(--line);border-radius:12px}
.avatar-editor-preview{width:220px;height:220px;margin:0 auto 14px;border-radius:50%;overflow:hidden;background:#05090c;display:flex;align-items:center;justify-content:center;border:2px solid #53636d}
.avatar-editor-preview img{width:auto;height:auto;max-width:none;max-height:none;transform-origin:center center;transition:transform .05s linear}
.avatar-editor-controls{display:grid;gap:8px}
.avatar-editor-controls label{background:#141d23;padding:9px 10px;border-radius:8px}
.avatar-editor-controls input[type="range"]{width:100%;accent-color:#d7dde1}
.avatar-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.avatar-editor-actions button{min-height:36px}

.background-manager-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.background-manager-item{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px;background:#0c1418}
.background-manager-item img{width:150px;height:82px;object-fit:cover;border-radius:7px;display:block}
.background-manager-item div{display:flex;flex-direction:column;gap:8px}
.background-manager-item button{padding:7px 10px}
@media(max-width:700px){.background-manager-list{grid-template-columns:1fr}.background-manager-item img{width:120px;height:70px}}


/* ===== SUPER MANDO V28 ===== */
.bsa-super-tab{margin-left:8px;border:1px solid rgba(255,255,255,.35);background:#151922;color:#fff;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
.bsa-super-tab:hover{background:#202632}
.bsa-super-panel{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:20px}
.bsa-super-card{width:min(560px,96vw);background:#11151d;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 20px 70px rgba(0,0,0,.5);padding:24px}
.bsa-super-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px;margin-bottom:18px}
.bsa-super-head h2{margin:4px 0 4px;font-size:24px}
.bsa-super-head p{margin:0;color:#aeb6c4}
.bsa-super-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#d6dbe4}
.bsa-super-close{background:transparent;color:#fff;border:0;font-size:30px;cursor:pointer;line-height:1}
.bsa-super-section{display:flex;flex-direction:column;gap:8px}
.bsa-super-section h3{margin:0 0 8px}
.bsa-super-section label{font-size:13px;color:#cbd2dd;margin-top:5px}
.bsa-super-section input{width:100%;box-sizing:border-box;background:#fff;color:#111;border:1px solid #cbd0d8;border-radius:8px;padding:10px 12px;font-size:15px}
.bsa-super-save{margin-top:12px;background:#fff;color:#111;border:0;border-radius:8px;padding:11px 14px;font-weight:800;cursor:pointer}
.bsa-super-note{font-size:12px;color:#9fa8b6;margin-top:7px}

/* BSA V29 SUPER MANDO */
#superMandoTab{font-weight:800;border:1px solid rgba(255,255,255,.35);background:#151922;color:#fff}
.bsa-super-dialog{max-width:620px}
.bsa-super-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}


/* ===== V30 SUPER MANDO ACCOUNTS ===== */
.bsa-super-wide{width:min(760px,96vw);max-height:90vh;overflow:auto}
.bsa-account-section{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.bsa-accounts-list{display:grid;gap:12px;margin-top:10px}
.bsa-account-row{background:#171c25;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;display:grid;gap:7px}
.bsa-account-title{font-weight:800;margin-bottom:2px}
.bsa-account-row input,.bsa-account-row select{width:100%;box-sizing:border-box;background:#fff;color:#111;border:1px solid #cbd0d8;border-radius:8px;padding:9px 11px;font-size:14px}
.bsa-account-row label{font-size:12px;color:#cbd2dd;margin-top:2px}

/* ===== V31 SUPER MANDO: selector, creación y eliminación ===== */
.bsa-super-account-toolbar{display:grid;gap:7px;margin:10px 0 12px}
.bsa-super-account-toolbar label{font-size:12px;color:#cbd2dd}
.bsa-super-account-toolbar select,.bsa-super-create input{width:100%;box-sizing:border-box;background:#fff;color:#111;border:1px solid #cbd0d8;border-radius:8px;padding:10px 11px;font-size:14px}
.bsa-super-account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.bsa-super-delete{margin-top:12px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:11px 14px;font-weight:800;cursor:pointer}
.bsa-super-delete:hover:not(:disabled){background:rgba(255,255,255,.08)}
.bsa-super-delete:disabled{opacity:.5;cursor:not-allowed}
.bsa-super-create{margin-top:18px;padding-top:18px;border-top:1px dashed rgba(255,255,255,.14)}
.bsa-super-create h4{margin:0 0 4px}
.bsa-super-create label{font-size:12px;color:#cbd2dd;margin-top:5px}


/* BSA V33.1 SAFE MOBILE POLISH */
.mobile-menu{display:none;margin-left:auto;font-size:20px;padding:7px 10px;line-height:1}
.award-image{box-sizing:border-box!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;object-fit:contain;border:1px solid var(--line);border-radius:4px;background:#0a1114;padding:0!important;display:block;margin-bottom:10px}
.award-image.placeholder{display:flex;align-items:center;justify-content:center;color:#718087;font-size:9px;letter-spacing:1px}
.award-image-small{box-sizing:border-box!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;flex:0 0 50px!important;margin:0;padding:0!important}
.award-event{display:flex;gap:12px;align-items:flex-start}
.profile-award{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.profile-award p{margin:0}
.award-catalog-editor{display:grid;gap:12px;max-height:58vh;overflow:auto;padding-right:3px}
.award-edit-row{border:1px solid var(--line);background:#0c1418;border-radius:10px;padding:12px}
.award-edit-row textarea{min-height:62px}
.award-edit-preview{min-height:58px;display:flex;align-items:center;gap:8px;color:var(--muted)}
.award-edit-preview img{box-sizing:border-box;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;object-fit:contain;border-radius:4px;border:1px solid var(--line);background:#090d10;padding:0}
.text-manual-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#0c1418}.text-editor-list{display:grid;gap:9px;max-height:60vh;overflow:auto;margin-top:12px}
.text-editor-list label{display:grid;gap:5px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#0c1418}
.text-editor-list .text-original{font-size:11px;color:var(--muted);line-height:1.35}
.text-editor-list textarea{min-height:50px;margin:0}
.bsa-super-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.unit-logo-editor img{max-width:150px;max-height:120px;object-fit:contain}
@media(max-width:760px){
  .text-manual-row{grid-template-columns:1fr}
  .top{position:sticky;padding:8px 12px;min-height:62px}
  .brand{flex:1;min-width:0}
  .brand span{font-size:8px}.brand b{font-size:11px}.brand img{width:40px;height:40px}
  .mobile-menu{display:block}
  .top nav{display:none;position:absolute;left:8px;right:8px;top:58px;max-height:calc(100vh - 70px);overflow:auto;flex-direction:column;background:#0b1114f7;border:1px solid var(--line);border-radius:10px;padding:7px;box-shadow:0 18px 45px #0009;z-index:20}
  .top nav.mobile-open{display:flex}
  .top nav button,.top nav .nav-link{width:100%;justify-content:flex-start;padding:11px 12px;font-size:13px}
  .login{margin-left:0;font-size:11px;padding:8px 9px}
  main{padding:18px 12px 45px}
  .hero{min-height:430px;padding:22px 17px;background-position:center}
  .hero h1{font-size:clamp(34px,12vw,56px)}.hero p{font-size:15px}.hero-intro{padding:12px}
  .stats{grid-template-columns:1fr 1fr}.stat b{font-size:28px}
  .sectionhead .actions{width:100%}.sectionhead .actions button{flex:1}
  .toolbar>*{width:100%;min-width:0!important;font-size:16px}
  .dialog{width:min(100%,560px);max-height:calc(100vh - 12px);padding:15px;border-radius:9px}
  .dialog input,.dialog select,.dialog textarea,.toolbar input,.toolbar select{font-size:16px}
  .dialog .actions{justify-content:stretch}.dialog .actions button{flex:1;min-height:42px}
  .bsa-super-panel{padding:8px}.bsa-super-card{padding:15px;width:100%;max-height:96vh}.bsa-super-tools{grid-template-columns:1fr}
  .background-manager-item{align-items:flex-start}.background-manager-item img{width:100px;height:62px}
  .award-event{gap:9px}.award-image-small{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;flex-basis:50px!important}
}
@media(max-width:420px){.stats{grid-template-columns:1fr}.actions button,.actions .button{width:100%}.hero{min-height:470px}.top{gap:6px}}

/* Arranque rápido: evita pantalla blanca mientras iHosting responde. */
.boot-screen{min-height:560px;display:flex;flex-direction:column;justify-content:center;padding:60px 7vw;background:linear-gradient(135deg,#0a1519,#10171b 55%,#0b1114)}.boot-kicker{font-size:12px;letter-spacing:2px;color:var(--muted);font-weight:800}.boot-screen h1{font-size:clamp(32px,5vw,64px);margin:10px 0 8px}.boot-screen p{color:var(--muted);margin:0}.boot-line{width:180px;height:2px;margin-top:24px;background:var(--accent);opacity:.75;animation:bsaBoot 1.2s ease-in-out infinite alternate}@keyframes bsaBoot{from{width:80px;opacity:.35}to{width:220px;opacity:1}}@media(max-width:760px){.boot-screen{min-height:430px;padding:40px 22px}}

.course-catalog-editor{display:grid;gap:12px;max-height:58vh;overflow:auto;padding-right:3px}.course-edit-row{border:1px solid var(--line);background:#0c1418;border-radius:10px;padding:12px}.course-edit-row label{display:block;margin-top:8px}.course-edit-row textarea{min-height:62px}

/* Mission photos - medium display */
.mission-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;max-width:1200px}.mission-gallery a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#0b1114;aspect-ratio:1200/628}.mission-gallery img{display:block;width:100%;height:100%;object-fit:cover}.mission-gallery a.broken{display:none}.mission-gallery.compact{display:none}@media(max-width:760px){.mission-gallery{grid-template-columns:1fr;max-width:100%}}

.course-image{width:30px!important;height:30px!important;min-width:30px;min-height:30px;max-width:30px;max-height:30px;object-fit:contain;border:1px solid var(--line);border-radius:4px;background:#0a1114;padding:0;display:block;margin-bottom:8px}.course-detail-card{position:relative}.course-edit-row>.course-image{margin:0 0 8px}

.course-image-small{box-sizing:border-box!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;object-fit:contain;padding:0!important;flex:0 0 30px;border:1px solid var(--line);border-radius:4px;background:#0a1114;margin:0}
.course-event{display:flex;align-items:flex-start;gap:10px}
.course-categories{display:flex;flex-direction:column;gap:22px}.course-category{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--panel)}.course-category-head{margin-bottom:14px}.course-category-head h3{margin:2px 0 4px}.course-category-grid{margin-top:0}.course-category .course-detail-card{min-height:150px}
@media(max-width:700px){.course-category{padding:14px}.course-categories{gap:14px}}

/* BSA 33.1.11 - condecoraciones: 50x50 en TODAS las vistas */
.award-image,.award-image-small,.award-edit-preview img{box-sizing:border-box!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;object-fit:contain!important;padding:0!important;}

/* BSA 33.1.11 FINAL: condecoraciones 50x50 */
.award-image,.award-image-small,.award-edit-preview img{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;flex-basis:50px!important;object-fit:contain!important;padding:0!important;box-sizing:border-box!important;}

/* BSA 33.1.12 - calidad de imagen de condecoraciones */
.award-image,.award-image-small,.award-edit-preview img{image-rendering:auto!important;image-orientation:from-image;object-fit:contain!important;}

/* BSA V33.1.14 - imagen de perfil por URL, 150x150 */
.profile-avatar{width:160px;height:160px;object-fit:cover;image-rendering:auto;border-radius:14px;}
.profile-avatar.small{width:72px;height:72px;}
@media(max-width:760px){.profile-avatar{width:160px;height:160px;}}

/* BSA 33.1.16 - perfil sin imagen cuando la URL queda vacía */
.avatar-empty{display:block;background:transparent;border:1px dashed var(--line);box-shadow:none;}
.profile-avatar.hidden{display:none;}


/* BSA V33.1.17 - navegación más visible, sin alterar el fondo */
.top nav{gap:5px;align-items:center}
.top nav button,.top nav .nav-link{border:1px solid #2c3b42;background:rgba(18,28,33,.72);color:#b8c4c9;border-radius:8px;padding:9px 12px;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}
.top nav button:hover,.top nav .nav-link:hover{color:var(--text);background:rgba(30,45,51,.9);border-color:#465860}
.top nav button.active{color:#f4f0e4;background:rgba(58,52,31,.42);border-color:rgba(217,182,90,.72);box-shadow:inset 0 -2px 0 var(--accent)}
.top nav .nav-link{display:flex;align-items:center;text-decoration:none;font-size:12px;white-space:nowrap}
@media(max-width:760px){
  .top nav{gap:5px;background:#0b1114f7}
  .top nav button,.top nav .nav-link{border:1px solid #2c3b42;background:#111b20;padding:11px 12px;border-radius:8px}
  .top nav button.active{background:rgba(58,52,31,.5);border-color:rgba(217,182,90,.75);box-shadow:inset 3px 0 0 var(--accent)}
}

/* BSA 33.1.18 - controles para borrar imágenes sin perder el guardado */
.image-clear-row{display:flex;justify-content:flex-end;gap:8px;margin:6px 0 2px}
.image-clear-row button{border:1px solid rgba(255,255,255,.18);background:rgba(15,23,27,.72);color:#b8c4c9;border-radius:7px;padding:7px 10px;cursor:pointer}
.image-clear-row button:hover{background:rgba(30,45,51,.9);color:var(--text);border-color:#465860}
.profile-avatar.avatar-default{object-fit:contain;background:transparent;border:1px solid var(--line);padding:8px;}
@media(max-width:760px){.image-clear-row{justify-content:stretch}.image-clear-row button{width:100%;min-height:38px}}

/* BSA 33.1.21 */
.backbar{display:flex;align-items:center;margin:0 0 12px}.back-button{display:inline-flex;align-items:center;gap:7px;background:#111b20;border:1px solid #465860;color:#eaf0f1;font-weight:650;padding:10px 14px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.18)}.back-button:hover{background:#1a292f;border-color:var(--accent);color:#fff}.back-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:760px){.backbar{width:100%;margin-bottom:12px}.back-button{width:100%;justify-content:center;min-height:42px}}


/* BSA 33.1.22 - contadores de personal */
.stats{grid-template-columns:repeat(4,1fr)}
.roster-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 12px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(10,17,20,.5);color:var(--muted);font-size:10px;line-height:1.2}
.roster-summary>span:first-child{color:#c9d2d5;font-size:11px}
.roster-summary b{color:var(--text);font-size:12px}
.roster-unit-count{display:inline-flex;align-items:center;gap:3px;padding-left:10px;border-left:1px solid #2a383f}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}.roster-summary{gap:7px}.roster-unit-count{padding-left:7px}}