@font-face {font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/energisa-brand/open-sans-400.ttf") format("truetype");}
@font-face {font-family:"Open Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/energisa-brand/open-sans-600.ttf") format("truetype");}
@font-face {font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/energisa-brand/open-sans-700.ttf") format("truetype");}
.energisa-preview {
  position:fixed; inset:0; z-index:15000; width:100vw; height:100dvh;
  display:grid; grid-template-rows:auto auto auto minmax(0,1fr) auto;
  background:#fff; color:#444; font-family:"Open Sans",Arial,sans-serif;
  box-sizing:border-box; min-width:0; overflow:hidden;
}
.energisa-preview *, .energisa-preview-entry * { box-sizing:border-box; }
.energisa-preview__header {
  display:flex; align-items:center; gap:18px; padding:12px 24px;
  background:#0095ba; color:#fff; min-width:0;
}
.energisa-preview__header>img { width:122px; height:40px; object-fit:contain; }
.energisa-preview__header>div { display:flex; flex-direction:column; gap:3px; }
.energisa-preview__header strong { font-size:18px; }
.energisa-preview__header small { font-size:11px; color:#fff; }
.energisa-preview__header>button { margin-left:auto; }
.energisa-preview button {
  border:1px solid #0095ba; background:#fff; color:#007b99;
  padding:10px 15px; min-height:40px; border-radius:5px; cursor:pointer;
  font:600 13px "Open Sans",Arial,sans-serif; white-space:normal;
}
.energisa-preview button:disabled { opacity:.45; cursor:default; }
.energisa-preview button.preview-primary {
  background:#f27123; border-color:#f27123; color:#fff;
}
.energisa-preview button:focus-visible { outline:3px solid #f27123; outline-offset:2px; }
.energisa-preview__intro { padding:14px 26px 4px; }
.energisa-preview__intro h1 { margin:0; color:#0095ba; font-size:25px; }
.energisa-preview__intro p { margin:5px 0 0; font-size:13px; }
.energisa-preview__steps {
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
  padding:12px 24px; gap:8px; border-bottom:1px solid #dedede;
}
.energisa-preview__steps>button {
  border:0; background:none; display:flex; flex-direction:column;
  align-items:center; gap:7px; padding:4px; min-width:0; color:#0095ba;
}
.energisa-preview__steps span {
  display:grid; place-items:center; width:32px; height:32px;
  border:2px solid #00abcc; border-radius:50%; font-size:15px;
}
.energisa-preview__steps b { font-size:12px; font-weight:600; }
.energisa-preview__steps [aria-selected=true] { color:#f27123; }
.energisa-preview__steps [aria-selected=true] span {
  background:#f27123; border-color:#f27123; color:white;
}
.energisa-preview>main {
  overflow:auto; min-width:0; min-height:0; padding:20px 26px;
  background:#fafafa; scroll-padding-top:12px;
}
.energisa-preview main h2 { margin:0 0 18px; font-size:22px; color:#0095ba; }
.energisa-preview main h3 { color:#007b99; font-size:16px; margin:0 0 6px; }
.energisa-preview__group,.energisa-preview__equipment fieldset {
  border:1px solid #dedede; border-top:3px solid #00abcc;
  border-radius:6px; padding:16px; margin:0 0 18px; min-width:0; background:white;
}
.energisa-preview legend { color:#007b99; font-size:15px; font-weight:700; padding:0 6px; }
.energisa-preview__fields {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px;
}
.energisa-preview__fields label,.energisa-preview__text {
  display:flex; flex-direction:column; gap:7px; min-width:0; font-size:13px;
}
.energisa-preview input[readonly],.energisa-preview textarea[readonly] {
  width:100%; min-width:0; border:1px solid #ccc; border-radius:4px;
  padding:10px; background:#fff; color:#333; font:500 14px "Open Sans",Arial,sans-serif;
}
.energisa-preview input.is-missing { border-color:#dc9b64; background:#fffaf5; }
.energisa-preview__text { margin:0 0 20px; }
.energisa-preview textarea { resize:vertical; }
.energisa-preview__source { display:block; color:#666; font-size:11px; margin-top:12px; }
.energisa-preview__notice {
  padding:12px 15px; border-left:4px solid #f27123; background:#fff4e8;
  font-size:13px; margin:0 0 16px; overflow-wrap:anywhere;
}
.energisa-preview__notice p { margin:5px 0; }
.energisa-preview__notice.success,.energisa-preview__notice.compatible,
.energisa-preview__notice.verified { border-color:#00abcc; background:#eefaff; }
.energisa-preview__notice.error { border-color:#b62d25; background:#fff0ef; }
.energisa-preview__notice button { margin:8px 8px 0 0; }
.energisa-preview details { margin:12px 0; }
.energisa-preview summary { padding:9px 0; cursor:pointer; color:#007b99; font-weight:600; }
.energisa-preview__equipment table { width:100%; border-collapse:collapse; table-layout:fixed; }
.energisa-preview__equipment th,.energisa-preview__equipment td {
  padding:10px 8px; text-align:left; border-bottom:1px solid #dedede;
  font-size:13px; overflow-wrap:anywhere;
}
.energisa-preview__equipment th:first-child { width:10%; }
.energisa-preview__documents { display:grid; gap:10px; }
.energisa-preview__documents article {
  display:flex; gap:12px; align-items:center; padding:14px;
  border:1px solid #dedede; border-radius:5px; min-width:0; background:#fff;
}
.energisa-preview__documents img { width:25px; height:28px; flex-shrink:0; }
.energisa-preview__documents article>div { flex:1; min-width:0; overflow-wrap:anywhere; }
.energisa-preview__documents p { margin:0 0 5px; font-size:13px; }
.energisa-preview__internal { display:flex; gap:12px; align-items:center; margin:10px 0; }
.energisa-preview__validations { display:grid; gap:12px; }
.energisa-preview__validations label,.energisa-preview__confirm {
  display:flex; align-items:flex-start; gap:10px; font-size:13px;
}
.energisa-preview input[type=checkbox] { width:18px; height:18px; margin:0; flex-shrink:0; }
.energisa-preview__footer {
  border-top:1px solid #dedede; padding:12px 24px; background:white;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;
}
.energisa-preview__navigation,.energisa-preview__actions { display:flex; gap:8px; flex-wrap:wrap; }
.energisa-preview__execution { margin:20px 0 0; border-top:1px solid #dedede; padding-top:16px; }
.energisa-preview__execution ol { display:flex; flex-wrap:wrap; gap:10px; padding:0; list-style:none; }
.energisa-preview__execution li { display:flex; gap:6px; align-items:center; font-size:12px; }
.energisa-preview__execution li span { color:#666; font-weight:700; }
.energisa-preview__execution .done span { color:#007b99; }
.energisa-preview__execution .active { color:#d45b10; font-weight:700; }
.energisa-preview-entry { background:#fff; padding:20px; border-top:5px solid #00abcc; }
.energisa-preview-entry>header { display:flex; gap:15px; align-items:center; }
.energisa-preview-entry>header img { width:32px; height:38px; }
.energisa-preview-entry h3 { color:#0095ba; margin:0 0 6px; font-size:24px; }
.energisa-preview-entry p { margin:0; }
.energisa-preview-entry>ol { display:flex; list-style:none; padding:0; gap:12px; margin:24px 0; }
.energisa-preview-entry>ol>li { flex:1; display:flex; flex-direction:column; gap:8px; font-size:12px; color:#007b99; }
.energisa-preview-entry>ol>li span { font-weight:700; color:#f27123; font-size:18px; }
.energisa-preview-entry__actions { display:flex; gap:10px; flex-wrap:wrap; }
.projects-workspace .project-layout-header { background:#0095ba; padding:15px; border-radius:7px; }
.project-layout-header .energisa-project-logo { width:112px; height:38px; object-fit:contain; }
.projects-workspace .project-layout-header h2,.projects-workspace .project-layout-header p { color:white; }
.projects-workspace .primary,.engineering-workspace .primary { background:#f27123; border-color:#f27123; color:white; }
.projects-workspace .projects-workspace-tabs button { border-color:#00abcc; color:#007b99; background:white; }
.projects-workspace .projects-workspace-tabs button[aria-selected=true] { background:#f27123; color:white; }
.engineering-workspace-heading { border-top:5px solid #00abcc; }
.engineering-workspace-heading h3 { color:#0095ba; }
.engineering-workspace .engineering-workspace-tabs button[aria-selected=true] { background:#0095ba; color:white; }
@media(max-width:800px) {
  .energisa-preview__fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .energisa-preview__header { padding:10px 14px; gap:10px; }
  .energisa-preview-entry>ol { flex-wrap:wrap; }
  .energisa-preview-entry>ol>li { flex:1 0 27%; }
}
@media(max-width:500px) {
  .energisa-preview__header { flex-wrap:wrap; gap:8px; padding:9px 12px; }
  .energisa-preview__header>img { width:85px; height:28px; }
  .energisa-preview__header strong { font-size:14px; }
  .energisa-preview__header small { font-size:9px; }
  .energisa-preview__header>button { min-height:32px; padding:6px 8px; font-size:10px; }
  .energisa-preview__intro { padding:10px 12px 0; }
  .energisa-preview__intro h1 { font-size:19px; }
  .energisa-preview__intro p { font-size:11px; overflow-wrap:anywhere; }
  .energisa-preview__steps { padding:10px 8px; gap:3px; }
  .energisa-preview__steps span { width:25px; height:25px; font-size:12px; }
  .energisa-preview__steps b { font-size:9px; line-height:1.2; overflow-wrap:anywhere; }
  .energisa-preview>main { padding:14px 12px; }
  .energisa-preview__fields { grid-template-columns:minmax(0,1fr); gap:12px; }
  .energisa-preview__group { padding:12px; }
  .energisa-preview__documents article { padding:10px; flex-wrap:wrap; }
  .energisa-preview__documents article>div { flex:1 1 75%; }
  .energisa-preview__footer { padding:8px 10px max(8px,env(safe-area-inset-bottom)); }
  .energisa-preview__footer button { padding:8px 10px; font-size:11px; }
  .energisa-preview__navigation,.energisa-preview__actions { width:100%; gap:5px; }
  .energisa-preview__navigation>button,.energisa-preview__actions>button { flex:1; }
  .project-layout-header .energisa-project-logo { width:100px; height:32px; }
}