:root{
  color-scheme:light;
  --bg:#f5f0e8;
  --surface:#fff;
  --surface-raised:#f0ebe1;
  --line:#ddd6ca;
  --line-soft:#e8e1d5;
  --text:#1a140e;
  --muted:#8a7d6e;
  --faint:#ccc5bb;
  --blue:#2d6a4f;
  --blue-bright:#2d6a4f;
  --mint:#2d6a4f;
  --danger:#a34733;
  --sans:'Epilogue',system-ui,sans-serif;
  --display:'DM Serif Display',Georgia,serif;
  --mono:'Epilogue',system-ui,sans-serif;
  font-family:var(--sans);
  background:var(--bg);
  color:var(--text)
}
.wordmark{font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:.035em}
body{background:var(--bg);color:var(--text)}
a{color:var(--blue)}
.topbar{background:rgba(245,240,232,.96);border-color:var(--line);backdrop-filter:blur(14px)}
.wordmark{color:var(--text);font-family:var(--sans);font-weight:700;letter-spacing:.08em}
.wordmark-light{color:var(--muted)}
.mark,.footer-mark{background:var(--blue);color:#fff;clip-path:none;border-radius:50%;font-family:var(--display)}
.save-state{color:var(--muted)}
.save-state i,.source-dot{background:var(--blue);box-shadow:0 0 0 3px #2d6a4f1c}
.button{border-radius:6px}
.button.primary{background:var(--blue);color:#fff}
.button.primary:hover{background:#245840}
.button.quiet{background:var(--surface);border-color:var(--line);color:var(--text)}
.button.quiet:hover,.button.outline:hover{background:var(--surface-raised);border-color:#b9c9bc}
.button.outline{color:var(--text);border-color:var(--line)}
.button-icon{color:#fff}
.eyebrow,.step,.url-label,.detail-label{color:var(--muted)}
.eyebrow-rule{background:var(--blue)}
.intro h1{color:var(--text);font-family:var(--display);font-weight:400;letter-spacing:-.035em}
.intro h1 span{color:#665a4c}
.intro p{color:var(--muted)}
.project-count{border-color:var(--line)}
.project-count strong{color:var(--blue);font-family:var(--display);font-weight:400}
.project-count span{color:var(--muted)}
.import-panel{background:transparent;border:0;border-bottom:1px solid var(--line);box-shadow:none;padding:0 0 28px;margin:0 clamp(22px,5vw,80px)}
.import-panel+.workspace{padding-top:28px}
.import-heading h2,.workspace-head h2,.exit-dialog h2{font-family:var(--display);font-weight:400;color:var(--text);letter-spacing:-.02em}
.import-hint,.section-note{color:var(--muted)}
.url-input-wrap{background:var(--surface);border-color:var(--line)}
.url-input-wrap:focus-within{border-color:var(--blue)}
.link-icon,.clear-url{color:var(--muted)}
.url-input-wrap input{color:var(--text)}
.url-input-wrap input::placeholder{color:#a79a89}
.form-foot{color:var(--muted)}
.success-message{color:var(--blue)}
.error-message{color:var(--danger)}
.workspace-head h2{color:var(--text)}
.plus{color:var(--blue)}
.project-grid{background:var(--surface);border-color:var(--line)}
.product-list-wrap{border-color:var(--line)}
.empty-orbit{border-color:var(--line);color:var(--blue);box-shadow:none}
.empty-state h3{font-family:var(--display);font-weight:400;color:var(--text)}
.empty-state p,.detail-empty{color:var(--muted)}
.text-button{color:var(--blue)}
.text-button:hover{color:#245840}
.product-row{border-bottom-color:var(--line-soft)}
.product-row:hover{background:var(--surface-raised)}
.product-row.active{background:#f0ebe1;box-shadow:inset 3px 0 var(--blue)}
.product-index,.image-count{color:var(--muted)}
.product-thumb{background:var(--surface-raised);border-color:var(--line);color:var(--muted)}
.product-summary strong{color:var(--text)}
.product-summary small,.product-spec small{color:var(--muted)}
.product-spec{color:#665a4c}
.completion{color:var(--blue)}
.completion.incomplete{color:#a36b28}
.row-chevron{color:var(--muted)}
.detail-panel{background:var(--surface)}
.detail-empty-icon{color:var(--blue)}
.detail-top{border-bottom-color:var(--line)}
.detail-top h3{font-family:var(--display);font-weight:400;color:var(--text)}
.icon-button{border-color:var(--line);background:var(--surface);color:var(--muted);border-radius:4px}
.icon-button:hover{border-color:var(--danger);color:var(--danger)}
.image-section,.field-section,.subitems-section{border-color:var(--line-soft)}
.detail-subtle{color:var(--muted)}
.image-preview{background:var(--surface-raised);border-color:var(--line)}
.image-error-mark{color:var(--muted)}
.image-check{background:var(--blue);color:#fff}
.image-tile.is-selected .image-preview{border-color:var(--blue)}
.image-caption{color:var(--muted)}
.image-tile.is-selected .image-caption{color:var(--blue)}
.no-images,.no-subitems{color:var(--muted)}
.field span{color:var(--muted)}
.field input,.field textarea,.field select,.text-input{background:var(--surface);border-color:var(--line);color:var(--text)}
.field input:focus,.field textarea:focus,.field select:focus,.text-input:focus{border-color:var(--blue)}
.field input::placeholder,.field textarea::placeholder,.text-input::placeholder{color:#a79a89}
.efficacy-field output{background:var(--surface-raised);border-color:var(--line);color:var(--blue)}
.source-link{color:var(--muted)}
.source-link a{color:var(--blue)}
.source-dot.manual{background:var(--faint)}
.brand-section{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.brand-section .workspace-head{border-color:var(--line)}
.brand-grid{border-color:var(--line)}
.logo-control{gap:10px}
.logo-preview{width:156px;height:58px;flex:0 0 156px;border-color:var(--line);background:var(--surface);color:var(--blue);font:500 12px var(--sans);text-align:center;padding:6px;cursor:pointer;transition:border-color .2s,background .2s}
.logo-preview:hover{border-color:var(--blue);background:var(--surface-raised)}
.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}
.brand-logo-field small{color:var(--muted)}
.text-input{border-radius:4px}
.page-footer{border-color:var(--line);color:var(--muted)}
.footer-actions{margin-left:auto}
.pdf-hint{color:var(--muted)}
.footer-mark{width:21px;height:21px;font-size:12px}
.exit-dialog{border-color:var(--line);background:var(--surface);color:var(--text);box-shadow:0 25px 100px #1a140e20;border-radius:10px}
.exit-dialog::backdrop{background:#1a140e80;backdrop-filter:blur(3px)}
.exit-dialog p{color:var(--muted)}
.dialog-close{color:var(--muted)}
.toast{border-color:var(--line);background:var(--text);color:#fff;box-shadow:0 12px 40px #1a140e20;border-radius:6px}
.subitem-add-button{color:var(--text);border-color:var(--line);border-radius:5px}
.subitem-add-button:hover{border-color:var(--blue);background:var(--surface-raised)}
.subitem-kind{border-color:var(--line);color:var(--blue)}
.subitem-summary small{color:var(--muted)}
.subitem-upload,.subitem-pdf-picker{border-color:var(--line);background:var(--surface-raised);color:var(--muted);border-radius:6px}
.subitem-upload:hover,.subitem-pdf-picker:hover{border-color:var(--blue)}
.subitem-upload-icon{color:var(--blue)}
.subitem-pdf-picker small{color:var(--muted)}
.print-attachment-page header span,.print-attachment-page header small{color:var(--muted)}
@media(max-width:680px){.logo-preview{width:calc(100% - 20px);flex-basis:calc(100% - 20px);height:58px}.logo-control{gap:8px}}
@media print{
  .print-product-heading>span,.print-intro>span,.print-subitem-title span{color:var(--blue)}
  .print-cover{border-color:var(--blue)}
  .print-monogram{background:var(--blue)}
  .print-source{color:var(--blue)}
}
/* Cabeçalho no padrão do catálogo Performa Ilumina */
.topbar{background:#111;border-bottom:1px solid #242424;backdrop-filter:none;height:74px}
.wordmark{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;line-height:1.05;letter-spacing:-.02em}
.wordmark strong{font-family:var(--sans);font-size:18px;font-weight:800;color:#fff}
.wordmark span{font-size:11px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#fff;opacity:.72}
.topbar-right{gap:10px}
.save-state{color:#fff;opacity:.66;margin-right:4px}
.save-state i{background:#6ed8a3;box-shadow:0 0 0 3px #6ed8a31f}
.topbar .button.quiet{background:#fff;border-color:#fff;color:#111}
.topbar .button.quiet:hover{background:#ece6dc;border-color:#ece6dc}
.topbar .button.primary{background:#2d6a4f;color:#fff}
.topbar .button.primary:hover{background:#245840}
@media(max-width:680px){.topbar{height:62px}.wordmark strong{font-size:15px}.wordmark span{font-size:10px}}