/* ==========================================================================
   Investwar — Command — Biblioteca oficial — Lote 02
   Componentes oficiais promovidos — Lote 02.
   Sem escopo global de tokens; consome a fundação Command.
   ========================================================================== */

/* Isolamento técnico local; não cria estilo global fora de .iw-command. */
.iw-command .iw-l02-card,
.iw-command .iw-l02-card *,
.iw-command .iw-l02-badge,
.iw-command .iw-l02-alert,
.iw-command .iw-l02-alert *,
.iw-command .iw-l02-table-region,
.iw-command .iw-l02-table-region *,
.iw-command .iw-l02-collection,
.iw-command .iw-l02-collection *{
  box-sizing:border-box;
}

/* ==========================================================================
   FAMÍLIA 1 — CARD DE SUPERFÍCIE
   ========================================================================== */
.iw-command .iw-l02-card{
  position:relative;
  min-width:0;
  padding:1.5rem;
  border:2px solid var(--iw-command-herald-bronze);
  background:linear-gradient(180deg,var(--iw-command-panel2),var(--iw-command-panel));
  box-shadow:var(--iw-command-elevation-3),inset 0 0 0 1px rgb(184 109 47 / 35%);
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}


.iw-command .iw-l02-card__topline{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:.5rem 1rem;
}

.iw-command .iw-l02-card__meta{
  margin:0;
  color:var(--iw-command-text-dim);
  font-size:.75rem;
  line-height:1.4;
  letter-spacing:.04em;
  overflow-wrap:anywhere;
}

.iw-command .iw-l02-card__title{
  max-width:24ch;
  margin:.75rem 0 0;
  color:var(--iw-command-text);
  font-size:1.375rem;
  font-weight:700;
  line-height:1.1;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}

.iw-command .iw-l02-card__description{
  max-width:68ch;
  margin:.75rem 0 0;
  color:var(--iw-command-muted);
  font-size:1rem;
  line-height:1.6;
  overflow-wrap:anywhere;
  hyphens:auto;
}

.iw-command .iw-l02-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.5rem;
}

/* ==========================================================================
   FAMÍLIA 2 — BADGE DE STATUS
   ========================================================================== */
.iw-command .iw-l02-badge{
  display:inline-flex;
  max-width:100%;
  align-items:center;
  padding:.25rem .5rem;
  border:1px solid currentColor;
  background:var(--iw-command-panel);
  color:var(--iw-command-muted);
  font-size:.75rem;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.04em;
  text-transform:uppercase;
  overflow-wrap:anywhere;
  white-space:normal;
  clip-path:polygon(
    0 0,
    100% 0,
    calc(100% - 6px) 50%,
    100% 100%,
    0 100%,
    6px 50%
  );
}

.iw-command .iw-l02-badge--info{color:var(--iw-command-info)}
.iw-command .iw-l02-badge--success{color:var(--iw-command-success)}
.iw-command .iw-l02-badge--attention{color:var(--iw-command-amber)}
.iw-command .iw-l02-badge--error{color:var(--iw-command-blood3)}

/* ==========================================================================
   FAMÍLIA 3 — ALERTA PERSISTENTE
   ========================================================================== */
.iw-command .iw-l02-alert{
  position:relative;
  min-width:0;
  padding:1rem 1rem 1rem 1.25rem;
  border:1px solid var(--iw-command-line);
  border-left-width:3px;
  background:var(--iw-command-panel);
  box-shadow:0 2px 8px rgb(0 0 0 / 18%);
}

.iw-command .iw-l02-alert--info{border-left-color:var(--iw-command-info)}
.iw-command .iw-l02-alert--success{border-left-color:var(--iw-command-success)}
.iw-command .iw-l02-alert--attention{border-left-color:var(--iw-command-amber)}
.iw-command .iw-l02-alert--error{border-left-color:var(--iw-command-blood3)}

