/* Production zones, workshop catalog and icon-based barter planner. */
#app #view-zonas .zones-list-panel{padding:0!important;border:0!important;background:transparent!important;max-height:none!important;overflow:visible!important;min-width:0!important}
#app #view-zonas .zones-list-head{display:none!important}
#app #zonesBody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;min-width:0!important;background:none!important}
#app .zone-production-card{padding:16px;background:var(--ui-surface);border-radius:12px;min-width:0;align-self:start;color:var(--ui-ink)}
#app .zone-production-card h3{font-size:18px;line-height:24px;margin:0 0 16px}
#app .zone-production-card h3 .node-name{font-size:inherit!important;line-height:inherit!important;white-space:normal!important}
#app .zone-card-results{display:flex;gap:32px;margin-bottom:16px;font-variant-numeric:tabular-nums}
#app .zone-card-results>div{display:flex;flex-direction:column;gap:4px}
#app .zone-card-results span,#app .zone-card-context>div>span{font-size:12px;line-height:18px;color:var(--ui-muted)}
#app .zone-card-results strong{font-size:26px!important;line-height:32px!important;color:var(--ui-green)!important}
#app .zone-card-context{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:start;font-size:13px}
#app .zone-card-context>div{display:flex;flex-direction:column;gap:4px}
#app .zone-card-worker>div{display:flex;align-items:center;gap:8px}
#app .zone-card-worker img{width:32px!important;height:32px!important}
#app .zone-card-worker small{font-size:12px;line-height:18px}
#app .zone-card-drops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:16px;margin-top:16px;border-top:1px solid var(--ui-line)}
#app .zone-card-drops section{min-width:0}
#app .zone-card-drops h4{font-size:14px;line-height:20px;margin:0 0 8px;color:var(--ui-ink)}
#app .zone-card-drops .drop-list{display:flex!important;flex-direction:column!important;gap:8px!important}
#app .zone-card-drops .drop-row{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;gap:8px!important;width:100%!important;min-height:44px!important;text-align:left!important;padding:4px 0!important;border:0!important;background:none!important;min-width:0!important}
#app .zone-card-drops .drop-row img{grid-column:1;grid-row:1;width:28px!important;height:28px!important}
#app .zone-card-drops .drop-row span{grid-column:2;grid-row:1;font-size:13px!important;line-height:18px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
#app .zone-card-drops .drop-row b{grid-column:3;grid-row:1;font-size:13px!important;line-height:18px!important;font-variant-numeric:tabular-nums}
#app #view-oficinas .workshop-level-group{padding:0!important;margin:24px 0 0!important;background:none!important;border:0!important;border-radius:0!important}
#app #view-oficinas .workshop-level-title{padding:0!important;margin:0 0 12px!important;display:flex!important;min-height:0!important;background:none!important;border:0!important;cursor:default!important}
#app #view-oficinas .workshop-level-title-main{display:flex;align-items:center;gap:12px}
#app #view-oficinas .workshop-level-title strong{font-size:16px!important}
#app #view-oficinas .workshop-level-title span span{font-size:12px!important;font-weight:400}
#app #view-oficinas .workshop-recipes-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:12px!important;padding:0!important}
#app #view-oficinas .workshop-recipe-card{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;padding:12px!important;border-radius:12px!important}
#app #view-oficinas .workshop-card-top{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:8px!important;min-height:0!important}
#app #view-oficinas .workshop-output{flex:1!important;width:auto!important;min-width:0!important;overflow:visible!important}
#app #view-oficinas .workshop-output-trigger{display:flex!important;gap:8px!important;align-items:center!important;padding:8px!important;min-height:60px!important;width:100%!important}
#app #view-oficinas .workshop-output-trigger img{width:36px!important;height:36px!important;flex-shrink:0}
#app #view-oficinas .workshop-output-text strong{font-size:13px!important;line-height:18px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
#app #view-oficinas .workshop-card-tools{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:4px!important;flex:none!important;width:auto!important}
#app #view-oficinas .workshop-level-hint{font-size:12px!important;line-height:18px!important}
#app #view-oficinas .workshop-favorite-btn{width:44px!important;height:44px!important;min-height:44px!important;display:grid!important;place-items:center!important}
#app #view-oficinas .workshop-favorite-btn img{width:24px!important;height:24px!important}
#app #view-oficinas .workshop-materials{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}
#app #view-oficinas .workshop-material{font-size:12px!important;line-height:18px!important;min-height:40px!important;max-width:100%!important}
#app #view-oficinas .workshop-material span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
#app #view-oficinas .workshop-material img{width:24px!important;height:24px!important;flex:none!important}
#app #navBarterPlanner{overflow-x:auto!important;max-width:100%!important}
#app #navBarterPlanner .navigation-route-grid{display:grid!important;grid-template-columns:repeat(8,minmax(132px,1fr))!important;gap:8px!important;min-width:1112px!important;overflow:visible!important}
#app #navBarterPlanner .navigation-route-stage{min-width:0!important;padding:0!important}
#app #navBarterPlanner .navigation-route-stage>header{min-height:64px!important;padding:8px!important;gap:8px!important}
#app #navBarterPlanner .navigation-route-stage>header>span{display:none!important}
#app #navBarterPlanner .navigation-route-stage>header strong{font-size:14px!important}
#app #navBarterPlanner .navigation-route-stage>header small{font-size:12px!important;line-height:16px!important}
#app #navBarterPlanner .navigation-route-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:8px!important;align-content:start!important;align-items:start!important}
#app #navBarterPlanner .navigation-route-item{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
#app #navBarterPlanner .navigation-route-item::after{display:none!important}
#app #navBarterPlanner .navigation-route-item.is-selected{grid-column:1/-1!important}
#app #navBarterPlanner .navigation-route-select{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:4px!important;border:1px solid #cbb08a!important;border-radius:8px!important;background:var(--ui-surface)!important}
#app #navBarterPlanner .navigation-route-select img{width:36px!important;height:36px!important;object-fit:contain!important}
#app #navBarterPlanner .is-selected .navigation-route-select{border:2px solid var(--ui-green)!important;background:var(--ui-green-bg)!important}
#app #navBarterPlanner .is-associated .navigation-route-select{border-color:#a6bb7f!important;background:#f0f5e5!important}
#app #navBarterPlanner .navigation-route-select:focus-visible{outline:3px solid var(--ui-green)!important;outline-offset:3px}
#app #navBarterPlanner .navigation-barter-cargo{width:100%!important;margin:8px 0 0!important;padding:8px 0 0!important}
#app #navBarterPlanner .navigation-barter-cargo label{display:flex!important;flex-direction:column!important;gap:4px!important;align-items:center!important}
#app #navBarterPlanner .navigation-barter-cargo label span{font-size:12px!important;line-height:18px!important}
#app #navBarterPlanner .navigation-barter-cargo input{width:72px!important;min-height:44px!important;text-align:center!important}
#app #navBarterPlanner .navigation-barter-cargo small{font-size:12px!important;line-height:18px!important;overflow-wrap:anywhere!important}
#app #navBarterPlanner :is(.navigation-no-results,.navigation-route-terminal){grid-column:1/-1!important;font-size:12px!important;line-height:18px!important;padding:8px!important}
#app .navigation-route-summary>small{flex:0 1 auto!important;font-size:12px!important;line-height:18px!important}
#workshopItemTooltip>[data-barter-tip-select]{display:block;width:100%;min-height:44px;margin-top:12px;position:sticky;bottom:0;z-index:5;background:#3d5d25;color:#fffaf2}
@media(max-width:1100px){#app #view-oficinas .workshop-recipes-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){#app #zonesBody{grid-template-columns:1fr!important}#app .zone-card-drops .drop-row{grid-template-columns:28px minmax(0,1fr)!important}#app .zone-card-drops .drop-row b{grid-column:2;grid-row:2}#app #view-oficinas .workshop-recipes-grid{grid-template-columns:1fr!important}#app #view-oficinas .workshop-card-tools{flex-direction:row!important;align-items:center!important}#app #view-oficinas .workshop-detail-head{gap:12px!important}#app #view-oficinas .workshop-card-detail{padding:16px!important}}

#app .zone-production-card .zone-card-context strong{color:var(--ui-ink)!important}
#app .zone-card-drops .drop-row b{color:var(--ui-ink)!important}
#app #view-oficinas .workshop-level-group[data-expanded="false"] .workshop-recipe-card:nth-child(n+4){display:none!important}
#app #view-oficinas .workshop-level-more{margin-top:12px;min-height:44px;font-size:14px}
@media(min-width:768px){#app #view-oficinas .workshop-level-group:has(.workshop-recipe-card:nth-child(3)):not(:has(.workshop-recipe-card:nth-child(4))) .workshop-level-more{display:none}}
@media(max-width:767px){#app #view-oficinas .workshop-level-group[data-expanded="false"] .workshop-recipe-card:nth-child(n+3){display:none!important}}

#app #view-oficinas .workshop-output-actions{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
#app #view-oficinas .workshop-card-meta:has(.workshop-card-status:empty){display:none!important}
#app #view-oficinas .workshop-output-text strong{max-height:none!important}
#app #view-oficinas .workshop-output-trigger{margin:0!important}
#app #view-oficinas .workshop-material{height:auto!important;width:auto!important}
/* Keep full item names readable beside the favorite target on narrow cards. */
#app #view-oficinas .workshop-card-top{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important}
#app #view-oficinas .workshop-card-tools{display:contents!important}
#app #view-oficinas .workshop-card-top>.workshop-output{grid-column:1!important;grid-row:1!important}
#app #view-oficinas .workshop-card-tools>.workshop-level-hint{grid-column:1!important;grid-row:2!important;justify-self:start!important}
#app #view-oficinas .workshop-card-tools>.workshop-output-actions{grid-column:2!important;grid-row:1!important;align-self:start!important}