.generated-page { display:grid; gap:18px; }
.generated-context { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:14px 16px; border:1px solid #e0e6eb; border-radius:14px; background:#f7f9fb; }
.generated-context>div { display:grid; gap:2px; }
.generated-context span,.generation-summary span { color:#778591; font-size:11px; text-transform:uppercase; letter-spacing:.05em; }
.generated-period-tabs { display:inline-flex; gap:6px; padding:4px; background:#eef2f5; border-radius:12px; }
.generated-period-tabs a { padding:8px 16px; border-radius:9px; color:#52616d; text-decoration:none; font-weight:600; }
.generated-period-tabs a.active { background:#fff; color:#1f5f91; box-shadow:0 2px 8px rgba(25,58,84,.10); }
.draft-current-card { display:grid; grid-template-columns:54px 1fr auto; gap:16px; align-items:center; padding:20px; border:1px solid #d9e4ec; border-radius:16px; background:linear-gradient(180deg,#fff,#f8fbfd); }
.draft-current-icon { width:50px; height:50px; display:grid; place-items:center; border-radius:14px; background:#edf5fb; color:#276591; font-size:25px; }
.draft-current-info h2 { margin:3px 0 4px; font-size:19px; }
.draft-current-info p { margin:0; color:#657681; }
.generated-kicker { color:#748390; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.generated-history-card,.generated-log-card { padding:20px; border:1px solid #dfe6ec; border-radius:16px; background:#fff; box-shadow:0 3px 12px rgba(17,46,70,.04); }
.generated-card-heading { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:14px; }
.generated-card-heading h2 { margin:3px 0 0; font-size:19px; }
.generation-list { display:grid; gap:8px; }
.generation-row { display:grid; grid-template-columns:1fr auto 110px 24px; gap:14px; align-items:center; padding:13px 14px; border:1px solid #e2e7eb; border-radius:12px; color:inherit; text-decoration:none; }
.generation-row:hover { background:#f9fbfc; border-color:#c9d9e5; }
.generation-main,.generation-options-count { display:grid; gap:2px; }
.generation-main span,.generation-options-count span { color:#75838e; font-size:12px; }
.generation-status { padding:5px 8px; border-radius:999px; font-size:11px; font-weight:700; }
.status-concluida { background:#e5f5e9; color:#28723f; }
.status-processando { background:#fff2cf; color:#7a5d17; }
.status-falhou,.status-cancelada { background:#fbe5e5; color:#9c3434; }
.generation-arrow { color:#81909b; font-size:20px; }
.generated-empty { padding:24px; border:1px dashed #cbd5dc; border-radius:13px; background:#fafcfd; }
.generation-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.generation-summary>div { display:grid; gap:4px; padding:14px; border:1px solid #e1e7ec; border-radius:12px; background:#f9fbfc; }
.options-table-scroll { overflow-x:auto; }
.options-table { width:100%; min-width:950px; border-collapse:collapse; }
.options-table th,.options-table td { padding:10px 9px; border-bottom:1px solid #e4e9ed; text-align:center; white-space:nowrap; }
.options-table th { background:#f5f7f9; color:#536470; font-size:12px; }
.generated-log-card pre { margin:12px 0 0; padding:14px; border-radius:10px; background:#17222b; color:#eef5f8; white-space:pre-wrap; }
.draft-warning { padding:12px 14px; border:1px solid #ead49f; border-radius:11px; background:#fff8e8; color:#72591f; }
@media(max-width:820px){
  .generated-context{flex-direction:column;align-items:stretch}
  .generated-period-tabs{width:100%}
  .generated-period-tabs a{flex:1;text-align:center}
  .draft-current-card{grid-template-columns:1fr;align-items:start}
  .generation-row{grid-template-columns:1fr auto}
  .generation-options-count,.generation-arrow{display:none}
  .generation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}