.archi-my-list-link{margin-left:auto;padding:8px 16px;border-radius:8px;border:1px solid var(--border);color:var(--muted);font-size:13px;text-decoration:none;transition:all .15s;white-space:nowrap}
.archi-my-list-link:hover{border-color:var(--gold);color:var(--gold)}
.inline-star-icon{display:inline-block;vertical-align:-1px;margin-right:4px}
.inline-star-icon-lg{display:inline-block;vertical-align:-1px;margin-right:5px}
.filter-tengo{color:var(--green)}
.filter-tradeo{color:var(--blue)}
.priority-count{font-size:.75rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}
.priority-server-label{margin-top:.2rem}
.priority-login-note{text-align:center;font-size:.88rem;color:var(--text-muted);padding:1rem}
.gold-link{color:var(--gold)}
.modal-existing{margin-bottom:.8rem}
#archiGrid.archi-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:1rem}
.archi-card{background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:1rem .85rem .85rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:stretch;gap:.75rem;min-height:326px;justify-content:space-between}
.archi-card:hover{border-color:var(--c-line-hover);background:var(--surface3);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}
.archi-card-main{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0}
.archi-card img{width:100px;height:100px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.archi-card-ph{width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--surface3);border-radius:6px}
.archi-card-name{font-size:.82rem;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600}
.archi-card-badges{min-height:23px;display:flex;align-items:center;justify-content:center;gap:.3rem;flex-wrap:wrap}
.badge-priority{background:color-mix(in srgb,var(--c-warn) 14%,transparent);border:1px solid color-mix(in srgb,var(--c-warn) 45%,transparent);color:var(--c-warn);border-radius:999px;padding:.12rem .45rem;font-size:.68rem;font-weight:800}
.archi-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.32rem}
.archi-card-action{min-width:0;min-height:40px;border:1px solid var(--border);border-radius:6px;background:var(--c-inset);color:var(--text-muted);font-family:var(--font-ui);font-size:.64rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.3rem;cursor:pointer;transition:all .15s;padding:.34rem .4rem;line-height:1.05;white-space:nowrap}
.archi-card-action svg{width:14px;height:14px;stroke-width:2.3}
.archi-card-action:last-child{grid-column:1/-1}
.archi-card-action:hover{border-color:var(--border-gold);background:var(--c-surface-hi);color:var(--gold)}
.archi-card-action.is-active-tengo{border-color:color-mix(in srgb,var(--c-green) 55%,transparent);background:var(--c-tint-green);color:var(--c-green)}
.archi-card-action.is-active-tradeo{border-color:color-mix(in srgb,var(--c-blue) 55%,transparent);background:var(--c-tint-blue);color:var(--c-blue)}
.archi-card-action.is-active-priority{border-color:color-mix(in srgb,var(--c-warn) 55%,transparent);background:color-mix(in srgb,var(--c-warn) 14%,transparent);color:var(--c-warn)}
.archi-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;display:flex;align-items:center;justify-content:center}
.archi-modal.is-hidden{display:none!important}
.archi-modal-card{background:var(--c-surface);border:1px solid var(--c-line-accent);border-radius:10px;padding:1.35rem;width:min(94vw,720px);max-height:92vh;overflow-y:auto;text-align:center;box-shadow:var(--c-shadow-float);outline:none}
.archi-modal-card:focus-visible{box-shadow:var(--c-shadow-float),0 0 0 3px var(--c-accent-glow)}
.archi-modal-img{width:116px;height:116px;object-fit:contain;image-rendering:auto;margin:0 auto .65rem;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
.archi-modal-btns{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}
.archi-modal-option{display:flex;flex-direction:column;gap:.45rem}
.archi-modal-btn{font-family:var(--font-ui);font-size:.88rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.5rem .8rem;border-radius:6px;border:1px solid var(--c-line);color:var(--text-muted);background:var(--c-inset);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%}
.archi-modal-btn:hover{border-color:var(--c-line-accent);color:var(--gold-dark);background:var(--c-surface-hi)}
.archi-modal-btn.active-green{border-color:color-mix(in srgb,var(--c-green) 55%,transparent);color:var(--c-green);background:var(--c-tint-green)}
.archi-modal-btn.active-blue{border-color:color-mix(in srgb,var(--c-blue) 55%,transparent);color:var(--c-blue);background:var(--c-tint-blue)}
.archi-modal-icon{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 15px}
.archi-modal-icon svg{width:15px;height:15px;display:block;stroke:currentColor}
.archi-modal-qty-inline{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;border:1px solid var(--c-line);border-radius:6px;background:var(--c-inset)}
.archi-modal-qty-inline label{font-family:var(--font-ui);font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}
.archi-modal-qty-inline input{width:54px;background:var(--c-surface-hi);border:1px solid var(--c-line);color:var(--text);text-align:center;padding:.3rem;border-radius:5px;font-family:var(--font-ui);font-size:.85rem;outline:none}
.archi-modal-qty-inline input:focus{border-color:var(--c-line-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}
.archi-modal-qty-inline input:disabled{opacity:.38;cursor:not-allowed}
.archi-related-trades{margin:1rem 0;text-align:left;border:1px solid var(--c-line);border-radius:8px;background:var(--c-surface-hi);padding:.85rem;max-height:310px;overflow:auto}
.archi-related-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}
.archi-related-head h3{font-family:var(--font-ui);font-size:.78rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-dark);margin:0}
.archi-related-head a{font-size:.74rem;font-weight:800;color:var(--gold);text-decoration:none;white-space:nowrap}
.archi-related-head a:hover{text-decoration:underline}
.archi-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.archi-related-col{min-width:0}
.archi-related-label{font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}
.archi-related-list{display:flex;flex-direction:column;gap:.38rem}
.archi-related-item:focus-visible{outline:2px solid color-mix(in srgb,var(--c-line-accent) 55%,transparent);outline-offset:2px}
.archi-related-item{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:.48rem;align-items:center;min-height:54px;border:1px solid var(--c-line);border-radius:7px;background:var(--c-inset);color:var(--text);text-decoration:none;padding:.45rem;transition:all .15s}
.archi-related-item:hover{border-color:var(--border-gold);background:var(--c-surface-hi);transform:translateY(-1px)}
.archi-related-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold-dark),var(--amber));border:1px solid var(--border-gold);display:flex;align-items:center;justify-content:center;color:var(--c-on-accent);font-size:.78rem;font-weight:900;overflow:hidden}
.archi-related-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.archi-related-body{min-width:0;display:flex;flex-direction:column;gap:.06rem}
.archi-related-body strong{font-size:.78rem;color:var(--gold-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archi-related-body span{font-size:.73rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archi-related-body em{font-style:normal;font-size:.66rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archi-related-icon{width:34px;height:34px;object-fit:contain;display:block}
.archi-related-icon-ph{width:34px;height:34px;border-radius:6px;background:var(--c-surface);border:1px solid var(--c-line);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.82rem}
.archi-related-empty{border:1px dashed var(--c-line);border-radius:7px;background:var(--c-surface);color:var(--text-muted);font-size:.78rem;text-align:center;padding:.75rem}
.view-tabs{display:flex;gap:.4rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border)}
.view-tab{font-family:var(--font-ui);font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.42rem 1rem;border-radius:4px 4px 0 0;border:1px solid transparent;border-bottom:none;color:var(--text-muted);background:none;cursor:pointer;transition:all .2s;position:relative;bottom:-1px}
.view-tab:hover{color:var(--gold);border-color:var(--border)}
.view-tab.active{border-color:var(--border-gold);border-bottom-color:var(--surface);color:var(--gold);background:var(--surface)}
.priority-panel{background:var(--surface);border:1px solid var(--border-gold);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}
.priority-panel-head{margin-bottom:1rem}
.priority-panel-head h2{font-family:var(--font-ui);font-size:.88rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.5rem}
.priority-panel-head p{font-size:.82rem;color:var(--text-muted);margin-top:.3rem}
.priority-slots{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;min-height:40px}
.priority-slot{display:flex;align-items:center;gap:.75rem;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:.6rem .9rem;transition:border-color .2s}
.priority-slot:hover{border-color:var(--border-gold)}
.priority-slot img{width:40px;height:40px;object-fit:contain;image-rendering:auto;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}
.priority-slot-ph{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--surface3);border-radius:4px;flex-shrink:0}
.priority-slot-ph-sm{width:30px;height:30px;font-size:.9rem;border-radius:3px}
.priority-slot-info{flex:1;min-width:0}
.priority-slot-name{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.priority-slot-server{margin-top:.2rem}
.priority-slot-server-any{color:var(--text-dim);font-size:.72rem}
.priority-server-badge{display:inline-block;background:color-mix(in srgb,var(--c-warn) 12%,transparent);border:1px solid color-mix(in srgb,var(--c-warn) 45%,transparent);border-radius:999px;padding:.1rem .55rem;font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--c-warn)}
.priority-del{background:none;border:1px solid var(--border);border-radius:3px;color:var(--text-dim);font-size:.78rem;padding:.22rem .5rem;cursor:pointer;transition:all .15s;flex-shrink:0}
.priority-del:hover{border-color:var(--red-light);color:var(--red-light)}
.priority-empty{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.88rem}
.priority-add-section{border-top:1px solid var(--border);padding-top:1rem}
.priority-add-section>label{display:block;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:.4rem}
.priority-search-wrap{position:relative;margin-bottom:.6rem}
.priority-search-input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:.5rem .8rem;color:var(--text);font-family:var(--font-ui);font-size:.88rem;outline:none;transition:all .2s}
.priority-search-input:focus{border-color:var(--gold)}
.priority-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border-gold);border-radius:5px;z-index:200;max-height:220px;overflow-y:auto;display:none;box-shadow:0 12px 36px rgba(0,0,0,.5)}
.priority-drop.open{display:block}
.priority-drop-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;cursor:pointer;font-size:.85rem;transition:background .15s}
.priority-drop-item:hover{background:var(--c-accent-soft)}
.priority-drop-item img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.priority-server-select{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:.45rem .8rem;color:var(--text);font-family:var(--font-ui);font-size:.88rem;outline:none;cursor:pointer;margin-bottom:.6rem}
.priority-server-select:focus{border-color:var(--gold)}
.btn-add-priority{font-family:var(--font-ui);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.45rem 1.1rem;border-radius:6px;background:var(--c-accent);border:1px solid var(--c-accent);color:var(--c-on-accent);cursor:pointer;transition:all .2s}
.btn-add-priority:hover{background:var(--c-accent-2);border-color:var(--c-accent-2);box-shadow:0 0 22px var(--c-accent-glow)}
.priority-add-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}
.priority-add-row img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.priority-add-row-name{font-size:.85rem;font-weight:600;color:var(--text)}
.priority-limit-msg{font-size:.82rem;color:var(--text-muted);text-align:center;padding:.4rem;background:var(--c-tint-red);border:1px solid color-mix(in srgb,var(--c-red) 30%,transparent);border-radius:4px}