.iw-command .iw-l02-alert__kind{
  margin:0;
  font-size:.75rem;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.iw-command .iw-l02-alert--info .iw-l02-alert__kind{color:var(--iw-command-info)}
.iw-command .iw-l02-alert--success .iw-l02-alert__kind{color:var(--iw-command-success)}
.iw-command .iw-l02-alert--attention .iw-l02-alert__kind{color:var(--iw-command-amber)}
.iw-command .iw-l02-alert--error .iw-l02-alert__kind{color:var(--iw-command-blood3)}

.iw-command .iw-l02-alert__title{
  margin:.375rem 0 0;
  color:var(--iw-command-text);
  font-size:1.25rem;
  font-weight:700;
  line-height:1.1;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}

.iw-command .iw-l02-alert__message{
  max-width:68ch;
  margin:.5rem 0 0;
  color:var(--iw-command-muted);
  font-size:.875rem;
  line-height:1.55;
  overflow-wrap:anywhere;
  hyphens:auto;
}

.iw-command .iw-l02-alert__actions{
  margin-top:1rem;
}

/* ==========================================================================
   FAMÍLIA 4 — TABELA DE LEITURA
   ========================================================================== */
.iw-command .iw-l02-table-region{
  min-width:0;
}

.iw-command .iw-l02-table-hint{
  margin:0 0 .5rem;
  color:var(--iw-command-muted);
  font-size:.75rem;
  line-height:1.4;
}

.iw-command .iw-l02-table-scroll{
  max-width:100%;
  overflow-x:auto;
  border:1px solid var(--iw-command-line);
  background:var(--iw-command-panel);
  scrollbar-width:thin;
  scrollbar-color:var(--iw-command-steel2) var(--iw-command-panel);
}

.iw-command .iw-l02-table-scroll::-webkit-scrollbar{
  height:.625rem;
}

.iw-command .iw-l02-table-scroll::-webkit-scrollbar-track{
  background:var(--iw-command-panel);
}

.iw-command .iw-l02-table-scroll::-webkit-scrollbar-thumb{
  background:var(--iw-command-steel2);
  border:2px solid var(--iw-command-panel);
}

.iw-command .iw-l02-table{
  width:100%;
  min-width:46rem;
  border-collapse:collapse;
  color:var(--iw-command-text);
  font-size:.875rem;
  line-height:1.55;
}

.iw-command .iw-l02-table caption{
  padding:1rem;
  border-bottom:1px solid var(--iw-command-line);
  color:var(--iw-command-herald-gold);
  font-size:.8125rem;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.06em;
  text-align:left;
  text-transform:uppercase;
}

.iw-command .iw-l02-table th,
.iw-command .iw-l02-table td{
  padding:.75rem 1rem;
  border-bottom:1px solid var(--iw-command-line);
  text-align:left;
  vertical-align:top;
  overflow-wrap:anywhere;
}

.iw-command .iw-l02-table th{
  background:var(--iw-command-panel2);
  color:var(--iw-command-cream);
  font-size:.8125rem;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.iw-command .iw-l02-table tbody tr:last-child td{
  border-bottom:0;
}

.iw-command .iw-l02-table tbody tr:nth-child(even){
  background:var(--iw-command-bg2);
}

.iw-command .iw-l02-table__empty,
.iw-command .iw-l02-table__busy{
  color:var(--iw-command-muted);
  text-align:center !important;
}

.iw-command .iw-l02-table__busy strong{
  color:var(--iw-command-herald-gold);
}

/* ==========================================================================
   FAMÍLIA 5 — ESTADO DE COLEÇÃO
   ========================================================================== */
.iw-command .iw-l02-collection{
  min-width:0;
  padding:1.5rem;
  border:1px solid var(--iw-command-herald-bronze);
  background:var(--iw-command-panel);
  clip-path:polygon(
    0 0,
    100% 0,
    100% calc(100% - 18px),
    calc(100% - 18px) 100%,
    18px 100%,
    0 calc(100% - 18px)
  );
  box-shadow:
    0 6px 16px rgb(0 0 0 / 24%),
    inset 0 0 0 1px rgb(184 109 47 / 35%);
}

.iw-command .iw-l02-collection__state{
  margin:0;
  color:var(--iw-command-herald-gold);
  font-size:.75rem;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.iw-command .iw-l02-collection__title{
  max-width:24ch;
  margin:.5rem 0 0;
  color:var(--iw-command-text);
  font-size:1.25rem;
  font-weight:700;
  line-height:1.1;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}

.iw-command .iw-l02-collection__message{
  max-width:68ch;
  margin:.5rem 0 0;
  color:var(--iw-command-muted);
  font-size:.875rem;
  line-height:1.55;
  overflow-wrap:anywhere;
  hyphens:auto;
}

.iw-command .iw-l02-collection__actions{
  margin-top:1rem;
}

.iw-command .iw-l02-collection[aria-busy="true"]{
  border-color:var(--iw-command-steel2);
}

.iw-command .iw-l02-collection[aria-busy="true"] .iw-l02-collection__state{
  color:var(--iw-command-info);
}

/* 320px / zoom de 200%: conteúdo permanece fluido; tabela preserva dados via overflow-x. */
@media(max-width:48rem){
  .iw-command .iw-l02-card{
    padding:1rem;
  }

  .iw-command .iw-l02-collection{
    clip-path:polygon(
      0 0,
      100% 0,
      100% calc(100% - 12px),
      calc(100% - 12px) 100%,
      12px 100%,
      0 calc(100% - 12px)
    );
  }
}

@media(max-width:30rem){
  .iw-command .iw-l02-card__topline{
    display:grid;
    justify-content:stretch;
  }

  .iw-command .iw-l02-alert__actions,
  .iw-command .iw-l02-card__actions,
  .iw-command .iw-l02-collection__actions{
    display:grid;
  }
}

@media(prefers-reduced-motion:reduce){
  /* Os cinco componentes não possuem animação ou transição própria.
     A ação reutiliza o Button oficial, que já trata reduced motion. */
}

@media(forced-colors:active){
  .iw-command .iw-l02-card,
  .iw-command .iw-l02-badge,
  .iw-command .iw-l02-alert,
  .iw-command .iw-l02-table-scroll,
  .iw-command .iw-l02-collection{
    forced-color-adjust:auto;
  }
}