.petrobras-flow-panel {
  --petrobras-accent: #f4a900;
  --petrobras-border: rgba(116, 184, 235, .38);
  --petrobras-surface: rgba(8, 42, 72, .92);
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.petrobras-flow-hero,
.petrobras-flow-toolbar,
.petrobras-flow-summary article,
.petrobras-flow-list,
.petrobras-flow-pending {
  color: #f7fbff;
  border: 1px solid var(--petrobras-border);
  background: linear-gradient(135deg, rgba(8, 34, 61, .97), rgba(12, 55, 91, .93));
  box-shadow: 0 16px 38px rgba(0, 17, 35, .22);
}

.petrobras-flow-hero {
  padding: clamp(1.25rem, 3vw, 2.35rem);
  border-left: .35rem solid var(--petrobras-accent);
  border-radius: 1rem;
}

.petrobras-flow-hero p,
.petrobras-flow-dialog header p {
  margin: 0 0 .4rem;
  color: #ffbd32;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.petrobras-flow-hero h1 {
  margin: 0;
  font-size: clamp(1.7rem, 4vw, 2.65rem);
}

.petrobras-flow-hero span,
.petrobras-flow-toolbar p {
  color: #bdd1e2;
}

.petrobras-flow-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem;
  border-radius: .9rem;
}

.petrobras-flow-toolbar h2,
.petrobras-flow-toolbar p { margin: 0; }
.petrobras-flow-toolbar-actions { display: flex; align-items: end; gap: .7rem; flex-wrap: wrap; }
.petrobras-flow-toolbar label { display: grid; gap: .35rem; color: #dceaf5; font-weight: 700; }
.petrobras-flow-toolbar input {
  min-width: min(23rem, 72vw);
  min-height: 2.75rem;
  color: #fff;
  border: 1px solid var(--petrobras-border);
  border-radius: .65rem;
  background: rgba(5, 28, 51, .82);
  padding: .65rem .8rem;
}

.petrobras-flow-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}

