.workspace-ready .intro, .workspace-ready .section-nav { display: none; }
.workspace-ready #recipe-name-slot { flex: 1 1 170px; max-width: 250px; min-width: 120px; }
.workspace-ready #recipe-name-slot .project-name { max-width: none; }
.workspace-ready #recipe-name-slot .field label { margin: 0; }
.workspace-ready #editor > section, .workspace-ready #receitas { margin: 0; }
.workspace-ready .workspace-pages { min-width: 0; }
.workspace-ready .workspace { margin: 0; }
.workspace-ready .library { margin-block: 0 15px; }
.workspace-ready .library .actions { margin-block: 8px; }
.workspace-ready .workspace-status { border: 0; background: transparent; padding: 4px 0; }
.workspace-ready .summary-cost { min-width: 0; }
.workspace-ready .result-notes { min-width: 0; }
.workspace-ready .result-notes .note { margin: 0; }
.workspace-ready .result-warnings { padding: 8px 0; margin: 0; border-top: 1px solid var(--line); }
.workspace-ready .result-warnings summary { cursor: pointer; font-size: 12px; font-weight: 700; color: var(--warning); }
.workspace-ready .result-warnings .status-list { margin: 8px 0; }
@media screen and (min-width: 1000px) and (min-height: 600px) {
  .workspace-ready .workspace { height: 100%; display: grid; grid-template-columns: clamp(300px, 27vw, 370px) minmax(0, 1fr); gap: 10px; align-items: stretch; }
  .workspace-ready .editor { display: flex; min-height: 0; min-width: 0; }
  .workspace-ready .editor > section { width: 100%; min-height: 0; overflow: auto; }
  .workspace-ready .card { border-radius: 12px; padding: 11px; box-shadow: none; }
  .workspace-ready .card-head { gap: 6px; margin-bottom: 9px; }
  .workspace-ready .card-head h2, .workspace-ready .summary-title h2, .workspace-ready .summary-cost h2 { font-size: 15px; }
  .workspace-ready .section-title { gap: 7px; }
  .workspace-ready .step { width: 25px; height: 25px; font-size: 10px; border-radius: 7px; }
  .workspace-ready .pill { font-size: 9px; padding: 3px 6px; }
  .workspace-ready #ingredientes > .card-head > .pill { display: none; }
  .workspace-ready .grid, .workspace-ready .grid.three { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .workspace-ready .grid > .full:empty { display: none; }
  .workspace-ready .field > label { margin-bottom: 3px; }
  .workspace-ready .field .hint { margin-top: 3px; font-size: 10px; }
  .workspace-ready .field-error { font-size: 10px; line-height: 1.3; }
  .workspace-ready .inline-picker { gap: 5px; margin: 8px 0; }
  .workspace-ready .inline-picker button { min-height: 32px; padding: 5px 7px; font-size: 11px; white-space: nowrap; }
  .workspace-ready .data-table { margin: 0; font-size: 11px; table-layout: fixed; }
  .workspace-ready .data-table th, .workspace-ready .data-table td { padding: 5px 3px; }
  .workspace-ready .data-table th { font-size: 10px; line-height: 1.35; padding-block: 4px; }
  .workspace-ready .data-table th:first-child { width: 50%; }
  .workspace-ready .data-table th:last-child { width: 26px; }
  .workspace-ready .data-table .oil-name { font-size: 11px; line-height: 1.25; overflow-wrap: anywhere; }
  .workspace-ready .data-table .sap-info { font-size: 9px; line-height: 1.25; margin-top: 3px; }
  .workspace-ready .data-table input { min-width: 0; min-height: 29px; padding: 4px; font-size: 12px; }
  .workspace-ready .data-table .text-button { padding: 2px 0; min-height: 20px; font-size: 9px; }
  .workspace-ready .data-table .remove { width: 23px; min-height: 26px; padding: 0; }
  .workspace-ready .data-table .weight-note { font-size: 9px; }
  .workspace-ready .total-line { margin-top: 7px; padding: 6px 0; font-size: 11px; }
  .workspace-ready .composition { height: 6px; margin: 0 0 5px; }
  .workspace-ready .text-button { min-height: 28px; padding: 4px 0; font-size: 11px; }
  .workspace-ready .summary { position: static; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: 10px; min-height: 0; align-content: start; }
  .workspace-ready .summary-main { grid-row: 1 / 3; min-height: 0; overflow: auto; }
  .workspace-ready .summary-cost { grid-column: 2; }
  .workspace-ready .result-notes { grid-column: 2; min-height: 0; overflow: auto; }
  .workspace-ready .summary-title { gap: 8px; margin-bottom: 10px; }
  .workspace-ready .live { font-size: 9px; }
  .workspace-ready .metric-label { font-size: 10px; line-height: 1.35; }
  .workspace-ready .metric-value { font-size: clamp(21px, 2vw, 29px); line-height: 1.3; margin: 3px 0; }
  .workspace-ready .metric-value small { font-size: 12px; }
  .workspace-ready .summary-main > .hint { margin: 2px 0 8px; font-size: 10px; }
  .workspace-ready .alkali-box { padding: 9px; margin: 8px 0; border-radius: 9px; }
  .workspace-ready .alkali-row { padding-block: 2px; font-size: 12px; }
  .workspace-ready .alkali-row strong { font-size: 22px; line-height: 1.35; }
  .workspace-ready .alkali-box .hint { font-size: 9px; margin-bottom: 0; }
  .workspace-ready .metrics-grid { gap: 8px; margin: 8px 0; }
  .workspace-ready .metric-box { min-width: 0; }
  .workspace-ready .metric-box { padding: 9px; }
  .workspace-ready .breakdown { margin: 7px 0; gap: 0; }
  .workspace-ready .breakdown > div { padding-block: 3px; gap: 8px; font-size: 11px; line-height: 1.35; }
  .workspace-ready .breakdown dt { min-width: 0; }
  .workspace-ready .breakdown dd { white-space: nowrap; }
  .workspace-ready .rule { margin: 9px 0; }
  .workspace-ready .summary-main button { min-height: 32px; padding: 6px; font-size: 11px; }
  .workspace-ready .price-highlight { padding: 10px; margin-top: 8px; }
  .workspace-ready .price-highlight strong { font-size: 26px; line-height: 1.3; }
  .workspace-ready .summary-cost > .hint { font-size: 10px; margin-bottom: 0; }
  .workspace-ready .result-notes .note { padding: 9px; font-size: 10px; line-height: 1.4; }
  .workspace-ready .result-notes .note p { font-size: 10px; margin: 4px 0 0; }
  .workspace-ready .yield-summary { background: white; border: 1px solid var(--line); border-radius: 10px; padding: 7px 10px; margin: 0 0 8px; }
  .workspace-ready .yield-summary .breakdown { margin: 0; }
  .workspace-ready .result-warnings summary { font-size: 10px; }
  .workspace-ready .result-warnings li { font-size: 11px; }
  .workspace-ready .mold-result { gap: 8px; padding: 9px; margin-block: 10px; }
  .workspace-ready .mold-result strong { font-size: 20px; }
  .workspace-ready .mold-result button, .workspace-ready #molde > button { min-height: 31px; padding: 6px 8px; font-size: 11px; }
  .workspace-ready #molde > button { margin: 8px 0!important; }
  .workspace-ready #molde .hint { font-size: 10px; }
  .workspace-ready #molde .grid { gap: 5px; }
  .workspace-ready #molde .mold-result { margin-block: 8px; }
  .workspace-ready #receitas { height: 100%; min-height: 0; overflow: auto; }
  .workspace-ready .recipe-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-block: 10px; }
  .workspace-ready .recipe-item { margin: 0; padding: 10px; }
  .workspace-ready .recipe-item .actions button { min-height: 29px; padding: 5px 8px; font-size: 11px; }
  .workspace-ready .library .card-head p { margin-bottom: 0; }
  .workspace-ready .library .actions > button { min-height: 31px; padding: 6px 9px; font-size: 11px; }
}
@media screen and (max-width: 999px) {
  .workspace-ready .workspace { grid-template-columns: 1fr; gap: 14px; }
  .workspace-ready .editor, .workspace-ready .summary { min-width: 0; }
  .workspace-ready .summary { position: static; }
}
@media screen and (min-width: 1200px) and (min-height: 600px) {
  .workspace-ready .alkali-box:has(.alkali-row + .alkali-row) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px 10px; }
  .workspace-ready .alkali-box:has(.alkali-row + .alkali-row) > .hint { grid-column: 1 / -1; margin: 0; }
  .workspace-ready .alkali-box:has(.alkali-row + .alkali-row) .alkali-row { gap: 4px; }
  .workspace-ready .alkali-box:has(.alkali-row + .alkali-row) .alkali-row > span { font-size: 10px; }
  .workspace-ready .alkali-box:has(.alkali-row + .alkali-row) .alkali-row small { font-size: 10px; }
  .workspace-ready .alkali-box:has(.alkali-row + .alkali-row) .alkali-row strong { font-size: 20px; overflow-wrap: anywhere; }
}