/* v1.4.121 — requested page composition, using the shared design tokens. */
#app #view-inicio #workerGuide{margin:0 0 16px!important}

/* Search, city, sorting and reset share a baseline. Additional filters expand below. */
#app #view-zonas .zones-toolbar{grid-template-areas:none!important;grid-template-rows:auto!important;grid-template-columns:minmax(200px,2fr) minmax(180px,1fr) minmax(180px,1fr) auto auto!important;gap:12px!important;align-items:end!important}
#app #view-zonas .zones-toolbar>*,#app #view-zonas .zones-toolbar>label,#app #view-zonas #zoneAdvancedFilters{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:auto!important;margin:0!important}
#app #view-zonas .zones-toolbar>label,#app #view-zonas .zone-sort-wrap label{display:flex!important;flex-direction:column!important;gap:8px!important;font-size:14px!important}
#app #view-zonas .zones-toolbar :is(input[type=search],select){width:100%!important;min-width:0!important;height:44px!important}
#app #view-zonas .zone-sort-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;align-items:end!important}
#app #view-zonas .zone-sort-wrap .sort-dir-btn{width:44px!important;height:44px!important;margin:0!important;align-self:end!important}
#app #view-zonas .zones-toolbar>.btn,#app #view-zonas #zoneAdvancedFilters>summary{height:44px!important;min-height:44px!important;padding:12px!important;white-space:nowrap!important;font-size:14px!important;line-height:20px!important}
#app #view-zonas #zoneAdvancedFilters{display:contents!important}
#app #view-zonas #zoneAdvancedFilters::details-content{display:contents!important}
#app #view-zonas #zoneAdvancedFilters .ui-disclosure-fields{grid-column:1/-1!important}
#app #view-zonas #zoneAdvancedFilters>summary{align-self:end!important;width:auto!important}
#app #view-zonas #zoneAdvancedFilters .ui-disclosure-fields{grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;align-items:start!important}
#app #view-zonas #zoneAdvancedFilters .zone-used-toggle{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;white-space:normal!important;min-height:44px!important}
#app #view-zonas #workerLegend{margin:0!important;min-width:0!important}
#app #view-zonas :is(.zones-list-head,.zone-list-row){grid-template-columns:minmax(160px,1.5fr) minmax(140px,1.3fr) minmax(140px,1.3fr) minmax(100px,1fr) 88px 64px 96px 96px!important;gap:12px!important;min-width:0!important;width:100%!important}

/* All nine farming columns fit the desktop container. Narrow screens reflow as records. */
#app #view-horta :is(.farming-list-head,.farming-list-row){grid-template-columns:minmax(150px,1.7fr) minmax(76px,1fr) 48px minmax(80px,1fr) minmax(88px,1fr) repeat(4,minmax(88px,1fr))!important;gap:12px!important;min-width:0!important;width:100%!important}
#app #view-horta :is(.farming-list-panel,.farming-list-body){overflow:visible!important;max-height:none!important;min-width:0!important}
#app #view-horta .farm-crop-cell{min-width:0!important}
#app #view-horta :is(.farming-list-head>span,.farming-list-row>div){min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
#app #view-horta .farming-list-row>div{grid-column:auto!important;grid-row:auto!important;padding:0!important}
#app #view-horta .farming-list-row strong{white-space:normal!important;overflow-wrap:anywhere!important}