.petrobras-flow-summary article { display: grid; gap: .1rem; padding: 1rem; border-radius: .8rem; }
.petrobras-flow-summary strong { color: #ffbd32; font-size: 1.65rem; }
.petrobras-flow-summary span { color: #bed0df; }
.petrobras-flow-list { display: grid; gap: .7rem; padding: .85rem; border-radius: .9rem; }

.petrobras-flow-card {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(9rem, auto) minmax(12rem, 1.2fr) minmax(13rem, 2fr);
  gap: .35rem 1rem;
  text-align: left;
  color: #edf7ff;
  border: 1px solid rgba(119, 187, 236, .34);
  border-radius: .75rem;
  background: rgba(19, 62, 97, .72);
  padding: .9rem 1rem;
  cursor: pointer;
}

.petrobras-flow-card:hover,
.petrobras-flow-card:focus-visible { border-color: #ffb51e; box-shadow: 0 0 0 2px rgba(255, 181, 30, .18); }
.petrobras-flow-card-code { color: #ffbd32; font-weight: 800; }
.petrobras-flow-card-footer { grid-column: 1 / -1; display: flex; gap: .55rem; align-items: center; flex-wrap: wrap; }
.petrobras-flow-card-footer em,
.petrobras-flow-card-footer small,
.petrobras-flow-card-footer time { border-radius: 999px; padding: .25rem .55rem; font-style: normal; background: rgba(3, 24, 44, .7); }
.petrobras-flow-card-footer em { color: #ffbd32; }
.petrobras-flow-empty { padding: 2rem; text-align: center; color: #bed0df; }
.petrobras-flow-empty strong { color: #fff; }

.petrobras-flow-pending { padding: .9rem 1rem; border-radius: .8rem; }
.petrobras-flow-pending summary { color: #ffbd32; cursor: pointer; font-weight: 800; }
.petrobras-flow-pending li { margin: .45rem 0; color: #ccdae5; }

.petrobras-flow-dialog {
  width: min(74rem, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  color: #f7fbff;
  border: 1px solid rgba(244, 169, 0, .72);
  border-radius: 1rem;
  background: #082a48;
  padding: 0;
  overflow: auto;
}
.petrobras-flow-dialog::backdrop { background: rgba(0, 14, 29, .78); backdrop-filter: blur(3px); }
.petrobras-flow-dialog > div { display: grid; gap: 1rem; padding: 1.25rem; }
.petrobras-flow-dialog header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--petrobras-border); padding-bottom: 1rem; }
.petrobras-flow-dialog header h2,
.petrobras-flow-dialog header span { margin: 0; }
.petrobras-flow-dialog header span { color: #bed0df; }
.petrobras-flow-dialog [data-close-petrobras] { color: #fff; border: 1px solid var(--petrobras-border); border-radius: .6rem; background: rgba(10, 52, 87, .9); font-size: 1.35rem; padding: .35rem .7rem; cursor: pointer; }

.petrobras-flow-status { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.petrobras-flow-status > * { border: 1px solid var(--petrobras-border); border-radius: 999px; padding: .35rem .65rem; color: #dceaf5; }
.petrobras-flow-status strong { color: #ffbd32; }
.petrobras-flow-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.petrobras-flow-detail-grid article,
.petrobras-flow-actions,
.petrobras-flow-evidence,
.petrobras-flow-versions,
.petrobras-flow-dialog details,
.petrobras-flow-dialog section:has(> .petrobras-flow-table-wrap) { border: 1px solid var(--petrobras-border); border-radius: .8rem; background: rgba(10, 49, 82, .68); padding: 1rem; }
.petrobras-flow-dialog h3 { margin-top: 0; }
.petrobras-flow-dialog dl { display: grid; grid-template-columns: minmax(7rem, auto) 1fr; gap: .45rem .8rem; margin: 0; }
.petrobras-flow-dialog dt { color: #91b8d5; }
.petrobras-flow-dialog dd { margin: 0; }
.petrobras-flow-table-wrap { max-width: 100%; overflow: auto; }
.petrobras-flow-dialog table { width: 100%; border-collapse: collapse; white-space: nowrap; }
.petrobras-flow-dialog th,
.petrobras-flow-dialog td { padding: .65rem; border-bottom: 1px solid rgba(121, 187, 235, .25); text-align: left; }
.petrobras-flow-dialog th { color: #ffbd32; }
.petrobras-nm-warning { display: block; margin-top: .25rem; color: #ffbd32; font-weight: 800; }
.petrobras-flow-actions > div { display: flex; gap: .55rem; flex-wrap: wrap; }
.petrobras-flow-evidence-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.petrobras-flow-evidence-heading p { color: #aac4d8; margin: .25rem 0 0; }
.petrobras-flow-evidence form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; border-top: 1px solid var(--petrobras-border); border-bottom: 1px solid var(--petrobras-border); margin: .8rem 0; padding: .8rem 0; }
.petrobras-flow-evidence form label { display: grid; gap: .3rem; font-weight: 700; }
.petrobras-flow-evidence form input,
.petrobras-flow-evidence form select { min-width: 0; min-height: 2.55rem; color: #fff; border: 1px solid var(--petrobras-border); border-radius: .55rem; background: rgba(4,31,55,.88); padding: .55rem .7rem; }
.petrobras-flow-evidence form > div,
.petrobras-flow-evidence form > p { grid-column: 1 / -1; }
.petrobras-flow-evidence form > div { display: flex; gap: .55rem; flex-wrap: wrap; }
.petrobras-flow-evidence ul { display: grid; gap: .55rem; list-style: none; margin: .8rem 0 0; padding: 0; }
.petrobras-flow-evidence li { display: flex; align-items: center; justify-content: space-between; gap: .75rem; border: 1px solid rgba(121,187,235,.25); border-radius: .65rem; padding: .7rem; }
.petrobras-flow-evidence li span { display: block; color: #aac4d8; }
.petrobras-flow-evidence li p { margin: .2rem 0 0; }
.petrobras-flow-versions > details { margin-top: .55rem; background: rgba(4,31,55,.45); }
.petrobras-flow-versions summary { color: #ffbd32; cursor: pointer; font-weight: 800; }
.petrobras-flow-versions li { margin: .3rem 0; color: #dceaf5; }

.petrobras-flow-actions form,
.petrobras-flow-dialog form[data-create-sfm] { margin-top: 1rem; border-top: 1px solid var(--petrobras-border); padding-top: 1rem; }
.petrobras-flow-actions label,
.petrobras-flow-form-grid label,
.petrobras-sfm-item label,
.petrobras-bam-item label { display: grid; gap: .3rem; color: #dceaf5; font-weight: 700; }
.petrobras-flow-actions input,
.petrobras-flow-actions select,
.petrobras-flow-actions textarea,
.petrobras-flow-form-grid input,
.petrobras-flow-form-grid select,
.petrobras-sfm-item input,
.petrobras-bam-item input,
.petrobras-bam-item textarea {
  min-width: 0;
  min-height: 2.55rem;
  color: #fff;
  border: 1px solid var(--petrobras-border);
  border-radius: .55rem;
  background: rgba(4, 31, 55, .88);
  padding: .55rem .7rem;
}
.petrobras-flow-actions textarea { min-height: 5rem; resize: vertical; }
.petrobras-span-all { grid-column: 1 / -1; }
.petrobras-flow-actions form > label { margin: .65rem 0; }
.petrobras-flow-form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.petrobras-flow-dialog fieldset { margin-top: 1rem; border: 1px solid var(--petrobras-border); border-radius: .75rem; padding: 1rem; }
.petrobras-flow-dialog legend { color: #ffbd32; font-weight: 800; }
.petrobras-sfm-item,
.petrobras-bam-item { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; align-items: end; border-bottom: 1px solid rgba(121, 187, 235, .24); padding: .8rem 0; }
.petrobras-sfm-item strong,
.petrobras-bam-item strong { grid-column: 1 / -1; }
.petrobras-flow-form-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.petrobras-flow-history { display: grid; gap: .65rem; padding-left: 1.25rem; }
.petrobras-flow-history li { padding-left: .35rem; }
.petrobras-flow-history time,
.petrobras-flow-history span { display: block; color: #aac4d8; }

@media (max-width: 900px) {
  .petrobras-flow-toolbar { align-items: stretch; flex-direction: column; }
  .petrobras-flow-toolbar-actions { align-items: stretch; flex-direction: column; }
  .petrobras-flow-toolbar input { min-width: 0; width: 100%; }
  .petrobras-flow-card { grid-template-columns: 1fr; }
  .petrobras-flow-card-footer { grid-column: auto; }
  .petrobras-flow-form-grid,
  .petrobras-flow-evidence form,
  .petrobras-sfm-item,
  .petrobras-bam-item { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .petrobras-flow-summary,
  .petrobras-flow-detail-grid,
  .petrobras-flow-form-grid,
  .petrobras-flow-evidence form,
  .petrobras-sfm-item,
  .petrobras-bam-item { grid-template-columns: 1fr; }
  .petrobras-flow-dialog { width: 100vw; max-height: 100vh; min-height: 100vh; border-radius: 0; }
  .petrobras-flow-dialog > div { padding: .85rem; }
  .petrobras-flow-dialog dl { grid-template-columns: 1fr; }
  .petrobras-flow-evidence-heading,
  .petrobras-flow-evidence li { align-items: stretch; flex-direction: column; }
}

@media print {
  body > *:not(.petrobras-flow-dialog) { display: none !important; }
  .petrobras-flow-dialog,
  .petrobras-flow-dialog[open] { position: static; display: block !important; width: 100%; max-height: none; color: #111; border: 0; background: #fff; }
  .petrobras-flow-dialog::backdrop,
  .petrobras-flow-dialog [data-close-petrobras],
  .petrobras-flow-actions,
  .petrobras-flow-evidence form { display: none !important; }
  .petrobras-flow-dialog > div,
  .petrobras-flow-detail-grid article,
  .petrobras-flow-evidence,
  .petrobras-flow-versions,
  .petrobras-flow-dialog details,
  .petrobras-flow-dialog section:has(> .petrobras-flow-table-wrap) { color: #111; border-color: #777; background: #fff; box-shadow: none; }
  .petrobras-flow-dialog header span,
  .petrobras-flow-dialog dt,
  .petrobras-flow-history time,
  .petrobras-flow-history span,
  .petrobras-flow-evidence li span { color: #333; }
  .petrobras-flow-dialog th,
  .petrobras-flow-versions summary,
  .petrobras-flow-status strong { color: #8b5700; }
}