/* Economía STB · fase 1: mosaicos de la landing, sin navegación lateral.
   Sólo presentación: no modifica rutas, permisos ni contabilidad. */
body[data-stb-landing-view="economia"] #app>.stb-main-nav{
  display:flex;align-items:center;justify-content:flex-start;
  width:max-content;max-width:100%;margin:0 0 9px;padding:3px 0;
  border:0;border-radius:0;box-shadow:none;background:transparent
}
body[data-stb-landing-view="economia"] #app>.stb-main-nav>:not(#home-tab){display:none!important}
body[data-stb-landing-view="economia"] #app>.stb-main-nav #home-tab{
  display:inline-flex;align-items:center;gap:8px;width:auto;min-height:40px;padding:8px 13px;
  background:#12293e;border:1px solid #526780;border-radius:10px;
  color:#ead6b3;font:700 13px/1.25 system-ui,sans-serif
}
body[data-stb-landing-view="economia"] #app>.stb-main-nav #home-tab::before{content:"←";font-size:18px;color:#e8be79}
body[data-stb-landing-view="economia"] #app>.stb-main-nav #home-tab:is(:hover,:focus-visible){background:#1e3d55;border-color:#e5ba7c}
#economia-view.economy-shell{
  min-width:0;overflow:hidden;
  background:linear-gradient(150deg,#10273c,#0a1b2d);
  border:1px solid #4e6880;border-radius:16px
}
#economia-view.economy-shell>h1{font:700 clamp(23px,3vw,33px) Georgia,serif;color:#f5dba9}
.economy-tree{min-width:0}
.economy-tree .economy-tree-title{
  margin:7px 0 18px;color:#f1d3a4;font:700 clamp(22px,2.4vw,31px)/1.22 Georgia,serif
}
.economy-breadcrumb{display:flex;min-height:39px;align-items:center}
.economy-breadcrumb:empty{display:none}
.economy-breadcrumb button,.economy-back-btn{
  display:inline-flex;align-items:center;min-height:39px;padding:8px 12px;
  border:1px solid #64798a;border-radius:10px;background:#173047;color:#f0d8b2;
  font-weight:700
}
.economy-breadcrumb button:hover,.economy-back-btn:hover{background:#24465f;border-color:#d9af73}
.economy-tree .economy-launch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.economy-tree .economy-launch-tile{
  min-height:150px;cursor:pointer;
  --stb-tile-image:url('/static/visual/hero-castillo.webp')
}
.economy-tree .economy-launch-tile[data-economy-key="recaudacion"],
.economy-tree .economy-launch-tile[data-economy-key="campaigns"],
.economy-tree .economy-launch-tile[data-economy-key="register"],
.economy-tree .economy-launch-tile[data-economy-key="panel"]{--stb-tile-image:url('/static/visual/recaudacion.webp')}
.economy-tree .economy-launch-tile[data-economy-key="control"],
.economy-tree .economy-launch-tile[data-economy-key="debts"],
.economy-tree .economy-launch-tile[data-economy-key="ledger"]{--stb-tile-image:url('/static/visual/administracion.webp')}
.economy-tree .economy-launch-tile[data-economy-key="infra"],
.economy-tree .economy-launch-tile[data-economy-key="inventory"],
.economy-tree .economy-launch-tile[data-economy-key="buildings"],
.economy-tree .economy-launch-tile[data-economy-key="supply"]{--stb-tile-image:url('/static/visual/hero-castillo.webp')}
.economy-tree .economy-launch-tile[data-economy-key="informes"],
.economy-tree .economy-launch-tile[data-economy-key="donations"],
.economy-tree .economy-launch-tile[data-economy-key="debt-report"],
.economy-tree .economy-launch-tile[data-economy-key="balances"]{--stb-tile-image:url('/static/visual/mapa.webp')}
.economy-tree .economy-launch-icon{
  width:43px;height:43px;display:grid;place-items:center;
  border:1px solid #a88b63;border-radius:12px;background:#092035e5;
  color:#f3d7a5;font-size:23px
}
.economy-tree .economy-launch-desc{
  display:block;font-size:12px;line-height:1.4;color:#c8d6e2;max-width:30ch
}
.economy-tree .economy-launch-tile:disabled{cursor:default;opacity:.66}
.economy-tree .economy-launch-tile:disabled:hover{transform:none;box-shadow:none;border-color:#aa8a5e}
.economy-tree .economy-launch-status{font-size:11px;color:#efd9b3}
.economy-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}
.economy-overview-card{display:flex;flex-direction:column;gap:5px;min-width:0;padding:15px;
  border:1px solid #4b6279;border-radius:12px;background:#172c42}
.economy-overview-card small{font-size:12px;color:#c6d1dc}
.economy-overview-card strong{font-size:21px;color:#f4ddb3}
.economy-register-page{min-width:0}
.economy-register-page h1,.economy-debt-report h1{font-family:Georgia,serif;color:#f3d6a5}
.economy-register-switch{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.economy-register-select{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin:16px 0;font-weight:700}
.economy-register-select select{min-width:min(300px,100%);max-width:100%}
.economy-path{font-size:12px;color:#b2c6d4;margin:7px 0 15px}
#recaudacion-view .economy-debt-report .economy-overview{margin-top:13px}
@media(max-width:820px){
  .economy-tree .economy-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  body[data-stb-landing-view="economia"] #app>.stb-main-nav{flex-direction:row;margin:0 0 8px}
  #economia-view.economy-shell{padding:13px 11px}
  .economy-tree .economy-launch-grid{gap:9px}
  .economy-tree .economy-launch-tile{min-height:127px;padding:12px;gap:9px}
  .economy-tree .economy-launch-icon{width:36px;height:36px;font-size:20px}
  .economy-tree .economy-launch-desc{font-size:11px}
  .economy-overview{gap:7px}
  .economy-overview-card{padding:10px}
  .economy-overview-card small{font-size:10px}
  .economy-overview-card strong{font-size:18px}
  .economy-register-switch .rck-btn{flex:1 1 180px}
}
@media(max-width:370px){
  .economy-tree .economy-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .economy-tree .economy-launch-tile{min-height:120px}
  .economy-tree .economy-launch-desc{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.economy-tree .economy-launch-tile{transition:none}}