/* Cream is the same page surface used throughout the application. */
body:has(#view-recursos.active){background:var(--ui-page)!important}
#app #view-recursos{background:var(--ui-page)!important}
#app #view-recursos #resourcesBody .resource-list-row{background:var(--ui-surface)!important;content-visibility:visible!important}

/* Worker maintenance actions remain together in reading and keyboard order. */
#app #view-trabalhadores .worker-management-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:0 0 24px}
#app #view-trabalhadores .worker-management-actions>.btn{flex:1 1 180px;min-height:44px;display:flex;align-items:center;justify-content:center;margin:0!important;padding:12px 16px!important;font-size:14px!important;line-height:20px!important;text-align:center;white-space:normal!important}

/* HUD positions follow the supplied v1.4.115 reference. Slots and current styling are retained. */
#app #profileSimulatorMount .sim-master-layout{grid-template-columns:minmax(0,1fr) minmax(344px,1fr) minmax(0,1fr)!important;grid-template-areas:'life equipment outcome' 'pets buffs market' 'allresults allresults allresults'!important;gap:16px!important;align-items:stretch!important}
#app #profileSimulatorMount .sim-equipment-panel{max-width:none!important;padding:16px!important;align-self:stretch!important}
#app #profileSimulatorMount .sim-outcome-column{display:flex!important;flex-direction:column!important;gap:16px!important;position:static!important;min-width:0!important}
#app #profileSimulatorMount .sim-outcome-column .sim-crystal-card{flex:1}
#app #profileSimulatorMount :is(.sim-pet-card,.sim-buff-card,.sim-market-card,.sim-crystal-card){width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important}
#app #profileSimulatorMount .sim-pet-card{grid-area:pets!important}
#app #profileSimulatorMount .sim-buff-card{grid-area:buffs!important}
#app #profileSimulatorMount .sim-market-card{grid-area:market!important}
#app #profileSimulatorMount .sim-live-values{grid-template-columns:1fr 1fr!important}
#app #profileSimulatorMount .sim-live-head{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}
#app #profileSimulatorMount .sim-life-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#app #profileSimulatorMount .sim-life-tile{height:auto!important;min-height:80px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:24px auto auto!important;padding:8px!important;text-align:center!important;justify-items:center!important;row-gap:4px!important}
#app #profileSimulatorMount .sim-life-tile>.sim-activity-glyph{grid-column:1!important;grid-row:1!important}
#app #profileSimulatorMount .sim-life-tile>span{grid-column:1!important;grid-row:2!important;justify-self:center!important;text-align:center!important;font-size:13px!important;width:100%!important;max-width:none!important;overflow-wrap:normal!important;word-break:normal!important;letter-spacing:0!important}
#app #profileSimulatorMount .sim-life-tile>strong{grid-column:1!important;grid-row:3!important}
#app #profileSimulatorMount .sim-equipment-presets{max-width:none!important}
#app #profileSimulatorMount[data-workspace=tablet] .sim-master-layout{grid-template-columns:minmax(344px,1fr) minmax(0,1fr)!important;grid-template-areas:'life life' 'equipment outcome' 'pets buffs' 'market market' 'allresults allresults'!important}
#app #profileSimulatorMount[data-workspace=tablet] .sim-life-card{display:block!important}
#app #profileSimulatorMount[data-workspace=tablet] .sim-life-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#app #profileSimulatorMount[data-workspace=mobile] .sim-master-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'life' 'live' 'equipment' 'crystals' 'pets' 'buffs' 'market' 'allresults'!important}
#app #profileSimulatorMount[data-workspace=mobile] .sim-crystal-card{grid-area:crystals!important}
@container (min-width:1200px){
 #app #profileSimulatorMount .sim-life-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1199px){
 #app #view-zonas .zones-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 #app #view-zonas .zones-toolbar>.zone-search-field{grid-column:1/-1!important}
 #app #view-zonas :is(.zones-list-head,.zone-list-row){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app #view-horta :is(.farming-list-head,.farming-list-row){grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #app #view-zonas .zones-list-head,#app #view-horta .farming-list-head{display:none!important}
 #app #view-zonas :is(.zones-list-panel,.zones-list-body){overflow:visible!important;max-height:none!important;min-width:0!important}
 #app #view-zonas .zone-list-row,#app #view-horta .farming-list-row{padding:16px!important;gap:16px!important;align-items:start!important}
 #app #view-zonas .zone-list-row>div,#app #view-horta .farming-list-row>div{position:static!important;inset:auto!important;transform:none!important;grid-column:auto!important;grid-row:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;background:none!important;text-align:left!important;overflow-wrap:anywhere!important}
 #app #view-zonas .zone-list-row>div::before,#app #view-horta .farming-list-row>div::before{content:attr(data-label)!important;display:block!important;font-size:12px!important;line-height:18px!important;color:var(--ui-muted)!important;margin-bottom:4px!important;white-space:normal!important}
 #app #view-zonas .zone-list-row>.zone-list-node,#app #view-horta .farming-list-row>.farming-list-crop{grid-column:1/-1!important}
 #app #view-zonas .zone-list-row>.zone-list-node::before,#app #view-horta .farming-list-row>.farming-list-crop::before{display:none!important}
 #app #view-zonas .zone-drop-cell .drop-list{width:100%!important;min-width:0!important}
 #app #view-zonas .zone-drop-cell .drop-row{grid-template-columns:24px minmax(0,1fr)!important;gap:4px 8px!important;width:100%!important}
 #app #view-zonas .zone-drop-cell .drop-row img{grid-column:1!important;grid-row:1/3!important}
 #app #view-zonas .zone-drop-cell .drop-row b{grid-column:2!important;grid-row:1!important;text-align:left!important}
 #app #view-zonas .zone-drop-cell .drop-row span{grid-column:2!important;grid-row:2!important;overflow-wrap:anywhere!important}
}
@media(max-width:767px){
 #app #view-zonas .zones-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app #view-zonas .zones-toolbar>*,#app #view-zonas #zoneAdvancedFilters{grid-column:auto!important;grid-row:auto!important}
 #app #view-zonas .zones-toolbar>.zone-search-field{grid-column:1/-1!important}
 #app #view-zonas #zoneAdvancedFilters .ui-disclosure-fields{grid-template-columns:minmax(0,1fr)!important}
 #app #view-zonas .zones-toolbar>.btn,#app #view-zonas #zoneAdvancedFilters>summary{white-space:normal!important;height:auto!important;min-height:44px!important}
 #app #view-horta :is(.farming-list-head,.farming-list-row){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app #view-trabalhadores .worker-management-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #app #view-trabalhadores .worker-management-actions>#workerRosterOpen{grid-column:1/-1}
 #app #navigationSectionNav{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
}

/* Prevent inherited desktop placements and intrinsic minimums from clipping controls. */
#app #view-horta .farming-list-row>[data-label="Preço MP"]{display:flex!important;flex-direction:column!important;gap:4px!important;align-items:flex-end!important}
#app #profileSimulatorMount .sim-crystal-card{display:block!important}
#app #profileSimulatorMount .sim-crystal-card .sim-disclosure-body{margin:0!important;min-height:0!important}
@media(max-width:1199px){#app #view-horta .farming-list-row>[data-label="Preço MP"]{align-items:flex-start!important}}
@media(max-width:520px){
 #app #view-zonas .zones-toolbar>.zone-town-field,#app #view-zonas .zones-toolbar>.zone-sort-wrap{grid-column:1/-1!important}
}

/* v1.4.122 — preview requested by the user. */
#app #nav.nav.nav-tabs{justify-content:center!important;flex-wrap:wrap!important;overflow:visible!important;gap:4px!important}
#app #nav.nav.nav-tabs>button:not(.hidden){flex:0 0 auto!important}

/* Artifact cells occupy the third equipment row; stones stay anchored toward the center. */
#app #profileSimulatorMount .sim-hud-grid{grid-template-columns:minmax(80px,1fr) 48px minmax(80px,1fr)!important;grid-template-rows:48px 48px 56px 48px 48px!important;gap:8px!important}
#app #profileSimulatorMount .sim-hud-grid>.sim-hud-slot{justify-self:center!important;align-self:center!important}
#app #profileSimulatorMount .sim-hud-grid>:is(.slot-earring1,.slot-earring2,.slot-belt,.slot-purity-orb){justify-self:start!important}
#app #profileSimulatorMount .sim-hud-grid>:is(.slot-ring1,.slot-ring2,.slot-necklace,.slot-backpack){justify-self:end!important}
#app #profileSimulatorMount .sim-hud-grid>.sim-artifact-group{display:grid!important;grid-template-columns:48px 24px!important;grid-template-rows:24px 24px!important;gap:4px!important;width:76px!important;height:52px!important;padding:0!important;margin:0!important;align-self:center!important}
#app #profileSimulatorMount .sim-hud-grid>.slot-artifact0{grid-area:3/1!important;justify-self:start!important}
#app #profileSimulatorMount .sim-hud-grid>.slot-artifact1{grid-area:3/3!important;justify-self:end!important;grid-template-columns:24px 48px!important}
#app #profileSimulatorMount .sim-artifact-group>.sim-hud-slot{grid-column:1!important;grid-row:1/3!important;align-self:center!important}
#app #profileSimulatorMount .sim-artifact-group .sim-lightstones{grid-column:2!important;grid-row:1/3!important;display:grid!important;grid-template-rows:24px 24px!important;gap:4px!important;width:24px!important;height:52px!important;position:static!important;inset:auto!important;transform:none!important}
#app #profileSimulatorMount .slot-artifact1>.sim-hud-slot{grid-column:2!important}
#app #profileSimulatorMount .slot-artifact1 .sim-lightstones{grid-column:1!important}
#app #profileSimulatorMount .sim-artifact-group .sim-lightstone-slot{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex:0 0 24px!important;padding:0!important}
#app #profileSimulatorMount .sim-lightstone-slot .sim-hud-slot-art{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}
#app #profileSimulatorMount .sim-lightstone-slot .sim-hud-slot-art :is(img,svg,.sim-empty-glyph){width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}
#app #profileSimulatorMount .sim-buff-card>.sim-block-title{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0!important}
#app #profileSimulatorMount #simBuffCount{font-size:12px;color:var(--ui-muted);font-weight:400}
#app #profileSimulatorMount .sim-market-value{display:block!important}
#app #profileSimulatorMount .sim-market-value strong{font-size:24px!important;line-height:32px!important;font-variant-numeric:tabular-nums}

/* Compact resource cards: independent icon column and explicit spacing. */
#app #view-recursos #resourcesBody .resource-list-row{padding:12px!important;gap:8px 16px!important;align-content:start!important}
#app #view-recursos #resourcesBody .resource-list-item{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;margin:0!important}
#app #view-recursos #resourcesBody .resource-item-icon-trigger{width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:4px!important;align-self:start!important}
#app #view-recursos #resourcesBody .resource-item-icon-trigger img{width:32px!important;height:32px!important;object-fit:contain}
#app #view-recursos #resourcesBody .resource-list-copy{min-width:0!important;display:grid!important;gap:4px!important;margin:0!important}
#app #view-recursos #resourcesBody .resource-list-copy strong{font-size:14px!important;line-height:20px!important}
#app #view-recursos #resourcesBody .resource-workshop-link{min-height:24px!important;padding:0!important;margin:0!important}
#app #view-recursos #resourcesBody .resource-source-badges{margin:0!important}
#app #view-recursos #resourcesBody .resource-list-metric strong{font-size:20px!important;line-height:28px!important}
#app #view-recursos #resourcesBody .resource-list-metric[data-label="Nós"] strong{font-size:14px!important;line-height:20px!important}

/* Worker filters and assignment status follow a stable vertical order. */
#app #view-trabalhadores .toolbar{grid-template-columns:minmax(220px,2fr) minmax(190px,1fr) minmax(180px,1fr) auto auto!important;align-items:end!important;gap:12px!important}
#app #view-trabalhadores .toolbar>*,#app #view-trabalhadores .toolbar>label:has(#workerSearch){grid-area:auto!important;min-width:0!important}
#app #view-trabalhadores .toolbar>label:not(.check){display:flex!important;flex-direction:column!important;gap:8px!important;align-items:stretch!important}
#app #view-trabalhadores .toolbar :is(input[type=search],select){width:100%!important;min-width:0!important;height:44px!important}
#app #view-trabalhadores .toolbar>.check{min-height:44px!important;align-items:center!important}
#app #view-trabalhadores .worker-assignment-cell{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:8px!important;text-align:left!important}
#app #view-trabalhadores .worker-assignment-cell>:is(strong,small,details){display:block!important;width:100%!important;margin:0!important}
#app #view-trabalhadores .worker-assignment-cell>details>summary{display:list-item!important;min-height:44px!important;padding:8px 0!important;line-height:20px!important}
@media(max-width:1199px){
 #app #view-trabalhadores .toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app #view-trabalhadores .toolbar>label:has(#workerSearch){grid-column:1/-1!important}
}
@media(max-width:600px){
 #app #view-trabalhadores .toolbar{grid-template-columns:minmax(0,1fr)!important}
 #app #view-trabalhadores .toolbar>label:has(#workerSearch){grid-column:1!important}
}
/* Give long silver totals their own row instead of splitting digits beside actions. */
#app #profileSimulatorMount .sim-market-card .sim-market-value{grid-column:1/-1!important;grid-row:2!important}
#app #profileSimulatorMount .sim-market-card .sim-market-actions{grid-column:1/-1!important;grid-row:3!important;display:flex!important;flex-direction:row!important;justify-content:flex-end!important;gap:8px!important}
#app #profileSimulatorMount .sim-market-card #simMarketStatus{grid-column:1/-1!important;grid-row:4!important}
#app #view-trabalhadores .toolbar>label:not(.check){width:100%!important;max-width:none!important;min-width:0!important}
#app #view-trabalhadores .toolbar>.check{width:auto!important;max-width:none!important;min-width:0!important;white-space:normal!important}

/* v1.4.123 — responsive records and shared project cards. */
#app .workers-mobile-sort{display:none}
#profileSimulatorMount #simBuffPicker .sim-buff-item{grid-template-columns:44px minmax(0,1fr) 18px!important;gap:12px!important;justify-items:stretch!important;text-align:left!important}
#profileSimulatorMount #simBuffPicker .sim-buff-copy{position:static!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;width:100%!important;min-width:0!important;transform:none!important}
#profileSimulatorMount #simBuffPicker .sim-buff-copy :is(strong,small){display:block!important;width:100%!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;margin-inline:0!important}
#profileSimulatorMount #simBuffPicker .sim-buff-row-icon{justify-self:center!important}
/* Mesmo componente de acompanhamento para receitas e barcos no Perfil. */
#app #view-perfil :is(.favorite-recipes-card,.navigation-favorites-card){padding:24px!important}
#app #view-perfil :is(.favorite-recipes-grid,.navigation-favorites-grid){display:grid!important;grid-template-columns:repeat(auto-fill,216px)!important;gap:16px!important;margin-top:16px!important;align-items:stretch!important}
#app #view-perfil .favorite-recipe-item{box-sizing:border-box!important;width:216px!important;min-width:0!important;max-width:216px!important;height:184px!important;min-height:184px!important;max-height:none!important;padding:12px!important;gap:8px!important;border-radius:12px!important}
#app #view-perfil :is(.favorite-recipe-main,.navigation-profile-ship-main){display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;min-width:0!important;flex:1 1 auto!important}
#app #view-perfil :is(.favorite-recipe-main,.navigation-profile-ship-main) strong{font-size:13px!important;line-height:1.3!important;max-height:none!important;white-space:normal!important;overflow-wrap:anywhere!important;-webkit-line-clamp:3!important}
#app #view-perfil :is(.favorite-recipe-main,.navigation-profile-ship-main) small{font-size:12px!important;line-height:1.3!important}
#app #view-perfil .favorite-recipe-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px!important;gap:4px!important;width:100%!important}
#app #view-perfil .favorite-recipe-actions :is(.btn.small,.favorite-remove-btn,.navigation-profile-remove){box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;min-height:44px!important;padding:4px!important;font-size:13px!important;border-radius:8px!important}
#app #view-perfil .favorite-craft-progress-line,#app #view-perfil .favorite-craft-progress-line strong{font-size:12px!important;line-height:1.3!important}
@media(max-width:600px){
  #app #view-perfil :is(.favorite-recipes-card,.navigation-favorites-card){padding:16px!important}
  #app #view-perfil :is(.favorite-recipes-grid,.navigation-favorites-grid){grid-template-columns:minmax(0,1fr)!important}
  #app #view-perfil .favorite-recipe-item{width:100%!important;max-width:none!important}
}

@media(max-width:1199px){
 #app #view-trabalhadores .workers-mobile-sort{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0;font-size:13px}
 #app #view-trabalhadores .workers-mobile-sort button{min-height:44px;padding:8px 12px}
 #app #view-trabalhadores .workers-list-panel{overflow:visible!important;max-height:none!important;scrollbar-gutter:auto!important;background:transparent!important;border:0!important}
 #app #view-trabalhadores .workers-list-head{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
 #app #view-trabalhadores #workersBody{display:grid!important;gap:16px!important;min-width:0!important}
 #app #view-trabalhadores .worker-list-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important;min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;padding:16px!important;border:1px solid var(--brand-line)!important;border-radius:12px!important;background:var(--panel)!important;content-visibility:visible!important;contain:none!important;box-sizing:border-box}
 #app #view-trabalhadores .worker-list-row>div{position:static!important;inset:auto!important;transform:none!important;grid-area:auto!important;min-width:0!important;width:auto!important;max-width:100%!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important}
 #app #view-trabalhadores .worker-list-row>div::before{content:attr(data-label);display:block!important;font-size:12px!important;line-height:18px;color:var(--muted);margin-bottom:4px}
 #app #view-trabalhadores .worker-list-row>div:is(:first-child,:nth-child(4)){grid-column:1 / -1!important}
 #app #view-trabalhadores .worker-list-row>div:nth-child(9){grid-column:2!important}
 #app #view-trabalhadores .worker-list-row>div:is(:nth-child(5),:nth-child(9)){font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}
 #app #view-trabalhadores .worker-list-row :is(small,strong,span){white-space:normal!important;max-width:100%;overflow-wrap:anywhere}
}