@media(max-width:1400px){
  #archiGrid.archi-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1180px){
  #archiGrid.archi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:920px){
  #archiGrid.archi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  #archiGrid.archi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .archi-modal-card{padding:1rem}
  .archi-related-grid{grid-template-columns:1fr}
  .archi-related-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:460px){
  #archiGrid.archi-grid{grid-template-columns:1fr!important}
}

/* --------------------------------------------------------------------------
   Tema moderno (tokens en theme/tokens.css)
   -------------------------------------------------------------------------- */
html[data-theme] .page-layout .archi-card { border-radius: 20px !important; }
html[data-theme] .page-layout .archi-card-name { color: var(--c-text) !important; font-weight: 600; }
html[data-theme] .page-layout .archi-card-action { min-height: 38px !important; font-size: .78rem !important; }

/* Cada acción con su color: Tengo lima, Tradeo azul, Prioridad amarillo */
html[data-theme] .page-layout .archi-card-action[onclick*="'tengo'"] svg { color: var(--c-green); }
html[data-theme] .page-layout .archi-card-action[onclick*="'tradeo'"] svg { color: var(--c-blue); }
html[data-theme] .page-layout .archi-card-action[onclick*="Priority"] svg { color: var(--c-warn); }

/* Estados activos: con .archi-card para ganar al botón secundario de components/buttons.css
   (mismo peso y se carga después); también al pasar el ratón. */
