/* Approved composition v1.4.126. Preserve cream surfaces and white HUD borders. */
#app :is(.zone-production-card,.farming-crop-card,.workshop-list-row,#navPermuta,#navMateriais,#navigationUtilities,#profileAccountDetails,.ui-guide),#app #profileSimulatorMount :is(.sim-pet-card,.sim-buff-card){border:2px solid #fff!important;border-radius:14px!important;background-color:var(--ui-surface)!important;box-shadow:none!important;box-sizing:border-box!important}
/* Cultivation: the same calculator, rendered as cards instead of a table. */
#app .farming-list-panel{border:0!important;background:none!important;padding:0!important;max-height:none!important;overflow:visible!important;border-radius:14px!important}
#app #farmBody{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;min-width:0!important}
#app .farming-crop-card{padding:20px;min-width:0;color:var(--ui-ink)}
#app .farming-crop-card.farm-best-row{background:var(--ui-surface)!important}
#app .farming-crop-card header{display:flex;align-items:center;gap:12px;min-height:48px;font-size:16px;font-weight:700}
#app .farming-crop-card header>div{min-width:0}
#app .farming-crop-card .farm-item-icon-trigger{flex:0 0 44px;width:44px;height:44px}
#app .farming-crop-card .farm-item-icon{width:36px;height:36px;object-fit:contain}
#app .farming-crop-card small{font-size:12px;color:#75634c;display:block;line-height:1.5;font-weight:400}
#app .farm-card-result{margin:20px 0 16px;display:flex;justify-content:space-between;align-items:end;gap:8px}
#app .farm-card-result strong{font-size:28px;line-height:1.2;color:var(--ui-green);display:block;font-variant-numeric:tabular-nums}
#app .farm-card-result .farm-method-badge{font-size:13px;padding:6px 10px;border-radius:8px}
#app .farm-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;font-size:14px}
#app .farm-card-meta .ui-data-state{display:block;width:fit-content;margin-top:4px}
#app .farm-card-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:16px;border-top:1px solid var(--ui-line);font-size:14px;font-variant-numeric:tabular-nums}
#app .farm-card-options strong{display:block;margin-top:4px;overflow-wrap:anywhere}
#app #farmBody>.ui-empty-state{grid-column:1/-1}
/* Nodes: use the upper right for decision metrics; keep quantities visible. */
#app .zone-production-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;padding:16px!important}
#app .zone-production-card h3{margin:0!important;align-self:center}
#app .zone-card-results{margin:0!important;gap:24px!important;text-align:right}
#app .zone-card-results strong{font-size:24px!important;line-height:28px!important}
#app .zone-card-context{grid-column:1/-1;display:flex!important;gap:24px!important;align-items:center!important}
#app .zone-card-context>div{flex-direction:row!important;align-items:center!important;gap:8px!important}
#app .zone-card-context>.zone-card-worker{margin-left:auto}
#app .zone-card-worker img{width:28px!important;height:28px!important}
#app .zone-card-drops{grid-column:1/-1;margin:0!important;padding-top:12px!important;gap:24px!important}
#app .zone-card-drops h4{margin-bottom:4px!important}
#app .zone-card-drops .drop-list{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:flex-start!important;gap:8px!important}
#app .zone-card-drops .drop-row{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;padding:4px!important;min-width:56px!important;width:auto!important;border-radius:8px!important}
#app .zone-card-drops .drop-row img{width:32px!important;height:32px!important}
#app .zone-card-drops .drop-row>span{display:none!important}
/* Workshop HUDs: independent expanded projects, two per row. */
#app #view-oficinas #workshopBody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start}
#app #view-oficinas .workshop-list-row{display:block!important;padding:16px!important;min-width:0!important}
#app #view-oficinas .workshop-project-lead{margin:0 0 12px!important}
#app #view-oficinas .workshop-hud-meta{display:flex;align-items:center;gap:16px;font-size:13px}
#app #view-oficinas .workshop-list-action{margin-left:auto!important}
#app #view-oficinas .workshop-card-detail{padding:0!important;margin:12px 0 0!important;background:none!important;border:0!important;border-top:1px solid var(--ui-line)!important;border-radius:0!important}
#app #view-oficinas .workshop-card-detail[hidden]{display:none!important}
#app #view-oficinas .workshop-recipes-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#app #view-oficinas .workshop-level-group[data-expanded=false] .workshop-recipe-card:nth-child(n+3){display:none!important}
#app #view-oficinas .workshop-level-group:has(.workshop-recipe-card:nth-child(3)) .workshop-level-more{display:block!important}
/* Naval materials mirror the icon route. Horizontal scrolling stays local. */
#app #navMaterialPlanner{overflow-x:auto!important;max-width:100%;min-width:0}
#app #navMaterialPlanner .navigation-material-grid{display:grid!important;grid-template-columns:repeat(7,minmax(148px,1fr))!important;min-width:1100px!important;gap:8px!important}
#app #navMaterialPlanner .navigation-material-stage{min-width:0!important;background:#f5ead6!important;border:1px solid #dfc49a;border-radius:12px;padding:0!important;overflow:hidden!important}
#app #navMaterialPlanner .navigation-material-stage>header{display:flex!important;padding:12px!important;background:#e9d2ac!important;min-height:92px!important;align-items:center!important;border:0!important}
#app #navMaterialPlanner .navigation-material-stage>header>span,#app #navMaterialPlanner .navigation-material-stage>header small{display:none!important}
#app #navMaterialPlanner .navigation-material-stage>header strong{font-size:13px!important;line-height:18px!important}
#app #navMaterialPlanner .navigation-material-list{display:grid!important;grid-template-columns:repeat(2,48px)!important;gap:8px!important;justify-content:center!important;align-content:start!important;padding:12px!important}
#app #navMaterialPlanner .navigation-material-item{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:4px!important;border:1px solid #cbb08a!important;display:grid!important;place-items:center!important;background:#fffaf2!important;border-radius:8px!important}
#app #navMaterialPlanner .navigation-material-item.is-selected{border:2px solid var(--ui-green)!important;background:var(--ui-green-bg)!important}
#app #navMaterialPlanner .navigation-material-item.is-associated{background:#edf3df!important;border-color:#8da75c!important}
#app #navMaterialPlanner .navigation-item-copy{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important}
#app #navMaterialPlanner :is(.navigation-material-item img,.navigation-item-visual){width:36px!important;height:36px!important;object-fit:contain}
#app #navMaterialPlanner .navigation-no-results{grid-column:1/-1;font-size:12px}
#app #navigationUtilities{display:flex!important;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px!important;margin:16px 0!important}
#app #navigationUtilities[hidden]{display:none!important}
#app #navigationUtilities h2{margin:0;font-size:18px}
#app #navigationUtilities .navigation-refresh-timers{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:row!important;gap:24px!important;margin:0!important;padding:0!important;width:auto!important;min-width:0!important;max-width:none!important;border:0!important;background:none!important;box-shadow:none!important}
#app #navigationUtilities .navigation-refresh-row{position:static!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;white-space:nowrap}
#app #navigationUtilities .navigation-refresh-control{display:flex!important;align-items:center!important;gap:8px!important}
#app #navigationUtilities .navigation-refresh-play{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}
#app #navigationUtilities .navigation-refresh-row strong{font-size:14px!important;font-variant-numeric:tabular-nums}
/* Profile: matching title rows and icon centres, without stretching to market HUD height. */
#app #profileAccountDetails{padding:0!important;margin:16px 0 24px!important}
#app #profileAccountDetails>summary{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:18px 20px!important;min-height:64px!important;cursor:pointer}
#app #profileAccountDetails>summary small{font-size:12px}
#app #profileCompactSummary{font-size:16px!important;font-weight:700!important}
#app #profileSimulatorMount :is(.sim-pet-card,.sim-buff-card){display:flex!important;flex-direction:column!important;align-self:start!important;gap:8px!important;padding:16px!important;min-height:0!important;height:auto!important;margin:0!important}
#app #profileSimulatorMount :is(.sim-pet-card,.sim-buff-card)>.sim-block-title{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:24px!important;margin:0!important;padding:0!important;line-height:24px!important}
#app #profileSimulatorMount .sim-buff-card .sim-disclosure-body{padding:0!important;margin:0!important;display:flex!important;align-items:center!important;min-height:60px!important;height:60px!important}
#app #profileSimulatorMount :is(.sim-pet-slots,.sim-buff-shortcuts){display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;align-items:center!important;margin:0!important;padding:0!important;min-height:48px!important}
#app #profileSimulatorMount :is(.sim-pet-slot,.sim-buff-category){margin:0!important;align-self:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important}
#app #profileSimulatorMount .sim-buff-category{border:0!important;background:transparent!important;box-shadow:none!important}
#app #profileSimulatorMount .sim-buff-category :is(svg,img){width:30px!important;height:30px!important}
#app #profileSimulatorMount .sim-category-art{width:34px!important;height:34px!important;border:1px solid #cbb995!important;border-radius:7px!important;background:#f5ecd7!important}
#app #profileSimulatorMount .sim-buff-category.is-selected .sim-category-art{border-color:var(--ui-green)!important;background:var(--ui-green-bg)!important}
/* Beginner help: subtle limited shimmer, stopped once opened. */
#app .ui-guide{position:relative;isolation:isolate;overflow:hidden;background:var(--ui-surface)!important}
#app .ui-guide>summary{position:relative;min-height:56px;padding:16px 20px!important;color:#496038!important;font-size:15px!important}
#app .ui-guide:not([open]):not([data-guide-seen])>summary:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:#78a54b38;animation:guide-pulse 3.2s ease-in-out infinite}
@keyframes guide-pulse{0%,100%{opacity:0}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){#app .ui-guide>summary:after{animation:none!important;background:#7fa04c10!important}}
@media(max-width:1100px){#app #farmBody{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app #view-oficinas #workshopBody{grid-template-columns:1fr!important}#app #navigationUtilities{align-items:start;flex-direction:column}#app .zone-card-context{flex-wrap:wrap;gap:8px 16px!important}#app .zone-card-context>.zone-card-worker{margin-left:0}}
@media(max-width:767px){#app #view-oficinas .workshop-recipes-grid{grid-template-columns:1fr!important}#app #navigationUtilities .navigation-refresh-timers{flex-wrap:wrap!important;gap:8px!important}#app #navigationUtilities .navigation-refresh-row{justify-content:space-between!important;width:100%!important}#app #navigationUtilities .navigation-refresh-timers{width:100%!important}}
@media(max-width:600px){#app #farmBody{grid-template-columns:1fr!important}#app .zone-production-card{grid-template-columns:1fr;gap:12px}#app .zone-card-results{text-align:left;grid-row:2}#app .zone-card-context>div:first-child{flex-basis:100%}#app .zone-card-drops{gap:16px!important}#app .zone-card-drops .drop-list{gap:4px!important}#app .zone-card-drops .drop-row{min-width:44px!important;padding:4px 0!important}}

#workshopItemTooltip>[data-material-tip-select]{display:block;width:100%;min-height:44px;margin-top:12px;position:sticky;bottom:0;z-index:5;background:#3d5d25;color:#fffaf2}
/* Match the 44px Bônus control without sacrificing its touch target. */
#app #profileSimulatorMount :is(.sim-pet-card,.sim-buff-card)>.sim-block-title{height:44px!important;min-height:44px!important;flex-wrap:nowrap!important}
#app #view-oficinas .workshop-list-row{border:2px solid #fff!important;border-radius:14px!important;background:var(--ui-surface)!important}
#app #view-oficinas .workshop-expand{width:auto!important;min-width:0!important;white-space:nowrap!important;padding:8px 12px!important;min-height:44px!important}

/* v1.4.127: canonical page and HUD surfaces. Semantic controls retain green. */
html,body,html body[data-view]:has(#app){background:var(--ui-page)!important;background-image:none!important}
#app .view,#app #view-recursos{background:var(--ui-page)!important;background-image:none!important}
#app #view-horta .farming-highlight-stats,#app #profileSimulatorMount #simLiveResult{background:var(--ui-surface)!important}
#app :is(.zone-production-card,.farming-crop-card,.worker-card,.resource-card,.ui-guide,.hero-intro,#profileAccountDetails,#navigationUtilities,#navPermuta,#navMateriais,#navOficina,#navCaca),#app #view-oficinas .workshop-list-row,#app #view-horta .farming-highlight-stats,#app #profileSimulatorMount :is(.official-block,.sim-equipment-panel,#simLiveResult){background-color:var(--ui-surface)!important;border:2px solid #fff!important;border-radius:14px!important}

/* v1.4.128: explicit page canvas for production and farming, including list shells. */
html body[data-view="zonas"],html body[data-view="horta"],#app #view-zonas,#app #view-horta,#app #view-zonas .zones-list-panel,#app #view-zonas #zonesBody,#app #view-horta .farming-list-panel,#app #view-horta #farmBody{background:#f8f1e4!important;background-image:none!important}
/* v1.4.130: transparent crop artwork, compact resource HUDs and aligned single-row buffs. */
#app #view-horta img.farm-item-icon{background:transparent!important;box-shadow:none!important;border:0!important}
#app #view-recursos .resource-card{padding:12px!important;gap:0!important}
#app #view-recursos .resource-card-header{min-height:44px!important;gap:8px!important;align-items:center}
#app #view-recursos .resource-card-header h2{font-size:14px;line-height:20px}
#app #view-recursos .resource-card-origin{margin-top:0}
#app #view-recursos .resource-card .card-key-metrics{margin:8px 0!important;gap:12px}
#app #view-recursos .resource-card .card-key-metrics dd{font-size:22px;line-height:28px;margin-top:0}
#app #view-recursos .resource-card-footer{gap:4px 8px}
#app #profileSimulatorMount .sim-buff-shortcuts{display:grid!important;grid-template-columns:repeat(7,minmax(0,48px))!important;gap:4px!important;min-width:0!important;max-width:100%!important;height:48px!important;min-height:48px!important}
#app #profileSimulatorMount .sim-buff-category{width:100%!important;min-width:0!important;max-width:48px!important;height:48px!important;padding:0!important}
#app #profileSimulatorMount .sim-buff-category .sim-category-art{width:min(34px,100%)!important;max-width:100%!important;height:34px!important;box-sizing:border-box}
#app #profileSimulatorMount .sim-buff-category :is(svg,img){width:min(30px,100%)!important;max-width:100%!important;height:30px!important}
#app #profileSimulatorMount :is(.sim-pet-card,.sim-buff-card){align-self:start!important}
/* Keep tooltip content, trade text and selection actions inside its rounded frame. */
body #workshopItemTooltip{box-sizing:border-box!important;width:min(var(--ui-tooltip-width),calc(100vw - 24px))!important;min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:0!important;border:1px solid #d9c4a4!important;border-radius:14px!important;overflow:auto!important;overscroll-behavior:contain;background:var(--ui-surface)!important;color:var(--ui-ink);scrollbar-width:thin}
body #workshopItemTooltip>*{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
body #workshopItemTooltip>:is(.workshop-tip-head,.workshop-tip-summary,.workshop-tip-section,.workshop-tip-footer,.workshop-tip-source-chips,.workshop-tip-trade){margin:0!important;padding:12px 16px!important;width:auto!important}
body #workshopItemTooltip .workshop-tip-summary{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important}
body #workshopItemTooltip .workshop-tip-stats{min-width:0!important;width:auto!important}
body #workshopItemTooltip .workshop-tip-trade{font-size:13px;line-height:20px}
body #workshopItemTooltip>:is([data-material-tip-select],[data-barter-tip-select]){box-sizing:border-box!important;width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;margin:0 16px 16px!important;padding:12px!important;min-height:44px!important;border-radius:8px!important;bottom:12px!important}
/* Fixed icon geometry: hover must not move or stretch the ship artwork. */
#app #view-navegacao .navigation-ship-mark,#app #view-navegacao .navigation-ship-toggle:hover .navigation-ship-mark{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:4px!important;transform:none!important;transition:none!important;overflow:hidden!important;box-sizing:border-box!important}
#app #view-navegacao .navigation-ship-mark img,#app #view-navegacao .navigation-ship-toggle:hover .navigation-ship-mark img{display:block!important;width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important;transform:none!important;filter:none!important;transition:none!important}
#app #profileSimulatorMount .sim-pet-slots{display:grid!important;grid-template-columns:repeat(5,minmax(0,48px))!important;gap:4px!important;height:48px!important;min-height:48px!important}
#app #profileSimulatorMount .sim-pet-slot{width:100%!important;min-width:0!important;max-width:48px!important;height:48px!important;padding:0!important}
@media(max-width:600px){#app #profileSimulatorMount :is(.sim-pet-card,.sim-buff-card)>.sim-block-title strong{font-size:14px!important;line-height:20px!important}}

/* v1.4.132 — approved HUD alignment */

#app #profileSimulatorMount .sim-market-card{display:flex!important;flex-direction:column!important;gap:8px!important;padding:16px!important;align-self:start!important;height:auto!important;min-height:0!important}
#app #profileSimulatorMount .sim-market-card>.sim-block-title{height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
#app #profileSimulatorMount .sim-market-row{display:flex;align-items:center;justify-content:space-between;gap:8px;height:48px;min-width:0}
#app #profileSimulatorMount .sim-market-number{min-width:0}
#app #profileSimulatorMount .sim-market-value{padding:0!important;margin:0!important;line-height:24px!important}
#app #profileSimulatorMount #simMarketTotal{font-size:22px!important;line-height:24px!important}
#app #profileSimulatorMount #simMarketStatus{margin:4px 0 0!important;font-size:12px!important;line-height:16px!important}
#app #profileSimulatorMount .sim-market-actions{display:flex!important;align-items:center!important;gap:8px!important;padding:0!important;margin:0!important;flex:none!important}
#app #profileSimulatorMount .sim-market-actions button{font-size:12px!important;padding:6px 8px!important;min-height:44px!important;white-space:nowrap!important}
#app #zonesBody{grid-auto-rows:1fr!important;align-items:stretch!important}
#app .zone-production-card{height:100%!important;align-self:stretch!important;grid-template-rows:auto 32px 1fr!important}
#app .zone-card-drops{align-content:start!important}
#app #view-oficinas #workshopBody{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important}
#app #view-navegacao .barter-controls{padding:20px;border:2px solid #fff;border-radius:14px;background:var(--ui-surface)}
#app .barter-controls h2{font-size:20px;margin:0 0 8px}
#app .barter-controls>p{font-size:13px;line-height:20px;color:var(--ui-muted);margin:0 0 20px;max-width:90ch}
#app .barter-control-fields{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:end}
#app .barter-control-fields label{display:flex!important;flex-direction:column!important;gap:8px;font-size:13px!important;min-width:0}
#app .barter-control-fields :is(input,select){width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;font-size:var(--ui-type-control)!important;box-sizing:border-box;border:1px solid var(--ui-control-border);border-radius:var(--ui-radius);padding:8px 12px;background:var(--ui-surface);color:var(--ui-ink);font-family:inherit}
#app .barter-control-fields button{height:44px!important;white-space:nowrap;font-size:14px}
#app .barter-load-row{margin-top:16px;padding:12px 16px;background:#f4e9d7;border-radius:10px;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;gap:16px;align-items:center;font-size:13px}
#app .barter-load-row strong{font-size:14px;white-space:nowrap}
#app .barter-load-row .navigation-my-ship-track{height:8px!important;margin:0!important;width:100%!important}
#app .barter-load-row small{grid-column:1/-1;font-size:12px;line-height:16px;color:var(--ui-muted)}
#app .barter-control-note{font-size:12px!important;line-height:18px!important;margin:12px 0 0!important}
@media(pointer:coarse) and (max-width:767px){#app #view-oficinas #workshopBody{grid-template-columns:1fr!important}}
@media(max-width:600px){#app .zone-production-card{grid-template-rows:auto auto auto 1fr!important}#app .barter-control-fields{grid-template-columns:1fr 1fr}#app .barter-control-fields>label:first-child{grid-column:1/-1}#app .barter-control-fields>button{grid-column:1/-1}#app .barter-load-row{grid-template-columns:auto 1fr;gap:8px}#app .barter-load-row .navigation-my-ship-track{grid-row:2;grid-column:1/-1}#app .barter-load-row strong{justify-self:end}#app .barter-controls{padding:16px!important}}



/* Narrow desktop windows and mobile preserve usable controls. */
@media(max-width:600px){#app #view-oficinas #workshopBody{grid-template-columns:1fr!important}}
#app .barter-control-note{display:block;color:var(--ui-muted)}
#app .barter-load-row #navShipWeightPercent{font:inherit;background:none;padding:0;border:0}
#app .barter-load-row.is-overweight{color:#9d3a2c}
#app #profileSimulatorMount .sim-market-number{overflow-wrap:anywhere}
@media(max-width:420px){#app #profileSimulatorMount .sim-market-row{height:auto;min-height:48px;flex-wrap:wrap}#app #profileSimulatorMount .sim-market-card>.sim-block-title{height:auto!important;min-height:44px!important}#app #profileSimulatorMount #simMarketTotal{font-size:20px!important}}
#app #navigationMyShip.barter-load-row{width:100%!important;max-width:none!important;padding:12px 16px!important;box-sizing:border-box}
#app #navigationMyShip.barter-load-row #navShipWeightPercent{display:inline!important;font:inherit!important;padding:0!important;border:0!important;background:none!important;min-width:0!important}