html[data-theme] .page-layout .archi-card .archi-card-action.is-active-tengo,
html[data-theme] .page-layout .archi-card .archi-card-action.is-active-tengo:hover:not(:disabled) {
  background: var(--c-tint-green) !important;
  border-color: color-mix(in srgb, var(--c-green) 55%, transparent) !important;
  color: var(--c-green) !important;
}
html[data-theme] .page-layout .archi-card .archi-card-action.is-active-tradeo,
html[data-theme] .page-layout .archi-card .archi-card-action.is-active-tradeo:hover:not(:disabled) {
  background: var(--c-tint-blue) !important;
  border-color: color-mix(in srgb, var(--c-blue) 55%, transparent) !important;
  color: var(--c-blue) !important;
}
html[data-theme] .page-layout .archi-card .archi-card-action.is-active-priority,
html[data-theme] .page-layout .archi-card .archi-card-action.is-active-priority:hover:not(:disabled) {
  background: color-mix(in srgb, var(--c-warn) 14%, transparent) !important;
  border-color: color-mix(in srgb, var(--c-warn) 55%, transparent) !important;
  color: var(--c-warn) !important;
}

/* "Prioridad" no cabe en media columna (su icono se encogía a 0 px): ocupa su propia fila
   y Mapa + Ofertas comparten la última. */
html[data-theme] .page-layout .archi-card-action svg { flex-shrink: 0; }
html[data-theme] .page-layout .archi-card-actions:has(> [onclick*="Priority"]) > [onclick*="Priority"] { grid-column: 1 / -1; }
html[data-theme] .page-layout .archi-card-actions:has(> [onclick*="Priority"]) > .archi-card-action:last-child { grid-column: auto; }

/* Insignias de la tarjeta y tarjetas ya registradas (colores de estado, no del acento) */
html[data-theme] .page-layout .archi-card-badges :is(.badge-tengo, .badge-tradeo, .badge-priority) {
  font-size: .7rem;
  font-weight: 700;
  padding: .12rem .5rem;
  border-radius: 999px;
  line-height: 1.4;
}
html[data-theme] .page-layout .archi-card-badges .badge-tengo {
  background: var(--c-tint-green);
  border: 1px solid color-mix(in srgb, var(--c-green) 45%, transparent);
  color: var(--c-green);
}
html[data-theme] .page-layout .archi-card-badges .badge-tradeo {
  background: var(--c-tint-blue);
  border: 1px solid color-mix(in srgb, var(--c-blue) 45%, transparent);
  color: var(--c-blue);
}
html[data-theme] .page-layout .archi-card:is(.has-tengo, .has-both) { border-color: color-mix(in srgb, var(--c-green) 35%, transparent) !important; }
html[data-theme] .page-layout .archi-card.has-tradeo { border-color: color-mix(in srgb, var(--c-blue) 35%, transparent) !important; }

/* Filtros Tengo / Tradeo conservan su color */
html[data-theme] .page-layout .filter-btn.filter-tengo:not(.active)  { color: var(--c-green) !important; }
html[data-theme] .page-layout .filter-btn.filter-tradeo:not(.active) { color: var(--c-blue) !important; }
html[data-theme] .page-layout .filter-btn.filter-tengo.active {
  background: var(--c-tint-green) !important;
  border-color: color-mix(in srgb, var(--c-green) 55%, transparent) !important;
  color: var(--c-green) !important;
}
html[data-theme] .page-layout .filter-btn.filter-tradeo.active {
  background: var(--c-tint-blue) !important;
  border-color: color-mix(in srgb, var(--c-blue) 55%, transparent) !important;
  color: var(--c-blue) !important;
}

/* Entrada escalonada de la primera tanda de tarjetas */
html[data-theme]:not(.fx-off) .archi-grid > .archi-card:nth-child(-n+15) { animation: fx-rise .6s var(--ease) both; }
html[data-theme]:not(.fx-off) .archi-grid > .archi-card:nth-child(5n+2) { animation-delay: .04s; }
html[data-theme]:not(.fx-off) .archi-grid > .archi-card:nth-child(5n+3) { animation-delay: .08s; }
html[data-theme]:not(.fx-off) .archi-grid > .archi-card:nth-child(5n+4) { animation-delay: .12s; }
html[data-theme]:not(.fx-off) .archi-grid > .archi-card:nth-child(5n)   { animation-delay: .16s; }

/* Ficha de archi (modal): igual que las demás ventanas de components/overlays.css */
html[data-theme] .archi-modal {
  background: rgba(8, 7, 5, .55) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
html[data-theme] .archi-modal-card {
  background: var(--c-surface) !important;
  border: 1px solid var(--c-line-strong) !important;
  border-radius: 20px !important;
  box-shadow: var(--c-shadow-float) !important;
  color: var(--c-text);
}
html[data-theme] .archi-modal-name { color: var(--c-text); font-size: 1.05rem; font-weight: 600; letter-spacing: -.01em; }
html[data-theme] .archi-modal-btn {
  background: var(--c-inset);
  border: 1px solid var(--c-line-strong);
  border-radius: var(--r-ctl);
  color: var(--c-text);
  font-size: .92rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}
html[data-theme] .archi-modal-btn:hover { background: var(--c-inset-2); border-color: var(--c-line-hover); color: var(--c-text); }
html[data-theme] .archi-modal-btn[onclick*="'tengo'"] .archi-modal-icon { color: var(--c-green); }
html[data-theme] .archi-modal-btn[onclick*="'tradeo'"] .archi-modal-icon { color: var(--c-blue); }
html[data-theme] .archi-modal-btn.active-green,
html[data-theme] .archi-modal-btn.active-green:hover {
  background: var(--c-tint-green);
  border-color: color-mix(in srgb, var(--c-green) 55%, transparent);
  color: var(--c-green);
}
html[data-theme] .archi-modal-btn.active-blue,
html[data-theme] .archi-modal-btn.active-blue:hover {
  background: var(--c-tint-blue);
  border-color: color-mix(in srgb, var(--c-blue) 55%, transparent);
  color: var(--c-blue);
}
html[data-theme] .archi-modal-qty-inline { border-radius: var(--r-ctl); background: var(--c-inset); }
html[data-theme] .archi-modal-qty-inline label { color: var(--c-text-2); }
html[data-theme] .archi-modal-qty-inline input { background: var(--c-field); border-color: var(--c-line-strong); border-radius: var(--r-ctl); }
html[data-theme] .archi-related-trades { background: transparent; border-color: var(--c-line); border-radius: var(--r-inner); }
html[data-theme] .archi-related-head h3 {
  color: var(--c-text);
  font-size: .9rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: -.01em;
}
html[data-theme] .archi-related-head a { color: var(--c-accent-ink); font-weight: 600; }
html[data-theme] .archi-related-label { color: var(--c-text-3); font-weight: 700; }
html[data-theme] .archi-related-item { border-radius: var(--r-inner); }
html[data-theme] .archi-related-item:hover { background: var(--c-inset-2); border-color: var(--c-line-hover); }
html[data-theme] .archi-related-body strong { color: var(--c-accent-ink); font-weight: 600; }
html[data-theme] .archi-related-avatar { border-radius: 30%; }
html[data-theme] .archi-related-empty {
  background: transparent;
  border: 1.5px dashed var(--c-line-strong);
  border-radius: var(--r-inner);
  color: var(--c-text-3);
}
/* Cancelar / Guardar: .btn-cancel y .btn-confirm de main.css seguían en oro */
html[data-theme] .archi-modal :is(.btn-cancel, .btn-confirm) {
  border-radius: var(--r-ctl);
  font-family: var(--font-ui);
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  transition: background .2s var(--ease), border-color .2s var(--ease), box-shadow .25s var(--ease);
}
html[data-theme] .archi-modal .btn-cancel { background: var(--c-inset); border: 1px solid var(--c-line-strong); color: var(--c-text); }
html[data-theme] .archi-modal .btn-cancel:hover { background: var(--c-inset-2); border-color: var(--c-line-hover); color: var(--c-text); }
html[data-theme] .archi-modal .btn-confirm { background: var(--c-accent); border: 1px solid var(--c-accent); color: var(--c-on-accent); }
html[data-theme] .archi-modal .btn-confirm:hover {
  background: var(--c-accent-2);
  border-color: var(--c-accent-2);
  box-shadow: 0 0 22px var(--c-accent-glow);
}

/* Pestañas Archimonstruos / Jefes de mazmorra: los jefes no tienen botón Mapa (salen en mazmorras), así que
   Ofertas ocupa la fila entera */
html[data-theme] .page-layout .archi-card-actions > .archi-card-action.is-wide:last-child { grid-column: 1 / -1; }
.archi-card .archi-stage-tag { margin-top: -.3rem; }
.archi-modal-kind { margin: -.15rem 0 .8rem; }
.archi-empty-switch { margin-left: .35rem; background: none; border: 0; padding: 0; cursor: pointer; font: inherit; font-weight: 600; text-decoration: underline; }