/* Império BDO — Design System consolidado v1.3.34
   Tokens de marca e tipografia centralizados; regras históricas redundantes removidas
   sem alterar a aparência efetiva da interface. */
:root{--bg:#f8f1e4;--panel:#fffaf2;--panel2:#f4e9d7;--line:#d4c0a0;--text:#3d2b1f;--muted:#7d6a58;--green:#6a8f3e;--green2:#2ec4c7;--purple:#bd74ff;--warn:#d8b57f;--danger:#cb5969;--shadow:0 18px 40px rgba(61,43,31,.10);--font-body:14px;--font-small:12px;--font-h2:20px;--font-h1:30px;--brand-brown:#6a4426;--brand-brown-dark:#4d2f1b;--brand-gold:#d5a65f;--brand-gold-soft:#ead4ad;--brand-leaf:#7ea33c;--brand-cream:#fff9f0;--brand-card:#fffaf4;--brand-line:#d9c4a4;--guide-olive:#56772f;--guide-olive-dark:#466128;--guide-olive-soft:#eef4e5;--guide-olive-line:#bfd0a3;--table-header-text:#6a4f39;--table-body-text:#5b4738;--table-highlight:#56772f;--table-header-size:12px;--table-body-size:12.5px}
*{box-sizing:border-box}
body{margin:0;font:14px/1.45 Inter,Segoe UI,Arial,sans-serif;min-height:100vh}
button,input,select{font:inherit}
.brand{color:var(--text);cursor:pointer}
.brand img{width:56px;height:35px;object-fit:cover;border:1px solid #32453a;border-radius:6px}
.brand span{display:flex;flex-direction:column;text-align:left;line-height:1.05}
.brand em{font-style:normal}
.nav{display:flex;height:100%;align-items:stretch;gap:2px;flex:1;justify-content:center}
.nav button{border:0;background:none;padding:0 14px;cursor:pointer;border-bottom:2px solid transparent}
.pill{border:1px solid #2d3b33}
main{padding:22px 24px 70px}
.view{display:none}
.view.active{display:block}
.card{border-radius:10px}
.hero{padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;inset:auto -80px -180px auto;width:420px;height:420px;border:1px solid rgba(0,239,154,.15);border-radius:50%}
.hero-copy{z-index:1}
.eyebrow{text-transform:uppercase;letter-spacing:.13em}
.hero h1,.page-title h1,.about h1{font-size:36px;line-height:1.05;margin:7px 0 12px;letter-spacing:-.025em}
.hero p,.page-title p,.about p{max-width:820px}
.hero-logo{width:300px;height:188px;object-fit:cover;border-radius:8px;border:1px solid #2f4037;z-index:1;box-shadow:0 20px 45px rgba(0,0,0,.4)}
.actions{display:flex;flex-wrap:wrap;margin-top:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:6px;text-decoration:none;cursor:pointer}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:14px 0}
.stat span{display:block}
.stat strong{display:block;margin:4px 0}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);gap:14px}
.map-card,.side-panel{padding:18px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.section-head h2{margin:3px 0 0;font-size:19px}
.map-legend{font-size:11px;color:#829087}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 3px 0 8px}
.mining{background:#82b8ff}
.lumber{background:#61e17b}
.excavation{background:#eab460}
.other{background:#af8fff}
#nodeCanvas{width:100%;height:520px;background:#0b0f0d;border:1px solid #2b3831;border-radius:7px;cursor:grab}
#nodeCanvas:active{cursor:grabbing}
.map-card{position:relative}
.hidden{display:none!important}
.compact-list{display:flex;flex-direction:column;gap:7px;max-height:570px;overflow:auto}
.compact-item{border:1px solid #2b3731;border-radius:6px;padding:10px;background:#111713}
.compact-item strong{color:#b6ffda}
.compact-item small{display:block;color:#87958d;margin-top:3px}
.empty-state{color:#7f8d85;padding:18px;border:1px dashed #334139;border-radius:7px}
.page-title{justify-content:space-between;margin:5px 0 14px}
.toolbar{padding:11px 13px;display:flex;align-items:end;gap:11px;margin-bottom:12px;flex-wrap:wrap}
.toolbar label,.settings-card label{display:flex;flex-direction:column;gap:5px;color:#91a097}
.toolbar input,.toolbar select,.settings-card input,.settings-card select{background:#0f1411;border:1px solid #35423b;border-radius:5px;color:#dfe8e2;padding:8px 9px;min-width:190px}
.toolbar .check{flex-direction:row;align-items:center;padding-bottom:8px;font-size:12px}
.toolbar .check input{min-width:auto}
.toolbar-count{margin-left:auto;color:#7d8c83;padding:8px}
.table-wrap{max-height:calc(100vh - 250px);border-radius:7px}
.data-table{width:100%;border-collapse:collapse}
.data-table th{position:sticky;z-index:2;text-transform:uppercase;letter-spacing:.035em}
.data-table th,.data-table td{text-align:left;vertical-align:top}
.node-name{font-weight:600}
.subtle{color:#839087}
.drop-list{display:flex;flex-direction:column;gap:2px}
.drop-list span{white-space:nowrap}
.drop-list b{color:#69f7bd;font-weight:600}
.money{font-variant-numeric:tabular-nums}
.missing{color:#8b706f}
.pager{display:flex;justify-content:center;align-items:center;color:#94a198}
.custom-price{width:120px;background:#0c110e;border:1px solid #334039;border-radius:4px;color:#dfe8e2;padding:5px}
.worker-stats{margin-top:0}
.settings-grid{display:grid}
.settings-card{padding:20px}
.settings-card h2{margin-top:0}
.settings-card label{margin:12px 0}
.help{color:#7f8d85}
.corrections{padding-left:18px;color:#aeb9b2}
.about{display:flex;gap:35px;align-items:center;padding:35px;max-width:1050px;margin:35px auto}
.about img{width:300px;border-radius:8px}
.toast{position:fixed;right:22px;bottom:22px;z-index:60;padding:12px 15px;border-radius:6px;max-width:420px}
code{padding:1px 4px;border-radius:3px}
@media (max-width:1100px){
.status-wrap{display:none}
.nav{justify-content:flex-end;overflow:auto}
.nav button{padding:0 8px;white-space:nowrap}
.hero-logo{width:220px;height:auto}
.dashboard-grid{grid-template-columns:1fr}
.settings-grid{grid-template-columns:1fr}
.stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
.topbar{height:auto;min-height:64px;flex-wrap:wrap;padding:8px}
.nav{order:3;width:100%;justify-content:flex-start;height:38px}
.hero{padding:25px;flex-direction:column;align-items:flex-start}
.hero h1,.page-title h1{font-size:29px}
.stats-grid{grid-template-columns:1fr}
.page-title{align-items:flex-start;flex-direction:column;gap:8px}
main{padding:14px 10px 50px}
.about{flex-direction:column;align-items:flex-start;padding:20px}
.about img{max-width:100%}
}
.map-card-full{padding:16px;margin-top:14px;position:relative}
.btn.small{padding:6px 9px}
.bdo-map{position:relative;width:100%;height:min(72vh,760px);min-height:520px;overflow:hidden;border:1px solid #313a35;border-radius:6px}
.bdo-map canvas{outline:0}
.map-error{display:grid;place-items:center;height:100%;color:#ff9aaa}
.map-caption{color:#718078;margin-top:7px}
.below-map{grid-template-columns:1fr 1fr;margin-top:14px}
.map-tooltip{position:absolute;z-index:20;pointer-events:none}
.item-icon{width:30px;height:30px;object-fit:contain;vertical-align:middle;flex:0 0 auto}
.item-icon.small{width:21px;height:21px}
.resource-cell{display:flex;align-items:center;gap:8px;min-width:260px}
.drop-row{display:flex;align-items:center;gap:5px}
.drop-row b{min-width:34px}
.route-notice{padding:13px 16px;margin-bottom:12px;color:#aab7b0}
.route-notice strong{color:var(--green)}
.route-table{max-height:calc(100vh - 275px)}
.route-path{min-width:420px;max-width:780px}
.route-path span{white-space:nowrap;color:#bad2c4}
.route-path i{font-style:normal;color:#f5b73d;margin:0 5px}
.data-table td{vertical-align:middle}
.map-card .deck-tooltip{font-family:inherit}
@media (max-width:1000px){
.below-map{grid-template-columns:1fr}
.bdo-map{height:600px}
.map-toolbar-head{align-items:flex-start;flex-direction:column}
.route-path{min-width:320px}
}
@media (max-width:720px){
.bdo-map{height:520px;min-height:420px}
.map-controls{gap:7px}
}
.bdo-map{background-image:none!important}
.map-controls #bestRouteBtn{box-shadow:0 0 0 1px rgba(255,192,43,.12),0 0 18px rgba(255,181,0,.12)}
.route-notice{line-height:1.55}
.map-caption strong{color:#ffd45f;font-weight:600}
#hideUsedZonesBtn.active{background:#4c3510;border-color:#c58a21;color:#ffe5a3}
#hideUsedZonesBtn:disabled{opacity:.45;cursor:not-allowed}
#usedZonesInfo{align-self:center}
.worker-legend{white-space:nowrap}
.worker-legend-item{display:inline-flex;align-items:center;gap:6px}
.worker-icon{display:block;width:20px;height:20px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 3px rgba(61,43,31,.12))}
.worker-icon.legend{width:22px;height:22px}
.worker-emoji{font-size:19px;cursor:help;text-decoration:none}
.worker-emoji .worker-icon{width:26px;height:26px}
.worker-emoji{font-size:19px;cursor:help;text-decoration:none}
.worker-best{text-align:center}
.tooltip-cell{cursor:help;text-decoration:none;color:#bfe8d2}
.zones-table td,.zones-table th{white-space:nowrap}
.zones-table td:nth-child(2),.zones-table td:nth-child(3){white-space:normal}
.zones-group-head th{text-align:center;border-bottom-color:#46554d}
.zones-table thead tr:nth-child(2) th{text-align:center}
.zones-table thead th[rowspan="2"]{vertical-align:middle}
.hover-tip{position:relative;display:inline-flex;align-items:center;justify-content:center}
.hover-tip::after{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);white-space:pre;min-width:max-content;max-width:440px;padding:7px 9px;border:1px solid #754c8f;border-radius:4px;background:#2a1238;color:#f1a7ff;font-size:12px;line-height:1.35;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.55);z-index:50;pointer-events:none}
.hover-tip:hover::after{display:block}
.worker-emoji.hover-tip::after{left:50%}
.worker-emoji{line-height:1}
.zones-toolbar{display:grid!important;grid-template-columns:minmax(240px,1.25fr) minmax(190px,.8fr) minmax(230px,.9fr) auto;align-items:end;gap:10px 12px}
.zones-toolbar label{min-width:0}
.zones-toolbar input,.zones-toolbar select{width:100%;min-width:0}
.zone-sort-wrap{grid-template-columns:minmax(0,1fr) 38px}
.sort-dir-btn{color:#94a39a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;padding:1px 7px;line-height:.8}
.sort-dir-btn:hover{border-color:#22a66f;color:#dff5e7}
.sort-arrow{font-size:13px;opacity:.28}
.sort-arrow.active{opacity:1;color:var(--green);font-weight:800}
.zones-toolbar-meta{grid-column:1/-1;min-width:0;border-top:1px solid #28322c;padding-top:8px}
.zones-toolbar-meta .worker-legend{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.zones-toolbar-meta #usedZonesInfo{margin-left:auto;align-self:center}
.zones-toolbar-meta .toolbar-count{align-self:center}
.zones-table{font-size:11px}
.zones-table th,.zones-table td{vertical-align:middle}
.zones-table .drop-row{white-space:normal!important;line-height:1.18;margin:1px 0;overflow-wrap:anywhere}
.zones-table .drop-row .item-icon{flex:0 0 15px}
.zones-table .node-name{line-height:1.18;display:block}
.zones-table .money{white-space:normal!important}
@media (max-width:1180px){
.zones-toolbar{grid-template-columns:1fr 1fr}
.zones-toolbar #hideUsedZonesBtn{justify-self:start}
.zones-table{font-size:10px}
.zones-table th,.zones-table td{padding:4px 2px!important}
.zones-table .item-icon{width:13px;height:13px}
}
.zones-table-wrap{width:100%}
.zones-table{width:100%!important;max-width:100%!important;table-layout:fixed!important}
.zones-table th,.zones-table td{max-width:100%;overflow:hidden!important;hyphens:auto}
.zones-table td:first-child{text-align:left!important}
.zones-table .drop-list{width:100%;min-width:0;overflow:hidden}
.zones-table .drop-row{width:100%;min-width:0;max-width:100%;overflow:hidden}
.zones-table .drop-row b{width:auto!important;overflow:hidden;text-overflow:ellipsis}
.zones-table .drop-row span:last-child{min-width:0!important;max-width:100%;overflow:hidden!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.zones-table .node-name{max-width:100%;overflow:hidden;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.zones-table .tooltip-cell{display:block!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
.zones-table .worker-emoji{display:inline-flex!important;max-width:100%;overflow:visible!important}
.zones-table .money{max-width:100%;overflow:hidden!important;text-overflow:ellipsis}
.zones-group-head th{white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere!important}
@media (max-width:1250px){
.zones-table th{font-size:8.7px!important}
.zones-table td{font-size:9.7px!important;padding:4px 2px!important}
.zones-table .drop-row{grid-template-columns:13px 26px minmax(0,1fr);gap:2px}
.zones-table .drop-row .item-icon{width:13px!important;height:13px!important;min-width:13px!important}
}
.bdo-map{background:rgb(27,49,51)!important}
.candidate-legend{color:#41e1ff;font-weight:600}
.map-click-hint{display:inline-block;margin-top:4px;color:#55def7;font-size:12px}
.map-controls #clearManualRouteBtn{border-color:#29616c;color:#7ae7f8}
.map-controls #clearManualRouteBtn:hover{background:#10343a}
.map-axis-controls{display:inline-flex;gap:3px;align-items:center;padding:2px 4px;border:1px solid #27342f;border-radius:6px;background:#0b1210}
.map-axis-controls .axis-btn{min-width:28px;padding:5px 7px;font-size:13px;line-height:1}
.map-control-divider{width:1px;height:20px;margin:0 3px;background:#33413a}
.bdo-map{background:#1b3133;touch-action:none}
.map-tooltip-title{display:flex;align-items:center;gap:7px;margin-bottom:2px}
.map-tooltip-resource-label{margin-top:9px}
.map-tooltip-items{margin-top:5px}
.map-tooltip-item{position:relative;display:grid;place-items:center;overflow:hidden}
.map-tooltip-item>span{display:none;font-size:13px}
.map-tooltip-item.missing-icon>span{display:block}
body{font-family:Inter,"Segoe UI",Arial,sans-serif}
.brand-mark,.about-brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,#0f5138,#0a2d21);border:1px solid #1f8b62;color:#eafff4;font-weight:800;letter-spacing:-.04em;box-shadow:inset 0 0 18px rgba(0,239,154,.08),0 6px 18px rgba(0,0,0,.25)}
.brand-mark{font-size:16px}
.brand em{letter-spacing:.06em;color:#69efb4}
.section-head h2,.settings-card h2,.worker-json-guide h2{line-height:1.2}
.hero p,.page-title p,.about p,.help,.map-caption,.compact-item,.settings-card{font-size:12px}
.hero-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}
.hero-brand-mark{display:grid;place-items:center;font-weight:900;letter-spacing:-.07em;box-shadow:inset 0 0 30px rgba(0,239,154,.12),0 12px 30px rgba(0,0,0,.35)}
.hero-brand small{text-transform:uppercase}
.worker-json-guide{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.65fr);gap:24px;align-items:center;padding:20px 22px;margin:14px 0}
.worker-json-guide h2{margin:4px 0 7px}
.worker-json-guide p{margin:0;color:#a8b5ae}
.worker-guide-steps{margin:12px 0 0;padding-left:20px;color:#bcc7c1}
.worker-guide-steps li{margin:5px 0;padding-left:3px}
.worker-guide-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.worker-guide-actions small{color:#74847b;font-size:10.5px;line-height:1.4}
.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){
.worker-json-guide{grid-template-columns:1fr}
.hero-brand{width:220px}
.settings-grid{grid-template-columns:1fr}
.about-brand-mark{width:120px;height:120px;flex-basis:120px;font-size:40px}
}
@media (max-width:720px){
.hero h1{font-size:24px}
.page-title h1,.about h1{font-size:22px}
.section-head h2,.settings-card h2,.worker-json-guide h2{font-size:18px}
.worker-json-guide{padding:17px}
.hero-brand{width:100%}
}
input[type="checkbox"]{-webkit-appearance:none;appearance:none;width:14px;height:14px;min-width:14px!important;margin:0;border:1px solid #d8dfdb;border-radius:1px;background:#f4f6f5;display:inline-grid;place-content:center;vertical-align:middle;cursor:pointer;box-shadow:none}
input[type="checkbox"]::before{content:"";width:8px;height:8px;transform:scale(0);transition:transform .08s ease-in-out;clip-path:polygon(14% 44%,0 65%,42% 100%,100% 18%,80% 0,39% 64%);background:#101411}
input[type="checkbox"]:checked::before{transform:scale(1)}
input[type="checkbox"]:focus-visible{outline:2px solid #31d79a;outline-offset:2px}
.check{cursor:pointer;user-select:none}
.check input[type="checkbox"]{flex:0 0 14px}
.nav button,.btn,button,input,select{font-size:13.5px}
.brand strong{font-size:17px}
.brand em{font-size:11px}
.page-title h1,.about h1{font-size:30px}
.section-head h2,.settings-card h2,.worker-json-guide h2{font-size:20px}
.hero p,.page-title p,.about p,.help,.map-caption,.compact-item,.settings-card,.worker-json-guide p,.worker-guide-steps{font-size:14px}
.pill{font-size:12px}
.stat span{font-size:13px}
.stat small{font-size:12.5px}
.data-table td{font-size:13px}
.worker-legend small{font-size:11.5px}
.zones-table th{line-height:1.2!important;padding:7px 5px!important}
.zones-table td{line-height:1.25!important;padding:6px 5px!important}
.zones-table thead tr:first-child th{height:36px;vertical-align:middle!important;top:0}
.zones-table thead tr:nth-child(2) th{height:34px;vertical-align:middle!important;top:36px;background:#151b18}
.zones-table .group-spacer{color:transparent!important;background:#151b18!important}
.zones-table-wrap{overflow-x:auto!important}
.zones-table{min-width:1500px!important}
/* O tooltip deixa de pertencer à célula da tabela, portanto não é recortado pelas margens. */
.hover-tip::after{content:none!important;display:none!important}
.global-hover-tooltip{position:fixed;z-index:1000;pointer-events:none;white-space:pre-line;text-align:left}
@media (max-width:1250px){
.zones-table th{font-size:10.5px!important}
.zones-table td{font-size:11.5px!important;padding:5px 4px!important}
}
@media (max-width:720px){
body{font-size:13.5px}
.hero h1{font-size:27px}
.page-title h1,.about h1{font-size:25px}
.section-head h2,.settings-card h2,.worker-json-guide h2{font-size:19px}
}
.farming-page-title{align-items:center}
.farming-source-badge{min-width:170px;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}
.farming-source-badge span,.farming-source-badge small{color:#829288;font-size:11px}
.farming-source-badge strong{font-size:20px;color:#71f8b7;margin:2px 0}
.farming-controls{padding:16px 18px;margin-bottom:14px}
.farming-control-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px}
.farming-controls label{display:flex;flex-direction:column;gap:5px;color:#9aa89f;font-size:12px}
.farming-controls input,.farming-controls select{width:100%;min-width:0;background:#0e1411;border:1px solid #35423b;border-radius:5px;color:#e0e8e3;padding:8px 9px}
.farming-control-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #29352f}
.farming-control-row .check{flex-direction:row;align-items:center;margin-right:auto;color:#b1bdb6;font-size:13px}
.farming-control-row .farm-search{min-width:250px;flex-direction:row;align-items:center;gap:8px}
.farming-control-row .farm-search input{min-width:200px}
.farming-method-note{margin:11px 0 0;color:#829188;font-size:12px;line-height:1.5}
.farming-stats{margin-top:0}
.farming-stats .stat strong{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.farming-stats .stat small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.farming-table-wrap{max-height:calc(100vh - 305px);min-height:360px}
.farming-table{min-width:1460px}
.farming-table th{top:0}
.farming-table td{vertical-align:middle}
.farming-table td>small,.farming-table td small{display:block;color:#7e8e85;margin-top:2px;font-size:11px}
.farm-crop-cell{display:flex;align-items:center;gap:10px;min-width:220px}
.farm-item-icon{width:36px;height:36px;border-radius:10px;flex:0 0 36px;background:rgba(7,18,14,.75);border:1px solid rgba(102,255,189,.14);padding:3px;object-fit:contain;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset}
.farm-crop-name{display:block;color:#b8ffda;font-weight:700}
.farm-location{display:inline-block;cursor:help;color:#d5e3db;border-bottom:1px dotted #5a7968}
.farm-max{background:rgba(0,239,154,.025)}
.farm-max strong{color:#7dffc0;display:block}
.farm-method-badge{display:inline-flex;margin-top:3px;padding:2px 6px;border-radius:999px;background:#142a20;border:1px solid #27694d;color:#8fffc6;font-size:10px;white-space:nowrap}
.farm-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00ef9a;box-shadow:0 0 7px rgba(0,239,154,.8);margin-right:5px;vertical-align:middle}
.farm-best-row{background:rgba(0,239,154,.055)!important}
.farm-best-row td:first-child{box-shadow:inset 3px 0 #00ef9a}
.farming-info-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}
.farming-info-card{padding:18px 20px}
.farming-info-card h2{font-size:20px;margin:4px 0 10px}
.farming-info-card p,.farming-info-card li{color:#a8b5ae}
.farming-info-card ol{margin:0;padding-left:22px}
.farming-info-card li{margin:6px 0}
.farming-location-legend{margin-top:12px}
.farm-location-card{display:flex;flex-direction:column;padding:8px 9px;border:1px solid #2c3b33;border-radius:5px;background:#101713;color:#93a39a;font-size:11px;text-decoration:none;min-height:54px;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.farm-location-card:hover{border-color:#2f8a63;background:#132019;transform:translateY(-1px)}
.farm-location-card strong{color:#67eaae;font-size:10px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.farm-location-card span{color:#93a39a}
.farm-location-card small{margin-top:auto;padding-top:5px;color:#5eeab0;font-size:9px;text-transform:uppercase;letter-spacing:.05em}
@media (max-width:1300px){
.farming-control-grid{grid-template-columns:repeat(3,1fr)}
.farming-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:850px){
.farming-page-title{align-items:flex-start}
.farming-source-badge{align-items:flex-start}
.farming-control-grid{grid-template-columns:1fr 1fr}
.farming-info-grid{grid-template-columns:1fr}
.farming-location-legend{grid-template-columns:1fr 1fr}
.farming-control-row .farm-search{width:100%;flex-direction:column;align-items:stretch}
.farming-control-row .farm-search input{min-width:0}
}
@media (max-width:560px){
.farming-control-grid{grid-template-columns:1fr}
.farming-location-legend{grid-template-columns:1fr}
.farming-stats{grid-template-columns:1fr}
}
.zones-table-wrap,.farming-table-wrap{width:100%;max-width:100%;overflow-x:hidden!important;overflow-y:auto}
.zones-table,.farming-table{width:100%!important;max-width:100%!important;min-width:0!important;table-layout:fixed!important}
/* Zonas de produção: mantém todas as 14 colunas dentro da largura disponível. */
.zones-table th,.zones-table td{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;min-width:0!important;padding:5px 3px!important;line-height:1.18!important}
.zones-table th{font-size:10px!important;letter-spacing:0!important;text-align:center!important}
.zones-table td{font-size:11px!important}
.zones-table .zcol-node{width:14%}
.zones-table .zcol-drop{width:10.5%}
.zones-table .zcol-value{width:7%}
.zones-table .zcol-town{width:8%}
.zones-table .zcol-dist{width:4.5%}
.zones-table .zcol-cp{width:3.5%}
.zones-table .zcol-worker{width:4%}
.zones-table .zcol-wspd{width:4.5%}
.zones-table .zcol-load{width:5%}
.zones-table .zcol-cycles{width:4.5%}
.zones-table .zcol-daily{width:5.5%}
.zones-table .zcol-eff{width:5.5%}
.zones-table .zcol-id{width:3%}
.zones-table .drop-list,.zones-table .drop-row,.zones-table .node-name,.zones-table .tooltip-cell,.zones-table .money{max-width:100%!important;min-width:0!important}
.zones-table .drop-row{display:grid!important;grid-template-columns:14px 27px minmax(0,1fr)!important;gap:2px!important;align-items:center}
.zones-table .drop-row .item-icon{width:14px!important;height:14px!important;min-width:14px!important}
.zones-table .drop-row b{min-width:0!important;white-space:nowrap!important}
.zones-table .drop-row span:last-child,.zones-table .node-name,.zones-table .tooltip-cell,.zones-table .money{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.zones-table .worker-emoji{font-size:16px!important}
/* Horta: distribui as 12 colunas proporcionalmente e permite quebra de texto. */
.farming-table th,.farming-table td{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;min-width:0!important;padding:6px 4px!important;line-height:1.2!important}
.farming-table th{font-size:10.5px!important;letter-spacing:0!important;text-align:center}
.farming-table td{font-size:11.5px!important}
.farming-table .fcol-crop{width:17%}
.farming-table .fcol-fruit{width:7%}
.farming-table .fcol-growth{width:8%}
.farming-table .fcol-cycles{width:6%}
.farming-table .fcol-slots{width:5%}
.farming-table .fcol-price{width:8%}
.farming-table .fcol-volume{width:7%}
.farming-table .fcol-location{width:8%}
.farming-table .fcol-crate{width:8%}
.farming-table .fcol-market{width:8%}
.farming-table .fcol-breed{width:9%}
.farming-table .fcol-best{width:9%}
.farming-table .farm-crop-cell{display:grid!important;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:6px;min-width:0!important;width:100%}
.farming-table .farm-item-icon{width:30px!important;height:30px!important;flex:0 0 30px!important;padding:2px!important}
.farming-table .farm-crop-name,.farming-table .farm-location,.farming-table .money,.farming-table small{max-width:100%;white-space:normal!important;overflow-wrap:anywhere!important}
.farming-table .farm-method-badge{white-space:normal!important;text-align:center;line-height:1.15}
/* Em telas menores, preserva todas as colunas; o conteúdo apenas quebra mais linhas. */
@media (max-width:1250px){
main{padding-left:12px;padding-right:12px}
.zones-table th{font-size:9px!important}
.zones-table td{font-size:10px!important;padding:4px 2px!important}
.zones-table .drop-row{grid-template-columns:12px 23px minmax(0,1fr)!important}
.zones-table .drop-row .item-icon{width:12px!important;height:12px!important;min-width:12px!important}
.farming-table th{font-size:9.5px!important}
.farming-table td{font-size:10.5px!important;padding:5px 3px!important}
.farming-table .farm-crop-cell{grid-template-columns:26px minmax(0,1fr);gap:4px}
.farming-table .farm-item-icon{width:26px!important;height:26px!important}
}
@media (max-width:850px){
.zones-table th{font-size:8px!important}
.zones-table td{font-size:9px!important}
.farming-table th{font-size:8.5px!important}
.farming-table td{font-size:9.5px!important}
.farming-table .farm-crop-cell{grid-template-columns:22px minmax(0,1fr)}
.farming-table .farm-item-icon{width:22px!important;height:22px!important}
}
.farm-location-card{position:relative;overflow:visible}
.farm-location-preview{display:none;position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:240px;aspect-ratio:16/9;z-index:80;pointer-events:none}
.farm-location-preview img{display:block;width:100%;height:100%;object-fit:cover}
.farm-location-card:hover .farm-location-preview,.farm-location-card:focus-visible .farm-location-preview{display:block}
@media (max-width:720px){
.farm-location-preview{width:min(220px,78vw)}
}
body{color:var(--text)}
.brand-copy strong{font-size:18px;color:#5b361d}
.brand-copy em{font-size:11px;color:#7f6d58;letter-spacing:.08em}
.image-mark{overflow:hidden;background:linear-gradient(180deg,#fff8ef,#eedcbe)!important;border-color:#d0b58a!important;box-shadow:0 8px 20px rgba(61,43,31,.12)!important}
.brand-mark{width:46px;height:46px;border-radius:12px;padding:0}
.brand-mark img,.hero-brand-mark img,.about-brand-mark img{width:100%;height:100%;object-fit:cover;display:block}
.nav button{color:#745f4c;font-weight:600;border-radius:10px 10px 0 0}
.nav button:hover,.nav button.active{color:#5c381f;border-color:#a4713d;background:rgba(164,113,61,.08)}
.pill{border-color:#d7c5a8;background:#fff8ee;color:#6c5a48}
.pill.ok{color:#47672b;border-color:#b8c99b;background:#eef4e5}
.pill.warn{color:#8b5d1f;border-color:#dfc28a;background:#fff1d5}
.pill.muted{color:#8f7b69}
.pill.error{color:#a53c4d;border-color:#e0b2b8;background:#fff1f3}
.card{background:linear-gradient(180deg,rgba(255,250,242,.98),rgba(246,236,219,.98));border:1px solid #dcc7a7;box-shadow:var(--shadow)}
.hero{min-height:290px;border:1px solid #d7c2a0;background:linear-gradient(90deg, rgba(248,241,228,.96) 0%, rgba(248,241,228,.86) 44%, rgba(248,241,228,.48) 66%, rgba(248,241,228,.22) 100%),
    url("assets/branding/header-brand.png") center/cover no-repeat}
.hero:after{border-color:rgba(164,113,61,.22);box-shadow:0 0 70px rgba(164,113,61,.12)}
.hero-copy{max-width:720px}
.eyebrow{color:#6a8f3e;font-weight:700}
.hero h1,.page-title h1,.about h1{color:#513222;text-shadow:0 1px 0 rgba(255,255,255,.55)}
.hero p,.page-title p,.about p{color:#6f5d4d}
.hero-brand{width:270px;min-height:190px;gap:10px;border:1px solid #d6bb93;border-radius:18px;background:linear-gradient(180deg,rgba(255,250,244,.96),rgba(246,232,207,.94));box-shadow:0 16px 36px rgba(61,43,31,.14)}
.hero-brand-mark{width:88px;height:88px;border-radius:22px;padding:0;border:1px solid #d1b37d;background:#fff8ef;color:transparent;font-size:0}
.hero-brand strong{color:#5b381d}
.hero-brand small{font-size:11px;color:#7f6a54;letter-spacing:.12em}
.actions{gap:10px}
.btn{border:1px solid #cbaa79;color:#5c381f;background:linear-gradient(180deg,#fff6eb,#f4e4c8);box-shadow:0 4px 12px rgba(61,43,31,.05)}
.btn:hover{border-color:#a4713d;background:linear-gradient(180deg,#fff5e6,#eed7ae)}
.btn.primary{background:linear-gradient(180deg,#7da04c,#6a8f3e);border-color:#5b7d35;color:#fffdfa}
.btn.primary:hover{background:linear-gradient(180deg,#88ab57,#739844)}
.btn.ghost{background:rgba(255,249,240,.72)}
.stat span,.subtle,.map-caption,.compact-item small,.help,.worker-guide-actions small,.worker-guide-steps,.worker-json-guide p{color:#7d6a58}
.stat strong{color:#5a351d}
.stat small{color:#8f7b69}
.section-head h2,.settings-card h2,.worker-json-guide h2{color:#5a351d}
#nodeCanvas{border-color:#c3af94;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.toolbar input,.toolbar select,.settings-card input,.settings-card select,.custom-price{background:#fffdf8;border-color:#ccb38f;color:#503423}
.node-name{color:#5b7d35}
.empty-state,.route-notice,.compact-item{background:#fff8ee;border-color:#d7c09e;color:#6a5848}
.about-brand-mark{width:180px;height:180px;flex:0 0 180px;border-radius:32px;padding:0;font-size:0;background:#fff8ef}
.worker-json-guide{position:relative;overflow:hidden}
.worker-json-guide::after{position:absolute;right:-20px;bottom:-28px;width:180px;height:180px;background:url("assets/branding/icon-brand.png") center/contain no-repeat;opacity:.12;pointer-events:none}
.map-toolbar-head,.page-title{position:relative;z-index:1}
.check input{accent-color:#6a8f3e}
code{color:#5b381d;background:#f6ead6}
@media (max-width:1100px){
.hero{background-position:60% center;min-height:260px}
}
@media (max-width:720px){
.topbar{height:auto;min-height:74px}
.brand-mark{width:40px;height:40px}
.hero{min-height:240px;background:linear-gradient(180deg, rgba(248,241,228,.96), rgba(248,241,228,.76)), url("assets/branding/header-brand.png") center/cover no-repeat}
.hero-brand{width:100%;min-height:auto;padding:16px 14px}
.about-brand-mark{width:120px;height:120px;flex-basis:120px}
}
body{background:radial-gradient(circle at top left, rgba(126,163,60,.12), transparent 26%),
    radial-gradient(circle at top right, rgba(46,196,199,.10), transparent 24%),
    linear-gradient(180deg,#f8f0e2 0%,#f1e5d3 100%)}
.topbar{z-index:40}
.topbar-main{display:flex;align-items:center;gap:18px;margin-bottom:10px}
.brand{padding:0;background:none;border:0;display:flex;align-items:center;gap:12px}
.brand-badge{display:grid;place-items:center;overflow:hidden}
.brand-badge img{width:100%;height:100%;object-fit:cover;display:block}
.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.brand-logo-text{display:flex;align-items:flex-end;gap:8px}
.brand-imperio{line-height:1;font-weight:900;color:var(--brand-brown-dark);text-shadow:0 1px 0 rgba(255,255,255,.7)}
.brand-bdo{line-height:.95;font-weight:900;letter-spacing:-.05em;color:#c4872b;text-shadow:0 1px 0 rgba(255,255,255,.75)}
.brand-lockup em{margin-top:4px;font-style:normal;text-transform:uppercase}
.nav.nav-tabs{flex-wrap:wrap;border:1px solid #9d7444}
.nav.nav-tabs button{position:relative}
.nav.nav-tabs button[data-route="inicio"]::before{content:"⌂"}
.nav.nav-tabs button[data-route="zonas"]::before{content:"▦"}
.nav.nav-tabs button[data-route="recursos"]::before{content:"❖"}
.nav.nav-tabs button[data-route="trabalhadores"]::before{content:"✦"}
.nav.nav-tabs button[data-route="horta"]::before{content:"❀"}
.nav.nav-tabs button[data-route="configuracoes"]::before{content:"⚙"}
.nav.nav-tabs button[data-route="sobre"]::before{content:"?"}
.status-wrap{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pill{padding:7px 11px;border-radius:999px;font-weight:700}
.home-banner{position:relative;overflow:hidden}
.home-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,248,239,.96) 0%, rgba(255,248,239,.7) 36%, rgba(255,248,239,.18) 70%, rgba(255,248,239,0) 100%)}
.home-banner-copy{position:relative;z-index:1;max-width:560px;padding:30px 34px}
.home-banner h1{margin:6px 0 10px;font-size:34px;line-height:1.08;color:#57341c}
.home-banner p{margin:0;color:#705d4d;font-size:15px}
.hero.hero-intro{min-height:unset;padding:24px 26px;border-radius:22px;align-items:stretch}
.hero-intro .hero-copy{max-width:none}
.hero-intro .hero-brand{min-width:260px;align-self:stretch;justify-content:center}
.hero h1{font-size:32px}
.hero-brand strong{font-size:22px}
.page-title,.section-head{padding:18px 20px;border:1px solid var(--brand-line);border-radius:18px;background:linear-gradient(180deg,#fffaf4,#f7ecdc);box-shadow:0 10px 24px rgba(61,43,31,.06);margin-bottom:14px}
.page-title h1,.section-head h2{margin:4px 0 4px}
.page-title p{margin:0;color:#756353}
.map-card{padding:16px}
.map-toolbar-head{flex-wrap:wrap;background:linear-gradient(180deg,#fffaf4,#f7ecdc)}
.map-controls,.toolbar,.farming-control-row,.farming-control-grid{gap:12px}
.toolbar,.farming-controls,.settings-card,.farming-info-card,.worker-json-guide,.map-card,.about,.stat,.table-wrap.card{border-radius:20px}
.toolbar.card,.farming-controls,.worker-json-guide{background:linear-gradient(180deg,#fffaf5,#f6ebdb);border:1px solid var(--brand-line);box-shadow:0 10px 24px rgba(61,43,31,.06)}
.toolbar label,.settings-card label,.farming-control-grid label,.zone-sort-wrap label,.zone-search-field,.zone-town-field,.farm-search{color:#715d4d;font-weight:700}
.toolbar input,.toolbar select,.settings-card input,.settings-card select,.farming-controls input,.farming-controls select,.custom-price{min-height:44px;border-radius:12px;border:1px solid #d3bc99;background:#fffdf8;padding:10px 12px;box-shadow:inset 0 1px 2px rgba(61,43,31,.03)}
.toolbar input:focus,.toolbar select:focus,.settings-card input:focus,.settings-card select:focus,.farming-controls input:focus,.farming-controls select:focus,.custom-price:focus{outline:none;border-color:#c4883b;box-shadow:0 0 0 3px rgba(212,166,95,.22)}
.check{display:inline-flex;align-items:center;gap:10px;border-radius:14px;border:1px solid #d9c4a4;background:#fff8ef;color:#654f3f;font-weight:800}
.check input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;border-radius:6px;border:1.5px solid #b78e5b;background:linear-gradient(180deg,#fffdf9,#f1e1c5);position:relative;cursor:pointer}
.check input[type="checkbox"]:checked{background:linear-gradient(180deg,#8ab04f,#6b8e3f);border-color:#5a7b33}
.check input[type="checkbox"]:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.btn.small{min-height:40px}
.axis-btn{min-width:40px}
.stats-grid{gap:14px}
.stat{padding:18px 18px 16px;border:1px solid #ddc8a8;background:linear-gradient(180deg,#fffaf4,#f7eddf)}
.stat span{font-weight:800;color:#7d6857;text-transform:uppercase;letter-spacing:.05em}
.stat strong{font-size:28px}
.table-wrap{overflow:auto;border:1px solid #ddc8a8;box-shadow:0 10px 24px rgba(61,43,31,.06)}
.data-table{min-width:100%}
.data-table th{top:0;font-weight:800}
.data-table th,.data-table td{padding:11px 12px;border-right:1px solid #e1cdae;border-bottom:1px solid #eadbc4}
.data-table tbody tr:hover{background:#fff0d7}
.drop-list span,.route-path span{white-space:normal}
.zones-table-wrap,.farming-table-wrap{max-height:none}
.zones-toolbar-meta{margin-left:auto}
.worker-legend{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:#fff8ef;border:1px solid #d8c3a2;color:#6d5948;font-weight:700;flex-wrap:wrap}
.worker-legend small{font-weight:600;color:#8b7866}
.sort-dir-btn{height:44px;min-width:44px;border-radius:12px;border:1px solid #d6bd98;background:#fff8ef}
.farming-source-badge{padding:10px 14px;border-radius:16px;border:1px solid #d8c19f;background:linear-gradient(180deg,#fff8ef,#f4e5ca);color:#674d3b;box-shadow:0 8px 18px rgba(61,43,31,.06)}
.farming-source-badge span,.farming-source-badge small{display:block}
.farming-location-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.farming-location-legend button,.farming-location-legend a,.farming-location-legend .location-chip,#farmLocationLegend > *{border-radius:16px!important}
.farming-info-grid{gap:14px}
.settings-grid{gap:14px}
.settings-card,.farming-info-card{padding:20px}
.about{border:1px solid #d9c4a4;border-radius:24px}
.toast{background:#fff8ef;border:1px solid #d4bd97;color:#5d4027;box-shadow:0 16px 40px rgba(61,43,31,.16)}
/* Compact refinements for each page */
#view-zonas .page-title::before,#view-recursos .page-title::before,#view-trabalhadores .page-title::before,#view-horta .page-title::before{content:"";width:54px;height:4px;border-radius:999px;background:linear-gradient(90deg,#d5a65f,#7ea33c);margin-bottom:10px}
#view-recursos .table-wrap .data-table th:nth-child(1),#view-trabalhadores .table-wrap .data-table th:nth-child(1),#view-horta .table-wrap .data-table th:nth-child(1),#view-zonas .table-wrap .data-table th:nth-child(1){box-shadow:inset 0 -2px 0 rgba(106,143,62,.35)}
@media (max-width:1100px){
.topbar{padding:10px 12px 12px}
.topbar-main{flex-direction:column;align-items:flex-start}
.status-wrap{justify-content:flex-start}
.hero.hero-intro{flex-direction:column}
.hero-intro .hero-brand{width:100%;min-width:0}
}
@media (max-width:720px){
main{padding:14px 10px 40px}
.brand-badge{width:46px;height:46px}
.brand-imperio{font-size:25px}
.brand-bdo{font-size:30px}
.nav.nav-tabs{padding:8px 8px 10px;gap:6px}
.nav.nav-tabs button{height:40px;padding:0 12px;font-size:12px}
.home-banner{min-height:220px}
.home-banner-copy{padding:22px 20px;max-width:100%}
.home-banner h1{font-size:26px}
.hero h1{font-size:24px}
.page-title,.section-head,.toolbar.card,.map-card{padding:14px}
.check{padding:8px 10px}
}
/* Topo mais próximo da referência */
.topbar-main{padding:2px 4px 6px}
.brand-badge{width:50px;height:50px;border-radius:12px}
.brand-imperio{font-size:36px;letter-spacing:-.04em}
.brand-bdo{font-size:42px}
.brand-lockup em{font-size:10.5px;letter-spacing:.16em;color:#8a745e}
.nav.nav-tabs{border-color:#9a7042}
.status-wrap .pill{background:#fff8ee;border-color:#d8c29d;color:#6e5b49}
.status-wrap .pill.ok{background:#edf4e7;border-color:#b5c89c;color:#4b6e2b}
.status-wrap .pill.warn{background:#fff2d9;border-color:#dfc088;color:#8e6224}
.status-wrap .pill.error{background:#fff1f2;border-color:#deb1b8;color:#a34958}
/* Banner vira um header visual puro, sem camada opaca/texto sobreposto */
.home-banner{margin-bottom:14px;background:url("assets/branding/header-brand.png") center/cover no-repeat;border:1px solid #d9c09a;border-radius:22px;box-shadow:0 14px 28px rgba(61,43,31,.10)}
.home-banner::after{display:none}
.home-banner-copy{display:none}
/* Hero inicial mais limpo abaixo do header */
.hero.hero-intro{background:linear-gradient(180deg,#fffaf4,#f8eddf);border:1px solid #decaab}
.hero-intro .hero-brand{background:linear-gradient(180deg,rgba(255,249,240,.98),rgba(244,230,205,.96));border-color:#d6bc94}
.hero-intro .hero-copy h1{color:#53311d}
.hero-intro .hero-copy p{color:#6d5b4b}
/* Tabelas: remover resíduos escuros e fundo preto dos cabeçalhos */
.table-wrap{background:#fffaf5!important;border-color:#ddc8a8!important}
.data-table{background:#fffaf5}
.data-table th{background:linear-gradient(180deg,#f0e1c8,#ead5b2)!important;color:#6a4f39!important;border-right:1px solid #dcc6a3!important;border-bottom:1px solid #d7c19e!important}
.data-table td{background:transparent;color:#5f4c3d;border-right:1px solid #ead8bc!important;border-bottom:1px solid #ead8bc!important}
.data-table tbody tr:nth-child(even){background:#fdf7ee}
.data-table tbody tr:hover td{background:#fff1dc}
.zones-group-head th,.zones-table thead tr:nth-child(2) th,.zones-table thead tr:first-child th{background:linear-gradient(180deg,#f0e1c8,#ead5b2)!important;color:#6a4f39!important;border-bottom-color:#d6c09f!important}
/* Melhorar legibilidade da Horta */
#view-horta,#view-horta .page-title p,#view-horta .farming-info-card p,#view-horta .farming-info-card li,#view-horta .farming-controls label,#view-horta .farming-control-grid label,#view-horta .farming-control-row,#view-horta .farming-source-badge span,#view-horta .farming-source-badge small,#view-horta .farm-location-card,#view-horta .farm-location-card span,#view-horta .farm-location-card small,#view-horta .farm-location-card strong,#view-horta .pill,#view-horta .stat span,#view-horta .stat small,#view-horta .map-caption{color:#6d5948!important}
#view-horta .page-title h1,#view-horta .farming-info-card h2,#view-horta .stat strong,#view-horta .farming-source-badge strong{color:#54321d!important}
#view-horta .farming-controls,#view-horta .farming-info-card,#view-horta .farming-source-badge,#view-horta .farm-location-card,#view-horta .table-wrap.card,#view-horta .stat.card{background:linear-gradient(180deg,#fffaf5,#f5ead9)!important;border-color:#dcc6a6!important}
#view-horta .farm-location-card:hover{background:#fff2dc!important;border-color:#c79654!important}
#view-horta .farming-table td small,#view-horta .farming-table small{color:#7a6655!important}
#view-horta .farm-crop-name,#view-horta .farm-location,#view-horta .money,#view-horta .farming-table td,#view-horta .farming-table th{color:#5b4738!important}
#view-horta .farm-method-badge{background:#eef4e4!important;color:#4d6a29!important;border:1px solid #bed09e!important}
/* Recursos/zonas/horta filtros mais claros e coerentes */
.toolbar,.farming-controls,.settings-card,.farming-info-card,.worker-json-guide,.map-card,.about,.stat,.table-wrap.card,.page-title,.section-head{box-shadow:0 10px 24px rgba(61,43,31,.06)}
.toolbar-count,.subtle,.help,.map-caption,.compact-item small{color:#7d6a58!important}
@media (max-width:720px){
.home-banner{min-height:145px;background-position:center top}
.brand-imperio{font-size:28px}
.brand-bdo{font-size:32px}
}
/* ícones próprios desenhados para o menu */
.nav.nav-tabs button::before{content:""!important;height:16px;display:inline-block;flex:0 0 16px;background-color:currentColor;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}
.nav.nav-tabs button[data-route="inicio"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 10.5 12 4l8 6.5V20H14v-5H10v5H4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 10.5 12 4l8 6.5V20H14v-5H10v5H4z'/%3E%3C/svg%3E")}
.nav.nav-tabs button[data-route="zonas"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z'/%3E%3C/svg%3E")}
.nav.nav-tabs button[data-route="recursos"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 3 7 7-7 11L5 10zm0 4.5L9.2 10 12 14.5 14.8 10z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 3 7 7-7 11L5 10zm0 4.5L9.2 10 12 14.5 14.8 10z'/%3E%3C/svg%3E")}
.nav.nav-tabs button[data-route="horta"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 20h2v-6.2c5.4-.43 7.5-3.2 7.5-6.3-3.95 0-6.24 1.43-7.5 3.82C11.74 8.93 9.45 7.5 5.5 7.5c0 3.1 2.1 5.87 7.5 6.3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 20h2v-6.2c5.4-.43 7.5-3.2 7.5-6.3-3.95 0-6.24 1.43-7.5 3.82C11.74 8.93 9.45 7.5 5.5 7.5c0 3.1 2.1 5.87 7.5 6.3z'/%3E%3C/svg%3E")}
.nav.nav-tabs button[data-route="configuracoes"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m10.7 2 2.6 0 .55 2.33a7.9 7.9 0 0 1 1.62.68l2.04-1.24 1.84 1.84-1.23 2.04c.28.51.51 1.05.68 1.61L22 10.7v2.6l-2.33.55a7.9 7.9 0 0 1-.68 1.62l1.24 2.04-1.84 1.84-2.04-1.23c-.51.28-1.05.51-1.61.68L13.3 22h-2.6l-.55-2.33a7.9 7.9 0 0 1-1.62-.68L6.49 20.23 4.65 18.4l1.23-2.04a7.9 7.9 0 0 1-.68-1.61L2 13.3v-2.6l2.33-.55c.17-.56.4-1.1.68-1.62L3.77 6.49 5.6 4.65l2.04 1.23c.51-.28 1.05-.51 1.61-.68zM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m10.7 2 2.6 0 .55 2.33a7.9 7.9 0 0 1 1.62.68l2.04-1.24 1.84 1.84-1.23 2.04c.28.51.51 1.05.68 1.61L22 10.7v2.6l-2.33.55a7.9 7.9 0 0 1-.68 1.62l1.24 2.04-1.84 1.84-2.04-1.23c-.51.28-1.05.51-1.61.68L13.3 22h-2.6l-.55-2.33a7.9 7.9 0 0 1-1.62-.68L6.49 20.23 4.65 18.4l1.23-2.04a7.9 7.9 0 0 1-.68-1.61L2 13.3v-2.6l2.33-.55c.17-.56.4-1.1.68-1.62L3.77 6.49 5.6 4.65l2.04 1.23c.51-.28 1.05-.51 1.61-.68zM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6'/%3E%3C/svg%3E")}
.nav.nav-tabs button[data-route="sobre"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 17h2v2h-2zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 17c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7m0-12a3 3 0 0 0-3 3h2a1 1 0 1 1 1.95.32c-.57.81-1.95 1.42-1.95 3.18V14h2v-.5c0-.9 1.43-1.37 2.05-2.68A3 3 0 0 0 12 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 17h2v2h-2zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 17c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7m0-12a3 3 0 0 0-3 3h2a1 1 0 1 1 1.95.32c-.57.81-1.95 1.42-1.95 3.18V14h2v-.5c0-.9 1.43-1.37 2.05-2.68A3 3 0 0 0 12 7'/%3E%3C/svg%3E")}
/* header da home sem corte e com status abaixo */
.home-banner{aspect-ratio:2048 / 464;min-height:0!important;background-color:#efe3cf!important;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important}
.home-banner-meta{display:flex;align-items:center;justify-content:flex-start;margin:10px 2px 16px}
.home-status-wrap{display:flex;gap:10px;flex-wrap:wrap}
/* topo sem status para ficar limpo */
.topbar-main{justify-content:flex-start}
/* polimento de caixas e alinhamento */
.map-toolbar-head{padding:18px 18px 14px!important}
.map-controls .btn.small{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:14px;font-weight:800}
/* tabelas zonas: números com cor semelhante ao nome do nó */
.zones-table tbody td:nth-child(14){color:#6e8f46!important}
/* caixas de toolbar e paginação alinhadas */
.toolbar.card,.page-title,.section-head,.table-wrap.card,.farming-controls,.settings-card,.farming-info-card,.stat.card,.worker-json-guide,.about.card,.map-card.card{border-radius:20px!important}
.toolbar.card{padding:14px 16px!important}
.zone-sort-wrap{display:flex;align-items:end;gap:8px}
.zones-toolbar-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.worker-legend,#usedZonesInfo,.toolbar-count{min-height:44px;display:inline-flex;align-items:center}
.pager{margin-top:14px;gap:10px}
.pager .btn{min-height:42px;border-radius:12px}
/* status pills com espaço visual igual à referência */
.home-status-wrap .pill{padding:8px 14px;font-size:12px;border-radius:999px;box-shadow:0 6px 14px rgba(61,43,31,.05)}
/* responsivo */
@media (max-width:980px){
.map-controls{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));justify-content:stretch}
}
@media (max-width:720px){
.home-banner-meta{margin-top:8px}
.home-status-wrap .pill{width:auto}
.map-controls{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
.map-controls{grid-template-columns:1fr}
}
/* Header global com arte completa e navegação abaixo */
.topbar-main,.brand{display:none!important}
.site-status{display:flex!important;flex-wrap:wrap;gap:10px;flex:0 0 auto}
.site-status .pill{font-weight:800;background:#eef4e7;border-color:#b8cd9b;color:#506d2d}
.site-status .pill.warn{background:#fff0d5;border-color:#dfc188;color:#8c6125}
.site-status .pill.error{background:#fff2f2;border-color:#e0b5ba;color:#a34d58}
.site-status .pill.muted{background:#eef4e7;border-color:#b8cd9b;color:#54712f}
.nav.nav-tabs{flex:1 1 auto;margin-top:0!important}
#view-inicio .home-banner,#view-inicio .home-banner-meta{display:none!important}
/* Menu, boxes e alinhamentos refinados */
.toolbar.card,.table-wrap.card,.map-card.card,.farming-controls,.worker-json-guide,.stat.card,.settings-card,.farming-info-card,.about.card,.hero.hero-intro{border-radius:22px!important}
/* Página inicial: controles do mapa voltam para linha lateral */
.map-controls > *{margin:0!important}
.map-controls .btn.small,.map-controls .check{min-height:44px}
.map-controls .axis-btn{border-radius:11px;padding:0!important}
/* Checkbox com luz verde/halo quando selecionado */
.map-controls .check input[type="checkbox"]{cursor:pointer}
/* Cabeçalhos ilustrados por página */
.page-title{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:18px;min-height:182px;overflow:hidden;position:relative}
.page-title > div:first-child{position:relative;z-index:1;margin-left:auto;max-width:520px}
.page-title > .btn,.page-title > .farming-source-badge{position:relative;z-index:1;align-self:end}
#view-zonas .page-title::before,#view-recursos .page-title::before,#view-trabalhadores .page-title::before,#view-horta .page-title::before{display:none!important}
#view-zonas .page-title{background-image:linear-gradient(90deg, rgba(255,248,239,.00) 0%, rgba(255,248,239,.02) 18%, rgba(255,248,239,.80) 47%, rgba(255,248,239,.97) 100%),
    url("assets/headers/zonas-header.png"),
    linear-gradient(180deg,#fbf6ef,#f0e4d2)!important;background-position:left top, left center, left top!important;background-size:100% 100%, auto 100%, 100% 100%!important;background-repeat:no-repeat,no-repeat,no-repeat!important}
#view-recursos .page-title{background-image:linear-gradient(90deg, rgba(255,248,239,.00) 0%, rgba(255,248,239,.02) 18%, rgba(255,248,239,.80) 47%, rgba(255,248,239,.97) 100%),
    url("assets/headers/recursos-header.png"),
    linear-gradient(180deg,#fbf6ef,#f0e4d2)!important;background-position:left top, left center, left top!important;background-size:100% 100%, auto 100%, 100% 100%!important;background-repeat:no-repeat,no-repeat,no-repeat!important}
#view-trabalhadores .page-title{background-image:linear-gradient(90deg, rgba(255,248,239,.00) 0%, rgba(255,248,239,.02) 18%, rgba(255,248,239,.80) 47%, rgba(255,248,239,.97) 100%),
    url("assets/headers/trabalhadores-header.png"),
    linear-gradient(180deg,#fbf6ef,#f0e4d2)!important;background-size:100% 100%, auto 100%, 100% 100%!important;background-repeat:no-repeat,no-repeat,no-repeat!important}
#view-horta .page-title{background-image:linear-gradient(90deg, rgba(255,248,239,.00) 0%, rgba(255,248,239,.02) 18%, rgba(255,248,239,.80) 47%, rgba(255,248,239,.97) 100%),
    url("assets/headers/horta-header.png"),
    linear-gradient(180deg,#fbf6ef,#f0e4d2)!important;background-position:left top, left center, left top!important;background-size:100% 100%, auto 100%, 100% 100%!important;background-repeat:no-repeat,no-repeat,no-repeat!important}
#view-zonas .page-title h1,#view-recursos .page-title h1,#view-trabalhadores .page-title h1,#view-horta .page-title h1{color:#5b341e!important}
#view-zonas .page-title p,#view-recursos .page-title p,#view-trabalhadores .page-title p,#view-horta .page-title p{color:#6e5a4a!important}
/* Números da tabela de Zonas com a mesma cor dos nomes dos nós */
.zones-table tbody td:nth-child(4),.zones-table tbody td:nth-child(6),.zones-table tbody td:nth-child(7),.zones-table tbody td:nth-child(9),.zones-table tbody td:nth-child(10),.zones-table tbody td:nth-child(11),.zones-table tbody td:nth-child(12),.zones-table tbody td:nth-child(13),.zones-table tbody td:nth-child(14){color:#5b7d35!important;font-weight:700!important}
/* Responsivo */
@media (max-width:1100px){
.topbar-subbar{flex-direction:column;align-items:stretch}
.site-status{display:flex!important;justify-content:flex-start!important}
.nav.nav-tabs{width:100%}
}
@media (max-width:780px){
.topbar{padding:12px 10px 8px!important}
.topbar-hero-link{border-radius:18px}
.page-title{grid-template-columns:1fr!important;min-height:140px;padding:16px!important}
.page-title > div:first-child{margin-left:0;max-width:none}
.page-title > .btn,.page-title > .farming-source-badge{justify-self:start;align-self:start}
.map-controls{justify-content:flex-start!important}
}
/* Header totalmente preenchido e navegação logo abaixo, no mesmo bloco visual da referência */
.topbar-subbar{justify-content:space-between!important}
/* A área principal encosta melhor visualmente no header */
main{padding-top:8px!important}
.hero.hero-intro{margin-top:0!important}
/* Controles do mapa ficam laterais como na versão anterior */
.map-toolbar-head{justify-content:space-between!important;gap:16px!important}
.map-toolbar-head > div:first-child{flex:1 1 auto}
.map-controls{flex:0 0 auto!important;flex-wrap:wrap!important}
/* Checkbox sem checkmark: apenas luz verde com halo quando ativo */
.check{min-height:44px;padding:10px 14px!important}
/* Números da tabela de Zonas com a mesma cor do nome do nó */
.zones-table .node-name,.zones-table .drop-list b,.zones-table .money,.zones-table tbody td:nth-child(4),.zones-table tbody td:nth-child(6),.zones-table tbody td:nth-child(7),.zones-table tbody td:nth-child(9),.zones-table tbody td:nth-child(10),.zones-table tbody td:nth-child(11),.zones-table tbody td:nth-child(12),.zones-table tbody td:nth-child(13),.zones-table tbody td:nth-child(14){color:#5b7d35!important;font-weight:700!important}
.zones-table td,.zones-table th{vertical-align:middle}
/* Box polishing */
.nav.nav-tabs,.worker-json-guide,.hero.hero-intro,.map-card.card,.toolbar.card,.table-wrap.card,.page-title,.stat.card,.settings-card,.farming-controls,.farming-info-card,.about.card{box-shadow:0 10px 26px rgba(61,43,31,.07)!important}
@media (max-width: 1100px){
.topbar-subbar{flex-direction:column!important;align-items:stretch!important}
.nav.nav-tabs{margin-left:0}
.site-status{order:2}
}
@media (max-width: 780px){
.topbar{padding:8px 8px 6px!important}
.topbar-hero-link{border-radius:18px!important}
.map-toolbar-head{flex-direction:column!important}
.map-controls{justify-content:flex-start!important;max-width:none;width:100%}
}
/* Header: alinhar status e navegação com alturas equivalentes */
.site-status .pill{justify-content:center!important}
/* Mapa: boxes alinhadas em grade regular */
.map-controls{justify-content:end!important}
#mapShowAll{grid-area:all}
#mapShowSubs{grid-area:subs}
#mapShowRoute{grid-area:imported}
/* Cidades e números na tabela de Zonas: mesma cor do nome do node, mais contraste */
.zones-table .tooltip-cell,.zones-table .hover-tip,.zones-table .node-name,.zones-table .drop-list b,.zones-table .money,.zones-table tbody td:nth-child(4),.zones-table tbody td:nth-child(5),.zones-table tbody td:nth-child(6),.zones-table tbody td:nth-child(7),.zones-table tbody td:nth-child(9),.zones-table tbody td:nth-child(10),.zones-table tbody td:nth-child(11),.zones-table tbody td:nth-child(12),.zones-table tbody td:nth-child(13),.zones-table tbody td:nth-child(14){color:#56772f!important;font-weight:700!important}
/* Responsivo do grid do mapa */
@media (max-width: 980px){
.map-controls{grid-template-columns:1fr 1fr!important;grid-template-areas:"route route"
      "all subs"
      "imported rotate"
      "reset reset";width:100%;justify-content:stretch!important}
#bestRouteBtn,#mapResetBtn,.map-controls .check{width:100%!important;min-width:0!important}
}
@media (max-width: 600px){
.map-controls{grid-template-columns:1fr!important;grid-template-areas:"route"
      "all"
      "subs"
      "imported"
      "rotate"
      "reset"}
}
/* Header principal: 40% menor horizontalmente e centralizado */
/* Barra inferior: navegação com a mesma altura visual dos status pills */
.site-status .pill{display:inline-flex!important;align-items:center!important}
.nav.nav-tabs{height:auto!important}
/* Início: controles do mapa dentro da margem e rigorosamente alinhados */
.map-toolbar-head > div:first-child{min-width:0}
#bestRouteBtn,#mapResetBtn,.map-controls .check{width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important}
#bestRouteBtn{grid-area:route!important}
.map-controls label.check:nth-of-type(1){grid-area:all!important}
.map-controls label.check:nth-of-type(2){grid-area:subs!important}
.map-controls label.check:nth-of-type(3){grid-area:imported!important}
#mapResetBtn{grid-area:reset!important}
.map-controls .axis-btn{width:34px!important;min-width:34px!important;height:34px!important}
/* Recursos: filtros e boxes alinhados exatamente às margens da seção */
#view-recursos .toolbar.card{gap:12px!important}
#view-recursos .toolbar.card > label{min-width:0!important;width:100%!important}
#view-recursos .toolbar.card input,#view-recursos .toolbar.card select{width:100%!important;min-width:0!important}
#view-recursos .toolbar-count{min-height:44px;display:flex;align-items:center;margin-left:0!important;padding:0 4px!important;white-space:nowrap}
#view-recursos .table-wrap.card{width:100%;margin-left:0!important;margin-right:0!important}
/* Trabalhadores: checkbox com o mesmo tamanho do campo Pesquisar */
#view-trabalhadores .toolbar.card{display:grid!important;grid-template-columns:280px 280px!important;align-items:end!important;justify-content:start!important;gap:12px!important}
#view-trabalhadores .toolbar.card > label:not(.check) input{width:100%!important;min-width:0!important}
#view-trabalhadores .toolbar.card .check{margin:0!important;align-self:end!important}
@media (max-width:1100px){
.topbar-hero-link{width:72%!important;min-width:0!important}
.map-toolbar-head{grid-template-columns:1fr!important}
.map-controls{justify-self:start!important;max-width:100%!important}
#view-recursos .toolbar.card{grid-template-columns:minmax(220px,1fr) 200px!important}
#view-recursos .toolbar-count{grid-column:1/-1;justify-content:flex-start}
}
@media (max-width:720px){
.topbar-hero-link{width:100%!important}
.nav.nav-tabs{height:auto!important}
.map-controls{grid-template-columns:1fr 1fr!important;grid-template-areas:"route route"
      "all subs"
      "imported rotate"
      "reset reset"!important}
#view-recursos .toolbar.card,#view-trabalhadores .toolbar.card{grid-template-columns:1fr!important}
#view-trabalhadores .toolbar.card > label:not(.check),#view-trabalhadores .toolbar.card .check{width:100%!important;min-width:0!important}
}
/* Header: voltar a ocupar a largura útil da página, mantendo a altura atual */
/* Navegação anexada ao header na parte inferior */
.topbar-subbar{gap:14px!important;align-items:center!important}
.site-status{min-height:44px!important;align-items:center!important;padding-top:0!important}
.site-status .pill{min-height:40px!important;height:40px!important;padding:0 14px!important}
.nav.nav-tabs{min-height:44px!important;margin-left:auto!important}
/* Remover ghost image da importação de trabalhadores */
.worker-json-guide::after{display:none!important;content:none!important}
/* Início: controles do mapa sem rotação e alinhados dentro da margem */
.map-toolbar-head{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(0,520px)!important;align-items:start!important;column-gap:18px!important}
.map-controls{width:100%!important;min-width:0!important;display:grid!important;grid-template-areas:"route all subs"
    "imported reset reset"!important;gap:10px 10px!important;justify-self:end!important;align-items:stretch!important}
#bestRouteBtn{grid-area:route;width:220px!important;min-width:220px!important}
.map-controls label.check:nth-of-type(1){grid-area:all}
.map-controls label.check:nth-of-type(2){grid-area:subs}
.map-controls label.check:nth-of-type(3){grid-area:imported}
#mapResetBtn{grid-area:reset;width:100%!important;min-width:0!important}
.map-controls .check,.map-controls .btn.small{min-height:44px!important;height:44px!important;box-sizing:border-box!important}
.map-controls .check{width:140px!important}
#mapResetBtn{background:linear-gradient(180deg,#fff8ee,#f3e5cf)!important;border-color:#d5be97!important;color:#6d4b2e!important}
/* Checkboxes apenas com halo verde quando ativadas */
.check input[type="checkbox"],.map-controls .check input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;width:16px!important;height:16px!important;border-radius:999px!important;border:2px solid #8d785f!important;background:#f8f1e6!important;box-shadow:inset 0 0 0 3px #fffaf2!important}
.check input[type="checkbox"]::before,.check input[type="checkbox"]::after,.map-controls .check input[type="checkbox"]::before,.map-controls .check input[type="checkbox"]::after{display:none!important;content:none!important}
.check input[type="checkbox"]:checked,.map-controls .check input[type="checkbox"]:checked{background:#76a23f!important;border-color:#5d7f33!important;box-shadow:0 0 0 3px rgba(118,162,63,.18),0 0 12px rgba(118,162,63,.52),inset 0 0 0 2px rgba(255,255,255,.28)!important}
/* Zonas: nome das cidades e números na mesma cor legível dos nós */
.zones-table .node-name,.zones-table .tooltip-cell,.zones-table .hover-tip,.zones-table .drop-list b,.zones-table .money,.zones-table tbody td:nth-child(4),.zones-table tbody td:nth-child(5),.zones-table tbody td:nth-child(6),.zones-table tbody td:nth-child(7),.zones-table tbody td:nth-child(9),.zones-table tbody td:nth-child(10),.zones-table tbody td:nth-child(11),.zones-table tbody td:nth-child(12),.zones-table tbody td:nth-child(13),.zones-table tbody td:nth-child(14){color:#56772f!important;font-weight:700!important}
/* Recursos: leve refino nas margens/boxes */
#view-recursos .toolbar.card > label,#view-recursos .toolbar.card > .toolbar-count{margin:0!important}
/* Trabalhadores: box de jobs com tamanho do campo pesquisar */
#view-trabalhadores .toolbar.card > label:not(.check){width:280px!important;min-width:280px!important;max-width:280px!important}
@media (max-width:1100px){
.topbar-hero-link{width:100%!important;min-width:0!important}
.topbar-subbar{flex-direction:column!important;align-items:stretch!important}
.nav.nav-tabs{margin-left:0!important}
}
@media (max-width:900px){
.map-toolbar-head{grid-template-columns:1fr!important}
.map-controls{justify-self:start!important;max-width:100%!important}
}
@media (max-width:720px){
.nav.nav-tabs{border-radius:18px!important}
.map-controls{grid-template-columns:1fr 1fr!important;grid-template-areas:"route route"
      "all subs"
      "imported imported"
      "reset reset"!important}
#bestRouteBtn,#mapResetBtn,.map-controls .check{width:100%!important;min-width:0!important}
#view-trabalhadores .toolbar.card > label:not(.check),#view-trabalhadores .toolbar.card .check{width:100%!important;min-width:0!important;max-width:none!important}
}
/* 1) Navegação ocupando toda a largura do header com status dentro da barra */
.nav.nav-tabs{justify-content:flex-start!important}
.nav.nav-tabs button{flex:0 0 auto!important}
.nav-status{align-items:center!important;min-height:auto!important}
/* 2) Mapa mundial: labels das checkboxes com folga interna e sem ultrapassar borda */
.map-controls{grid-template-columns:220px 145px 145px!important;max-width:530px!important}
.map-controls .check{min-width:0!important;overflow:hidden!important}
.map-controls .check span,.map-controls .check label,.map-controls .check{font-size:12px!important}
.map-controls label.check:nth-of-type(1),.map-controls label.check:nth-of-type(2){width:145px!important}
.map-controls label.check:nth-of-type(3){width:220px!important}
/* 3) Recursos: alinhar filtros/contadores com a malha visual da tabela */
#view-recursos .toolbar.card{display:grid!important;grid-template-columns:minmax(320px,2.2fr) 90px 110px 150px 170px!important;align-items:end!important;column-gap:12px!important;row-gap:12px!important;padding:14px 16px!important}
#view-recursos .toolbar.card > label:first-of-type{grid-column:1 / span 2!important}
#view-recursos .toolbar.card > label:last-of-type{grid-column:3 / span 1!important}
#view-recursos .toolbar-count{grid-column:4 / span 2!important;justify-content:flex-end!important;text-align:right!important;width:100%!important;padding-right:2px!important}
#view-recursos .table-wrap.card{margin-top:0!important}
/* 4) Trabalhadores: checkbox interna do filtro no mesmo tamanho do mapa mundial */
#view-trabalhadores .toolbar.card .check input[type="checkbox"]::before,#view-trabalhadores .toolbar.card .check input[type="checkbox"]::after{display:none!important;content:none!important}
@media (max-width: 1180px){
.nav.nav-tabs{flex-wrap:wrap!important}
.nav-status{margin-left:0!important;width:100%;justify-content:flex-end!important;padding-top:4px!important}
}
@media (max-width: 980px){
#view-recursos .toolbar.card{grid-template-columns:minmax(240px,1fr) 180px auto!important}
#view-recursos .toolbar.card > label:first-of-type{grid-column:1 / span 1!important}
#view-recursos .toolbar.card > label:last-of-type{grid-column:2 / span 1!important}
#view-recursos .toolbar-count{grid-column:3 / span 1!important}
}
@media (max-width: 720px){
.nav-status{justify-content:flex-start!important}
.map-controls{grid-template-columns:1fr 1fr!important;max-width:100%!important}
.map-controls label.check:nth-of-type(1),.map-controls label.check:nth-of-type(2),.map-controls label.check:nth-of-type(3){width:100%!important}
#view-recursos .toolbar.card{grid-template-columns:1fr!important}
#view-recursos .toolbar.card > label:first-of-type,#view-recursos .toolbar.card > label:last-of-type,#view-recursos .toolbar-count{grid-column:auto!important}
}
/* 1) Trabalhadores: checkbox realmente no mesmo padrão visual do mapa mundial */
#view-trabalhadores .toolbar.card .check{display:inline-flex!important;align-items:center!important;gap:8px!important;width:280px!important;min-width:280px!important;max-width:280px!important;min-height:44px!important;height:44px!important;padding:0 14px!important}
#view-trabalhadores .toolbar.card .check input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;display:inline-block!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;margin:0!important;padding:0!important;border-radius:999px!important;border:2px solid #8d785f!important;background:#f8f1e6!important;box-shadow:inset 0 0 0 3px #fffaf2!important;flex:0 0 16px!important}
#view-trabalhadores .toolbar.card .check input[type="checkbox"]:checked{background:#76a23f!important;border-color:#5d7f33!important;box-shadow:0 0 0 3px rgba(118,162,63,.18),0 0 12px rgba(118,162,63,.52),inset 0 0 0 2px rgba(255,255,255,.28)!important}
/* 2) Recursos: fixar colunas para que as margens/encontros coincidam perfeitamente */
#view-recursos .resources-table col.col-item{width:43%!important}
#view-recursos .resources-table col.col-id{width:10%!important}
#view-recursos .resources-table col.col-nodes{width:10%!important}
#view-recursos .resources-table col.col-price{width:13%!important}
#view-recursos .resources-table col.col-custom{width:24%!important}
#view-recursos .resources-table th,#view-recursos .resources-table td{box-sizing:border-box!important}
#view-recursos .resources-table td .custom-price{max-width:100%!important}
#view-recursos .resources-table td,#view-recursos .resources-table th{text-align:left!important}
/* 3) Horta: reforçar legibilidade dos rótulos e do select/inputs */
#view-horta .farming-controls label,#view-horta .farming-control-grid label{color:#6a4b2d!important;font-weight:800!important;font-size:14px!important;letter-spacing:0!important;opacity:1!important}
#view-horta .farming-controls input,#view-horta .farming-controls select{color:#5b4738!important;font-size:15px!important;font-weight:700!important;background:#fffdf8!important;border-color:#d5be97!important}
#view-horta .farming-controls input::placeholder,#view-horta .farming-controls select,#view-horta .farming-controls option{color:#8f8478!important}
#view-horta .farming-control-grid{gap:12px!important}
/* Ajuste fino para o header e a navegação se encontrarem perfeitamente */
.nav.nav-tabs button:first-child{margin-left:0!important}
.nav-status{padding-right:4px!important}
@media (max-width:1180px){
.topbar-subbar{margin-top:0!important}
.nav.nav-tabs{border-radius:0 0 22px 22px!important}
}
/* Recursos: fazer o encontro das colunas ficar perfeitamente contínuo */
#view-recursos .table-wrap.card{padding:0!important;overflow:auto!important}
#view-recursos .resources-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;border-spacing:0!important}
#view-recursos .resources-table thead th,#view-recursos .resources-table tbody td{padding:12px 12px!important;box-sizing:border-box!important}
#view-recursos .resources-table thead th:nth-child(1),#view-recursos .resources-table tbody td:nth-child(1){width:43%!important}
#view-recursos .resources-table thead th:nth-child(2),#view-recursos .resources-table tbody td:nth-child(2){width:10%!important}
#view-recursos .resources-table thead th:nth-child(3),#view-recursos .resources-table tbody td:nth-child(3){width:10%!important}
#view-recursos .resources-table thead th:nth-child(4),#view-recursos .resources-table tbody td:nth-child(4){width:13%!important}
#view-recursos .resources-table thead th:nth-child(5),#view-recursos .resources-table tbody td:nth-child(5){width:24%!important}
#view-recursos .resources-table tbody td:first-child,#view-recursos .resources-table thead th:first-child{padding-left:14px!important}
#view-recursos .resources-table tbody td:last-child,#view-recursos .resources-table thead th:last-child{padding-right:14px!important}
#view-recursos .resources-table .resource-cell{width:100%!important;min-width:0!important;max-width:none!important}
#view-recursos .resources-table td .custom-price{width:120px!important;margin:0!important}
#view-recursos .resources-table tr > *:last-child{border-right:none!important}
/* O primeiro TD de Recursos volta a se comportar como célula de tabela,
   eliminando o “campo vazio” entre ITEM e ID. */
#view-recursos .resources-table td.resource-cell{display:table-cell!important;min-width:0!important;width:auto!important;white-space:normal!important}
#view-recursos .resources-table td.resource-cell .item-icon{display:inline-block!important;vertical-align:middle!important;margin-right:10px!important}
#view-recursos .resources-table td.resource-cell .node-name{display:inline!important;vertical-align:middle!important;line-height:1.35!important}
.about{background:linear-gradient(180deg, rgba(255,250,242,.98), rgba(250,243,231,.96))!important}
@media (max-width:780px){
/* transforma os sub-headers em cartões muito mais legíveis no celular */
.page-title{min-height:190px!important;padding:14px!important;align-items:end!important;border-radius:20px!important}
#view-zonas .page-title,#view-recursos .page-title,#view-trabalhadores .page-title,#view-horta .page-title{background-position:left center!important;background-size:cover!important}
#view-zonas .page-title{background:linear-gradient(180deg, rgba(255,249,241,.78) 0%, rgba(255,249,241,.90) 52%, rgba(255,249,241,.96) 100%),
      url("assets/headers/zonas-header.png") left center/cover no-repeat!important}
#view-recursos .page-title{background:linear-gradient(180deg, rgba(255,249,241,.78) 0%, rgba(255,249,241,.90) 52%, rgba(255,249,241,.96) 100%),
      url("assets/headers/recursos-header.png") left center/cover no-repeat!important}
#view-trabalhadores .page-title{background:linear-gradient(180deg, rgba(255,249,241,.78) 0%, rgba(255,249,241,.90) 52%, rgba(255,249,241,.96) 100%),
      url("assets/headers/trabalhadores-header.png") left center/cover no-repeat!important}
#view-horta .page-title{background:linear-gradient(180deg, rgba(255,249,241,.78) 0%, rgba(255,249,241,.90) 52%, rgba(255,249,241,.96) 100%),
      url("assets/headers/horta-header.png") left center/cover no-repeat!important}
.page-title > div:first-child{background:rgba(255,251,245,.90)!important;border:1px solid rgba(212,187,148,.9)!important;border-radius:16px!important;padding:12px 14px!important;box-shadow:0 8px 20px rgba(95,67,41,.10)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);max-width:100%!important}
.page-title .eyebrow{font-size:11px!important;letter-spacing:.14em!important;color:#6e8e35!important}
.page-title h1{font-size:22px!important;line-height:1.08!important;margin:4px 0 8px!important;color:#55321d!important;text-shadow:none!important}
.page-title p{font-size:13px!important;line-height:1.45!important;color:#6b5646!important;margin:0!important}
}
@media (max-width:780px){
.topbar-subbar{padding:0 8px 8px!important}
.nav.nav-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:stretch!important;gap:8px!important;padding:10px!important;border-radius:0 0 22px 22px!important;background:linear-gradient(90deg,#8a5a2b 0%, #7b4b22 100%)!important;box-shadow:0 10px 24px rgba(61,43,31,.10)!important;overflow:visible!important}
.nav.nav-tabs button{width:100%!important;min-height:44px!important;height:44px!important;padding:0 12px!important;justify-content:flex-start!important;border:1px solid rgba(219,184,120,.42)!important;border-radius:14px!important;background:rgba(255,250,243,.08)!important;color:#fff9f0!important;font-size:13px!important;font-weight:700!important;letter-spacing:-.01em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.nav.nav-tabs button:hover,.nav.nav-tabs button.active{background:linear-gradient(180deg, rgba(255,249,241,.18), rgba(255,249,241,.10))!important;border-color:#e1c07a!important;box-shadow:0 0 0 2px rgba(233,197,120,.18), inset 0 1px 0 rgba(255,255,255,.16)!important;color:#fffdf8!important}
.nav.nav-tabs button::before{width:16px!important;text-align:center!important;margin-right:4px!important;opacity:.95!important;font-size:14px!important}
.nav-status{grid-column:1 / -1!important;margin-left:0!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding-top:2px!important}
.nav-status .pill{width:100%!important;min-height:42px!important;height:42px!important;padding:0 10px!important;border-radius:14px!important;font-size:12px!important;font-weight:700!important}
}
@media (max-width:520px){
.nav.nav-tabs{grid-template-columns:1fr!important}
.nav-status{grid-template-columns:1fr!important}
}
/* Alinha perfeitamente a arte do topo com a caixa da navegação */
/* Modelo de navegação mais estético para desktop e mobile */
.nav.nav-tabs{display:grid!important;grid-template-columns:repeat(4, minmax(0, 1fr))!important;gap:10px!important;align-items:stretch!important;padding:10px!important;background:linear-gradient(90deg,#8a5a2b 0%, #7b4b22 100%)!important}
.nav.nav-tabs button{width:100%!important;min-height:46px!important;height:46px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;border:1px solid rgba(219,184,120,.42)!important;border-radius:15px!important;background:rgba(255,250,243,.08)!important;color:#fff8ef!important;font-weight:700!important;letter-spacing:-.01em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.nav.nav-tabs button:hover,.nav.nav-tabs button.active{background:linear-gradient(180deg, rgba(255,249,241,.18), rgba(255,249,241,.10))!important;border-color:#e1c07a!important;box-shadow:0 0 0 2px rgba(233,197,120,.18), inset 0 1px 0 rgba(255,255,255,.16)!important;color:#fffdf8!important}
.nav.nav-tabs button::before{width:16px!important;text-align:center!important;margin-right:4px!important;opacity:.95!important;font-size:14px!important}
.nav-status{grid-column:1 / -1!important;margin-left:0!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0!important}
.nav-status .pill{width:100%!important;min-height:42px!important;height:42px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;font-size:12px!important;font-weight:700!important}
@media (max-width: 1180px){
.nav.nav-tabs{grid-template-columns:repeat(3, minmax(0, 1fr))!important}
}
@media (max-width: 780px){
.topbar{padding:10px!important}
.nav.nav-tabs{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:8px!important;padding:10px!important;border-radius:0 0 22px 22px!important}
.nav.nav-tabs button{min-height:44px!important;height:44px!important;padding:0 12px!important}
}
@media (max-width: 520px){
.nav.nav-tabs{grid-template-columns:1fr!important}
.nav-status{grid-template-columns:1fr!important}
}
/* Faz o header principal acompanhar a largura útil do restante do site */
main{max-width:1560px!important;margin:0 auto!important}
.topbar-hero-link,.topbar-subbar{width:100%!important}
@media (max-width:780px){
.topbar{width:calc(100% - 12px)!important;margin:6px auto 0!important}
}
@media (min-width:781px) and (max-width:1180px){
.page-title{grid-template-columns:1fr!important;align-items:end!important;gap:12px!important;min-height:210px!important;padding:16px!important;border-radius:20px!important;background-position:left center!important;background-size:cover!important}
.page-title > div:first-child{margin-left:0!important;max-width:min(100%, 640px)!important;background:rgba(255,251,245,.92)!important;border:1px solid rgba(212,187,148,.92)!important;border-radius:16px!important;padding:14px 16px!important;box-shadow:0 10px 22px rgba(95,67,41,.10)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.page-title > .btn,.page-title > .farming-source-badge{justify-self:start!important;align-self:start!important;background:rgba(255,251,245,.95)!important;border:1px solid rgba(212,187,148,.95)!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(95,67,41,.08)!important}
.page-title .eyebrow{font-size:11px!important;letter-spacing:.14em!important;color:#6e8e35!important}
.page-title h1{font-size:28px!important;line-height:1.08!important;margin:4px 0 8px!important;color:#55321d!important;text-shadow:none!important}
.page-title p{font-size:15px!important;line-height:1.48!important;margin:0!important;color:#6b5646!important;max-width:none!important}
/* reforça a leitura do badge de base de cálculo na Horta */
.farming-source-badge span{color:#7a634a!important}
.farming-source-badge strong{color:#55321d!important}
.farming-source-badge small{color:#7a634a!important}
}
/* Mantém o cartão de leitura visível também em telas grandes, evitando mudança brusca de design */
.page-title > div:first-child{background:rgba(255,251,245,.90)!important;border:1px solid rgba(212,187,148,.92)!important;border-radius:18px!important;padding:14px 18px!important;box-shadow:0 10px 24px rgba(95,67,41,.10)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.page-title > .btn,.page-title > .farming-source-badge{background:rgba(255,251,245,.92)!important;border:1px solid rgba(212,187,148,.95)!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(95,67,41,.08)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#view-horta .page-title{grid-template-columns:1fr!important}
@media (max-width:1180px){
#view-horta .page-title > div:first-child{margin-left:0!important;margin-right:0!important}
}
#view-horta .page-title > div:first-child{margin-left:auto!important;margin-right:2.5%!important;max-width:500px!important}
@media (max-width:1180px){
#view-horta .page-title > div:first-child{margin-left:0!important;margin-right:0!important;max-width:none!important}
}
/* Padroniza largura, posição e proporção dos sub-headers de páginas internas */
#view-zonas .page-title,#view-recursos .page-title,#view-trabalhadores .page-title,#view-horta .page-title{grid-template-columns:1fr!important;min-height:182px!important}
#view-zonas .page-title > div:first-child,#view-recursos .page-title > div:first-child,#view-trabalhadores .page-title > div:first-child,#view-horta .page-title > div:first-child{margin-left:auto!important;margin-right:2.5%!important;width:min(100%, 500px)!important;max-width:500px!important}
#view-zonas .page-title p,#view-recursos .page-title p,#view-trabalhadores .page-title p,#view-horta .page-title p{max-width:none!important}
@media (max-width:1180px){
#view-zonas .page-title > div:first-child,#view-recursos .page-title > div:first-child,#view-trabalhadores .page-title > div:first-child,#view-horta .page-title > div:first-child{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important}
}
.nav.nav-tabs button[data-route="oficinas"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14.7 6.3 17.7 3.3a1 1 0 0 1 1.4 0l1.6 1.6a1 1 0 0 1 0 1.4l-3 3-3-3ZM13.3 7.7l3 3-8.9 8.9a2 2 0 0 1-1.4.6H3.8v-2.2a2 2 0 0 1 .6-1.4l8.9-8.9ZM3 5h7v2H5v4H3V5Zm11 12h5v-5h2v7h-7v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14.7 6.3 17.7 3.3a1 1 0 0 1 1.4 0l1.6 1.6a1 1 0 0 1 0 1.4l-3 3-3-3ZM13.3 7.7l3 3-8.9 8.9a2 2 0 0 1-1.4.6H3.8v-2.2a2 2 0 0 1 .6-1.4l8.9-8.9ZM3 5h7v2H5v4H3V5Zm11 12h5v-5h2v7h-7v-2Z'/%3E%3C/svg%3E")}
#view-oficinas .page-title{grid-template-columns:1fr!important;background-image:linear-gradient(90deg, rgba(255,248,239,.00) 0%, rgba(255,248,239,.02) 18%, rgba(255,248,239,.80) 47%, rgba(255,248,239,.97) 100%),
    url("assets/headers/oficinas-header.png"),
    linear-gradient(180deg,#fbf6ef,#f0e4d2)!important;background-size:100% 100%, auto 100%, 100% 100%!important;background-repeat:no-repeat,no-repeat,no-repeat!important}
#view-oficinas .page-title > div:first-child{margin-left:auto!important;margin-right:2.5%!important;background:rgba(255,251,245,.90)!important;border:1px solid rgba(212,187,148,.92)!important;border-radius:18px!important;padding:14px 18px!important;box-shadow:0 10px 24px rgba(95,67,41,.10)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#view-oficinas .page-title h1{color:#5b341e!important}
#view-oficinas .page-title p{color:#6e5a4a!important;max-width:none!important}
.workshop-toolbar{display:grid!important;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,.75fr)) minmax(210px,1fr) auto!important;align-items:end!important;gap:12px!important}
.workshop-toolbar label{min-width:0!important}
.workshop-toolbar input,.workshop-toolbar select{width:100%!important;min-width:0!important}
.workshop-recipe-check{height:44px!important;align-self:end!important;display:flex!important;flex-direction:row!important;align-items:center!important;padding:0 12px!important}
.workshop-note{display:flex;gap:10px;align-items:flex-start;padding:12px 15px;margin-bottom:12px;color:#6d5948;background:linear-gradient(180deg,#fffaf5,#f5ead9);border-color:#dcc6a6}
.workshop-note strong{color:#56772f;white-space:nowrap}
.workshop-table{min-width:980px}
.workshop-table th:nth-child(1){width:16%}
.workshop-table th:nth-child(2){width:22%}
.workshop-table th:nth-child(3){width:24%}
.workshop-table th:nth-child(4){width:8%}
.workshop-table th:nth-child(5){width:7%}
.workshop-table th:nth-child(6){width:15%}
.workshop-table th:nth-child(7){width:8%}
.workshop-table td small{display:block;color:#8a7664;margin-top:2px}
.workshop-type-name{color:#5b7d35;font-weight:800}
.workshop-level-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:10px;background:#eef4e5;border:1px solid #bfd0a3;color:#557632;font-weight:800;white-space:nowrap}
.workshop-row.expanded td{background:#fff0d7!important}
.workshop-detail-row td{padding:16px!important;background:#f7ecd9!important}
.workshop-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.workshop-detail-head h3{margin:4px 0 0;color:#55321d;font-size:18px}
.workshop-recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px}
.workshop-recipe-card{padding:12px;border:1px solid #d9c4a4;border-radius:16px;background:#fffaf4;box-shadow:0 6px 16px rgba(61,43,31,.05)}
.workshop-output{display:flex;align-items:center;gap:9px;min-width:0}
.workshop-output>div{min-width:0;flex:1}
.workshop-output strong{display:block;color:#5b341e;line-height:1.25}
.workshop-output small{display:block;color:#887462;margin-top:2px}
.workshop-level-hint{font-size:10px;font-weight:800;border:1px solid #cdb38b;border-radius:999px;padding:4px 7px;color:#6b5038;background:#f7ead7;white-space:nowrap}
.workshop-level-hint.muted{opacity:.72}
.workshop-materials{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.workshop-material{color:#685544;font-size:11px}
.workshop-material b{color:#56772f}
.workshop-material .item-icon{width:21px!important;height:21px!important}
@media (max-width:1180px){
#view-oficinas .page-title>div:first-child{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important}
.workshop-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.workshop-toolbar .workshop-search{grid-column:1/-1}
.workshop-toolbar .toolbar-count{grid-column:1/-1;text-align:right}
}
@media (max-width:720px){
.workshop-toolbar{grid-template-columns:1fr!important}
.workshop-toolbar .workshop-search,.workshop-toolbar .toolbar-count{grid-column:auto}
.workshop-recipes-grid{grid-template-columns:1fr}
.workshop-detail-head{align-items:flex-start;flex-direction:column}
}
.workshop-detail-head p{margin:6px 0 0;color:#776452;font-size:13px;line-height:1.45;max-width:820px}
.workshop-level-title{color:#613b23}
.workshop-level-title strong{font-size:15px}
.workshop-level-title span{font-size:11px;color:#7b8d59;background:#f0f5e6;border:1px solid #c7d5ad;border-radius:999px;padding:3px 8px}
.workshop-output-text{min-width:0;flex:1}
.workshop-output-text strong{display:block;line-height:1.25}
.workshop-output-text small{display:block;margin-top:3px;color:#907b68}
.workshop-card-meta{display:flex;gap:10px}
.workshop-source-badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;letter-spacing:.02em}
.workshop-source-badge.verified{color:#4b7428;background:#eef7df;border:1px solid #b7cf91}
.workshop-source-badge.pending{color:#8a6646;background:#fff4e3;border:1px solid #dec4a2}
.workshop-reference{font-size:11px;font-weight:800;color:#6c8241;text-decoration:none;white-space:nowrap}
.workshop-reference:hover{text-decoration:underline}
.workshop-material{display:flex!important;align-items:center!important;gap:7px!important;min-height:36px;padding:5px 7px!important;border-radius:9px;background:rgba(255,250,243,.72);border:1px solid rgba(215,194,163,.62)}
.workshop-material>span{display:flex;align-items:center;gap:5px;min-width:0}
.workshop-material-count{color:#5e7f37;white-space:nowrap}
.workshop-material-count.unknown{color:#9b7656}
.workshop-enhance{color:#2e7fa7;background:#e9f4fb;border:1px solid #b7d7e8;border-radius:6px;padding:1px 4px;white-space:nowrap}
.workshop-icon-placeholder{width:38px;height:38px;display:inline-block;flex:0 0 38px;border-radius:8px;background:linear-gradient(135deg,#f0e5d2,#e7d7be);border:1px solid #d2bb98}
.workshop-icon-placeholder+div{min-width:0}
.workshop-recipe-card.is-verified{border-color:#b9cf94;box-shadow:0 6px 16px rgba(88,115,50,.08)}
@media (max-width:780px){
.workshop-card-meta{align-items:flex-start;flex-direction:column}
.workshop-level-title{position:sticky;top:0;background:#fff9f1;z-index:1}
.workshop-material{width:100%}
}
.workshop-item-trigger{font:inherit;color:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease,transform .12s ease}
.workshop-item-trigger:focus-visible{outline:2px solid #6aa3ca;outline-offset:2px}
.workshop-output-trigger{display:flex;align-items:center;gap:9px;min-width:0;flex:1;border:1px solid transparent;border-radius:10px;background:transparent;padding:3px 5px;margin:-3px -5px}
.workshop-output-trigger:hover,.workshop-output-trigger.is-active{background:#f0f6e6;border-color:#b9cf94;box-shadow:0 0 0 2px rgba(111,145,67,.08)}
.workshop-output-trigger .workshop-output-text{min-width:0;flex:1}
.workshop-material.workshop-item-trigger{appearance:none;-webkit-appearance:none;font-family:inherit;line-height:inherit}
.workshop-material.workshop-item-trigger:hover,.workshop-material.workshop-item-trigger.is-active{background:#eaf3dc!important;border-color:#a9c57d!important;box-shadow:0 0 0 2px rgba(104,139,59,.10);transform:translateY(-1px)}
.workshop-material.workshop-item-trigger:hover .workshop-material-count,.workshop-material.workshop-item-trigger.is-active .workshop-material-count{color:#456924}
.workshop-item-tooltip{position:fixed;z-index:10050;max-height:calc(100vh - 20px);padding:0;font-size:12px;line-height:1.42;text-align:left;overscroll-behavior:contain}
.workshop-item-tooltip.hidden{display:none!important}
.workshop-tip-id{font-size:11px}
.workshop-tip-title{font-size:16px;font-weight:900;line-height:1.24;margin-top:2px}
.workshop-tip-category{margin-top:3px;font-size:11px}
.workshop-tip-summary{display:flex;align-items:flex-start;gap:10px}
.workshop-tip-summary>.item-icon{flex:0 0 46px}
.workshop-tip-stats{flex:1;min-width:0;display:grid}
.workshop-tip-stats>div{display:flex;gap:10px;justify-content:space-between;padding-bottom:2px}
.workshop-tip-stats strong{text-align:right}
.workshop-tip-source-chips{display:flex;flex-wrap:wrap}
.workshop-tip-source-chip{display:inline-flex;align-items:center;font-size:10px;font-weight:800}
.workshop-tip-section.compact{padding-bottom:8px}
.workshop-tip-section-title{font-weight:900;text-transform:uppercase}
.workshop-tip-project{display:flex;gap:12px;flex-wrap:wrap}
.workshop-tip-description{white-space:normal}
.workshop-tip-description .game-yellow{font-weight:800}
.workshop-tip-node-list{display:flex;flex-wrap:wrap}
.workshop-tip-node-list small{width:100%;margin-top:2px}
.workshop-tip-recipe-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.workshop-tip-recipe-title span{font-size:10px}
.workshop-tip-recipe-row{display:grid;grid-template-columns:15px 1fr;gap:3px}
.workshop-tip-tree-mark{font-weight:900}
.workshop-tip-ingredients{display:flex;flex-wrap:wrap;gap:4px 8px}
.workshop-tip-ingredient{display:inline-flex;align-items:center;gap:4px;min-width:0}
.workshop-tip-ingredient .item-icon{width:22px!important;height:22px!important}
.workshop-tip-ingredient b{white-space:nowrap}
.workshop-tip-ingredient>span:last-child{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workshop-tip-more,.workshop-tip-total,.workshop-tip-empty{font-size:10px;margin-top:4px}
.workshop-tip-footer{position:sticky;bottom:0;font-size:10px;text-align:center}
@media (max-width:720px){
.workshop-item-tooltip{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}
.workshop-tip-summary{padding:9px}
.workshop-tip-section{padding-left:9px;padding-right:9px}
.workshop-tip-ingredient>span:last-child{max-width:145px}
}
.workshop-tip-recipe-row[hidden]{display:none!important}
.workshop-tip-recipe-cost{margin:2px 0 0 26px;font-size:9.5px;line-height:1.25}
button.workshop-tip-more{display:block;width:100%;margin:5px 0 1px;font:inherit;font-size:10px;text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}
.workshop-item-tooltip{width:min(440px,calc(100vw - 20px));border:1px solid var(--brand-line)!important;border-radius:18px!important;background:linear-gradient(180deg,#fffdf9 0%,#fff8ee 100%)!important;color:#5d493a!important;box-shadow:0 24px 60px rgba(77,47,27,.24),0 5px 14px rgba(77,47,27,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;overflow:auto;scrollbar-color:#c9ad82 #f4e8d6}
.workshop-item-tooltip::before{content:"";display:block;position:sticky;top:0;height:4px;z-index:3;background:linear-gradient(90deg,var(--brand-leaf),var(--brand-gold),#c4872b)}
.workshop-item-tooltip.is-pinned{border-color:#cfb487!important;box-shadow:0 24px 60px rgba(77,47,27,.26),0 5px 14px rgba(77,47,27,.12),0 0 0 3px rgba(213,166,95,.12)!important}
.workshop-tip-head{padding:11px 14px 10px!important;border-bottom:1px solid #dfcaa8!important;background:linear-gradient(180deg,#fbf0dd,#f4e4c9)!important}
.workshop-tip-id{color:#8a735f!important;font-weight:800;letter-spacing:.025em}
.workshop-tip-title{color:var(--brand-brown-dark);text-shadow:0 1px 0 rgba(255,255,255,.85)}
.workshop-tip-title.grade-0{color:#59493c}
.workshop-tip-title.grade-1{color:#668b35}
.workshop-tip-title.grade-2{color:#377ea3}
.workshop-tip-title.grade-3{color:#b77a18}
.workshop-tip-title.grade-4{color:#c26427}
.workshop-tip-title.grade-5{color:#9657a7}
.workshop-tip-category{color:#8b735d!important}
.workshop-tip-summary{padding:12px 14px!important;background:rgba(255,253,249,.72)}
.workshop-tip-summary>.item-icon{width:48px!important;height:48px!important;flex-basis:48px!important;border:1px solid #cba968!important;border-radius:10px!important;background:linear-gradient(145deg,#fffdf8,#efe0c6)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.65),0 3px 8px rgba(93,61,35,.10)}
.workshop-tip-stats{gap:4px!important}
.workshop-tip-stats>div{border-bottom:1px dotted rgba(124,95,67,.18)!important;padding:1px 0 3px!important}
.workshop-tip-stats span{color:#856f5d!important}
.workshop-tip-stats strong{color:#523824!important;font-weight:900!important}
.workshop-tip-source-chips{padding:0 14px 11px!important;gap:6px!important}
.workshop-tip-source-chip{min-height:23px!important;padding:3px 8px!important;border:1px solid #bfd09d!important;border-radius:999px!important;background:linear-gradient(180deg,#f2f7e9,#e8f0dc)!important;color:#587434!important}
.workshop-tip-section{border-top:1px solid #e0cbaa!important;padding:10px 14px 11px!important;background:rgba(255,250,243,.48)}
.workshop-tip-section:nth-of-type(even){background:rgba(247,237,221,.36)}
.workshop-tip-section-title{color:var(--brand-brown)!important;font-size:10.5px!important;letter-spacing:.075em!important;display:flex;align-items:center;gap:7px;margin-bottom:7px!important}
.workshop-tip-section-title::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand-gold);box-shadow:0 0 0 3px rgba(213,166,95,.16)}
.workshop-tip-project{color:#68513f!important}
.workshop-tip-project b{color:#577735}
.workshop-tip-description{color:#604d3d!important;line-height:1.48!important}
.workshop-tip-description .game-yellow{color:#aa741c!important}
.workshop-tip-description .game-green{color:#62893a!important}
.workshop-tip-description .game-blue{color:#3b7f9e!important}
.workshop-tip-description .game-red{color:#b95d4d!important}
.workshop-tip-description .game-accent{color:#9f6f24!important}
.workshop-tip-node-list{gap:6px!important}
.workshop-tip-node-list span{padding:4px 7px!important;border:1px solid #d6c09f!important;border-radius:8px!important;background:#fffaf3!important;color:#634d3b!important}
.workshop-tip-node-list small{color:#917863!important}
.workshop-tip-recipe-group{padding:7px 8px 8px;border:1px solid rgba(217,196,164,.72);border-radius:11px;background:rgba(255,253,249,.72)}
.workshop-tip-recipe-group+.workshop-tip-recipe-group{margin-top:8px!important}
.workshop-tip-recipe-title{margin-bottom:5px!important}
.workshop-tip-recipe-title strong{color:#5b3b24!important;font-size:11.5px}
.workshop-tip-recipe-title span{color:#917b68!important}
.workshop-tip-recipe-row{padding:5px 0!important;border-top:1px solid rgba(138,111,85,.12)!important}
.workshop-tip-tree-mark{color:#7b9b48!important}
.workshop-tip-ingredient{color:#594638!important}
.workshop-tip-ingredient .item-icon{border-radius:6px!important;border:1px solid rgba(202,176,137,.72);background:#fffaf3}
.workshop-tip-ingredient b{color:#5e8237!important}
.workshop-tip-recipe-cost{color:#927c69!important}
.workshop-tip-recipe-cost.has-price{color:#62813f!important;font-weight:700}
.workshop-tip-more,.workshop-tip-total,.workshop-tip-empty{color:#8c7765!important}
.workshop-tip-total{border-top:1px dotted #ccb38d!important;padding-top:7px!important}
button.workshop-tip-more{margin-top:7px!important;padding:7px 9px!important;border:1px solid #c9b087!important;border-radius:9px!important;background:linear-gradient(180deg,#fff8eb,#f2e4cc)!important;color:#755337!important;font-weight:800!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
button.workshop-tip-more:hover,button.workshop-tip-more:focus-visible{background:linear-gradient(180deg,#f3f7e9,#e6eed8)!important;border-color:#9eb875!important;color:#506c31!important;box-shadow:0 0 0 3px rgba(126,163,60,.13);outline:none!important}
button.workshop-tip-more[aria-expanded="true"]{background:linear-gradient(180deg,#edf4e2,#dfeacd)!important;border-color:#9eb875!important;color:#506c31!important}
.workshop-tip-footer{padding:8px 12px!important;border-top:1px solid #d9c29d!important;background:rgba(247,237,221,.97)!important;color:#89725e!important;font-weight:700!important;backdrop-filter:blur(5px)}
@media (max-width:720px){
.workshop-item-tooltip{border-radius:15px!important}
.workshop-tip-head,.workshop-tip-summary,.workshop-tip-section{padding-left:11px!important;padding-right:11px!important}
}
.workshop-guide{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 18px;margin-bottom:12px;color:#6d5948;background:linear-gradient(180deg,#fffaf5,#f5ead9);border-color:#dcc6a6}
.workshop-guide-copy h2{margin:6px 0 10px;color:#5b341e;font-size:22px}
.workshop-guide-steps{margin:0;padding-left:20px;display:grid;gap:8px}
.workshop-guide-steps li{color:#6f5946;line-height:1.55}
.workshop-guide-steps strong{color:#56772f}
#view-oficinas .page-title{min-height:210px!important}
#view-oficinas .page-title > div:first-child{width:min(100%,540px)!important;max-width:540px!important}
@media (max-width:720px){
.workshop-guide{padding:14px}
.workshop-guide-copy h2{font-size:20px}
.workshop-guide-steps{gap:10px}
}
#view-zonas .page-title,#view-recursos .page-title,#view-horta .page-title{background-position:left 30%!important}
#view-trabalhadores .page-title{background-position:left 24%!important}
#view-oficinas .page-title{background-position:left 10%!important}
.farming-guide-card{margin:0 0 12px!important;padding:16px 18px!important;background:linear-gradient(180deg,#fffaf5,#f5ead9)!important;border-color:#dcc6a6!important;color:#6d5948!important}
.farming-guide-card h2{margin:6px 0 10px!important;color:#5b341e!important;font-size:22px!important}
.farming-guide-card ol{margin:0!important;padding-left:20px!important;display:grid!important;gap:8px!important}
.farming-guide-card li{color:#6f5946!important;line-height:1.55!important}
.farming-info-grid-single{grid-template-columns:1fr!important}
@media (max-width:1180px){
#view-zonas .page-title > div:first-child,#view-recursos .page-title > div:first-child,#view-oficinas .page-title > div:first-child,#view-trabalhadores .page-title > div:first-child,#view-horta .page-title > div:first-child{width:min(500px,calc(100% - 28px))!important;max-width:500px!important;margin-left:auto!important;margin-right:14px!important}
}
@media (max-width:720px){
#view-zonas .page-title,#view-recursos .page-title,#view-oficinas .page-title,#view-trabalhadores .page-title,#view-horta .page-title{height:205px!important;min-height:205px!important;max-height:205px!important;background-position:left 28%!important}
#view-oficinas .page-title{background-position:left 12%!important}
#view-zonas .page-title > div:first-child,#view-recursos .page-title > div:first-child,#view-oficinas .page-title > div:first-child,#view-trabalhadores .page-title > div:first-child,#view-horta .page-title > div:first-child{width:calc(100% - 24px)!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0 12px!important}
}
#view-horta .farming-guide-card strong{color:#56772f!important;font-weight:800}
#view-horta .farming-guide-card ol{display:grid;gap:8px;margin:0;padding-left:22px}
#view-horta .farming-guide-card li{line-height:1.55;margin:0!important}
#view-zonas .page-title,#view-recursos .page-title,#view-oficinas .page-title,#view-trabalhadores .page-title,#view-horta .page-title{background-color:#f3e7d6!important}
@media (max-width:720px){
#view-zonas .page-title,#view-recursos .page-title,#view-oficinas .page-title,#view-trabalhadores .page-title,#view-horta .page-title{background-position:left top, left center, left top!important;background-size:100% 100%, auto 100%, 100% 100%!important}
}
#view-zonas .page-title,#view-recursos .page-title,#view-oficinas .page-title,#view-trabalhadores .page-title,#view-horta .page-title{background-size:100% 100%, 100% 100%, 100% 100%!important;background-position:left top, left top, left top!important;background-repeat:no-repeat,no-repeat,no-repeat!important}
@media (max-width:900px){
.topbar-hero-image{max-height:64px!important}
}
#view-zonas .page-title,#view-recursos .page-title,#view-oficinas .page-title,#view-trabalhadores .page-title,#view-horta .page-title{position:relative!important;background:linear-gradient(180deg,#fbf6ef,#f1e4d2)!important}
#view-zonas .page-title::before,#view-recursos .page-title::before,#view-oficinas .page-title::before,#view-trabalhadores .page-title::before,#view-horta .page-title::before{content:"";display:block!important;grid-column:1!important;grid-row:1!important;min-width:0;height:100%!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:contain!important;background-color:#f1e4d2!important;position:relative!important}
#view-zonas .page-title::after,#view-recursos .page-title::after,#view-oficinas .page-title::after,#view-trabalhadores .page-title::after,#view-horta .page-title::after{content:"";position:absolute;left:30%;top:0;bottom:0;width:18%;pointer-events:none;background:linear-gradient(90deg, rgba(241,228,210,0) 0%, rgba(241,228,210,.94) 72%, rgba(241,228,210,1) 100%)}
#view-zonas .page-title > div:first-child,#view-recursos .page-title > div:first-child,#view-oficinas .page-title > div:first-child,#view-trabalhadores .page-title > div:first-child,#view-horta .page-title > div:first-child{grid-column:2!important;grid-row:1!important;z-index:1!important;justify-self:end!important;margin:0 20px 0 0!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#view-zonas .page-title::before{background-image:url("assets/headers/zonas-header.png")!important}
#view-recursos .page-title::before{background-image:url("assets/headers/recursos-header.png")!important}
#view-oficinas .page-title::before{background-image:url("assets/headers/oficinas-header.png")!important}
#view-trabalhadores .page-title::before{background-image:url("assets/headers/trabalhadores-header.png")!important}
#view-horta .page-title::before{background-image:url("assets/headers/horta-header.png")!important}
/* hero principal do topo */
.topbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
.topbar-hero-image{animation:imperioHeroFloat 6s ease-in-out infinite, imperioHeroGlow 4.8s ease-in-out infinite;transform-origin:center center}
.topbar-subbar{margin:0!important}
@keyframes imperioHeroFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-2px) scale(1.01)}
}
@keyframes imperioHeroGlow{
  0%,100%{filter:drop-shadow(0 10px 18px rgba(61,43,31,.22))}
  50%{filter:drop-shadow(0 14px 24px rgba(61,43,31,.32))}
}
@media (max-width:980px){
#view-zonas .page-title,#view-recursos .page-title,#view-oficinas .page-title,#view-trabalhadores .page-title,#view-horta .page-title{grid-template-columns:minmax(280px,40%) 1fr!important;height:208px!important;min-height:208px!important;max-height:208px!important}
#view-zonas .page-title::after,#view-recursos .page-title::after,#view-oficinas .page-title::after,#view-trabalhadores .page-title::after,#view-horta .page-title::after{left:26%;width:18%}
}
@media (max-width:720px){
#view-zonas .page-title,#view-recursos .page-title,#view-oficinas .page-title,#view-trabalhadores .page-title,#view-horta .page-title{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;max-height:none!important;padding-bottom:12px!important}
#view-zonas .page-title::before,#view-recursos .page-title::before,#view-oficinas .page-title::before,#view-trabalhadores .page-title::before,#view-horta .page-title::before{height:155px!important;background-position:center center!important;background-size:contain!important}
#view-zonas .page-title::after,#view-recursos .page-title::after,#view-oficinas .page-title::after,#view-trabalhadores .page-title::after,#view-horta .page-title::after{display:none!important}
#view-zonas .page-title > div:first-child,#view-recursos .page-title > div:first-child,#view-oficinas .page-title > div:first-child,#view-trabalhadores .page-title > div:first-child,#view-horta .page-title > div:first-child{grid-column:1!important;width:calc(100% - 24px)!important;max-width:none!important;margin:0 12px!important}
.topbar-hero-link{width:min(360px,100%)!important;min-width:0!important}
.topbar-hero-image{max-width:360px!important}
}
@media (max-width:720px){
.topbar-hero-link{width:min(360px,100%)!important}
.topbar-hero-video{max-width:360px!important;max-height:110px!important}
}
#view-zonas .page-title::before,#view-recursos .page-title::before,#view-oficinas .page-title::before,#view-trabalhadores .page-title::before,#view-horta .page-title::before,#view-zonas .page-title::after,#view-recursos .page-title::after,#view-oficinas .page-title::after,#view-trabalhadores .page-title::after,#view-horta .page-title::after{display:none!important;content:none!important}
#view-zonas .page-title,#view-recursos .page-title,#view-oficinas .page-title,#view-trabalhadores .page-title,#view-horta .page-title{display:grid!important;grid-template-columns:1fr!important;align-items:center!important;height:220px!important;min-height:220px!important;max-height:220px!important;padding:18px!important;border-radius:22px!important;overflow:hidden!important;border:1px solid #dcc6a6!important;box-shadow:0 12px 28px rgba(95,67,41,.12)!important}
#view-zonas .page-title{background:linear-gradient(90deg,rgba(255,248,239,.02) 0%,rgba(255,248,239,.08) 22%,rgba(255,248,239,.74) 54%,rgba(255,248,239,.96) 100%),url("assets/headers/zonas-header.png") left 30%/cover no-repeat!important}
#view-recursos .page-title{background:linear-gradient(90deg,rgba(255,248,239,.02) 0%,rgba(255,248,239,.08) 22%,rgba(255,248,239,.74) 54%,rgba(255,248,239,.96) 100%),url("assets/headers/recursos-header.png") left 30%/cover no-repeat!important}
#view-oficinas .page-title{background:linear-gradient(90deg,rgba(255,248,239,.02) 0%,rgba(255,248,239,.08) 22%,rgba(255,248,239,.74) 54%,rgba(255,248,239,.96) 100%),url("assets/headers/oficinas-header.png") left 10%/cover no-repeat!important}
#view-trabalhadores .page-title{background:linear-gradient(90deg,rgba(255,248,239,.02) 0%,rgba(255,248,239,.08) 22%,rgba(255,248,239,.74) 54%,rgba(255,248,239,.96) 100%),url("assets/headers/trabalhadores-header.png") left 24%/cover no-repeat!important}
#view-horta .page-title{background:linear-gradient(90deg,rgba(255,248,239,.02) 0%,rgba(255,248,239,.08) 22%,rgba(255,248,239,.74) 54%,rgba(255,248,239,.96) 100%),url("assets/headers/horta-header.png") left 30%/cover no-repeat!important}
#view-zonas .page-title > div:first-child,#view-recursos .page-title > div:first-child,#view-oficinas .page-title > div:first-child,#view-trabalhadores .page-title > div:first-child,#view-horta .page-title > div:first-child{box-sizing:border-box!important;width:500px!important;max-width:500px!important;height:132px!important;min-height:132px!important;margin-left:auto!important;margin-right:2.5%!important;padding:14px 18px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-self:center!important;background:rgba(255,251,245,.94)!important;border:1px solid rgba(212,187,148,.92)!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(95,67,41,.10)!important}
#view-zonas .page-title h1,#view-recursos .page-title h1,#view-oficinas .page-title h1,#view-trabalhadores .page-title h1,#view-horta .page-title h1{margin:4px 0 7px!important;font-size:30px!important;line-height:1.05!important}
#view-zonas .page-title p,#view-recursos .page-title p,#view-oficinas .page-title p,#view-trabalhadores .page-title p,#view-horta .page-title p{margin:0!important;line-height:1.42!important}
.topbar-hero-link{justify-content:center!important;align-items:center!important}
.topbar-hero-image{width:100%!important;max-width:520px!important;height:auto!important;max-height:78px!important;object-fit:contain!important;filter:drop-shadow(0 10px 18px rgba(61,43,31,.22))}
@media (max-width:1180px){
#view-zonas .page-title > div:first-child,#view-recursos .page-title > div:first-child,#view-oficinas .page-title > div:first-child,#view-trabalhadores .page-title > div:first-child,#view-horta .page-title > div:first-child{width:min(500px,calc(100% - 28px))!important;max-width:500px!important}
}
@media (max-width:900px){
.topbar-hero-image{max-height:64px!important}
}
@media (max-width:720px){
#view-zonas .page-title,#view-recursos .page-title,#view-oficinas .page-title,#view-trabalhadores .page-title,#view-horta .page-title{height:auto!important;min-height:200px!important;max-height:none!important;padding:12px!important;background-position:left center!important}
#view-zonas .page-title > div:first-child,#view-recursos .page-title > div:first-child,#view-oficinas .page-title > div:first-child,#view-trabalhadores .page-title > div:first-child,#view-horta .page-title > div:first-child{width:calc(100% - 8px)!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0 4px 0 auto!important}
}
.topbar{position:relative!important;top:auto!important;width:min(calc(100% - 24px),1560px)!important;margin:10px auto 0!important;padding:0!important;height:auto!important;min-height:0!important;display:block!important;background:transparent!important;border:0!important;border-bottom:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
.topbar-hero-link{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;line-height:0!important;border:1px solid #d5be97!important;border-radius:26px 26px 0 0!important;overflow:hidden!important;background:#efe2cd!important;box-shadow:0 14px 30px rgba(61,43,31,.08)!important;cursor:pointer!important}
.topbar-hero-video{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/1!important;object-fit:cover!important;object-position:center center!important;max-width:none!important;max-height:none!important;min-height:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#efe2cd!important}
.topbar-hero-image{display:none!important}
.topbar-subbar{width:100%!important;margin-top:-1px!important;padding:0!important;display:block!important}
.nav.nav-tabs{width:100%!important;margin:0!important;border-radius:0 0 26px 26px!important;border-top:none!important;box-shadow:0 10px 24px rgba(61,43,31,.08)!important;overflow:hidden!important}
@media (max-width:780px){
.topbar{width:calc(100% - 12px)!important;margin:6px auto 0!important}
.topbar-hero-link{border-radius:20px 20px 0 0!important}
.nav.nav-tabs{border-radius:0 0 22px 22px!important}
.topbar-hero-video{width:100%!important;height:auto!important;aspect-ratio:3/1!important;object-fit:cover!important}
}
@media (prefers-reduced-motion:reduce){
.topbar-hero-video{animation:none!important}
}
.map-tooltip{width:max-content;min-width:248px;max-width:min(360px,calc(100% - 24px));padding:0!important;overflow:hidden;border:1px solid var(--brand-line)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,253,249,.985),rgba(250,241,226,.985))!important;color:#5d493a!important;box-shadow:0 18px 44px rgba(77,47,27,.22),0 4px 12px rgba(77,47,27,.10),inset 0 1px 0 rgba(255,255,255,.92)!important;backdrop-filter:blur(8px);font-size:12px;line-height:1.35}
.map-tooltip::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--brand-leaf),var(--brand-gold),#c4872b)}
.map-tooltip-head{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:11px 12px 9px;background:linear-gradient(180deg,#fbf1df 0%,#f6e7cf 100%);border-bottom:1px solid #dfc9a7}
.map-tooltip-icon-shell{width:46px;height:46px;display:grid;place-items:center;border:1px solid #ccb080;border-radius:12px;background:radial-gradient(circle at 35% 25%,#fffdf8,#eee0c8 78%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px rgba(93,61,35,.10)}
.map-tooltip-node-icon{width:38px!important;height:38px!important;flex:none!important;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(75,49,28,.20))!important}
.map-tooltip-heading{min-width:0;display:flex;flex-direction:column;gap:2px}
.map-tooltip-heading strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brand-brown-dark);font-size:14px;font-weight:900;letter-spacing:-.01em;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.map-tooltip-heading span{color:#88715c;font-size:10.5px;font-weight:700}
.map-tooltip-meta{display:flex;flex-wrap:wrap;gap:5px;padding:9px 11px 4px}
.map-tooltip-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border:1px solid #d8c4a6;border-radius:999px;background:#fffaf3;color:#755d49;font-size:9.5px;font-weight:900;letter-spacing:.02em;white-space:nowrap}
.map-tooltip-badge.id{background:#f8efe2;color:#806b59}
.map-tooltip-badge.cp{border-color:#b8ca94;background:#edf4e3;color:#567532}
.map-tooltip-badge.route{border-color:#dec18f;background:#fff3d7;color:#93651f}
.map-tooltip-badge.origin,.map-tooltip-badge.selected{border-color:#b8ca94;background:#eef5e5;color:#587636}
.map-tooltip-badge.target{border-color:#d2b17d;background:#f9ead0;color:#7d5529}
.map-tooltip-badge.neutral{background:#f7efe4;color:#7e6956}
.map-tooltip-resource-label{margin:5px 11px 0!important;color:var(--brand-brown)!important;font-size:9.5px!important;font-weight:900;text-transform:uppercase;letter-spacing:.075em!important;display:flex;align-items:center;gap:7px}
.map-tooltip-resource-label::before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--brand-gold);box-shadow:0 0 0 3px rgba(213,166,95,.16)}
.map-tooltip-items{display:flex;flex-wrap:wrap;align-items:center;gap:6px!important;margin:6px 11px 10px!important}
.map-tooltip-item{width:38px!important;height:38px!important;border:1px solid #d3bb94!important;border-radius:9px!important;background:linear-gradient(145deg,#fffdf8,#efe2cc)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px rgba(93,61,35,.08)!important}
.map-tooltip-item img{width:32px!important;height:32px!important;object-fit:contain}
.map-tooltip-item>span{color:#6b513d!important;font-weight:900!important}
.map-tooltip-hint{display:flex;align-items:flex-start;gap:7px;margin-top:6px;padding:9px 11px 10px;border-top:1px solid #dfcaaa;background:linear-gradient(180deg,rgba(240,246,229,.78),rgba(230,239,213,.92));color:#587438;font-size:10.5px;font-weight:700}
.map-tooltip-hint-icon{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;margin-top:-1px;border-radius:50%;background:#7d9c49;color:#fffdf8;font-size:11px;font-weight:900;box-shadow:0 2px 5px rgba(77,92,45,.16)}
.map-tooltip .map-click-hint{display:none!important}
@media (max-width:720px){
.map-tooltip{min-width:220px;max-width:min(320px,calc(100% - 18px));border-radius:14px!important}
.map-tooltip-head{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:9px 10px 8px}
.map-tooltip-icon-shell{width:42px;height:42px;border-radius:10px}
.map-tooltip-node-icon{width:35px!important;height:35px!important}
.map-tooltip-meta{padding-left:10px;padding-right:10px}
.map-tooltip-items{margin-left:10px!important;margin-right:10px!important}
}
html{color-scheme:light}
/* Tooltip genérica (workers, cidades e demais elementos de hover) */
.global-hover-tooltip{min-width:180px;max-width:min(460px,calc(100vw - 20px));padding:10px 12px!important;border:1px solid var(--brand-line)!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(255,253,249,.99),rgba(248,238,222,.99))!important;color:#604a39!important;font-size:12.5px;line-height:1.42;box-shadow:0 16px 38px rgba(77,47,27,.20),0 3px 10px rgba(77,47,27,.08)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
/* Miniatura dos locais indicados da Horta */
.farm-location-preview{padding:6px!important;border:1px solid var(--brand-line)!important;border-radius:12px!important;background:linear-gradient(180deg,#fffdf9,#f3e5cf)!important;box-shadow:0 16px 38px rgba(77,47,27,.22),0 3px 10px rgba(77,47,27,.08)!important}
.farm-location-preview img{border-radius:8px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
/* Foco de teclado coerente com a paleta do Império BDO */
.btn:focus-visible,.nav.nav-tabs button:focus-visible,.workshop-item-trigger:focus-visible,.farm-location-card:focus-visible{outline:2px solid #8eaa5a!important;outline-offset:2px!important}
/* Transição fluida entre o vídeo e a navegação, sem dependências externas. */
.topbar-hero-link{position:relative!important;isolation:isolate}
.topbar-hero-video{position:relative!important;z-index:0!important}
.topbar-organic-waves{position:absolute;left:-1px;right:-1px;bottom:-1px;z-index:2;display:block;width:calc(100% + 2px);height:clamp(22px,3.1vw,42px);pointer-events:none;overflow:visible;filter:drop-shadow(0 -2px 5px rgba(77,47,27,.06))}
.topbar-organic-wave{vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;transform-origin:center bottom}
.topbar-organic-wave.wave-back{fill:rgba(234,212,173,.24)}
.topbar-organic-wave.wave-mid{fill:rgba(255,249,240,.34)}
.topbar-organic-wave.wave-front{fill:rgba(155,103,51,.18)}
@media (max-width:780px){
.topbar-organic-waves{height:clamp(18px,5.6vw,30px)}
}
@media (prefers-reduced-motion:reduce){
.topbar-organic-waves{opacity:.72}
}
/* Duas cópias idênticas do vídeo ocupam um trilho de 200%.
   O trilho percorre exatamente a largura de um painel (-50% do trilho),
   por isso o frame de reinício coincide com a posição inicial sem salto. */
.topbar-loop-viewport{position:relative;z-index:0;display:block;width:100%;aspect-ratio:3/1;overflow:hidden;background:#efe2cd}
.topbar-loop-track{display:flex;width:200%;height:100%;transform:translate3d(0,0,0);will-change:transform;animation:topbar-marquee-loop 36s linear infinite;backface-visibility:hidden}
.topbar-loop-panel{position:relative;display:block;flex:0 0 50%;width:50%;height:100%;overflow:hidden}
.topbar-loop-panel .topbar-hero-video{display:block!important;width:100%!important;height:100%!important;min-width:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center center!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#efe2cd!important}
@keyframes topbar-marquee-loop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
.topbar-hero-link:hover .topbar-loop-track,.topbar-hero-link:focus-visible .topbar-loop-track{animation-play-state:paused}
/* leve vinheta nas bordas físicas do header; não interfere na junção do trilho */
.topbar-loop-viewport::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 22px 0 26px -28px rgba(61,43,31,.26),inset -22px 0 26px -28px rgba(61,43,31,.26)}
@media (max-width:780px){
.topbar-loop-track{animation-duration:42s}
}
@media (prefers-reduced-motion:reduce){
.topbar-loop-track{width:100%!important;animation:none!important;transform:none!important}
.topbar-loop-panel{flex-basis:100%!important;width:100%!important}
.topbar-loop-panel[aria-hidden="true"]{display:none!important}
}
.nav-account{display:flex;align-items:center;margin-left:auto;padding:6px 10px 6px 6px;flex:0 0 auto}
.nav-account-login,.nav-account-user{min-height:38px;border:1px solid #c8b28f!important;border-radius:12px!important;background:linear-gradient(180deg,#fffdf8,#f4e8d5)!important;color:#5b3f2b!important;box-shadow:0 4px 12px rgba(74,48,29,.08)!important}
.nav-account-login{display:inline-flex;align-items:center;gap:8px;padding:7px 11px!important;cursor:pointer;border-bottom:1px solid #c8b28f!important;white-space:nowrap;font-weight:700}
.nav-account-login:hover{border-color:#9f87ff!important;background:linear-gradient(180deg,#fffdfb,#eee9ff)!important;color:#4a3f7a!important}
.discord-symbol{place-items:center;width:20px;height:20px;border-radius:7px;background:#5865f2;color:white;font-size:11px;line-height:1;box-shadow:0 3px 8px rgba(88,101,242,.24)}
.nav-account-user{display:flex;align-items:center;gap:8px;padding:4px 5px 4px 6px}
.nav-account-avatar-wrap,.account-avatar-wrap{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:50%;border:1px solid rgba(106,68,38,.22);background:linear-gradient(145deg,#eee7ff,#f8efe0);flex:0 0 auto}
.nav-account-avatar-wrap{width:30px;height:30px}
.account-avatar-wrap{width:58px;height:58px}
.nav-account-avatar,.account-avatar{width:100%;height:100%;object-fit:cover;display:block}
.nav-account-avatar-fallback,.account-avatar-fallback{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;color:#5d4e92;background:linear-gradient(145deg,#e8e2ff,#f6ead8)}
.nav-account-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#5a3b27}
.account-settings-card{position:relative;overflow:hidden}
.account-settings-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#5865f2,#9f87ff,var(--brand-gold))}
.account-settings-card h2{margin-bottom:8px}
.account-state{margin-top:16px}
.account-state-out{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.discord-btn{gap:8px!important;border-color:#5966dc!important;background:linear-gradient(180deg,#6673f5,#5360dd)!important;color:#fff!important;box-shadow:0 7px 16px rgba(88,101,242,.18)!important}
.discord-btn:hover{background:linear-gradient(180deg,#7280ff,#5b68e5)!important;border-color:#4652c8!important}
.account-profile-card{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid var(--brand-line);border-radius:14px;background:linear-gradient(180deg,#fffdf9,#f7ecdd)}
.account-profile-copy{display:flex;flex-direction:column;min-width:0}
.account-profile-copy small{font-size:11px;color:#8f795f;text-transform:uppercase;letter-spacing:.08em}
.account-profile-copy strong{font-size:17px;color:var(--brand-brown-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-profile-copy span{font-size:12px;color:#6e789f}
.account-privacy-note{display:block;color:#8c7a67;line-height:1.45;max-width:560px}
.account-backend-offline{color:#a95e3c!important}
@media (max-width:1180px){
.nav-account{width:100%;justify-content:flex-end;padding:4px 10px 8px}
.nav.nav-tabs{flex-wrap:wrap!important}
}
@media (max-width:720px){
.nav-account{justify-content:flex-start;padding-left:10px}
.nav-account-name{max-width:120px}
.nav-account-login span:last-child{display:inline}
}
.profile-title-account{display:flex;align-items:center;gap:16px}
.profile-page-avatar-wrap{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f7ead7,#e8d0ad);border:1px solid var(--brand-line);box-shadow:0 8px 22px rgba(81,54,31,.12);flex:0 0 auto}
.profile-page-avatar{width:100%;height:100%;object-fit:cover;display:none}
.profile-page-avatar-fallback{font-size:28px;font-weight:800;color:var(--brand-brown-dark)}
.profile-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.65fr);gap:16px;align-items:start}
.profile-identity-card{grid-column:1;min-height:100%}
.bdo-link-card{grid-column:2}
.life-skills-card{grid-column:1/-1}
.profile-identity-row{display:flex;align-items:center;gap:14px;margin:14px 0 12px}
.profile-large-avatar-wrap{width:68px!important;height:68px!important}
.profile-identity-row>div{display:flex;flex-direction:column;min-width:0}
.profile-identity-row strong{font-size:20px;color:var(--brand-brown-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-identity-row span{color:#7a6b5d}
.bdo-link-heading,.life-skills-heading,.bdo-family-summary{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.bdo-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 10px;border-radius:999px;border:1px solid var(--brand-line);font-size:11px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
.bdo-status-badge.ok{background:#edf4df;color:#557433;border-color:#b8ca94}
.bdo-status-badge.warn{background:#fff3d9;color:#8b632a;border-color:#dbc18c}
.bdo-status-badge.muted{background:#f4ecdf;color:#7f6d5b;border-color:#d7c6ae}
.bdo-unlinked-state>p{max-width:760px;color:#6b5b4f;line-height:1.55}
.bdo-link-form{display:grid;grid-template-columns:180px minmax(240px,1fr) auto;gap:12px;align-items:end;margin:16px 0 10px}
.bdo-link-form label{margin:0}
.bdo-link-form .btn{min-height:42px}
.bdo-family-summary{align-items:center;padding:14px 0 12px;border-bottom:1px solid rgba(123,91,55,.15)}
.bdo-family-summary>div:first-child{display:flex;flex-direction:column;min-width:0}
.bdo-family-summary small{color:#8b775f;text-transform:uppercase;letter-spacing:.06em}
.bdo-family-summary strong{font-size:25px;color:var(--brand-brown-dark)}
.bdo-family-summary span{font-size:12px;color:#6e735d}
.bdo-profile-notice{margin:14px 0;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#f4f8e9,#edf3df);border:1px solid #c3d2a3;display:flex;flex-direction:column;gap:2px}
.bdo-profile-notice span{font-weight:800;color:#557433}
.bdo-profile-notice small{color:#71805d;line-height:1.4}
.bdo-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bdo-metric{padding:13px 14px;border-radius:13px;background:linear-gradient(180deg,#fffdf9,#f5ead8);border:1px solid var(--brand-line);display:flex;flex-direction:column;gap:4px}
.bdo-metric span{text-transform:uppercase;letter-spacing:.07em;color:#8a775e;font-weight:700}
.bdo-metric strong{font-size:20px;color:var(--brand-brown-dark)}
#bdoLastSync{font-size:14px;line-height:1.35}
.life-skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.life-skill-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:13px 14px;border-radius:14px;background:linear-gradient(180deg,#fffdf9,#f4eadb);border:1px solid var(--brand-line);box-shadow:0 5px 14px rgba(86,57,34,.05)}
.life-skill-item>div:first-child{display:flex;flex-direction:column;min-width:0}
.life-skill-item span{color:#7b6a58;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.life-skill-item strong{font-size:16px;color:var(--brand-brown-dark);white-space:nowrap}
.life-skill-item strong small{color:#7a664f;font-weight:700}
.life-skill-mastery{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto}
.life-skill-mastery small{text-transform:uppercase;letter-spacing:.06em;color:#8b775f}
.life-skill-mastery b{font-size:18px;color:#64853e}
.life-skills-private{margin-top:14px;padding:13px 14px;border-radius:12px;background:#fff3d9;border:1px solid #dbc18c;color:#805e2d}
.danger-soft{color:#8a4937!important;border-color:#d8b2a5!important;background:#fff8f4!important}
.danger-soft:hover{background:#f7e6df!important}
@media (max-width:980px){
.profile-layout{grid-template-columns:1fr}
.profile-identity-card,.bdo-link-card,.life-skills-card{grid-column:1}
.life-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bdo-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bdo-link-form{grid-template-columns:1fr 1fr}
.bdo-link-form .btn{grid-column:1/-1}
}
@media (max-width:620px){
.profile-title-account{align-items:flex-start}
.profile-page-avatar-wrap{width:58px;height:58px;border-radius:16px}
.life-skills-grid,.bdo-metric-grid,.bdo-link-form{grid-template-columns:1fr}
.bdo-family-summary,.bdo-link-heading,.life-skills-heading{flex-direction:column;align-items:stretch}
.bdo-family-summary .actions{width:100%}
.bdo-family-summary .actions .btn{flex:1 1 auto}
}
.profile-account-actions{margin-top:14px}
.favorite-recipes-card,.profile-settings-card{grid-column:1/-1;scroll-margin-top:18px}
.favorite-recipes-heading,.profile-settings-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.favorite-recipes-heading p,.profile-settings-heading p{margin:4px 0 0;color:#7b6958;line-height:1.45}
.favorite-recipes-grid{margin-top:14px}
.favorite-recipe-item{border:1px solid var(--brand-line);background:linear-gradient(180deg,#fffdf9,#f6ead8);box-shadow:0 5px 14px rgba(86,57,34,.05)}
.favorite-recipe-main>div{display:flex;flex-direction:column}
.favorite-recipe-main strong{color:var(--brand-brown-dark)}
.favorite-recipe-main small{color:#8b765f}
.favorite-remove-btn,.workshop-favorite-btn{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;border:1px solid #d4bd95;font-size:20px;line-height:1;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
.favorite-remove-btn:hover,.workshop-favorite-btn:hover{transform:translateY(-1px)}
.workshop-favorite-btn:disabled,.favorite-remove-btn:disabled{opacity:.55;cursor:wait;transform:none}
.workshop-output-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.favorite-recipes-empty{margin-top:14px;padding:15px;border:1px dashed #cfb894;border-radius:13px;background:#fffaf3;color:#806d59;text-align:center}
.profile-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.profile-settings-panel{padding:14px;border:1px solid var(--brand-line);border-radius:14px;background:linear-gradient(180deg,#fffdf9,#f6ead8)}
.profile-settings-panel h3{margin:0 0 10px;color:var(--brand-brown-dark)}
.profile-settings-panel p{color:#735f4e;line-height:1.5}
.profile-settings-panel label{display:block;margin-top:9px}
.favorite-login-chat{position:fixed;right:22px;bottom:22px;z-index:10020;width:min(390px,calc(100vw - 28px));padding:16px;border:1px solid #cbb58f;border-radius:18px;background:linear-gradient(180deg,#fffdf9 0%,#f4e6d1 100%);color:#5d4634;box-shadow:0 18px 46px rgba(55,37,24,.26);opacity:0;transform:translateY(14px) scale(.985);transition:opacity .18s ease,transform .18s ease}
.favorite-login-chat.is-visible{opacity:1;transform:translateY(0) scale(1)}
.favorite-login-chat-head{display:flex;align-items:center;gap:10px;padding-right:28px}
.favorite-login-brand{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;overflow:hidden;background:#efe0ca;border:1px solid #d7c2a2;flex:0 0 auto}
.favorite-login-brand img{width:100%;height:100%;object-fit:cover}
.favorite-login-chat-head>div{display:flex;flex-direction:column;min-width:0}
.favorite-login-chat-head small{text-transform:uppercase;letter-spacing:.08em;color:#708a48;font-weight:800;font-size:9px}
.favorite-login-chat-head strong{color:var(--brand-brown-dark);font-size:16px;line-height:1.25}
.favorite-login-chat p{margin:11px 0 13px;line-height:1.5;color:#725e4d}
.favorite-login-close{position:absolute;right:10px;top:9px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#886d56;font-size:23px;cursor:pointer}
.favorite-login-close:hover{background:#edddc8;color:#5c3c25}
.favorite-login-chat .discord-btn{width:100%;justify-content:center}
@media (max-width:980px){
.favorite-recipes-card,.profile-settings-card{grid-column:1}
.favorite-recipes-grid,.profile-settings-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
.favorite-recipe-item{align-items:flex-start;flex-direction:column}
.favorite-recipe-actions{width:100%;justify-content:flex-end}
.workshop-output{align-items:flex-start}
.workshop-output-actions{flex-direction:column-reverse;align-items:flex-end}
.favorite-login-chat{right:14px;bottom:14px}
}
/* Meu Perfil herda a representação individual antes usada em Trabalhadores. */
.nav.nav-tabs button[data-route="perfil"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 10c4.42 0 8 2.24 8 5v1H4v-1c0-2.76 3.58-5 8-5'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 4a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 10c4.42 0 8 2.24 8 5v1H4v-1c0-2.76 3.58-5 8-5'/%3E%3C/svg%3E")!important}
/* Trabalhadores passa a representar a equipe/força de trabalho. */
.nav.nav-tabs button[data-route="trabalhadores"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm7.3-.8a2.8 2.8 0 1 0 0-5.6 2.8 2.8 0 0 0 0 5.6ZM8.5 13C4.9 13 2 15.1 2 17.8V20h13v-2.2C15 15.1 12.1 13 8.5 13Zm7.3-.8c-.7 0-1.4.1-2 .3 2 1.2 3.2 3.1 3.2 5.3V20h5v-1.8c0-3.3-2.8-6-6.2-6Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm7.3-.8a2.8 2.8 0 1 0 0-5.6 2.8 2.8 0 0 0 0 5.6ZM8.5 13C4.9 13 2 15.1 2 17.8V20h13v-2.2C15 15.1 12.1 13 8.5 13Zm7.3-.8c-.7 0-1.4.1-2 .3 2 1.2 3.2 3.1 3.2 5.3V20h5v-1.8c0-3.3-2.8-6-6.2-6Z'/%3E%3C/svg%3E")!important}
/* Conta como sobreposição discreta no canto inferior direito do header. */
.topbar-hero-shell{position:relative;width:100%;margin:0}
.topbar-hero-shell>.topbar-hero-link{width:100%!important}
.header-account-overlay{position:absolute!important;right:clamp(10px,1.4vw,20px)!important;bottom:clamp(16px,2.2vw,30px)!important;z-index:8!important;width:auto!important;margin:0!important;padding:0!important;justify-content:flex-end!important;pointer-events:auto}
.header-account-overlay .nav-account-login,.header-account-overlay .nav-account-user{min-height:42px!important;border:1px solid rgba(211,188,151,.92)!important;background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(246,232,211,.94))!important;box-shadow:0 8px 24px rgba(61,43,31,.20),inset 0 1px 0 rgba(255,255,255,.76)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.header-account-overlay .nav-account-login{padding:8px 13px!important;color:#5c4430!important}
.header-account-overlay .nav-account-login:hover{transform:translateY(-1px);border-color:#a89cf5!important;background:linear-gradient(180deg,rgba(255,255,252,.98),rgba(239,235,255,.96))!important;color:#514786!important}
.header-account-overlay .nav-account-user{padding:5px 11px 5px 6px!important;cursor:pointer;font:inherit}
.header-account-overlay .nav-account-user:hover{border-color:#b5c88f!important;background:linear-gradient(180deg,rgba(255,255,250,.98),rgba(239,246,227,.96))!important}
.discord-logo{display:block;width:21px;height:21px;flex:0 0 21px;object-fit:contain}
.discord-btn .discord-logo{filter:brightness(0) invert(1)}
/* O antigo símbolo genérico e o botão X de logout deixam de participar da UI. */
.discord-symbol{display:none!important}
/* Ritmo vertical mais confortável na página de perfil. */
#view-perfil .profile-layout{gap:20px!important}
#view-perfil .profile-identity-card,#view-perfil .bdo-link-card,#view-perfil .life-skills-card,#view-perfil .favorite-recipes-card,#view-perfil .profile-settings-card{padding:22px!important}
#view-perfil .bdo-family-summary{padding-top:4px}
#view-perfil .bdo-metric-grid{margin-top:14px}
#view-perfil .life-skills-grid{margin-top:16px}
#view-perfil .favorite-recipes-grid{margin-top:16px}
@media (max-width:1180px){
.header-account-overlay{width:auto!important;justify-content:flex-end!important;padding:0!important}
}
@media (max-width:720px){
.header-account-overlay{right:8px!important;bottom:10px!important;width:auto!important;padding:0!important}
.header-account-overlay .nav-account-login{min-height:36px!important;padding:6px 9px!important;font-size:11px!important}
.header-account-overlay .nav-account-user{min-height:36px!important;padding:3px 8px 3px 4px!important}
.header-account-overlay .nav-account-avatar-wrap{width:28px;height:28px}
.header-account-overlay .nav-account-name{max-width:96px;font-size:11px}
.discord-logo{width:18px;height:18px;flex-basis:18px}
#view-perfil .profile-identity-card,#view-perfil .bdo-link-card,#view-perfil .life-skills-card,#view-perfil .favorite-recipes-card,#view-perfil .profile-settings-card{padding:16px!important}
#view-perfil .profile-layout{gap:14px!important}
}
/* Mapa mundial: ação contextual sobreposta no canto superior direito. */
.bdo-map-stage{position:relative}
.map-clear-route{position:absolute!important;top:14px;right:14px;z-index:35;min-height:36px;padding:7px 11px!important;border-color:#b8c99a!important;background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(237,244,225,.96))!important;color:#536d34!important;box-shadow:0 8px 20px rgba(50,66,31,.18),inset 0 1px 0 rgba(255,255,255,.8)!important;backdrop-filter:blur(6px)}
.map-clear-route:hover{background:linear-gradient(180deg,#fbfff4,#e4efd2)!important;border-color:#91aa68!important;color:#405827!important}
/* Zonas: o filtro de nodes usados adota o mesmo seletor circular verde do mapa. */
.zones-toolbar .zone-used-toggle{display:flex!important;flex-direction:row!important;align-items:center!important;color:#6f5946!important;font-size:12px!important;font-weight:700!important;white-space:nowrap;cursor:pointer}
/* Guias: uma única linguagem de destaque em verde oliva. */
.worker-json-guide strong,.worker-json-guide code,.workshop-guide-steps strong,#view-horta .farming-guide-card strong{color:var(--guide-olive)!important;font-weight:800!important}
.worker-json-guide code{background:var(--guide-olive-soft)!important;border:1px solid #d5dfc4!important;padding:1px 5px!important}
.worker-json-guide .worker-guide-steps li::marker,.workshop-guide-steps li::marker,#view-horta .farming-guide-card li::marker{color:var(--guide-olive)!important;font-weight:800}
/* Horta: controles mais limpos após a regra de um ciclo diário. */
#view-horta .farming-control-grid{grid-template-columns:repeat(4,minmax(170px,1fr))!important}
#view-horta .farming-search-row{justify-content:flex-end!important}
#view-horta .farming-search-row .farm-search{width:min(460px,100%);margin-left:auto}
#view-horta .farming-table{min-width:1180px!important}
#view-horta .farming-table .fcol-crop{width:20%!important}
#view-horta .farming-table .fcol-fruit{width:8%!important}
#view-horta .farming-table .fcol-slots{width:10%!important}
#view-horta .farming-table .fcol-price{width:9%!important}
#view-horta .farming-table .fcol-volume{width:8%!important}
#view-horta .farming-table .fcol-location{width:10%!important}
#view-horta .farming-table .fcol-crate{width:8%!important}
#view-horta .farming-table .fcol-market{width:8%!important}
#view-horta .farming-table .fcol-breed{width:9%!important}
#view-horta .farming-table .fcol-best{width:10%!important}
#view-horta .farming-table th:nth-child(3){white-space:normal!important;line-height:1.25!important}
/* Oficinas: filtros compactos, metadados alinhados e favorito dentro da identidade da marca. */
.workshop-card-meta{align-items:flex-end!important}
.workshop-card-status{min-height:24px;display:flex;align-items:center}
.workshop-reference-stack{display:flex;flex-direction:column}
.workshop-reference-stack .workshop-level-hint{color:var(--guide-olive-dark)!important;background:var(--guide-olive-soft)!important;border-color:var(--guide-olive-line)!important}
.favorite-remove-btn,.workshop-favorite-btn{border-color:#a9bb82!important;background:linear-gradient(180deg,#fffdf8,#f1f5e7)!important;color:#6d8746!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
.favorite-remove-btn:hover,.workshop-favorite-btn:hover{background:linear-gradient(180deg,#f8fbeF,#e5efd3)!important;border-color:#819b56!important;color:#4d682d!important;box-shadow:0 5px 14px rgba(83,105,47,.16)!important}
.favorite-remove-btn,.workshop-favorite-btn.is-favorite{background:linear-gradient(180deg,#eaf2d9,#dce9c2)!important;border-color:#7f9b52!important;color:#4c6929!important;text-shadow:0 1px 0 rgba(255,255,255,.8)!important}
@media (max-width:1180px){
#view-horta .farming-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#view-oficinas .workshop-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:720px){
.map-clear-route{top:10px;right:10px;min-height:34px;padding:6px 9px!important}
#view-horta .farming-control-grid{grid-template-columns:1fr!important}
#view-horta .farming-search-row .farm-search{width:100%}
#view-oficinas .workshop-toolbar{grid-template-columns:1fr!important}
.workshop-card-meta{align-items:flex-start!important}
.workshop-reference-stack{align-items:flex-start;margin-left:0}
}
/* Zonas de produção */
.zones-toolbar .zone-used-toggle input[type="checkbox"]{border-width:1.5px!important}
.zones-table .zones-sub-head th:first-child,.zones-table .zones-sub-head th:nth-child(10){white-space:nowrap}
/* Oficinas: filtros sem contador textual e destaque oliva consistente com a Horta. */
#view-oficinas .workshop-toolbar{grid-template-columns:minmax(300px,1.8fr) repeat(3,minmax(145px,.72fr))!important}
#view-oficinas .workshop-guide-steps strong,#view-oficinas .workshop-detail-head strong,#view-oficinas .workshop-level-title strong{color:var(--guide-olive)!important}
/* Grupos de projetos recolhíveis por nível. */
.workshop-level-group{margin-top:10px!important;border:1px solid #d8c5a6;border-radius:13px;background:rgba(255,250,243,.72);overflow:hidden}
.workshop-level-group:first-of-type{margin-top:4px!important}
.workshop-level-title{list-style:none!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:9px 11px!important;border-bottom:0!important;background:linear-gradient(180deg,#fffdf8,#f3eadc);user-select:none}
.workshop-level-title::-webkit-details-marker{display:none}
.workshop-level-title-main{display:flex;align-items:center;gap:8px;min-width:0}
.workshop-level-title-main>span{font-size:10px!important;color:#6d8150!important;background:#eef4e5!important;border:1px solid #c7d5ad!important;border-radius:999px!important;padding:2px 7px!important}
.workshop-level-chevron{flex:0 0 auto;color:#6b7f4c!important;font-size:18px!important;line-height:1;background:transparent!important;border:0!important;padding:0!important;transition:transform .16s ease}
.workshop-level-group[open]>.workshop-level-title{border-bottom:1px solid #d9c5a3!important;background:linear-gradient(180deg,#f4f8e9,#eaf1dc)}
.workshop-level-group[open]>.workshop-level-title .workshop-level-chevron{transform:rotate(180deg)}
.workshop-level-group>.workshop-recipes-grid{padding:10px}
/* Cabeçalho de cada projeto: nível + detalhes + favorito no canto superior direito. */
.workshop-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.workshop-card-top>.workshop-output{flex:1 1 auto;min-width:0}
.workshop-card-tools{display:flex;align-items:flex-start;gap:8px;flex:0 0 auto}
.workshop-reference-stack{gap:2px!important;margin-left:0!important;align-items:flex-end!important}
.workshop-reference-stack .workshop-level-hint{padding:3px 7px!important}
.workshop-reference-stack .workshop-reference{line-height:1!important}
.workshop-output-actions{align-self:flex-start!important}
.workshop-card-meta{margin:6px 0 7px!important;min-height:24px;justify-content:flex-start!important}
/* Perfil: login limpo antes da sessão e cartões principais alinhados. */
.profile-guest-card{max-width:640px!important;margin:36px auto!important;padding:28px 30px!important;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}
.profile-guest-card h2{margin:2px 0 2px!important;color:var(--brand-brown-dark)}
.profile-guest-card p{max-width:520px;margin:2px auto 10px!important;color:#6e5d4e;line-height:1.55}
.profile-guest-card .discord-btn{margin-top:4px}
#view-perfil .profile-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
#view-perfil .profile-identity-card,#view-perfil .bdo-link-card{grid-column:auto!important;height:100%}
#view-perfil .life-skills-card,#view-perfil .favorite-recipes-card,#view-perfil .profile-settings-card{grid-column:1/-1!important}
/* Campos de vínculo BDO com acabamento da marca. */
.bdo-link-form label{gap:7px!important;color:#725a43!important;font-weight:800!important;letter-spacing:.015em}
.bdo-link-form select,.bdo-link-form input{min-height:44px!important;border:1px solid #cdb993!important;border-radius:12px!important;background:linear-gradient(180deg,#fffdf9,#f7ecdd)!important;color:#563924!important;padding:10px 12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 3px 8px rgba(89,62,37,.05)!important;outline:none!important}
.bdo-link-form select:focus,.bdo-link-form input:focus{border-color:#8da85e!important;box-shadow:0 0 0 3px rgba(118,151,70,.14),inset 0 1px 0 rgba(255,255,255,.9)!important}
.bdo-link-form select:disabled{opacity:1;color:#6f604d;background:linear-gradient(180deg,#f7f2e8,#eee3d2)!important}
/* Oficinas favoritas: cerca de 75% do footprint anterior. */
.favorite-recipe-item{border-radius:11px!important}
/* Sobre: referências no rodapé do card. */
.about-links{margin-top:18px!important;padding-top:14px;border-top:1px solid rgba(116,88,56,.14)}
.about-links .btn{min-height:36px}
@media (max-width:1180px){
#view-oficinas .workshop-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.favorite-recipes-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:980px){
#view-perfil .profile-layout{grid-template-columns:1fr!important}
#view-perfil .profile-identity-card,#view-perfil .bdo-link-card,#view-perfil .life-skills-card,#view-perfil .favorite-recipes-card,#view-perfil .profile-settings-card{grid-column:1!important}
}
@media (max-width:720px){
#view-oficinas .workshop-toolbar{grid-template-columns:1fr!important}
.workshop-card-top{flex-direction:column}
.workshop-card-tools{width:100%;justify-content:flex-end}
.workshop-reference-stack{align-items:flex-end!important}
.favorite-recipes-grid{grid-template-columns:1fr!important}
.profile-guest-card{margin:20px auto!important;padding:22px 18px!important}
}
/* Corrige a herança do antigo badge nos novos summaries recolhíveis. */
.workshop-level-title>.workshop-level-title-main{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;color:inherit!important;font-size:inherit!important}
/* Meu Perfil sem sub-header e sem navegação interna. */
/* Preferências do perfil integradas ao branding principal. */
#view-perfil .profile-settings-heading{margin-bottom:4px!important}
#view-perfil .profile-settings-panel{padding:16px!important;border:1px solid #d7c19d!important;border-radius:18px!important;background:linear-gradient(180deg,#fffdf9,#f3e6d3)!important;box-shadow:0 6px 18px rgba(88,60,34,.06)!important}
#view-perfil .profile-settings-panel h3{color:#5d4634!important;font-size:18px!important;margin-bottom:12px!important}
#view-perfil .profile-settings-panel label{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:10px!important;color:#725a43!important;font-size:12px!important;font-weight:800!important;letter-spacing:.015em!important}
#view-perfil .profile-settings-panel select,#view-perfil .profile-settings-panel input{min-height:44px!important;border:1px solid #cdb993!important;border-radius:12px!important;background:linear-gradient(180deg,#fffdf9,#f7ecdd)!important;color:#563924!important;padding:10px 12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 3px 8px rgba(89,62,37,.05)!important;outline:none!important}
#view-perfil .profile-settings-panel select:focus,#view-perfil .profile-settings-panel input:focus{border-color:#8da85e!important;box-shadow:0 0 0 3px rgba(118,151,70,.14),inset 0 1px 0 rgba(255,255,255,.9)!important}
#view-perfil .profile-settings-panel .help{margin-top:7px!important;color:#7b6958!important}
#marketSettingsBtn{min-height:42px!important;margin-top:4px!important;background:linear-gradient(180deg,#fff8ee,#f3e5cf)!important;border-color:#d5be97!important;color:#6d4b2e!important;font-weight:800!important}
#marketSettingsBtn:hover{background:linear-gradient(180deg,#fffcf6,#efdfc4)!important;border-color:#c8ab79!important;color:#5b3d25!important}
/* Oficinas favoritas com cards mais quadrados. */
.favorite-recipe-main>.item-icon{flex-basis:34px!important}
.favorite-recipe-main strong{text-overflow:clip!important}
.favorite-recipe-main small{text-overflow:clip!important}
.favorite-recipe-actions{justify-content:space-between!important}
.favorite-recipe-actions .btn.small{flex:1 1 auto!important;justify-content:center!important}
/* Toggle de zonas exatamente no mesmo padrão visual do mapa mundial. */
.zones-toolbar .zone-used-toggle{gap:6px!important;min-height:44px!important;height:44px!important;padding:0 12px!important;border:1px solid #d8c5a6!important;border-radius:16px!important;background:linear-gradient(180deg,#fff8ee,#f3e5cf)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.84)!important}
.zones-toolbar .zone-used-toggle input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;margin:0!important;padding:0!important;flex:0 0 16px!important;border-radius:999px!important;border:2px solid #8d785f!important;background:#f8f1e6!important;box-shadow:inset 0 0 0 3px #fffaf2!important}
.zones-toolbar .zone-used-toggle input[type="checkbox"]:checked{background:radial-gradient(circle at center,#8fbc4c 0 34%, #f8f1e6 35% 100%)!important;border-color:#5d7f33!important;box-shadow:0 0 0 3px rgba(118,162,63,.18),0 0 12px rgba(118,162,63,.48),inset 0 0 0 2px rgba(255,255,255,.46)!important}
.zones-toolbar .zone-used-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}
@media (max-width:1180px){
.favorite-recipes-grid{grid-template-columns:repeat(2,minmax(145px,1fr))!important}
}
@media (max-width:720px){
.favorite-recipes-grid{grid-template-columns:1fr!important}
.favorite-recipe-item{aspect-ratio:auto!important;min-height:unset!important}
}
/* Perfil do Aventureiro: rótulos sempre acima dos campos. */
.bdo-link-form label{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important}
#bdoFamilyInput::placeholder{color:transparent!important}
/* Oficinas favoritas: cards compactos, quase quadrados, sem overflow. */
.favorite-recipes-grid{display:grid!important;grid-template-columns:repeat(auto-fill,152px)!important;justify-content:start!important;align-items:start!important;gap:10px!important}
.favorite-recipe-item{width:152px!important;height:152px!important;min-width:152px!important;max-width:152px!important;min-height:152px!important;max-height:152px!important;aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:6px!important;padding:9px!important;overflow:hidden!important}
.favorite-recipe-main{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:start!important;gap:7px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
.favorite-recipe-main>.item-icon{width:30px!important;height:30px!important;min-width:30px!important;flex:0 0 30px!important}
.favorite-recipe-main>div{min-width:0!important;overflow:hidden!important}
.favorite-recipe-main strong{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;white-space:normal!important}
.favorite-recipe-main small{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;white-space:normal!important;margin-top:2px!important}
.favorite-recipe-actions{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 25px!important;align-items:center!important;gap:5px!important;margin-top:auto!important;flex:0 0 auto!important}
.favorite-recipe-actions .btn.small{min-width:0!important;width:100%!important;line-height:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.favorite-recipe-actions .favorite-remove-btn{flex:0 0 25px!important}
/* Mapa mundial: mesmos pills/toggles usados em Zonas de Produção. */
.map-controls .check{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-height:44px!important;height:44px!important;padding:0 12px!important;border:1px solid #d8c5a6!important;border-radius:16px!important;background:linear-gradient(180deg,#fff8ee,#f3e5cf)!important;color:#6f5946!important;font-size:12px!important;font-weight:700!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.84)!important;white-space:nowrap!important}
.map-controls .check input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;margin:0!important;padding:0!important;flex:0 0 16px!important;border-radius:999px!important;border:2px solid #8d785f!important;background:#f8f1e6!important;box-shadow:inset 0 0 0 3px #fffaf2!important}
.map-controls .check input[type="checkbox"]:checked{background:radial-gradient(circle at center,#8fbc4c 0 34%,#f8f1e6 35% 100%)!important;border-color:#5d7f33!important;box-shadow:0 0 0 3px rgba(118,162,63,.18),0 0 12px rgba(118,162,63,.48),inset 0 0 0 2px rgba(255,255,255,.46)!important}
.map-controls .check input[type="checkbox"]::before,.map-controls .check input[type="checkbox"]::after{display:none!important;content:none!important}
@media (max-width:720px){
.favorite-recipes-grid{grid-template-columns:repeat(auto-fill,minmax(140px,152px))!important}
.favorite-recipe-item{width:100%!important;min-width:0!important;max-width:152px!important}
}
/* Mantém o cartão de login do Discord visível; apenas o antigo sub-header foi removido. */
#profileGuestState:not(.hidden){display:flex!important}
/* Favoritar não altera dimensões nem força fechamento dos grupos abertos. */
.workshop-level-group[open]>.workshop-recipes-grid{display:grid}
/* Escala tipográfica global levemente maior, sem alterar a geometria principal. */
body{font-size:15px!important;line-height:1.5!important}
.nav.nav-tabs button{font-size:13px!important}
.eyebrow{font-size:12px!important}
.pill,.bdo-status-badge{font-size:12px!important}
.toolbar label,.settings-card label{font-size:12px!important}
.data-table th{font-size:12px!important}
.help{font-size:12.5px!important}
.btn{font-size:13px}
.btn.small{font-size:11px}
.map-caption{font-size:12px!important;line-height:1.45!important}
.worker-legend{font-size:12px!important}
/* Zonas: subtítulos no mesmo padrão visual em caixa alta. */
.zones-table .zones-sub-head th:first-child,.zones-table .zones-sub-head th:nth-child(10){color:#7b6855!important;font-size:11px!important;letter-spacing:.04em!important;text-transform:uppercase!important;font-weight:800!important}
/* Mercado no perfil: seletor de presets e explicação compacta da composição. */
.market-tax-label{align-items:stretch!important}
.market-tax-formula{display:block;margin-top:1px;color:#7a694f;font-size:10.5px;font-weight:600;line-height:1.35;letter-spacing:0;text-transform:none}
#taxInput{width:100%!important;max-width:none!important}
.market-tax-help{margin-top:7px!important}
/* Favoritos: tipografia maior mantendo 152 × 152 px sem ultrapassar a margem. */
.favorite-recipe-main strong{font-size:12.5px!important;line-height:1.22!important;max-height:31px!important}
.favorite-recipe-main small{font-size:10px!important;line-height:1.26!important;max-height:39px!important}
.favorite-recipe-actions .btn.small{font-size:9.5px!important;min-height:27px!important;height:27px!important;padding:3px 5px!important}
.favorite-recipe-actions .favorite-remove-btn{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;min-height:27px!important;flex-basis:27px!important;font-size:15px!important}
/* Pequenos textos de perfil também acompanham a nova escala. */
.profile-identity-row span{font-size:13px!important}
.bdo-family-summary small{font-size:11px!important}
.bdo-profile-notice span{font-size:13px!important}
.bdo-profile-notice small{font-size:11.5px!important}
.bdo-metric span{font-size:11px!important}
.life-skill-item span{font-size:12px!important}
.life-skill-item strong small{font-size:12px!important}
.life-skill-mastery small{font-size:10px!important}
@media (max-width:980px){
body{font-size:14.5px!important}
.nav.nav-tabs button{font-size:12px!important}
}
@media (max-width:720px){
body{font-size:14px!important}
.data-table th{font-size:11px!important}
.toolbar label,.settings-card label{font-size:11.5px!important}
.favorite-recipe-main strong{font-size:12px!important}
.favorite-recipe-main small{font-size:9.5px!important}
}
/* Mesma escala e paleta para todos os cabeçalhos das duas tabelas. */
#view-zonas .zones-table thead th,#view-horta .farming-table thead th{color:var(--table-header-text)!important;font-size:var(--table-header-size)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.035em!important}
/* NÓ - ATIVIDADE e TRABALHO deixam de ter tratamento de cor/tamanho separado. */
#view-zonas .zones-table .zones-sub-head th:first-child,#view-zonas .zones-table .zones-sub-head th:nth-child(10){color:var(--table-header-text)!important;font-size:var(--table-header-size)!important;font-weight:800!important;letter-spacing:.035em!important;text-transform:uppercase!important;background:linear-gradient(180deg,#f0e1c8,#ead5b2)!important;border-bottom-color:#d6c09f!important}
/* Corpo das tabelas: mesma escala, mesma cor-base e mesmo ritmo de leitura. */
#view-zonas .zones-table tbody td,#view-horta .farming-table tbody td{color:var(--table-body-text)!important;font-size:var(--table-body-size)!important;line-height:1.28!important}
/* Destaques em verde oliva, iguais nas duas páginas. */
#view-zonas .zones-table .node-name,#view-zonas .zones-table .tooltip-cell,#view-zonas .zones-table .hover-tip,#view-zonas .zones-table .drop-list b,#view-zonas .zones-table .money,#view-zonas .zones-table tbody td:nth-child(4),#view-zonas .zones-table tbody td:nth-child(5),#view-zonas .zones-table tbody td:nth-child(6),#view-zonas .zones-table tbody td:nth-child(7),#view-zonas .zones-table tbody td:nth-child(9),#view-zonas .zones-table tbody td:nth-child(10),#view-zonas .zones-table tbody td:nth-child(11),#view-zonas .zones-table tbody td:nth-child(12),#view-zonas .zones-table tbody td:nth-child(13),#view-zonas .zones-table tbody td:nth-child(14),#view-horta .farming-table .farm-crop-name,#view-horta .farming-table .farm-location,#view-horta .farming-table .money{color:var(--table-highlight)!important;font-size:var(--table-body-size)!important;line-height:1.28!important}
/* Textos secundários seguem a mesma escala, apenas com tom menos intenso. */
#view-zonas .zones-table small,#view-horta .farming-table small{color:#7a6655!important;font-size:11.5px!important;line-height:1.25!important}
/* Horta: mantém somente o nome principal do cultivo, sem repetição abaixo. */
#view-horta .farm-crop-cell>div>small{display:none!important}
/* A escala continua única também nos breakpoints. */
@media (max-width:1250px){
#view-zonas .zones-table thead th,#view-horta .farming-table thead th,#view-zonas .zones-table .zones-sub-head th:first-child,#view-zonas .zones-table .zones-sub-head th:nth-child(10){font-size:10.5px!important}
#view-zonas .zones-table tbody td,#view-horta .farming-table tbody td,#view-zonas .zones-table .node-name,#view-zonas .zones-table .tooltip-cell,#view-zonas .zones-table .hover-tip,#view-zonas .zones-table .drop-list b,#view-zonas .zones-table .money,#view-horta .farming-table .farm-crop-name,#view-horta .farming-table .farm-location,#view-horta .farming-table .money{font-size:11px!important}
}
@media (max-width:850px){
#view-zonas .zones-table thead th,#view-horta .farming-table thead th,#view-zonas .zones-table .zones-sub-head th:first-child,#view-zonas .zones-table .zones-sub-head th:nth-child(10){font-size:9px!important}
#view-zonas .zones-table tbody td,#view-horta .farming-table tbody td,#view-zonas .zones-table .node-name,#view-zonas .zones-table .tooltip-cell,#view-zonas .zones-table .hover-tip,#view-zonas .zones-table .drop-list b,#view-zonas .zones-table .money,#view-horta .farming-table .farm-crop-name,#view-horta .farming-table .farm-location,#view-horta .farming-table .money{font-size:10px!important}
}


/* v1.3.35 - ícones de favorito personalizados */
.favorite-remove-btn,
.workshop-favorite-btn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.favorite-remove-btn:hover,
.workshop-favorite-btn:hover{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  transform:translateY(-1px) scale(1.04)!important;
}
.favorite-remove-btn:focus-visible,
.workshop-favorite-btn:focus-visible{
  outline:2px solid rgba(128,155,82,.55)!important;
  outline-offset:2px!important;
  border-radius:10px!important;
}
.favorite-star-icon{
  width:28px!important;
  height:28px!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 3px rgba(81,55,33,.18));
  pointer-events:none!important;
  user-select:none!important;
}
.favorite-star-icon.small{
  width:24px!important;
  height:24px!important;
}
.favorite-remove-btn.is-favorite .favorite-star-icon,
.workshop-favorite-btn.is-favorite .favorite-star-icon{
  filter:drop-shadow(0 2px 4px rgba(255,193,42,.25)) drop-shadow(0 2px 3px rgba(81,55,33,.18));
}
.workshop-output-actions{
  min-width:36px!important;
  justify-content:center!important;
}
.favorite-recipe-actions .favorite-remove-btn{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  flex-basis:24px!important;
}
@media (max-width:1180px){
  .favorite-recipe-actions{grid-template-columns:minmax(0,1fr) 24px!important}
}

/* ==== v1.3.36 — microanimação dos favoritos ==== */
.favorite-star-icon{
  transform-origin:50% 55%;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s ease,opacity .18s ease;
  will-change:transform;
}
.workshop-favorite-btn:hover .favorite-star-icon,
.favorite-remove-btn:hover .favorite-star-icon{
  transform:translateY(-1px) rotate(-4deg) scale(1.08);
}
.workshop-favorite-btn:active .favorite-star-icon,
.favorite-remove-btn:active .favorite-star-icon{
  transform:translateY(0) rotate(3deg) scale(.90);
}
.workshop-favorite-btn.is-favorite:hover .favorite-star-icon,
.favorite-remove-btn.is-favorite:hover .favorite-star-icon{
  filter:drop-shadow(0 2px 4px rgba(255,193,42,.30)) drop-shadow(0 2px 3px rgba(81,55,33,.18));
}
.workshop-favorite-btn.favorite-pop-on .favorite-star-icon,
.favorite-remove-btn.favorite-pop-on .favorite-star-icon{
  animation:favorite-star-pop-on .46s cubic-bezier(.18,.84,.32,1.28);
}
.workshop-favorite-btn.favorite-pop-off .favorite-star-icon,
.favorite-remove-btn.favorite-pop-off .favorite-star-icon{
  animation:favorite-star-pop-off .34s ease-out;
}
@keyframes favorite-star-pop-on{
  0%{transform:scale(.72) rotate(-10deg);opacity:.78}
  48%{transform:scale(1.18) rotate(6deg);opacity:1}
  72%{transform:scale(.96) rotate(-2deg)}
  100%{transform:scale(1) rotate(0)}
}
@keyframes favorite-star-pop-off{
  0%{transform:scale(1) rotate(0);opacity:1}
  45%{transform:scale(.82) rotate(-5deg);opacity:.78}
  100%{transform:scale(1) rotate(0);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .favorite-star-icon{transition:none!important}
  .workshop-favorite-btn.favorite-pop-on .favorite-star-icon,
  .favorite-remove-btn.favorite-pop-on .favorite-star-icon,
  .workshop-favorite-btn.favorite-pop-off .favorite-star-icon,
  .favorite-remove-btn.favorite-pop-off .favorite-star-icon{animation:none!important}
}


/* v1.3.37 - refinamento visual do favorito e remoção do foco azul nativo */
.favorite-remove-btn,
.workshop-favorite-btn,
.favorite-remove-btn:hover,
.workshop-favorite-btn:hover,
.favorite-remove-btn:active,
.workshop-favorite-btn:active,
.favorite-remove-btn.is-favorite,
.workshop-favorite-btn.is-favorite,
.favorite-remove-btn:disabled,
.workshop-favorite-btn:disabled{
  background:transparent!important;
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.favorite-remove-btn::before,
.workshop-favorite-btn::before,
.favorite-remove-btn::after,
.workshop-favorite-btn::after{content:none!important;display:none!important;}
.favorite-remove-btn:hover .favorite-star-icon,
.workshop-favorite-btn:hover .favorite-star-icon{filter:drop-shadow(0 2px 3px rgba(81,55,33,.18)) drop-shadow(0 0 8px rgba(255,209,84,.16));}
.favorite-remove-btn.is-favorite .favorite-star-icon,
.workshop-favorite-btn.is-favorite .favorite-star-icon{filter:drop-shadow(0 2px 4px rgba(255,193,42,.20)) drop-shadow(0 2px 3px rgba(81,55,33,.18));}

/* Remove as faixas azuis nativas do navegador em selects/inputs focados, mantendo o estilo da brand. */
select,
select:focus,
select:focus-visible{
  -webkit-appearance:none;
  appearance:none;
  outline:none!important;
}
.toolbar select,
.settings-card select,
.farming-controls select,
.bdo-link-form select,
#view-perfil .profile-settings-panel select,
.toolbar input,
.settings-card input,
.farming-controls input,
.bdo-link-form input,
#view-perfil .profile-settings-panel input{
  outline:none!important;
  -webkit-appearance:none;
  appearance:none;
  background-clip:padding-box;
}
.toolbar select:focus,
.toolbar select:focus-visible,
.settings-card select:focus,
.settings-card select:focus-visible,
.farming-controls select:focus,
.farming-controls select:focus-visible,
.bdo-link-form select:focus,
.bdo-link-form select:focus-visible,
#view-perfil .profile-settings-panel select:focus,
#view-perfil .profile-settings-panel select:focus-visible,
.toolbar input:focus,
.toolbar input:focus-visible,
.settings-card input:focus,
.settings-card input:focus-visible,
.farming-controls input:focus,
.farming-controls input:focus-visible,
.bdo-link-form input:focus,
.bdo-link-form input:focus-visible,
#view-perfil .profile-settings-panel input:focus,
#view-perfil .profile-settings-panel input:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 2px rgba(118,151,70,.12), inset 0 1px 0 rgba(255,255,255,.9)!important;
}


/* ==== v1.3.38 — refinamentos Horta/Recursos ==== */
/* Horta: pesquisa identificada e alinhada à esquerda. */
#view-horta .farming-search-row{justify-content:flex-start!important;}
#view-horta .farming-search-row .farm-search{
  width:min(460px,100%)!important;
  margin-left:0!important;
  margin-right:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  color:#6a4f39!important;
  font-weight:800!important;
}
#view-horta .farming-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}

/* Recursos: campo Ordenar largo o suficiente para os textos completos. */
#view-recursos .toolbar.card{grid-template-columns:minmax(320px,1fr) minmax(190px,240px)!important;}
#view-recursos .toolbar.card > label:first-of-type{grid-column:1!important;}
#view-recursos .toolbar.card > label:last-of-type{grid-column:2!important;}
#view-recursos #resourceSort{min-width:190px!important;width:100%!important;padding-right:34px!important;}
@media(max-width:720px){
  #view-recursos .toolbar.card{grid-template-columns:1fr!important;}
  #view-recursos .toolbar.card > label:first-of-type,
  #view-recursos .toolbar.card > label:last-of-type{grid-column:1!important;}
  #view-horta .farming-stats{grid-template-columns:1fr!important;}
}


/* ==== v1.3.39 - ajuste fino do encaixe e nitidez da estrela de favoritos ==== */
/* Oficina: encaixe mais confortável no canto superior direito. */
.workshop-card-tools{
  gap:6px!important;
  align-items:flex-start!important;
}
.workshop-reference-stack{
  margin-top:1px!important;
}
.workshop-output-actions{
  min-width:30px!important;
  width:30px!important;
  align-self:flex-start!important;
  justify-content:flex-start!important;
}
.workshop-favorite-btn{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  margin-top:1px!important;
}
.favorite-remove-btn{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  flex-basis:22px!important;
}
.favorite-star-icon{
  width:22px!important;
  height:22px!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 1px 2px rgba(81,55,33,.16))!important;
  transform-origin:50% 55%!important;
  transition:transform .16s cubic-bezier(.22,.76,.28,1), opacity .16s ease!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
}
.workshop-favorite-btn .favorite-star-icon{
  width:22px!important;
  height:22px!important;
}
.favorite-star-icon.small,
.favorite-remove-btn .favorite-star-icon{
  width:18px!important;
  height:18px!important;
}
.favorite-remove-btn.is-favorite .favorite-star-icon,
.workshop-favorite-btn.is-favorite .favorite-star-icon{
  filter:drop-shadow(0 1px 2px rgba(81,55,33,.16))!important;
}
/* Hover/click mais vivos, porém sem scale para não borrar o PNG. */
.favorite-remove-btn:hover,
.workshop-favorite-btn:hover{
  transform:translateY(-1px)!important;
}
.workshop-favorite-btn:hover .favorite-star-icon,
.favorite-remove-btn:hover .favorite-star-icon{
  transform:translateY(-0.5px) rotate(-3deg)!important;
  opacity:1!important;
  filter:drop-shadow(0 1px 2px rgba(81,55,33,.16))!important;
}
.workshop-favorite-btn:active,
.favorite-remove-btn:active{
  transform:translateY(0)!important;
}
.workshop-favorite-btn:active .favorite-star-icon,
.favorite-remove-btn:active .favorite-star-icon{
  transform:translateY(0) rotate(2deg)!important;
}
.workshop-favorite-btn.is-favorite:hover .favorite-star-icon,
.favorite-remove-btn.is-favorite:hover .favorite-star-icon{
  filter:drop-shadow(0 1px 2px rgba(81,55,33,.16))!important;
}
/* Redefine os pops sem escala para preservar nitidez. */
.workshop-favorite-btn.favorite-pop-on .favorite-star-icon,
.favorite-remove-btn.favorite-pop-on .favorite-star-icon{
  animation:favorite-star-pop-on-clean .34s cubic-bezier(.2,.78,.28,1)!important;
}
.workshop-favorite-btn.favorite-pop-off .favorite-star-icon,
.favorite-remove-btn.favorite-pop-off .favorite-star-icon{
  animation:favorite-star-pop-off-clean .26s ease-out!important;
}
@keyframes favorite-star-pop-on-clean{
  0%{transform:translateY(1px) rotate(0deg);opacity:.9}
  45%{transform:translateY(-1px) rotate(-5deg);opacity:1}
  100%{transform:translateY(0) rotate(0deg);opacity:1}
}
@keyframes favorite-star-pop-off-clean{
  0%{transform:translateY(0) rotate(0deg);opacity:1}
  50%{transform:translateY(1px) rotate(3deg);opacity:.92}
  100%{transform:translateY(0) rotate(0deg);opacity:1}
}


/* ==== v1.3.40 — acabamento premium de Oficinas e tabela de Trabalhadores ==== */
/* Oficinas: nível + favorito perfeitamente alinhados; link de detalhes removido. */
.workshop-card-tools{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-height:28px!important;
  margin-top:0!important;
}
.workshop-card-tools>.workshop-level-hint{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  height:24px!important;
  padding:2px 7px!important;
  margin:0!important;
  border:1px solid var(--guide-olive-line)!important;
  border-radius:999px!important;
  background:var(--guide-olive-soft)!important;
  color:var(--guide-olive-dark)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.workshop-output-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  align-self:center!important;
  margin:0!important;
}
.workshop-favorite-btn{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  margin:0!important;
}
.workshop-favorite-btn .favorite-star-icon{
  width:21px!important;
  height:21px!important;
}
.workshop-reference-stack,.workshop-reference{display:none!important;}

/* Trabalhadores: coluna diária com leitura consistente. */
#view-trabalhadores .data-table th,
#view-trabalhadores .data-table td{vertical-align:middle!important;}
#view-trabalhadores .data-table th:nth-child(9),
#view-trabalhadores .data-table td:nth-child(9){white-space:nowrap!important;}


/* ==== v1.3.42 — Recursos: preço + estoque atual do Mercado Central ==== */
#view-recursos .resources-table td.market-stock{
  font-variant-numeric:tabular-nums;
  font-weight:700;
  color:#56772f;
  white-space:nowrap;
}
#view-recursos .resources-table th:nth-child(5){white-space:normal;line-height:1.2;}


/* ==== v1.3.45 — Oficinas favoritas: controle de materiais + busca destacada ==== */
.favorite-recipes-grid{
  grid-template-columns:repeat(auto-fill,216px)!important;
  gap:12px!important;
}
.favorite-recipe-item{
  width:216px!important;
  height:184px!important;
  min-width:216px!important;
  max-width:216px!important;
  min-height:184px!important;
  max-height:184px!important;
  padding:10px!important;
  gap:7px!important;
}
.favorite-recipe-main{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;}
.favorite-recipe-main>.item-icon{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important;}
.favorite-recipe-main strong{font-size:12.5px!important;line-height:1.23!important;max-height:32px!important;}
.favorite-recipe-main small{font-size:9.5px!important;line-height:1.3!important;max-height:39px!important;}
.favorite-recipe-actions{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 22px!important;
  gap:5px!important;
}
.favorite-recipe-actions .btn.small{
  min-height:27px!important;height:27px!important;padding:3px 6px!important;font-size:9.5px!important;
  border-radius:8px!important;
}
.favorite-search-workshop{background:linear-gradient(180deg,#fffdf9,#f4eadb)!important;color:#654b37!important;border-color:#ccb995!important;}
.favorite-search-workshop:hover{background:linear-gradient(180deg,#f7f9ef,#e9f0da)!important;border-color:#9eb675!important;color:#526b34!important;}
.favorite-craft-btn{background:linear-gradient(180deg,#f3f7e9,#e5edd7)!important;color:#526d31!important;border-color:#a8bd83!important;}
.favorite-craft-btn:hover,.favorite-craft-btn.is-active{background:linear-gradient(180deg,#eaf2db,#dce9c6)!important;border-color:#7f9b52!important;color:#435d25!important;box-shadow:0 0 0 2px rgba(113,145,70,.10)!important;}
.favorite-craft-progress{display:flex;flex-direction:column;gap:4px;min-width:0;margin-top:auto;}
.favorite-craft-progress-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;line-height:1;color:#806a58;font-weight:700;}
.favorite-craft-progress-line strong{font-size:9px;color:#6d5746;}
.favorite-craft-track{height:7px;border-radius:999px;overflow:hidden;background:#eadfce;border:1px solid rgba(170,142,105,.23);box-shadow:inset 0 1px 2px rgba(91,64,42,.08);}
.favorite-craft-fill{display:block;height:100%;width:0;border-radius:inherit;transition:width .22s ease,background .18s ease;}
.favorite-craft-progress.status-empty .favorite-craft-track{background:linear-gradient(180deg,#f5d7d2,#efc6bf);border-color:#dca9a0;box-shadow:0 0 8px rgba(178,77,60,.18),inset 0 1px 2px rgba(117,46,36,.08);}
.favorite-craft-progress.status-empty .favorite-craft-fill{background:#b85f50;}
.favorite-craft-progress.status-empty .favorite-craft-progress-line strong{color:#a84d41;}
.favorite-craft-progress.status-partial .favorite-craft-fill{background:linear-gradient(90deg,#d98535,#e8a043);box-shadow:0 0 7px rgba(216,132,47,.20);}
.favorite-craft-progress.status-partial .favorite-craft-progress-line strong{color:#b46925;}
.favorite-craft-progress.status-complete .favorite-craft-track{border-color:#9fba77;background:#e3ecd5;box-shadow:0 0 8px rgba(96,137,51,.16),inset 0 1px 2px rgba(65,95,34,.07);}
.favorite-craft-progress.status-complete .favorite-craft-fill{background:linear-gradient(90deg,#6f9344,#89ab59);box-shadow:0 0 8px rgba(88,129,45,.23);}
.favorite-craft-progress.status-complete .favorite-craft-progress-line strong{color:#56772f;}

.favorite-craft-tooltip{
  position:fixed;z-index:10040;width:min(510px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;
  padding:15px;border:1px solid #cbb58f;border-radius:16px;background:linear-gradient(180deg,#fffdf9 0%,#f5e9d8 100%);
  color:#5d4634;box-shadow:0 18px 48px rgba(55,37,24,.28),inset 0 1px 0 rgba(255,255,255,.86);
}
.favorite-craft-tooltip.hidden{display:none!important;}
.favorite-craft-tooltip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #deccb0;}
.favorite-craft-tooltip-title{display:flex;align-items:center;gap:10px;min-width:0;}
.favorite-craft-tooltip-title>.item-icon{width:40px!important;height:40px!important;min-width:40px!important;}
.favorite-craft-tooltip-title>div{display:flex;flex-direction:column;min-width:0;}
.favorite-craft-tooltip-title small{text-transform:uppercase;letter-spacing:.08em;color:#71864f;font-size:9px;font-weight:800;}
.favorite-craft-tooltip-title strong{font-size:15px;line-height:1.25;color:#563924;overflow-wrap:anywhere;}
.favorite-craft-tooltip-close{width:29px;height:29px;flex:0 0 29px;border:0;border-radius:9px;background:transparent;color:#896f58;font-size:22px;line-height:1;cursor:pointer;}
.favorite-craft-tooltip-close:hover{background:#eadcc8;color:#5f4430;}
.favorite-craft-tooltip-progress{margin:12px 0 10px;padding:9px 10px;border:1px solid #d8c4a3;border-radius:11px;background:rgba(255,251,245,.72);}
.favorite-craft-tooltip-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:10px;font-weight:800;color:#6f5a47;}
.favorite-craft-tooltip-track{height:8px;overflow:hidden;border-radius:999px;background:#e9ddca;box-shadow:inset 0 1px 2px rgba(80,57,37,.08);}
.favorite-craft-tooltip-fill{display:block;height:100%;border-radius:inherit;transition:width .2s ease;background:#d98b38;}
.favorite-craft-tooltip-progress.status-empty{border-color:#dfb3aa;background:#fbebe8;box-shadow:0 0 9px rgba(177,73,57,.10);}
.favorite-craft-tooltip-progress.status-empty .favorite-craft-tooltip-track{background:#edcbc5;}
.favorite-craft-tooltip-progress.status-empty .favorite-craft-tooltip-fill{background:#b85f50;}
.favorite-craft-tooltip-progress.status-empty .favorite-craft-tooltip-percent{color:#a94d40;}
.favorite-craft-tooltip-progress.status-partial{border-color:#dfbd8e;background:#fff4e4;}
.favorite-craft-tooltip-progress.status-partial .favorite-craft-tooltip-fill{background:linear-gradient(90deg,#d68131,#e9a047);}
.favorite-craft-tooltip-progress.status-partial .favorite-craft-tooltip-percent{color:#b66b27;}
.favorite-craft-tooltip-progress.status-complete{border-color:#a8be82;background:#eff5e6;box-shadow:0 0 9px rgba(94,132,50,.10);}
.favorite-craft-tooltip-progress.status-complete .favorite-craft-tooltip-fill{background:linear-gradient(90deg,#6c9141,#8caf5a);}
.favorite-craft-tooltip-progress.status-complete .favorite-craft-tooltip-percent{color:#56772f;}
.favorite-craft-material-list{display:flex;flex-direction:column;gap:7px;}
.favorite-craft-material{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;border:1px solid #dcc9ac;border-radius:11px;background:#fffaf3;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;}
.favorite-craft-material>.item-icon{width:32px!important;height:32px!important;min-width:32px!important;}
.favorite-craft-material-info{display:flex;flex-direction:column;min-width:0;}
.favorite-craft-material-info strong{font-size:11.5px;line-height:1.25;color:#5d402c;overflow-wrap:anywhere;}
.favorite-craft-material-info small{margin-top:2px;font-size:9.5px;color:#8a725d;}
.favorite-craft-qty-wrap{display:flex;align-items:center;gap:5px;color:#876f59;font-size:10px;font-weight:700;white-space:nowrap;}
.favorite-craft-qty{width:68px;height:32px;padding:5px 7px;border:1px solid #ccb895;border-radius:9px;background:#fffdf9;color:#563924;text-align:center;font-weight:800;outline:none;}
.favorite-craft-qty:focus{border-color:#8ca45f;box-shadow:0 0 0 2px rgba(113,147,67,.13);}
.favorite-craft-material.is-complete{border-color:#8eaa62;background:linear-gradient(180deg,#f1f7e9,#e5efd9);box-shadow:0 0 0 2px rgba(103,143,57,.08),0 4px 12px rgba(78,109,43,.07);}
.favorite-craft-material.is-complete .favorite-craft-material-info strong{color:#4f6d2e;}
.favorite-craft-material.is-complete .favorite-craft-qty{border-color:#86a458;background:#f8fbed;color:#4f6d2e;}
.favorite-craft-tooltip-note{margin-top:10px;padding-top:9px;border-top:1px dashed #d7c3a5;color:#806b59;font-size:9.5px;line-height:1.4;}
.favorite-craft-no-materials{padding:14px;text-align:center;color:#806b59;border:1px dashed #d1bd9d;border-radius:10px;background:#fffaf3;}

/* Destaque suave do projeto encontrado por Buscar ou pela pesquisa. */
.workshop-recipe-card.is-search-match,.workshop-recipe-card.is-target-match{
  border-color:#8da95f!important;
  background:linear-gradient(180deg,#fbfdf7,#f1f6e8)!important;
  box-shadow:0 0 0 2px rgba(112,150,67,.12),0 8px 20px rgba(80,111,43,.10)!important;
}
.workshop-recipe-card.is-target-match{
  box-shadow:0 0 0 2px rgba(92,137,47,.18),0 0 18px rgba(104,148,58,.16),0 8px 20px rgba(80,111,43,.10)!important;
}

@media (max-width:760px){
  .favorite-recipes-grid{grid-template-columns:repeat(auto-fill,minmax(190px,216px))!important;}
  .favorite-recipe-item{width:100%!important;min-width:0!important;max-width:216px!important;}
  .favorite-craft-tooltip{width:calc(100vw - 20px);padding:13px;}
}
@media (max-width:470px){
  .favorite-recipes-grid{grid-template-columns:1fr!important;}
  .favorite-recipe-item{max-width:none!important;width:100%!important;height:auto!important;min-height:184px!important;max-height:none!important;}
  .favorite-craft-material{grid-template-columns:30px minmax(0,1fr);}
  .favorite-craft-qty-wrap{grid-column:2;justify-self:start;}
}


/* ==== v1.3.46 — refinamento de Oficinas e Oficinas Favoritas ==== */
/* Cards dos projetos em aproximadamente 256 × 256 px, mantendo todo o conteúdo dentro das bordas. */
#view-oficinas .workshop-level-group>.workshop-recipes-grid{
  grid-template-columns:repeat(auto-fill,minmax(244px,256px))!important;
  justify-content:start!important;
  align-items:start!important;
  gap:10px!important;
}
#view-oficinas .workshop-recipe-card{
  width:100%!important;
  min-width:0!important;
  max-width:256px!important;
  height:256px!important;
  min-height:256px!important;
  max-height:256px!important;
  padding:10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#view-oficinas .workshop-card-top{gap:7px!important;min-width:0!important;}
#view-oficinas .workshop-card-top>.workshop-output{min-width:0!important;overflow:hidden!important;}
#view-oficinas .workshop-output-trigger{min-width:0!important;overflow:hidden!important;padding:2px 3px!important;margin:-2px -3px!important;}
#view-oficinas .workshop-output-trigger>.item-icon{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;}
#view-oficinas .workshop-output-text{min-width:0!important;overflow:hidden!important;}
#view-oficinas .workshop-output-text strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:12px!important;
  line-height:1.22!important;
}
#view-oficinas .workshop-card-meta{margin:5px 0 5px!important;min-height:22px!important;}
#view-oficinas .workshop-materials{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;
  gap:5px!important;
  margin-top:4px!important;
  min-width:0!important;
  overflow:hidden!important;
}
#view-oficinas .workshop-material{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:34px!important;
  padding:4px 5px!important;
  gap:5px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  font-size:9.5px!important;
}
#view-oficinas .workshop-material .item-icon{width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px!important;}
#view-oficinas .workshop-material>span{min-width:0!important;overflow:hidden!important;gap:3px!important;}
#view-oficinas .workshop-material>span>span:last-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#view-oficinas .workshop-material-count{font-size:9px!important;}
#view-oficinas .workshop-card-tools{gap:4px!important;}
#view-oficinas .workshop-card-tools>.workshop-level-hint{height:23px!important;min-height:23px!important;padding:2px 6px!important;font-size:9px!important;}
#view-oficinas .workshop-output-actions,#view-oficinas .workshop-favorite-btn{width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;}
#view-oficinas .workshop-favorite-btn .favorite-star-icon{width:19px!important;height:19px!important;}

/* Oficinas Favoritas: barra e estrela compartilham exatamente as margens e a linha-base dos controles. */
.favorite-recipe-item{box-sizing:border-box!important;}
.favorite-craft-progress{
  width:100%!important;
  min-width:0!important;
  margin-top:auto!important;
  padding:0 1px!important;
  box-sizing:border-box!important;
}
.favorite-craft-progress-line,.favorite-craft-track{width:100%!important;box-sizing:border-box!important;}
.favorite-craft-progress-line{min-height:10px!important;align-items:center!important;}
.favorite-recipe-actions{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 27px!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.favorite-recipe-actions .favorite-remove-btn{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  max-width:27px!important;
  min-height:27px!important;
  padding:0!important;
  margin:0!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
}
.favorite-recipe-actions .favorite-remove-btn .favorite-star-icon{
  width:19px!important;
  height:19px!important;
  margin:0!important;
  display:block!important;
}

@media (max-width:720px){
  #view-oficinas .workshop-level-group>.workshop-recipes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,256px))!important;}
}
@media (max-width:520px){
  #view-oficinas .workshop-level-group>.workshop-recipes-grid{grid-template-columns:1fr!important;}
  #view-oficinas .workshop-recipe-card{max-width:none!important;width:100%!important;height:auto!important;min-height:220px!important;max-height:none!important;}
}


/* ==== v1.3.47 — ajuste fino visual de Oficinas e Oficinas em andamento ==== */
/* Evita o corte do halo/borda dos materiais quando o item entra em destaque verde. */
#view-oficinas .workshop-recipe-card{
  overflow:visible!important;
  height:auto!important;
  min-height:256px!important;
}
#view-oficinas .workshop-materials{
  overflow:visible!important;
  padding-top:2px!important;
}
#view-oficinas .workshop-material{
  min-height:36px!important;
  line-height:1.15!important;
}
#view-oficinas .workshop-material.workshop-item-trigger:hover,
#view-oficinas .workshop-material.workshop-item-trigger.is-active{
  transform:none!important;
}

/* Os cards dos projetos ganham um pouco mais de largura para exibir o nome completo. */
#view-oficinas .workshop-level-group>.workshop-recipes-grid{
  grid-template-columns:repeat(auto-fill,minmax(276px,292px))!important;
}
#view-oficinas .workshop-recipe-card{
  max-width:292px!important;
  padding:11px!important;
}
#view-oficinas .workshop-output-trigger{
  align-items:flex-start!important;
}
#view-oficinas .workshop-output-text{
  overflow:visible!important;
}
#view-oficinas .workshop-output-text strong{
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  font-size:12.5px!important;
  line-height:1.24!important;
  max-height:none!important;
}
#view-oficinas .workshop-card-meta{
  margin:6px 0 5px!important;
}
#view-oficinas .workshop-materials{
  margin-top:5px!important;
}

/* Em andamento: remove a linha de descrição técnica e melhora o uso do espaço para o nome. */
.favorite-recipe-main{
  align-items:center!important;
}
.favorite-recipe-main>div{
  justify-content:center!important;
}
.favorite-recipe-main small{
  display:none!important;
}
.favorite-recipe-main strong{
  display:block!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  max-height:none!important;
}
#favoriteRecipesCount{
  display:none!important;
}

@media (max-width:900px){
  #view-oficinas .workshop-level-group>.workshop-recipes-grid{grid-template-columns:repeat(auto-fill,minmax(252px,1fr))!important;}
  #view-oficinas .workshop-recipe-card{max-width:none!important;}
}
@media (max-width:720px){
  #view-oficinas .workshop-level-group>.workshop-recipes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;}
}


/* ==== v1.3.48 — refinamento de densidade e alinhamento da página Oficinas ==== */
/* Grid mais fluido, ocupando melhor a largura disponível e sem sobras laterais. */
#view-oficinas .workshop-level-group>.workshop-recipes-grid{
  grid-template-columns:repeat(auto-fit,minmax(258px,1fr))!important;
  gap:10px!important;
}
#view-oficinas .workshop-recipe-card{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:176px!important;
  max-height:none!important;
  padding:11px 11px 10px!important;
  overflow:visible!important;
}
#view-oficinas .workshop-card-top{
  gap:8px!important;
  align-items:flex-start!important;
}
#view-oficinas .workshop-card-top>.workshop-output,
#view-oficinas .workshop-output-trigger,
#view-oficinas .workshop-output-text{
  overflow:visible!important;
}
#view-oficinas .workshop-output-trigger>.item-icon{margin-top:1px!important;}
#view-oficinas .workshop-output-text strong{
  font-size:12.5px!important;
  line-height:1.2!important;
  margin:0!important;
}
#view-oficinas .workshop-card-meta{
  margin:4px 0 4px!important;
  min-height:0!important;
}
#view-oficinas .workshop-materials{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:4px!important;
  overflow:visible!important;
}
#view-oficinas .workshop-material{
  min-height:34px!important;
  padding:5px 6px!important;
  align-items:center!important;
}
#view-oficinas .workshop-material .item-icon{width:20px!important;height:20px!important;min-width:20px!important;}
#view-oficinas .workshop-material>span>span:last-child{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Título auxiliar de Oficinas em andamento com texto mais claro. */
.favorite-recipes-heading p{
  max-width:760px!important;
}

@media (max-width:980px){
  #view-oficinas .workshop-level-group>.workshop-recipes-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;}
}
@media (max-width:640px){
  #view-oficinas .workshop-level-group>.workshop-recipes-grid{grid-template-columns:1fr!important;}
}


/* ==== v1.3.49 — ajuste do hover principal e simplificação da tabela de oficinas ==== */
/* Item principal com o mesmo encaixe visual dos materiais de craft. */
.workshop-output-trigger{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  flex:1;
  border:1px solid rgba(215,194,163,.62);
  border-radius:9px;
  background:rgba(255,250,243,.72);
  padding:5px 7px;
  margin:0;
  box-sizing:border-box;
}
.workshop-output-trigger:hover,
.workshop-output-trigger.is-active{
  background:#eaf3dc!important;
  border-color:#a9c57d!important;
  box-shadow:0 0 0 2px rgba(104,139,59,.10)!important;
  transform:none!important;
}
#view-oficinas .workshop-output-trigger{
  align-items:flex-start!important;
  padding:5px 7px!important;
  margin:0!important;
  border:1px solid rgba(215,194,163,.62)!important;
  border-radius:9px!important;
  background:rgba(255,250,243,.72)!important;
  box-sizing:border-box!important;
}
#view-oficinas .workshop-output-trigger:hover,
#view-oficinas .workshop-output-trigger.is-active{
  background:#eaf3dc!important;
  border-color:#a9c57d!important;
  box-shadow:0 0 0 2px rgba(104,139,59,.10)!important;
}

/* Oculta antigos metadados de ID da casa caso existam em algum estado remanescente. */
.workshop-table td small{display:none!important;}

/* Rebalanceamento da tabela após remover a coluna de projetos disponíveis. */
.workshop-table th:nth-child(1), .workshop-table td:nth-child(1){width:18%;}
.workshop-table th:nth-child(2), .workshop-table td:nth-child(2){width:18%;}
.workshop-table th:nth-child(3), .workshop-table td:nth-child(3){width:24%;}
.workshop-table th:nth-child(4), .workshop-table td:nth-child(4){width:14%;}
.workshop-table th:nth-child(5), .workshop-table td:nth-child(5){width:8%;}
.workshop-table th:nth-child(6), .workshop-table td:nth-child(6){width:18%; text-align:right;}


/* ==== v1.3.50 — cards de oficinas com largura fixa, alinhamento fino e destaque pulsante ==== */
/* Mantém as caixas no tamanho planejado, sem esticar para preencher a linha inteira. */
#view-oficinas .workshop-level-group>.workshop-recipes-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,272px)!important;
  justify-content:start!important;
  align-items:start!important;
  gap:12px!important;
  padding:10px 4px 8px!important;
}
#view-oficinas .workshop-recipe-card{
  width:272px!important;
  min-width:272px!important;
  max-width:272px!important;
  height:206px!important;
  min-height:206px!important;
  max-height:206px!important;
  padding:10px 10px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:8px!important;
  overflow:visible!important;
}

/* Alinhamento fino e consistente do topo dos cards. */
#view-oficinas .workshop-card-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:8px!important;
  min-height:64px!important;
}
#view-oficinas .workshop-card-top>.workshop-output{
  min-width:0!important;
  width:100%!important;
}
#view-oficinas .workshop-output-trigger{
  min-height:50px!important;
  align-items:flex-start!important;
}
#view-oficinas .workshop-output-trigger>.item-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  margin-top:0!important;
}
#view-oficinas .workshop-output-text{
  min-width:0!important;
  display:block!important;
}
#view-oficinas .workshop-output-text strong{
  display:block!important;
  font-size:12.5px!important;
  line-height:1.16!important;
  margin:0!important;
  max-height:58px!important;
  overflow:hidden!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#view-oficinas .workshop-card-tools{
  display:flex!important;
  align-items:flex-start!important;
  gap:5px!important;
  padding-top:1px!important;
}
#view-oficinas .workshop-card-tools>.workshop-level-hint{
  height:24px!important;
  min-height:24px!important;
  padding:2px 7px!important;
}
#view-oficinas .workshop-output-actions,
#view-oficinas .workshop-favorite-btn{
  width:26px!important;
  min-width:26px!important;
  height:26px!important;
  min-height:26px!important;
}

/* Área de materiais rigorosamente alinhada. */
#view-oficinas .workshop-card-meta{
  margin:0!important;
  min-height:0!important;
}
#view-oficinas .workshop-materials{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;
  gap:8px 6px!important;
  margin-top:0!important;
  padding-top:0!important;
  overflow:visible!important;
}
#view-oficinas .workshop-material{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:31px!important;
  height:31px!important;
  padding:4px 6px!important;
  gap:5px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  line-height:1.1!important;
}
#view-oficinas .workshop-material .item-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
}
#view-oficinas .workshop-material>span{
  min-width:0!important;
  gap:3px!important;
}
#view-oficinas .workshop-material-count{
  font-size:9px!important;
}
#view-oficinas .workshop-material>span>span:last-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Destaque verde com leve pulso para chamar a atenção do usuário. */
@keyframes workshop-search-pulse{
  0%,100%{box-shadow:0 0 0 2px rgba(112,150,67,.16),0 8px 20px rgba(80,111,43,.10);}
  50%{box-shadow:0 0 0 3px rgba(112,150,67,.28),0 0 18px rgba(107,150,57,.18),0 8px 20px rgba(80,111,43,.12);}
}
.workshop-recipe-card.is-search-match,
.workshop-recipe-card.is-target-match{
  animation:workshop-search-pulse 1.9s ease-in-out infinite!important;
}

@media (max-width:1160px){
  #view-oficinas .workshop-level-group>.workshop-recipes-grid{grid-template-columns:repeat(auto-fill,260px)!important;}
  #view-oficinas .workshop-recipe-card{width:260px!important;min-width:260px!important;max-width:260px!important;}
}
@media (max-width:760px){
  #view-oficinas .workshop-level-group>.workshop-recipes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,260px))!important;}
  #view-oficinas .workshop-recipe-card{width:100%!important;min-width:0!important;max-width:260px!important;height:auto!important;min-height:190px!important;max-height:none!important;}
}
@media (max-width:520px){
  #view-oficinas .workshop-level-group>.workshop-recipes-grid{grid-template-columns:1fr!important;}
  #view-oficinas .workshop-recipe-card{max-width:none!important;}
}


/* ==== v1.3.51 — tooltip de Oficina mais compacto + itens clicáveis ==== */
.favorite-craft-tooltip{
  width:min(460px,calc(100vw - 24px))!important;
  max-height:calc(100vh - 24px)!important;
  padding:12px!important;
  border-radius:14px!important;
}
.favorite-craft-tooltip-head{
  gap:9px!important;
  padding-bottom:9px!important;
}
.favorite-craft-tooltip-title{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:4px 5px!important;
  margin:-4px 0 -4px -5px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
.favorite-craft-tooltip-title:hover,
.favorite-craft-tooltip-title.is-active{
  background:#eaf3dc!important;
  border-color:#a9c57d!important;
  box-shadow:0 0 0 2px rgba(104,139,59,.10)!important;
}
.favorite-craft-tooltip-title>.item-icon{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  flex:0 0 36px!important;
}
.favorite-craft-tooltip-title>span{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.favorite-craft-tooltip-title small{
  font-size:8.5px!important;
}
.favorite-craft-tooltip-title strong{
  font-size:13.5px!important;
  line-height:1.2!important;
}
.favorite-craft-tooltip-close{
  width:27px!important;
  height:27px!important;
  flex-basis:27px!important;
  font-size:20px!important;
}
.favorite-craft-tooltip-progress{
  margin:9px 0 8px!important;
  padding:7px 8px!important;
  border-radius:10px!important;
}
.favorite-craft-tooltip-progress>div:first-child{
  margin-bottom:5px!important;
  font-size:9.5px!important;
}
.favorite-craft-tooltip-track{
  height:7px!important;
}
.favorite-craft-material-list{
  gap:6px!important;
}
.favorite-craft-material{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  padding:6px 7px!important;
  border-radius:10px!important;
}
.favorite-craft-material-open{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:grid!important;
  grid-template-columns:29px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  padding:3px 4px!important;
  margin:-3px -4px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
.favorite-craft-material-open:hover,
.favorite-craft-material-open.is-active{
  background:#eaf3dc!important;
  border-color:#a9c57d!important;
  box-shadow:0 0 0 2px rgba(104,139,59,.09)!important;
}
.favorite-craft-material-open>.item-icon{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
}
.favorite-craft-material-info{
  min-width:0!important;
}
.favorite-craft-material-info strong{
  font-size:11px!important;
  line-height:1.2!important;
}
.favorite-craft-material-info small{
  font-size:9px!important;
}
.favorite-craft-qty-wrap{
  gap:4px!important;
  font-size:9.5px!important;
}
.favorite-craft-qty{
  width:60px!important;
  height:29px!important;
  padding:4px 6px!important;
  border-radius:8px!important;
}
.favorite-craft-tooltip-note{
  margin-top:8px!important;
  padding-top:7px!important;
  font-size:9px!important;
}
.workshop-tip-project-materials{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

@media (max-width:520px){
  .favorite-craft-tooltip{width:calc(100vw - 18px)!important;padding:10px!important;}
  .favorite-craft-material{grid-template-columns:1fr!important;}
  .favorite-craft-qty-wrap{justify-self:start!important;margin-left:37px!important;}
}


/* ==== v1.3.52 — refinamento da tooltip de Oficinas em andamento ==== */
/* Ajuste fino para números maiores e melhoria de legibilidade em zoom reduzido. */
.favorite-craft-tooltip{
  width:min(480px,calc(100vw - 24px))!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.favorite-craft-tooltip-head{
  cursor:grab!important;
  user-select:none!important;
}
.favorite-craft-tooltip.is-dragging .favorite-craft-tooltip-head{
  cursor:grabbing!important;
}
.favorite-craft-tooltip-title,
.favorite-craft-tooltip-close,
.favorite-craft-material-open,
.favorite-craft-qty{
  user-select:none;
}
.favorite-craft-tooltip-title strong,
.favorite-craft-material-info strong,
.favorite-recipe-main strong,
#view-oficinas .workshop-output-text strong{
  line-height:1.22!important;
  letter-spacing:0!important;
}
.favorite-craft-tooltip-title strong{
  font-size:13px!important;
}
.favorite-craft-material{
  grid-template-columns:minmax(0,1fr) minmax(122px,max-content)!important;
  align-items:center!important;
}
.favorite-craft-material-info strong{
  overflow-wrap:anywhere!important;
}
.favorite-craft-qty-wrap{
  justify-self:end!important;
  min-width:122px!important;
  gap:6px!important;
  font-size:10px!important;
  cursor:default!important;
}
.favorite-craft-qty-wrap>span{
  min-width:42px!important;
  text-align:left!important;
  font-variant-numeric:tabular-nums;
}
.favorite-craft-qty{
  width:74px!important;
  min-width:74px!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums;
}
.favorite-craft-material-open{
  min-height:33px!important;
}
.favorite-craft-material-open>.item-icon{
  margin-top:0!important;
}
.favorite-craft-tooltip-note{
  line-height:1.45!important;
}
.favorite-recipe-main{
  align-items:flex-start!important;
}
.favorite-recipe-item,
#view-oficinas .workshop-recipe-card{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
#view-oficinas .workshop-card-top{
  min-height:66px!important;
}
#view-oficinas .workshop-material,
.favorite-recipe-item{
  line-height:1.2!important;
}

@media (max-width:520px){
  .favorite-craft-material{grid-template-columns:1fr!important;}
  .favorite-craft-qty-wrap{min-width:0!important;justify-self:start!important;margin-left:37px!important;}
}


/* ==== v1.3.53 — tooltip de materiais com cabeçalho informativo fixo + centralização do abrir projetos ==== */
.favorite-craft-tooltip-title{
  cursor:default!important;
  pointer-events:none!important;
}
.favorite-craft-tooltip-title:hover,
.favorite-craft-tooltip-title.is-active{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}


/* ==== v1.3.54 — tooltip da página Oficinas mais compacto ==== */
/* Redução moderada mantendo legibilidade e compreensão do conteúdo. */
.workshop-item-tooltip{
  width:min(396px,calc(100vw - 18px))!important;
  max-height:calc(100vh - 18px)!important;
  font-size:11.5px!important;
  line-height:1.36!important;
  border-radius:15px!important;
}
.workshop-item-tooltip::before{height:3px!important;}
.workshop-tip-head{
  padding:9px 12px 8px!important;
}
.workshop-tip-id{
  font-size:10px!important;
}
.workshop-tip-title{
  font-size:14px!important;
  line-height:1.2!important;
  margin-top:1px!important;
}
.workshop-tip-category{
  margin-top:2px!important;
  font-size:10px!important;
}
.workshop-tip-summary{
  padding:10px 12px!important;
  gap:8px!important;
}
.workshop-tip-summary>.item-icon{
  width:42px!important;
  height:42px!important;
  flex-basis:42px!important;
  border-radius:9px!important;
}
.workshop-tip-stats{
  gap:3px!important;
}
.workshop-tip-stats>div{
  gap:8px!important;
  padding:1px 0 2px!important;
}
.workshop-tip-stats span,
.workshop-tip-stats strong{
  font-size:11px!important;
  line-height:1.25!important;
}
.workshop-tip-source-chips{
  padding:0 12px 9px!important;
  gap:5px!important;
}
.workshop-tip-source-chip{
  min-height:21px!important;
  padding:2px 7px!important;
  font-size:9.5px!important;
}
.workshop-tip-section{
  padding:8px 12px 9px!important;
}
.workshop-tip-section-title{
  font-size:10px!important;
  margin-bottom:6px!important;
  gap:6px!important;
}
.workshop-tip-project,
.workshop-tip-description,
.workshop-tip-node-list span,
.workshop-tip-ingredient,
.workshop-tip-recipe-cost,
.workshop-tip-more,
.workshop-tip-total,
.workshop-tip-empty{
  font-size:10.5px!important;
}
.workshop-tip-description{
  line-height:1.42!important;
}
.workshop-tip-node-list{
  gap:5px!important;
}
.workshop-tip-node-list span{
  padding:3px 6px!important;
  border-radius:7px!important;
}
.workshop-tip-recipe-group{
  padding:6px 7px 7px!important;
  border-radius:10px!important;
}
.workshop-tip-recipe-group+.workshop-tip-recipe-group{
  margin-top:7px!important;
}
.workshop-tip-recipe-title{
  margin-bottom:4px!important;
}
.workshop-tip-recipe-title strong{
  font-size:11px!important;
}
.workshop-tip-recipe-title span{
  font-size:9.5px!important;
}
.workshop-tip-recipe-row{
  grid-template-columns:14px 1fr!important;
  gap:3px!important;
  padding:4px 0!important;
}
.workshop-tip-ingredients{
  gap:4px 7px!important;
}
.workshop-tip-ingredient .item-icon{
  width:20px!important;
  height:20px!important;
}
.workshop-tip-ingredient>span:last-child{
  max-width:162px!important;
}
.workshop-tip-recipe-cost{
  margin:1px 0 0 23px!important;
}
button.workshop-tip-more{
  margin-top:6px!important;
  padding:6px 8px!important;
  font-size:10px!important;
  border-radius:8px!important;
}
.workshop-tip-footer{
  padding:7px 10px!important;
  font-size:9.5px!important;
}

@media (max-width:520px){
  .workshop-item-tooltip{
    width:calc(100vw - 14px)!important;
    max-height:calc(100vh - 14px)!important;
  }
  .workshop-tip-head,.workshop-tip-summary,.workshop-tip-section{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .workshop-tip-ingredient>span:last-child{
    max-width:132px!important;
  }
}

/* ==== v1.3.56 — emojis de trabalhadores regionais ==== */
.worker-legend{row-gap:6px!important}
.worker-legend-item{white-space:nowrap}
.worker-legend .worker-icon.legend{width:24px;height:24px}
.zones-table .worker-emoji .worker-icon{width:28px;height:28px}
@media (max-width:1100px){
  .worker-legend{white-space:normal!important;justify-content:flex-start}
  .worker-legend small{flex-basis:100%}
}

/* ==== v1.3.68 — Navegação / Permuta / Expansão Naval ==== */
.nav.nav-tabs button[data-route="navegacao"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 9.3 9.1 2 12l7.3 2.9L12 22l2.7-7.1L22 12l-7.3-2.9zM12 7.3l1.2 3.5L16.7 12l-3.5 1.2L12 16.7l-1.2-3.5L7.3 12l3.5-1.2z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 9.3 9.1 2 12l7.3 2.9L12 22l2.7-7.1L22 12l-7.3-2.9zM12 7.3l1.2 3.5L16.7 12l-3.5 1.2L7.3 12l3.5-1.2z'/%3E%3C/svg%3E");
}
#view-navegacao{--nav-sea:#476f75;--nav-sea-dark:#31565e;--nav-olive:#78954e;--nav-green:#6f9a4a;--nav-green-soft:#edf5df;--nav-paper:#fffaf3;--nav-line:#dbc6a5;}
#view-navegacao .navigation-page-title{background:linear-gradient(120deg,#fffaf3 0%,#f3eadb 62%,#e7efdf 100%)}
#view-navegacao .navigation-planner-card,
#view-navegacao .navigation-material-card,
#view-navegacao .navigation-ships-card,
#view-navegacao .navigation-source-note{margin-top:16px;padding:20px 22px;border:1px solid var(--brand-line);border-radius:22px;background:linear-gradient(180deg,#fffdf9,#f7eddf);box-shadow:0 10px 26px rgba(61,43,31,.07)}
.navigation-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}
.navigation-section-head h2{margin:4px 0 5px;color:#55341f;font-size:21px;line-height:1.2}
.navigation-section-head p{margin:0;max-width:920px;color:#7a6654;font-size:13px;line-height:1.5}
.navigation-actions{display:flex;gap:8px;flex:0 0 auto}
.navigation-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:12px 0 14px;padding:12px 14px;border:1px solid #dfceb2;border-radius:16px;background:#fff8ee}
.navigation-toolbar label{display:flex;flex-direction:column;gap:6px;min-width:280px;color:#69503e;font-size:12px;font-weight:800}
.navigation-toolbar input{height:40px;border:1px solid #d4bc97;border-radius:11px;background:#fffdf8;color:#553d2b;padding:0 12px;outline:none}
.navigation-toolbar input:focus{border-color:#86a35a;box-shadow:0 0 0 3px rgba(120,149,78,.14)}
.navigation-hint{margin-left:auto;flex:1 1 360px;min-width:260px;color:#897461;font-size:11.5px;line-height:1.45;overflow-wrap:anywhere}
.navigation-route-shell,.navigation-material-shell{width:100%;overflow-x:auto;padding:2px 2px 8px;scrollbar-color:#b89a72 transparent}
.navigation-route-grid{display:grid;grid-template-columns:repeat(8,minmax(225px,1fr));gap:10px;min-width:1870px;align-items:stretch}
.navigation-route-stage,.navigation-material-stage{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #ddc7a5;border-radius:17px;background:linear-gradient(180deg,#fffaf3,#f4e8d7);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.navigation-route-stage.has-selection,.navigation-material-stage.has-selection{border-color:#8aa55f;box-shadow:0 0 0 2px rgba(115,154,71,.09),0 9px 18px rgba(75,100,50,.08)}
.navigation-route-stage>header,.navigation-material-stage>header{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-bottom:1px solid #e3d0b3;background:linear-gradient(180deg,#f3e2c7,#ead4b2)}
.navigation-route-stage>header>span,.navigation-material-stage>header>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#8e6843;color:#fff9ef;font-size:12px;font-weight:900;flex:0 0 27px}
.navigation-route-stage.has-selection>header>span,.navigation-material-stage.has-selection>header>span{background:#78954e}
.navigation-route-stage header div,.navigation-material-stage header div{min-width:0}
.navigation-route-stage header strong,.navigation-material-stage header strong{display:block;color:#543c2c;font-size:12.5px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.navigation-route-stage header small,.navigation-material-stage header small{display:block;margin-top:2px;color:#8a7563;font-size:10.5px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.navigation-route-list{display:flex;flex-direction:column;gap:6px;padding:9px;max-height:430px;overflow:auto}
.navigation-route-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:start;width:100%;min-height:54px;padding:8px;border:1px solid #e1cfb3;border-radius:12px;background:#fffaf2;color:#604835;text-align:left;cursor:pointer;transition:.14s ease;overflow:hidden}
.navigation-route-item:hover{border-color:#b99c73;background:#fff5e6;transform:translateY(-1px)}
.navigation-route-item.is-selected{border-color:#6f9748;background:linear-gradient(180deg,#f3f9e8,#e5f1d6);box-shadow:0 0 0 2px rgba(111,151,72,.12),0 5px 12px rgba(80,112,47,.10)}
.navigation-item-visual{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f0e4d2;border:1px solid #ddc7a5;overflow:hidden}
.navigation-item-icon{width:30px;height:30px;object-fit:contain;image-rendering:auto}
.navigation-item-fallback{width:100%;height:100%;place-items:center;color:#8b704f;font-size:13px}
.navigation-item-copy{min-width:0}
.navigation-item-copy>strong{display:block;color:#5c432f;font-size:11.5px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.navigation-item-copy>small{display:flex;flex-wrap:wrap;gap:3px 7px;margin-top:4px;color:#887361;font-size:9.5px;line-height:1.3;min-width:0;overflow-wrap:anywhere}
.navigation-item-copy>small b{color:#657f45}
.navigation-result-stage{background:linear-gradient(180deg,#f7f4e9,#ebf0df)}
.navigation-result-options{display:grid;gap:8px;padding:10px}
.navigation-result-options article{padding:11px;border:1px solid #d7c4a4;border-radius:13px;background:#fffaf2;text-align:center}
.navigation-result-options b,.navigation-result-options span,.navigation-result-options strong,.navigation-result-options small{display:block}
.navigation-result-options b{color:#765837;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.navigation-result-options span{margin-top:3px;color:#89725d;font-size:10px}
.navigation-result-options strong{margin-top:7px;color:#638042;font-size:15px}
.navigation-result-options small{margin-top:3px;color:#8c7866;font-size:9.5px}
.navigation-no-results{padding:18px 10px;color:#9a8775;text-align:center;font-size:11px}
.navigation-route-summary{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:11px;padding:11px 13px;border:1px solid #d9c5a7;border-radius:14px;background:#fff9f0;color:#745f4d;font-size:11px}
.navigation-route-summary>div{min-width:0}
.navigation-route-summary b{display:block;margin-bottom:5px;color:#654a34;font-size:11px}
.navigation-route-summary>small{max-width:390px;text-align:right;line-height:1.4;color:#8a7562}
.navigation-summary-chain{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.navigation-summary-chain span{padding:4px 7px;border-radius:8px;background:#edf4df;border:1px solid #c8d8a8;color:#587337;font-weight:700}
.navigation-summary-chain i{color:#9a856f;font-style:normal;font-weight:900}
.navigation-material-grid{display:grid;grid-template-columns:repeat(7,minmax(245px,1fr));gap:11px;min-width:1815px}
.navigation-material-list{display:flex;flex-direction:column;gap:6px;padding:9px;max-height:360px;overflow:auto}
.navigation-material-item{width:100%;padding:9px 10px;border:1px solid #e0ceb0;border-radius:11px;background:#fffaf2;color:#5f4734;text-align:left;cursor:pointer;transition:.14s ease}
.navigation-material-item:hover{border-color:#b89970;background:#fff5e7}
.navigation-material-item.is-selected{border-color:#71984b;background:#eaf4db;box-shadow:0 0 0 2px rgba(113,152,75,.12)}
.navigation-material-item strong{display:block;font-size:11.5px;line-height:1.25}
.navigation-material-item small{display:block;margin-top:3px;color:#8a7562;font-size:9.5px}
.navigation-ship-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.navigation-ship-card{border:1px solid #dbc5a4;border-radius:17px;background:linear-gradient(180deg,#fffaf3,#f3e5d2);overflow:hidden;transition:.16s ease}
.navigation-ship-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(76,53,32,.08)}
.navigation-ship-card.is-favorite{border-color:#93ab65;box-shadow:0 0 0 2px rgba(120,149,78,.09)}
.navigation-ship-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:9px;align-items:center;padding:13px}
.navigation-ship-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(160deg,#577b80,#385f66);color:#fff;font-size:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.navigation-ship-card-head small{display:block;color:#8c7560;font-size:9.5px;text-transform:uppercase;letter-spacing:.04em}
.navigation-ship-card-head h3{margin:3px 0 0;color:#553925;font-size:15px;line-height:1.2}
.navigation-ship-favorite,.navigation-profile-remove{display:grid;place-items:center;width:34px;height:34px;padding:5px;border:0;border-radius:50%;background:transparent;cursor:pointer}
.navigation-ship-favorite:hover,.navigation-profile-remove:hover{background:rgba(151,120,75,.10)}
.navigation-ship-favorite img,.navigation-profile-remove img{width:23px;height:23px;object-fit:contain}
.navigation-ship-card details{border-top:1px solid #e0cbae;background:#fff9f0}
.navigation-ship-card summary{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;color:#705540;font-size:11px;font-weight:800;cursor:pointer;list-style:none}
.navigation-ship-card summary::-webkit-details-marker{display:none}
.navigation-ship-card summary span{display:grid;place-items:center;min-width:25px;height:22px;border-radius:8px;background:#efe0c8;color:#73583f;font-size:10px}
.navigation-ship-materials{list-style:none;margin:0;padding:0 13px 12px;display:grid;gap:5px}
.navigation-ship-materials li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed #ead8bd;color:#735f4d;font-size:10px;line-height:1.25}
.navigation-ship-materials li:last-child{border-bottom:0}
.navigation-ship-materials li strong{color:#678045;white-space:nowrap}
.navigation-source-note{display:flex!important;flex-wrap:wrap;align-items:center;gap:7px 10px;color:#7a6654;font-size:10.5px}
.navigation-source-note strong{color:#5d442f}
.navigation-source-note span{padding:5px 8px;border:1px solid #ddcaac;border-radius:9px;background:#fff8ed}
.navigation-source-note small{flex-basis:100%;color:#8c7866;line-height:1.4}
/* Meu Perfil — barcos em andamento */
#view-perfil .navigation-favorites-card{grid-column:1/-1!important;padding:18px!important}
.navigation-favorites-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}
.navigation-favorites-heading h2{margin:4px 0;color:#5a3b26;font-size:19px}
.navigation-favorites-heading p{margin:0;color:#806c5a;font-size:12px}
.navigation-favorites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.navigation-profile-ship{padding:14px;border:1px solid #dbc4a2;border-radius:17px;background:linear-gradient(180deg,#fffaf3,#f3e7d5)}
.navigation-profile-ship-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.navigation-profile-ship-head small{color:#8c7561;font-size:9.5px;text-transform:uppercase}
.navigation-profile-ship-head h3{margin:3px 0 0;color:#593c27;font-size:15px}
.navigation-progress{margin:11px 0}
.navigation-progress>div:first-child{display:flex;justify-content:space-between;color:#705a46;font-size:10px;font-weight:800}
.navigation-progress-track{height:8px;margin-top:5px;border-radius:999px;background:#ead8be;overflow:hidden;box-shadow:inset 0 1px 2px rgba(80,54,31,.08)}
.navigation-progress-track i{display:block;height:100%;border-radius:inherit;background:#c27052;transition:width .18s ease}
.navigation-progress.status-partial .navigation-progress-track i{background:#d69439}.navigation-progress.status-complete .navigation-progress-track i{background:#729d4e;box-shadow:0 0 8px rgba(114,157,78,.28)}
.navigation-profile-ship details{margin-top:8px;border-top:1px solid #e2cdb0;padding-top:8px}
.navigation-profile-ship details summary{color:#6b513c;font-size:10.5px;font-weight:800;cursor:pointer}
.navigation-progress-materials{display:grid;gap:5px;margin-top:8px;max-height:275px;overflow:auto;padding-right:3px}
.navigation-progress-material{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 7px;border:1px solid #ead9bf;border-radius:9px;background:#fffaf3;color:#735e4b;font-size:9.5px}
.navigation-progress-material.is-complete{border-color:#b7cc92;background:#edf5df;color:#58723c}
.navigation-progress-material label{display:flex;align-items:center;gap:4px;white-space:nowrap;color:#8a7561}
.navigation-progress-material input{width:70px;height:28px;border:1px solid #d4bd99;border-radius:7px;background:#fff;color:#5e4531;padding:0 6px;text-align:right;font-size:10px}
.navigation-open-page{margin-top:10px}
@media (max-width:1100px){.navigation-ship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-favorites-grid{grid-template-columns:1fr}}
@media (max-width:720px){.navigation-section-head,.navigation-toolbar,.navigation-route-summary{flex-direction:column;align-items:stretch}.navigation-hint{margin-left:0}.navigation-toolbar label{min-width:0;width:100%}.navigation-route-summary>small{text-align:left}.navigation-ship-grid{grid-template-columns:1fr}.navigation-planner-card,.navigation-material-card,.navigation-ships-card{padding:15px!important}}

/* ==== v1.3.70 — Sub-header Navegação ==== */
#view-navegacao .navigation-page-title{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:center!important;
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  padding:18px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid #dcc6a6!important;
  box-shadow:0 12px 28px rgba(95,67,41,.12)!important;
  background:
    linear-gradient(90deg,rgba(255,248,239,0) 0%,rgba(255,248,239,.02) 31%,rgba(255,248,239,.58) 57%,rgba(255,248,239,.95) 100%),
    url("assets/headers/navegacao-header.png") center/100% 100% no-repeat!important;
}
#view-navegacao .navigation-page-title > div:first-child{
  box-sizing:border-box!important;
  width:500px!important;
  max-width:500px!important;
  min-height:132px!important;
  margin-left:auto!important;
  margin-right:2.5%!important;
  padding:14px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-self:center!important;
  background:rgba(255,251,245,.94)!important;
  border:1px solid rgba(212,187,148,.92)!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(95,67,41,.10)!important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
#view-navegacao .navigation-page-title h1{margin:4px 0 7px!important;font-size:30px!important;line-height:1.05!important;color:#5b341e!important}
#view-navegacao .navigation-page-title p{margin:0!important;line-height:1.42!important;color:#6e5a4a!important;max-width:none!important}
@media (max-width:1180px){
  #view-navegacao .navigation-page-title > div:first-child{width:min(500px,calc(100% - 28px))!important;max-width:500px!important}
}
@media (max-width:720px){
  #view-navegacao .navigation-page-title{
    height:auto!important;
    min-height:220px!important;
    max-height:none!important;
    padding:12px!important;
    background:
      linear-gradient(180deg,rgba(255,248,239,0) 0%,rgba(255,248,239,.18) 38%,rgba(255,248,239,.92) 75%,rgba(255,248,239,.98) 100%),
      url("assets/headers/navegacao-header.png") center/cover no-repeat!important;
  }
  #view-navegacao .navigation-page-title > div:first-child{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:92px 0 0!important;
  }
}

/* v1.3.71 — associação de rotas de permuta */
.navigation-route-item.is-focus{border-color:#4f7f31;box-shadow:0 0 0 3px rgba(79,127,49,.20),0 7px 15px rgba(69,104,43,.13)}
.navigation-result-options article.is-selected{border-color:#6f9748;background:linear-gradient(180deg,#f3f9e8,#e5f1d6);box-shadow:0 0 0 2px rgba(111,151,72,.12),0 5px 12px rgba(80,112,47,.10)}
.navigation-summary-chain span.is-destination{background:#e5f1d6;border-color:#a9c27d;color:#476b2a}

/* v1.3.72 — associações automáticas do Barter Archive */
.navigation-route-item.is-associated:not(.is-selected){
  border-color:#9fbe78;
  background:linear-gradient(180deg,#fbfdf6,#edf5e3);
  box-shadow:0 0 0 1px rgba(111,151,72,.10),0 4px 10px rgba(80,112,47,.06);
}
.navigation-route-item.is-associated:not(.is-selected):hover{
  border-color:#6f9748;
  background:linear-gradient(180deg,#f6faed,#e5f1d6);
}
.navigation-route-item.is-associated:not(.is-selected) .navigation-item-copy>strong{color:#587337}
.navigation-result-options article.is-associated:not(.is-selected){
  border-color:#9fbe78;
  background:linear-gradient(180deg,#fbfdf6,#edf5e3);
  box-shadow:0 0 0 1px rgba(111,151,72,.10);
}
.navigation-result-options article.is-associated:not(.is-selected) strong{color:#587337}

/* ==== v1.3.73 — rotas de permuta Nv. 0–7 ==== */
.navigation-route-stage.is-terminal{border-color:#c9b894;background:linear-gradient(180deg,#faf6ee,#f1eadf)}
.navigation-route-terminal{display:flex;flex:1;min-height:132px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 12px;text-align:center;color:#7f6a56}
.navigation-route-terminal strong{font-size:12px;line-height:1.3;color:#6b543e;overflow-wrap:anywhere}
.navigation-route-terminal small{max-width:180px;font-size:10px;line-height:1.4;color:#94806d;overflow-wrap:anywhere}
.navigation-summary-chain span{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.navigation-route-summary>small{flex:1 1 280px;min-width:0;max-width:520px;overflow-wrap:anywhere}
@media (max-width:720px){
  .navigation-toolbar label{min-width:0!important}
  .navigation-hint{min-width:0;margin-left:0}
}


/* ==== v1.3.74 — Navegação refinada ==== */
#view-navegacao .navigation-page-title{
  background:linear-gradient(90deg,rgba(255,248,239,.02) 0%,rgba(255,248,239,.08) 22%,rgba(255,248,239,.74) 54%,rgba(255,248,239,.96) 100%),url("assets/headers/navegacao-header.png") left 30%/cover no-repeat!important;
}
#view-navegacao .navigation-page-title > div:first-child{
  margin-left:auto!important;
  margin-right:2.5%!important;
}
@media (max-width:760px){
  #view-navegacao .navigation-page-title{
    height:auto!important;
    min-height:200px!important;
    max-height:none!important;
    padding:12px!important;
    background:linear-gradient(180deg,rgba(255,249,241,.78) 0%,rgba(255,249,241,.90) 52%,rgba(255,249,241,.96) 100%),url("assets/headers/navegacao-header.png") left center/cover no-repeat!important;
  }
  #view-navegacao .navigation-page-title > div:first-child{
    width:calc(100% - 8px)!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0 4px 0 auto!important;
  }
}
.navigation-route-item .navigation-item-copy{min-width:0}
.navigation-route-item .navigation-item-copy strong{display:block;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.navigation-route-item .navigation-item-copy small{display:block;margin-top:4px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;color:#7c6855}
.navigation-route-item.is-selected .navigation-item-copy small,.navigation-route-item.is-associated .navigation-item-copy small{color:#5f7440}
.navigation-route-item.is-selected,.navigation-route-item.is-associated{opacity:1}


/* ==== v1.3.75 — Materiais de navegação vinculados à permuta ==== */
.navigation-material-item.is-associated:not(.is-selected){
  border-color:#9fbe78;
  background:linear-gradient(180deg,#fbfdf6,#edf5e3);
  box-shadow:0 0 0 1px rgba(111,151,72,.10),0 4px 10px rgba(80,112,47,.06);
}
.navigation-material-item.is-associated:not(.is-selected):hover{
  border-color:#789d51;
  background:linear-gradient(180deg,#f5faec,#e4f0d5);
}
.navigation-material-item.is-associated strong{color:#587337}
.navigation-material-item.is-no-barter small{color:#9a8878}
.navigation-route-material-end{background:linear-gradient(180deg,#f7f3e9,#eef2e4)!important}
.navigation-route-material-end strong{color:#587337!important}

/* ==== v1.3.77 — dados oficiais PT-BR e materiais de navegação ==== */
.navigation-item-meta,
.navigation-material-meta{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:2px!important;
  margin-top:5px!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.navigation-item-meta>span,
.navigation-material-meta>span{display:block;min-width:0;line-height:1.32}
.navigation-material-item{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
  min-height:56px!important;
  overflow:hidden!important;
}
.navigation-material-item .navigation-item-copy{min-width:0}
.navigation-material-item .navigation-item-copy>strong{
  display:block!important;
  font-size:11.5px!important;
  line-height:1.28!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.navigation-material-item .navigation-item-copy>small{font-size:9.5px!important;color:#806d5b!important}
.navigation-material-item.is-selected .navigation-item-copy>small,
.navigation-material-item.is-associated .navigation-item-copy>small{color:#5f7440!important}
.navigation-material-stage>header{min-height:66px}
.navigation-material-stage>header strong{font-size:11.5px;line-height:1.25}


/* ==== v1.3.78 — Carraca/Panokseon e ícones de navegação ==== */
.navigation-material-item .navigation-item-visual{flex:0 0 34px}


/* ==== v1.3.80 — oficina de navios refinada ==== */
.navigation-ship-card-head{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:9px;align-items:center;padding:13px}
.navigation-ship-toggle{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
.navigation-ship-toggle:hover .navigation-ship-mark{transform:translateY(-1px)}
.navigation-ship-toggle > span:last-child{min-width:0}
.navigation-ship-toggle small{display:block;color:#8c7560;font-size:9.5px;text-transform:uppercase;letter-spacing:.04em}
.navigation-ship-toggle h3{margin:3px 0 0;color:#553925;font-size:15px;line-height:1.2}
.navigation-ship-materials{list-style:none;margin:0;padding:0 13px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.navigation-ship-materials li{padding:0;border-bottom:0}
.navigation-ship-material-box{display:flex;align-items:center;gap:8px;min-height:56px;padding:8px 10px;border:1px solid #d8c09d;border-radius:12px;background:linear-gradient(180deg,#fffaf3,#f2e6d5)}
.navigation-ship-material-box .navigation-item-visual{flex:0 0 34px}
.navigation-ship-material-copy{display:flex;flex-direction:column;min-width:0}
.navigation-ship-material-copy strong{display:block;color:#5a3a23;font-size:11px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.navigation-ship-material-copy small{display:block;margin-top:3px;color:#6f8b48;font-size:10px;font-weight:800}


/* ==== v1.3.81 — tooltips por ícone + ajuste fino da Navegação ==== */
#view-navegacao *,#view-navegacao *::before,#view-navegacao *::after{box-sizing:border-box}
#view-navegacao .card,#view-navegacao .navigation-section-head,#view-navegacao .navigation-toolbar,#view-navegacao .navigation-route-summary{min-width:0;max-width:100%}
.navigation-tooltip-trigger{position:relative;cursor:help!important;overflow:hidden;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease,transform .14s ease!important}
.navigation-tooltip-trigger:hover,.navigation-tooltip-trigger.is-active{border-color:#86a65b!important;background:linear-gradient(145deg,#f7fbeF,#e6f0d8)!important;box-shadow:0 0 0 2px rgba(111,151,72,.13),0 3px 8px rgba(80,112,47,.10)!important;transform:translateY(-1px)}
.navigation-tooltip-trigger:focus-visible{outline:2px solid #789d51!important;outline-offset:2px!important}
.navigation-material-item{min-width:0!important;max-width:100%!important}
.navigation-material-item .navigation-item-copy,.navigation-material-item .navigation-item-copy>*{min-width:0!important;max-width:100%!important}
.navigation-material-item .navigation-item-copy>strong,.navigation-material-meta>span{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
.navigation-material-stage,.navigation-route-stage{min-width:0!important}
.navigation-material-stage>header,.navigation-route-stage>header{min-width:0!important}
.navigation-material-stage>header>div,.navigation-route-stage>header>div{min-width:0!important;max-width:100%!important}
.navigation-material-stage>header strong,.navigation-route-stage>header strong{white-space:normal!important;overflow-wrap:anywhere!important}
.navigation-ship-grid{align-items:start}
.navigation-ship-card{min-width:0!important;max-width:100%!important}
.navigation-ship-card-head{min-width:0!important;max-width:100%!important}
.navigation-ship-toggle{min-width:0!important;max-width:100%!important;overflow:hidden}
.navigation-ship-toggle>span:last-child{min-width:0!important;max-width:100%!important;overflow:hidden}
.navigation-ship-toggle h3,.navigation-ship-toggle small{white-space:normal!important;overflow-wrap:anywhere!important}
.navigation-ship-card details{min-width:0!important;max-width:100%!important;overflow:hidden}
.navigation-ship-card summary{min-width:0!important;max-width:100%!important;gap:8px;white-space:normal!important}
.navigation-ship-card summary>span{flex:0 0 auto;white-space:nowrap!important}
.navigation-ship-materials{width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 12px 12px!important}
.navigation-ship-materials li{min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important}
.navigation-ship-material-box{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:58px!important;padding:8px!important;overflow:hidden!important}
.navigation-ship-material-box .navigation-item-visual{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex:0 0 34px!important}
.navigation-ship-material-copy{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.navigation-ship-material-copy strong{display:block!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:10.5px!important;line-height:1.22!important}
.navigation-ship-material-copy small{white-space:nowrap!important;line-height:1.2!important}
.navigation-route-summary>div,.navigation-route-summary>small{min-width:0!important;max-width:100%!important}
.navigation-summary-chain{min-width:0!important;max-width:100%!important}
.navigation-summary-chain span{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
@media (max-width:1220px){.navigation-ship-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:900px){.navigation-ship-materials{grid-template-columns:1fr!important}}
@media (max-width:720px){.navigation-ship-grid{grid-template-columns:1fr!important}.navigation-ship-materials{grid-template-columns:1fr!important;padding-left:10px!important;padding-right:10px!important}.navigation-ship-card-head{padding:11px!important}}
/* v1.3.81 — proteção adicional contra estouro horizontal */
#view-navegacao .navigation-section-head>div:first-child{min-width:0;max-width:100%}
#view-navegacao .navigation-section-head h2,#view-navegacao .navigation-section-head p{max-width:100%;overflow-wrap:anywhere}
#view-navegacao .navigation-actions{max-width:100%;flex-wrap:wrap}
#view-navegacao .navigation-toolbar>*{min-width:0;max-width:100%}
#view-navegacao .navigation-toolbar input{width:100%;max-width:100%}
#view-navegacao .navigation-source-note span,#view-navegacao .navigation-source-note small{min-width:0;max-width:100%;overflow-wrap:anywhere}
#view-navegacao .navigation-planner-card,#view-navegacao .navigation-material-card,#view-navegacao .navigation-ships-card,#view-navegacao .navigation-source-note{overflow:hidden}
#view-navegacao .navigation-route-shell,#view-navegacao .navigation-material-shell{max-width:100%}




/* ==== v1.3.92 — ícones oficiais dos navios + materiais no padrão da Oficina ==== */
.navigation-ship-mark{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:3px!important;border-radius:10px!important;background:linear-gradient(180deg,#fff9ef,#efe1ca)!important;border:1px solid #d8c09d!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;overflow:hidden!important}
.navigation-ship-mark .navigation-item-icon{width:36px!important;height:36px!important;object-fit:contain!important}
.navigation-ship-mark .navigation-item-fallback{width:34px!important;height:34px!important}
.navigation-ship-card summary{justify-content:flex-start!important}
.navigation-ship-material-box{min-height:40px!important;padding:5px 7px!important;border-radius:9px!important;background:rgba(255,250,243,.72)!important;border:1px solid rgba(215,194,163,.72)!important;grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important}
.navigation-ship-material-box .navigation-item-visual{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;flex:0 0 24px!important;border-radius:6px!important}
.navigation-ship-material-box .navigation-item-icon{width:20px!important;height:20px!important}
.navigation-ship-material-line{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;color:#685544!important;font-size:10.5px!important;line-height:1.25!important}
.navigation-ship-material-count{flex:0 0 auto!important;color:#5e7f37!important;font-size:9.5px!important;font-weight:800!important;white-space:nowrap!important}
.navigation-ship-material-line>span:last-child{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.navigation-ship-material-box:hover{background:#f6fbef!important;border-color:#b7c995!important}
@media (max-width:900px){.navigation-ship-material-line>span:last-child{white-space:normal!important;overflow-wrap:anywhere!important}}


.navigation-ship-material-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
.navigation-ship-material-refine{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;border-radius:999px;background:#d8efe0;border:1px solid #9ac2a7;color:#4f8b63;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}
.navigation-ship-material-line > span:last-child{min-width:0;overflow-wrap:anywhere}


/* ==== v1.3.96 — cronômetros de permuta + rota personalizada ==== */
#view-navegacao .navigation-page-title{position:relative!important}
.navigation-refresh-timers{
  position:absolute;left:16px;bottom:14px;z-index:3;
  display:flex;flex-direction:column;gap:5px;
  width:min(305px,calc(100% - 32px));
  padding:7px 8px;border:1px solid rgba(222,194,151,.86);border-radius:12px;
  background:rgba(255,250,241,.90);box-shadow:0 6px 16px rgba(70,48,28,.10);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)
}
.navigation-refresh-timers button{
  appearance:none;border:0;background:transparent;padding:2px 3px;margin:0;width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  color:#64462f;font:inherit;text-align:left;cursor:pointer;border-radius:7px
}
.navigation-refresh-timers button:hover{background:rgba(119,148,76,.09)}
.navigation-refresh-timers button span{font-size:10px;line-height:1.2;font-weight:700;white-space:nowrap}
.navigation-refresh-timers button strong{font-size:12px;line-height:1;font-variant-numeric:tabular-nums;color:#6d8c42;letter-spacing:.03em}
.navigation-refresh-timers button.is-ready strong{color:#a47742}
.navigation-refresh-timers button.is-running strong{color:#527d35}
.navigation-ship-material-refine{padding-left:4px!important;padding-right:4px!important}
.navigation-route-item.is-selected{position:relative}
.navigation-route-item.is-selected::after{
  content:'✓';position:absolute;top:4px;right:5px;display:grid;place-items:center;
  width:14px;height:14px;border-radius:50%;background:#668c42;color:#fff;font-size:8px;font-weight:900;
  box-shadow:0 1px 4px rgba(58,83,36,.22)
}
@media (max-width:760px){
  .navigation-refresh-timers{position:relative;left:auto;bottom:auto;margin:8px 0 0;width:100%;box-sizing:border-box}
  #view-navegacao .navigation-page-title{display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
  #view-navegacao .navigation-page-title > div:first-child{margin-top:72px!important}
}


/* ==== v1.3.99 — seleção exclusiva de materiais + revisão fina da UI ==== */
#view-navegacao{
  --nav-card-gap:16px;
  --nav-radius-lg:20px;
  --nav-radius-md:14px;
  --nav-text:#644d3b;
  --nav-muted:#887363;
}
#view-navegacao .navigation-planner-card,
#view-navegacao .navigation-material-card,
#view-navegacao .navigation-ships-card,
#view-navegacao .navigation-source-note{
  margin-top:var(--nav-card-gap)!important;
  padding:20px!important;
  border-radius:var(--nav-radius-lg)!important;
}
#view-navegacao .navigation-section-head{
  align-items:flex-start!important;
  gap:16px!important;
  margin-bottom:12px!important;
}
#view-navegacao .navigation-section-head h2{
  margin:3px 0 5px!important;
  font-size:20px!important;
  line-height:1.18!important;
  letter-spacing:-.01em!important;
}
#view-navegacao .navigation-section-head p{
  margin:0!important;
  max-width:920px!important;
  font-size:12px!important;
  line-height:1.5!important;
  color:var(--nav-muted)!important;
}
#view-navegacao .navigation-actions .btn{
  min-height:34px!important;
  padding:7px 11px!important;
  font-size:10.5px!important;
  line-height:1.15!important;
}
#view-navegacao .navigation-toolbar{
  display:grid!important;
  grid-template-columns:minmax(220px,320px) minmax(0,1fr)!important;
  align-items:end!important;
  gap:14px!important;
  margin:12px 0 14px!important;
  padding:11px 12px!important;
  border-radius:14px!important;
}
#view-navegacao .navigation-toolbar label{
  min-width:0!important;
  width:100%!important;
  gap:5px!important;
  font-size:10.5px!important;
  line-height:1.2!important;
}
#view-navegacao .navigation-toolbar input{
  width:100%!important;
  height:36px!important;
  padding:0 11px!important;
  border-radius:10px!important;
  font-size:11px!important;
}
#view-navegacao .navigation-hint{
  min-width:0!important;
  margin:0!important;
  padding-bottom:2px!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  color:var(--nav-muted)!important;
}
#view-navegacao .navigation-route-grid{gap:9px!important}
#view-navegacao .navigation-material-grid{gap:9px!important}
#view-navegacao .navigation-route-stage,
#view-navegacao .navigation-material-stage{
  border-radius:15px!important;
}
#view-navegacao .navigation-route-stage>header,
#view-navegacao .navigation-material-stage>header{
  min-height:70px!important;
  padding:10px!important;
  gap:8px!important;
  align-items:flex-start!important;
}
#view-navegacao .navigation-route-stage>header>span,
#view-navegacao .navigation-material-stage>header>span{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
#view-navegacao .navigation-route-stage header strong,
#view-navegacao .navigation-material-stage header strong{
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
#view-navegacao .navigation-route-stage header small,
#view-navegacao .navigation-material-stage header small{
  margin-top:2px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
}
#view-navegacao .navigation-route-list,
#view-navegacao .navigation-material-list{
  gap:6px!important;
  padding:8px!important;
}
#view-navegacao .navigation-route-item,
#view-navegacao .navigation-material-item{
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  min-height:58px!important;
  padding:7px!important;
  border-radius:10px!important;
}
#view-navegacao .navigation-route-item .navigation-item-visual,
#view-navegacao .navigation-material-item .navigation-item-visual{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  flex:0 0 32px!important;
  border-radius:8px!important;
}
#view-navegacao .navigation-route-item .navigation-item-icon,
#view-navegacao .navigation-material-item .navigation-item-icon{
  width:28px!important;
  height:28px!important;
}
#view-navegacao .navigation-route-item .navigation-item-copy>strong,
#view-navegacao .navigation-material-item .navigation-item-copy>strong{
  font-size:10.5px!important;
  line-height:1.24!important;
  font-weight:800!important;
}
#view-navegacao .navigation-route-item .navigation-item-copy>small,
#view-navegacao .navigation-material-item .navigation-item-copy>small,
#view-navegacao .navigation-material-meta{
  margin-top:3px!important;
  font-size:9px!important;
  line-height:1.25!important;
}
#view-navegacao .navigation-route-summary{
  gap:10px!important;
  margin-top:10px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}
#view-navegacao .navigation-route-summary b{font-size:10.5px!important}
#view-navegacao .navigation-route-summary>small{
  font-size:10px!important;
  line-height:1.4!important;
}
#view-navegacao .navigation-summary-chain{gap:4px!important}
#view-navegacao .navigation-summary-chain span{
  padding:4px 6px!important;
  border-radius:7px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
}
/* Quando um material é escolhido, todos os demais itens desaparecem. Mantemos
   somente os cabeçalhos das categorias para preservar a estrutura visual. */
#view-navegacao .navigation-material-grid.has-exclusive-selection .navigation-material-stage.is-empty-selection .navigation-material-list{
  min-height:58px!important;
  max-height:58px!important;
  overflow:hidden!important;
}
#view-navegacao .navigation-material-grid.has-exclusive-selection .navigation-material-stage.is-empty-selection .navigation-material-list::after{
  content:'—';
  display:grid;
  place-items:center;
  min-height:42px;
  color:#baa890;
  font-size:12px;
}
#view-navegacao .navigation-ship-grid{gap:10px!important}
#view-navegacao .navigation-ship-card{border-radius:15px!important}
#view-navegacao .navigation-ship-card-head{padding:11px!important;gap:8px!important}
#view-navegacao .navigation-ship-toggle{grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important}
#view-navegacao .navigation-ship-mark{width:40px!important;height:40px!important;border-radius:9px!important}
#view-navegacao .navigation-ship-mark .navigation-item-icon{width:34px!important;height:34px!important}
#view-navegacao .navigation-ship-toggle small{font-size:9px!important;line-height:1.2!important}
#view-navegacao .navigation-ship-toggle h3{font-size:13px!important;line-height:1.22!important}
#view-navegacao .navigation-ship-card summary{padding:9px 11px!important;font-size:10.5px!important;line-height:1.25!important}
#view-navegacao .navigation-ship-materials{gap:6px!important;padding:0 10px 10px!important}
#view-navegacao .navigation-ship-material-box{min-height:40px!important;padding:5px 6px!important}
#view-navegacao .navigation-ship-material-line{gap:4px!important;font-size:10px!important;line-height:1.25!important}
#view-navegacao .navigation-ship-material-count{font-size:9px!important}
#view-navegacao .navigation-ship-material-refine{font-size:9px!important;padding:1px 4px!important}
#view-navegacao .navigation-source-note{
  gap:6px!important;
  font-size:10px!important;
  line-height:1.35!important;
}
#view-navegacao .navigation-source-note span{padding:4px 7px!important;border-radius:8px!important}
#view-navegacao .navigation-source-note small{font-size:9.5px!important;line-height:1.4!important}
@media (max-width:760px){
  #view-navegacao .navigation-planner-card,
  #view-navegacao .navigation-material-card,
  #view-navegacao .navigation-ships-card,
  #view-navegacao .navigation-source-note{padding:14px!important;border-radius:16px!important}
  #view-navegacao .navigation-toolbar{grid-template-columns:1fr!important;gap:9px!important}
  #view-navegacao .navigation-section-head{gap:10px!important}
  #view-navegacao .navigation-section-head h2{font-size:18px!important}
}


/* ==== v1.4.00 — Perfil: oficina de navios alinhada às oficinas favoritas ==== */
#view-navegacao .navigation-ship-material-line{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;min-width:0!important;width:100%!important;}
#view-navegacao .navigation-ship-material-count{flex:0 0 auto!important;white-space:nowrap!important;color:#5e7f37!important;font-size:10px!important;}
#view-navegacao .navigation-ship-material-line>span:last-child{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10.5px!important;line-height:1.25!important;}
#view-navegacao .navigation-ship-material-refine{flex:0 0 auto!important;}

#view-perfil .navigation-favorites-card{min-width:0!important;}
#view-perfil .navigation-favorites-heading{margin-bottom:0!important;align-items:flex-start!important;}
#view-perfil .navigation-favorites-heading h2{margin:0!important;color:inherit!important;font-size:inherit!important;}
#view-perfil .navigation-favorites-heading p{margin:4px 0 0!important;color:#7b6958!important;font-size:inherit!important;line-height:1.45!important;}
#view-perfil .navigation-favorites-grid{margin-top:16px!important;display:grid!important;grid-template-columns:repeat(auto-fill,216px)!important;justify-content:start!important;align-items:start!important;gap:12px!important;}
#view-perfil .navigation-profile-ship.favorite-recipe-item{width:216px!important;height:184px!important;min-width:216px!important;max-width:216px!important;min-height:184px!important;max-height:184px!important;padding:10px!important;gap:7px!important;border:1px solid var(--brand-line)!important;border-radius:11px!important;background:linear-gradient(180deg,#fffdf9,#f6ead8)!important;box-shadow:0 5px 14px rgba(86,57,34,.05)!important;overflow:hidden!important;}
#view-perfil .navigation-profile-ship-main{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;min-width:0!important;}
#view-perfil .navigation-profile-ship-main>div{min-width:0!important;}
#view-perfil .navigation-profile-ship-main strong{display:block!important;color:#5b341e!important;font-size:12.5px!important;line-height:1.23!important;max-height:32px!important;overflow:hidden!important;overflow-wrap:anywhere!important;}
#view-perfil .navigation-profile-ship-main small{display:block!important;margin-top:2px!important;color:#887462!important;font-size:9.5px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.navigation-profile-ship-icon{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border-radius:8px;overflow:hidden;background:#f1e5d4;border:1px solid #d8c09d;}
.navigation-profile-ship-icon .navigation-item-icon{width:32px!important;height:32px!important;object-fit:contain!important;}
.navigation-profile-ship-icon.large{width:40px;height:40px;min-width:40px;border-radius:9px;}
.navigation-profile-ship-icon.large .navigation-item-icon{width:38px!important;height:38px!important;}
#view-perfil .navigation-profile-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 22px!important;gap:5px!important;}
#view-perfil .navigation-profile-actions .btn.small{min-height:27px!important;height:27px!important;padding:3px 6px!important;font-size:9.5px!important;border-radius:8px!important;}
#view-perfil .navigation-profile-search{background:linear-gradient(180deg,#fffdf9,#f4eadb)!important;color:#654b37!important;border-color:#ccb995!important;}
#view-perfil .navigation-profile-search:hover{background:linear-gradient(180deg,#f7f9ef,#e9f0da)!important;border-color:#9eb675!important;color:#526b34!important;}
#view-perfil .navigation-profile-workshop{background:linear-gradient(180deg,#f3f7e9,#e5edd7)!important;color:#526d31!important;border-color:#a8bd83!important;}
#view-perfil .navigation-profile-workshop:hover,#view-perfil .navigation-profile-workshop.is-active{background:linear-gradient(180deg,#eaf2db,#dce9c6)!important;border-color:#7f9b52!important;color:#435d25!important;box-shadow:0 0 0 2px rgba(113,145,70,.10)!important;}
#view-perfil .navigation-profile-remove{display:grid!important;place-items:center!important;width:22px!important;height:27px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer!important;}
#view-perfil .navigation-profile-remove .favorite-star-icon{width:20px!important;height:20px!important;object-fit:contain!important;}
.navigation-ship-craft-tooltip .favorite-craft-material-open{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;border:0!important;background:transparent!important;padding:0!important;text-align:left!important;color:inherit!important;font:inherit!important;cursor:pointer!important;}
.navigation-ship-craft-tooltip .favorite-craft-material-open>.item-icon{width:32px!important;height:32px!important;min-width:32px!important;}
.navigation-ship-craft-tooltip .favorite-craft-material-open>.navigation-item-icon{width:32px!important;height:32px!important;min-width:32px!important;object-fit:contain!important;}
.navigation-ship-craft-tooltip .favorite-craft-material-open .favorite-craft-material-info{min-width:0!important;}
.navigation-ship-card.is-profile-target{border-color:#8da95f!important;box-shadow:0 0 0 3px rgba(113,145,70,.14),0 10px 24px rgba(78,102,46,.12)!important;}
#view-perfil .favorite-recipes-heading h2,#view-perfil .profile-settings-heading h2,#view-perfil .navigation-favorites-heading h2{font-size:19px!important;line-height:1.25!important;margin:4px 0 0!important;color:#5a3b26!important;}
#view-perfil .favorite-recipes-heading p,#view-perfil .profile-settings-heading p,#view-perfil .navigation-favorites-heading p{font-size:12px!important;line-height:1.45!important;margin:4px 0 0!important;color:#7b6958!important;}
@media(max-width:760px){#view-perfil .navigation-favorites-grid{grid-template-columns:1fr!important;}#view-perfil .navigation-profile-ship.favorite-recipe-item{width:100%!important;max-width:none!important;height:auto!important;min-height:184px!important;max-height:none!important;}}
#view-perfil .profile-identity-card>h2,
#view-perfil .bdo-link-heading h2,
#view-perfil .life-skills-heading h2,
#view-perfil .favorite-recipes-heading h2,
#view-perfil .navigation-favorites-heading h2,
#view-perfil .profile-settings-heading h2{font-size:19px!important;line-height:1.25!important;color:#5a3b26!important;}
#view-perfil .profile-identity-card>p,
#view-perfil .bdo-unlinked-state>p,
#view-perfil .favorite-recipes-heading p,
#view-perfil .navigation-favorites-heading p,
#view-perfil .profile-settings-heading p{font-size:12px!important;line-height:1.45!important;color:#7b6958!important;}
#view-perfil .eyebrow{font-size:9.5px!important;line-height:1.2!important;letter-spacing:.08em!important;}

/* v1.4.02 — tooltip de itens na página Recursos */
#view-recursos .resource-item-icon-trigger{display:inline-grid;place-items:center;width:34px;height:34px;min-width:34px;padding:1px;margin:0 10px 0 0;vertical-align:middle;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;cursor:help;line-height:0}
#view-recursos .resource-item-icon-trigger:hover,#view-recursos .resource-item-icon-trigger:focus-visible,#view-recursos .resource-item-icon-trigger.is-active{background:rgba(203,169,104,.12);border-color:rgba(203,169,104,.52);outline:none}
#view-recursos .resources-table td.resource-cell .resource-item-icon-trigger .item-icon{margin-right:0!important;width:30px!important;height:30px!important}
/* Guia rápido compartilhado — Navegação, Horta e Oficinas */
.quick-guide{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 18px;margin:0 0 12px;color:#6d5948;background:linear-gradient(180deg,#fffaf5,#f5ead9);border-color:#dcc6a6}
.quick-guide-copy h2{margin:6px 0 10px;color:#5b341e;font-size:22px}
.quick-guide-steps{margin:0;padding-left:22px;display:grid;gap:8px}
.quick-guide-steps li{color:#6f5946;line-height:1.55;margin:0;padding-left:2px}
.quick-guide-steps li::marker{color:var(--guide-olive,#56772f);font-weight:800}
.quick-guide-steps strong,.quick-guide-tip strong,.quick-guide-example b{color:var(--guide-olive,#56772f);font-weight:800}
.quick-guide-example{display:block;width:fit-content;max-width:100%;margin:7px 0 1px;padding:7px 10px;border:1px solid rgba(86,119,47,.22);border-radius:8px;background:rgba(255,255,255,.42);color:#5d4d3f;font-weight:700}
.quick-guide-tip{margin-top:12px;padding:10px 12px;border-left:3px solid var(--guide-olive,#56772f);border-radius:0 8px 8px 0;background:rgba(86,119,47,.08);color:#665443;line-height:1.5}
@media (max-width:720px){.quick-guide{padding:14px}.quick-guide-copy h2{font-size:20px}.quick-guide-steps{gap:10px;padding-left:20px}.quick-guide-example{width:auto}}


/* Navigation sea hunt map */
.navigation-huntmap-card{padding:16px 18px!important}
.navigation-huntmap-head{align-items:flex-start}
.navigation-huntmap-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:14px;align-items:stretch}
.navigation-huntmap-stage{display:grid;gap:10px;min-width:0}
.navigation-huntmap{position:relative;width:100%;aspect-ratio:2400/1469;min-height:0;border:1px solid rgba(126,101,78,.2);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.03)),linear-gradient(180deg,rgba(15,41,54,.12),rgba(15,41,54,.12)),linear-gradient(180deg,#15435a,#184d62)}
.navigation-huntmap::after{content:'';position:absolute;inset:auto 0 0 0;height:22%;background:linear-gradient(180deg,rgba(6,17,23,0),rgba(6,17,23,.16));pointer-events:none}

.navigation-huntmap-surface{position:absolute;inset:0;transform-origin:top left;transition:transform .32s ease;--hunt-ui-scale:1}
.navigation-huntmap-background{position:absolute;inset:0;background-image:var(--navigation-sea-map-image,url('assets/navigation-ocean-map.webp'));background-position:center;background-repeat:no-repeat;background-size:100% 100%;z-index:0}
.navigation-huntmap-focus-layer{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;pointer-events:none;overflow:visible}
.navigation-huntmap-focus{fill:rgba(0,238,246,.075);stroke:#00f2ff;stroke-width:.34;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 2px rgba(0,242,255,.55));opacity:0;transition:opacity .18s ease}
.navigation-huntmap-focus.is-visible{opacity:1}
.navigation-huntmap-focus.is-line{fill:none;stroke-dasharray:1.6 1.0}
.navigation-huntmap-note{padding:10px 12px;border-radius:12px;background:rgba(86,119,47,.08);border:1px solid rgba(86,119,47,.16);color:#665443;font-size:12.5px;line-height:1.5}
.navigation-huntmap-stage{display:flex;flex-direction:column;min-width:0;height:100%}
.navigation-huntmap-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0;height:100%}
.navigation-huntmap-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px;border:1px solid rgba(126,101,78,.18);border-radius:16px;background:rgba(255,251,246,.92);height:100%;min-height:0}
.navigation-huntmap-panel-head{display:grid;gap:3px}
.navigation-huntmap-panel-head strong{color:#5a351e;font-size:15px}
.navigation-huntmap-panel-head small{color:#7a6654;line-height:1.45}
.navigation-huntmap-legend{min-height:0;overflow:auto}
.navigation-huntmap-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:420px}
.navigation-huntmap-filter{appearance:none;border:1px solid rgba(126,101,78,.18);background:rgba(255,255,255,.82);color:#6a5541;border-radius:999px;padding:8px 12px;font-size:12.5px;font-weight:700;line-height:1;cursor:pointer;transition:all .18s ease}
.navigation-huntmap-filter:hover,.navigation-huntmap-filter:focus-visible{border-color:rgba(86,119,47,.4);color:#4d6728;box-shadow:0 0 0 3px rgba(86,119,47,.12);outline:none}
.navigation-huntmap-filter.is-active{background:linear-gradient(180deg,#5b7d31,#4b6928);border-color:#4b6928;color:#fff;box-shadow:0 10px 20px rgba(75,105,40,.18)}
.navigation-huntmap-legend{display:grid;gap:8px;max-height:610px;overflow:auto;padding-right:4px}
.navigation-huntmap-legend-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(126,101,78,.12);border-radius:12px;background:rgba(255,255,255,.75);cursor:pointer;transition:all .18s ease}
.navigation-huntmap-legend-item:hover,.navigation-huntmap-legend-item:focus-visible{border-color:rgba(86,119,47,.3);transform:translateY(-1px);outline:none}
.navigation-huntmap-legend-item.is-active{border-color:rgba(86,119,47,.5);background:rgba(86,119,47,.08);box-shadow:0 10px 24px rgba(86,119,47,.10)}
.navigation-huntmap-legend-item.is-muted{opacity:.48}
.navigation-huntmap-legend-media{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px rgba(126,101,78,.12),0 8px 16px rgba(14,25,32,.12);overflow:hidden}
.navigation-huntmap-legend-copy{display:grid;gap:2px;min-width:0}
.navigation-huntmap-legend-copy strong{color:#5d3a21;font-size:13px;line-height:1.25}
.navigation-huntmap-legend-copy span{color:#7a6654;font-size:11.5px;line-height:1.35}.navigation-huntmap-legend-summary{display:none}.navigation-huntmap-legend-item.is-active .navigation-huntmap-legend-summary{display:block}
.navigation-huntmap-legend-count{display:none;font-size:11.5px;font-weight:800;color:#7f694f;white-space:nowrap}.navigation-huntmap-legend-item.is-active .navigation-huntmap-legend-count{display:block}
.navigation-huntmap-overlay{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;pointer-events:none}
.navigation-huntmap-route{pointer-events:auto;vector-effect:non-scaling-stroke;fill:rgba(0,238,246,.11);stroke:#00f2ff;stroke-width:calc(var(--route-weight,1) * .38px);stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 6px 12px rgba(5,21,31,.22));cursor:pointer;transition:fill .18s ease,stroke-width .18s ease,opacity .18s ease}
.navigation-huntmap-route.is-polyline{fill:none;stroke-width:calc(var(--route-weight,1) * .8px)}
.navigation-huntmap-route.is-dashed{stroke-dasharray:1.7 1.1;animation:navigationSeaHuntDash 10s linear infinite}
.navigation-huntmap-route:hover,.navigation-huntmap-route:focus-visible,.navigation-huntmap-route.is-active{fill:rgba(0,238,246,.16);stroke-width:calc(var(--route-weight,1) * .58px);outline:none}
.navigation-huntmap-route.is-polyline:hover,.navigation-huntmap-route.is-polyline:focus-visible,.navigation-huntmap-route.is-polyline.is-active{stroke-width:calc(var(--route-weight,1) * 1.05px)}
.navigation-huntmap-route.hidden{display:none}
@keyframes navigationSeaHuntDash{from{stroke-dashoffset:0}to{stroke-dashoffset:-20}}

.navigation-huntmap-marker{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);translate:calc(-50% + var(--offset-px-x,0px)) calc(-50% + var(--offset-px-y,0px));scale:var(--hunt-ui-scale,1);transform:none;transform-origin:center;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;cursor:pointer;background:transparent;z-index:4;transition:scale .18s ease}
.navigation-huntmap-marker-core{display:grid;place-items:center;width:100%;height:100%;border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 0 0 2px rgba(0,242,255,.35),0 10px 18px rgba(10,22,31,.30);overflow:hidden;transition:transform .18s ease, box-shadow .18s ease}
.navigation-huntmap-marker:hover .navigation-huntmap-marker-core,.navigation-huntmap-marker:focus-visible .navigation-huntmap-marker-core,.navigation-huntmap-marker.is-active .navigation-huntmap-marker-core{transform:scale(1.12);box-shadow:0 0 0 3px rgba(0,242,255,.48),0 12px 20px rgba(10,22,31,.32)}
.navigation-huntmap-marker.hidden{display:none}
.navigation-huntmap-marker-label{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);padding:3px 8px;border-radius:999px;background:rgba(11,28,39,.78);color:#f4eee5;font-size:10px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 6px 12px rgba(4,15,23,.18);pointer-events:none}
.navigation-huntmap-marker[data-type="king-whale"]{width:30px;height:30px}
.navigation-huntmap-marker[data-type="king-whale"] .navigation-huntmap-marker-core{border-radius:13px}

.navigation-huntmap-visual{display:grid;place-items:center;width:100%;height:100%}
.navigation-huntmap-visual img{display:block;width:100%;height:100%;object-fit:contain}
.navigation-huntmap-visual--item .navigation-item-icon{display:block;width:100%;height:100%;object-fit:contain;padding:2px}
.navigation-huntmap-visual--item .navigation-item-fallback{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:var(--marker-color,#789);color:#fff;font-size:12px}
.navigation-huntmap-visual--fallback{border-radius:50%;background:var(--marker-color,#789)}
.navigation-huntmap-visual--legend{width:100%;height:100%}
.navigation-huntmap-visual--tooltip{width:26px;height:26px;min-width:26px;border-radius:9px;background:rgba(255,255,255,.95);box-shadow:inset 0 0 0 1px rgba(126,101,78,.12),0 5px 9px rgba(18,27,34,.10);overflow:hidden}
.navigation-huntmap-landmark{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);translate:-50% -50%;scale:var(--hunt-ui-scale,1);transform:none;transform-origin:center;z-index:6;width:0;height:0;pointer-events:none;transition:scale .18s ease}
.navigation-huntmap-landmark::before{content:'';position:absolute;left:0;top:0;width:8px;height:8px;border-radius:50%;translate:-50% -50%;background:#2e9bff;box-shadow:0 0 0 2px rgba(255,255,255,.75),0 0 0 5px rgba(46,155,255,.18)}
.navigation-huntmap-landmark-label{position:absolute;left:6px;top:0;translate:calc(var(--label-offset-x,0px)) calc(-50% + var(--label-offset-y,-13px));display:inline-flex;align-items:center;max-width:140px;padding:2px 6px;border-radius:999px;background:rgba(11,28,39,.62);backdrop-filter:blur(4px);color:#f4eee5;font-size:10px;font-weight:700;letter-spacing:.01em;line-height:1.1;white-space:nowrap;box-shadow:0 8px 14px rgba(4,15,23,.15);z-index:7}
.navigation-huntmap-landmark.is-island{scale:calc(var(--hunt-island-ui-scale,1) * var(--hunt-island-font-scale,1))}
.navigation-huntmap-landmark.is-island .navigation-huntmap-landmark-label{font-size:9px;padding:2px 5px;max-width:150px;translate:calc(var(--label-offset-x,0px) + var(--island-auto-x,0px)) calc(-50% + var(--label-offset-y,-13px) + var(--island-auto-y,0px));transition:translate .12s ease,font-size .12s ease}
.navigation-huntmap-tooltip{position:absolute;z-index:5;min-width:146px;max-width:min(184px,calc(100% - 22px));padding:6px 7px;border-radius:10px;border:1px solid rgba(87,65,45,.16);background:rgba(255,251,245,.97);box-shadow:0 11px 22px rgba(34,24,18,.18);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .14s ease, transform .14s ease}
.navigation-huntmap-tooltip.is-visible{opacity:1;transform:translateY(0)}
.navigation-huntmap-tooltip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:5px}
.navigation-huntmap-tooltip-title{display:flex;align-items:flex-start;gap:7px;min-width:0}
.navigation-huntmap-tooltip-head strong{display:block;color:#5b341e;font-size:11px;line-height:1.16}
.navigation-huntmap-tooltip-head span{display:block;margin-top:1px;color:#7a6654;font-size:8.8px;line-height:1.22}
.navigation-huntmap-tooltip-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:999px;background:rgba(86,119,47,.08);color:#5b6f3e;font-size:7.9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.navigation-huntmap-tooltip-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--marker-color,#789)}
.navigation-huntmap-tooltip-grid{display:grid;gap:3px}
.navigation-huntmap-tooltip-row{display:grid;gap:1px}
.navigation-huntmap-tooltip-row small{color:#8c765f;font-size:7.9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.navigation-huntmap-tooltip-row span{color:#6c5745;font-size:9.1px;line-height:1.24}
.navigation-huntmap-tooltip-row--drops{margin-top:1px}
.navigation-huntmap-tooltip-drops{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:2px;max-height:78px;overflow:auto}
.navigation-huntmap-tooltip-drop{display:grid;grid-template-columns:7px 1fr;align-items:start;gap:4px;padding:2px 3px;border-radius:7px;background:rgba(123,96,70,.05)}
.navigation-huntmap-tooltip-drop-name{min-width:0;color:#604734;font-size:8.7px;line-height:1.18}
.navigation-huntmap-tooltip-drop-bullet{width:5px;height:5px;margin-top:3px;border-radius:50%;background:rgba(86,119,47,.72);box-shadow:0 0 0 1px rgba(86,119,47,.10)}
.navigation-huntmap-tooltip-drop-note{display:block;margin-top:3px;padding-top:3px;border-top:1px solid rgba(123,96,70,.10);color:#8b765f!important;font-size:7.8px!important;line-height:1.25!important}
.navigation-huntmap-tooltip-meta{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:7px;background:rgba(86,119,47,.055)}
.navigation-huntmap-tooltip-meta span{display:flex;align-items:baseline;gap:5px;min-width:0}
.navigation-huntmap-tooltip-meta small{color:#8c765f;font-size:7.7px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.navigation-huntmap-tooltip-meta b{color:#5e4937;font-size:9px;line-height:1.1}
.navigation-huntmap-tooltip-precision{padding:3px 4px;border-radius:7px;background:rgba(115,139,78,.07);color:#6f765a;font-size:7.8px;line-height:1.22}
.navigation-huntmap-tooltip[data-place="below"]::after,.navigation-huntmap-tooltip[data-place="above"]::after{content:'';position:absolute;left:var(--arrow-left,20px);width:8px;height:8px;background:rgba(255,251,245,.97);border-left:1px solid rgba(87,65,45,.16);border-top:1px solid rgba(87,65,45,.16);transform:rotate(45deg)}
.navigation-huntmap-tooltip[data-place="above"]::after{bottom:-6px;transform:rotate(225deg)}
.navigation-huntmap-tooltip[data-place="below"]::after{top:-6px}
@media (max-width:1180px){.navigation-huntmap-layout{grid-template-columns:1fr}.navigation-huntmap-sidebar{order:-1}.navigation-huntmap-legend{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-huntmap-filters{justify-content:flex-start;max-width:none}}
@media (max-width:780px){.navigation-huntmap-card{padding:15px!important}.navigation-huntmap{aspect-ratio:2400/1469;min-height:0;border-radius:16px}.navigation-huntmap-legend{grid-template-columns:1fr}.navigation-huntmap-tooltip{min-width:0;max-width:min(184px,calc(100% - 14px))}.navigation-huntmap-landmark-label{font-size:9px;padding:2px 5px;max-width:108px}.navigation-huntmap-marker{width:24px;height:24px}.navigation-huntmap-legend-media{width:30px;height:30px}.navigation-huntmap-marker-label{font-size:9px;padding:3px 6px}}

/* ==== v1.4.12 — mapa marítimo: alinhamento zona/ícone e UI antissobreposição no zoom ==== */
.navigation-huntmap{overscroll-behavior:contain}
.navigation-huntmap.is-zoomed{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.navigation-huntmap.is-dragging{cursor:grabbing!important}
.navigation-huntmap.is-dragging .navigation-huntmap-surface{transition:none!important}
.navigation-huntmap.is-zoomed .navigation-huntmap-background,
.navigation-huntmap.is-zoomed .navigation-huntmap-landmark{user-select:none;-webkit-user-select:none}
.navigation-huntmap.is-zoomed .navigation-huntmap-route{cursor:grab}
.navigation-huntmap.is-dragging .navigation-huntmap-route{cursor:grabbing!important}
.navigation-huntmap-marker img{-webkit-user-drag:none;user-select:none}
.navigation-huntmap-marker.is-live .navigation-huntmap-marker-core{box-shadow:0 0 0 3px rgba(83,178,91,.42),0 0 0 7px rgba(83,178,91,.13),0 10px 18px rgba(10,22,31,.30)}
.navigation-huntmap-marker.is-live .navigation-huntmap-marker-label{background:rgba(45,112,54,.9)}
.navigation-huntmap-marker.is-live-unverified .navigation-huntmap-marker-label{background:rgba(128,96,49,.9)}

/* ==== v1.4.12 — planejador de carga, cronômetros com segundos e Meu navio ==== */
#view-navegacao .navigation-header-tools{
  position:absolute;left:16px;bottom:14px;z-index:4;
  display:grid;grid-template-columns:minmax(210px,245px) minmax(300px,1fr);gap:9px;align-items:stretch;
  width:min(610px,calc(100% - 560px));min-width:520px;box-sizing:border-box;
}
#view-navegacao .navigation-header-tools .navigation-refresh-timers{
  position:relative!important;left:auto!important;bottom:auto!important;width:auto!important;margin:0!important;
  display:flex;flex-direction:column;justify-content:center;gap:7px;padding:8px 9px;
  border:1px solid rgba(222,194,151,.90);border-radius:13px;background:rgba(255,250,241,.94);
  box-shadow:0 7px 18px rgba(70,48,28,.11);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)
}
.navigation-refresh-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:27px;padding:2px 3px;color:#64462f}
.navigation-refresh-row>span:first-child{font-size:9.5px;line-height:1.2;font-weight:800;white-space:normal}
.navigation-refresh-control{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.navigation-refresh-control strong{min-width:61px;color:#6d8c42;font-size:11px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.025em;text-align:right}
.navigation-refresh-row.is-ready strong{color:#a47742}.navigation-refresh-row.is-running strong{color:#527d35}
.navigation-refresh-timers .navigation-refresh-play{
  appearance:none!important;display:grid!important;place-items:center!important;flex:0 0 23px!important;width:23px!important;height:23px!important;min-width:23px!important;
  padding:0!important;margin:0!important;border:1px solid #b9cb93!important;border-radius:7px!important;background:linear-gradient(180deg,#f6faef,#e9f2dc)!important;
  color:#587735!important;font:900 9px/1 Arial,sans-serif!important;text-align:center!important;cursor:pointer!important;box-shadow:0 2px 5px rgba(82,111,53,.08)
}
.navigation-refresh-timers .navigation-refresh-play:hover{border-color:#89a85c!important;background:linear-gradient(180deg,#f0f7e5,#dfedcc)!important;transform:translateY(-1px)}
.navigation-refresh-timers .navigation-refresh-play:focus-visible{outline:2px solid rgba(95,132,57,.35);outline-offset:2px}

#view-navegacao .navigation-my-ship{
  box-sizing:border-box;min-width:0;padding:8px 10px!important;border-radius:13px!important;
  border:1px solid rgba(219,196,162,.94)!important;background:rgba(255,250,243,.95)!important;
  box-shadow:0 7px 18px rgba(70,48,28,.11)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)
}
.navigation-my-ship-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}
.navigation-my-ship-head small{display:block;color:#8c7561;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.navigation-my-ship-head h3{margin:1px 0 0;color:#593c27;font-size:13px;line-height:1.1}
.navigation-my-ship-percent{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:22px;padding:0 7px;border-radius:999px;background:#eaf3dc;border:1px solid #b8cd91;color:#527735;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums}
.navigation-my-ship.is-overweight .navigation-my-ship-percent{background:#fae0dc;border-color:#dd9e94;color:#a13f35}
.navigation-my-ship-selects{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.navigation-my-ship-selects label{display:grid;gap:2px;min-width:0;color:#79624e;font-size:8px;font-weight:800}
.navigation-my-ship-selects select{width:100%;height:27px;min-width:0;padding:0 24px 0 7px;border:1px solid #d3ba95;border-radius:7px;background:#fffdf9;color:#5c4330;font-size:8.7px;font-weight:700;outline:none;text-overflow:ellipsis}
.navigation-my-ship-selects select:focus{border-color:#87a55b;box-shadow:0 0 0 2px rgba(120,149,78,.12)}
.navigation-my-ship-selects select:disabled{opacity:.58;cursor:not-allowed;background:#f3eadc}
.navigation-my-ship-weight{margin-top:6px}
.navigation-my-ship-weight-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#705a46;font-size:8.5px;font-weight:900}
.navigation-my-ship-weight-head strong{color:#5f7f3a;font-size:9px;font-variant-numeric:tabular-nums}
.navigation-my-ship-track{height:7px;margin-top:3px;border-radius:999px;background:#ead8be;overflow:hidden;box-shadow:inset 0 1px 2px rgba(80,54,31,.10)}
.navigation-my-ship-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7ea552,#5f893b);transition:width .18s ease,background .18s ease}
.navigation-my-ship-track.is-overweight span{background:linear-gradient(90deg,#cc6e5f,#a83f37);box-shadow:0 0 8px rgba(178,64,53,.28)}
.navigation-my-ship.is-overweight .navigation-my-ship-weight-head strong{color:#a13f35}
.navigation-my-ship-weight>small{display:block;margin-top:3px;color:#8a7460;font-size:7.8px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}

/* O cartão permanece o alvo visual; o botão interno faz a seleção e o campo abaixo controla a carga. */
.navigation-route-item{display:block!important;padding:0!important;min-height:54px!important;overflow:visible!important;cursor:default!important}
.navigation-route-item:hover{transform:translateY(-1px)}
.navigation-route-select{appearance:none;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:start;width:100%;min-height:54px;padding:8px;border:0;border-radius:11px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.navigation-route-select:focus-visible{outline:2px solid rgba(92,130,55,.32);outline-offset:-2px}
.navigation-route-item.is-selected .navigation-route-select{padding-right:27px}
.navigation-barter-cargo{display:grid;gap:5px;margin:0 7px 7px;padding:7px;border-top:1px solid rgba(119,151,75,.20);border-radius:0 0 9px 9px;background:rgba(255,255,255,.45)}
.navigation-barter-cargo label{display:grid;grid-template-columns:minmax(0,1fr) 62px;align-items:center;gap:7px;color:#607244;font-size:8.7px;font-weight:900;line-height:1.2}
.navigation-barter-cargo input{width:62px;height:27px;box-sizing:border-box;border:1px solid #b7ca93;border-radius:7px;background:#fffdf9;color:#4e6337;padding:0 6px;text-align:right;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums;outline:none}
.navigation-barter-cargo input:focus{border-color:#73964a;box-shadow:0 0 0 2px rgba(100,141,59,.14)}
.navigation-barter-cargo small{display:block;color:#708052!important;font-size:8.2px!important;line-height:1.3!important;margin:0!important;overflow-wrap:anywhere}

/* A Navegação reutiliza o mesmo componente visual de tooltip da Zona de Produção/Oficinas. */
#view-navegacao .navigation-tooltip-trigger.workshop-item-trigger:hover{filter:brightness(1.03)}

@media (max-width:1180px){
  #view-navegacao .navigation-header-tools{width:min(570px,calc(100% - 525px));min-width:500px;grid-template-columns:minmax(195px,225px) minmax(285px,1fr);gap:7px}
  .navigation-my-ship-selects select{font-size:8.2px}
}
@media (max-width:1050px){
  #view-navegacao .navigation-page-title{height:auto!important;min-height:360px!important;max-height:none!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:9px!important}
  #view-navegacao .navigation-page-title > div:first-child{width:min(500px,calc(100% - 8px))!important;margin:0 4px 0 auto!important;align-self:flex-end!important}
  #view-navegacao .navigation-header-tools{position:relative;left:auto;bottom:auto;width:100%;min-width:0;grid-template-columns:minmax(210px,.75fr) minmax(330px,1.25fr)}
}
@media (max-width:760px){
  #view-navegacao .navigation-page-title{min-height:0!important;padding:12px!important}
  #view-navegacao .navigation-page-title > div:first-child{margin:78px 0 0!important;width:100%!important}
  #view-navegacao .navigation-header-tools{grid-template-columns:1fr;width:100%}
  #view-navegacao .navigation-header-tools .navigation-refresh-timers{display:grid;grid-template-columns:1fr 1fr}
  .navigation-my-ship-selects{grid-template-columns:1fr}
  .navigation-barter-cargo label{grid-template-columns:1fr 66px}
}
@media (max-width:480px){
  #view-navegacao .navigation-header-tools .navigation-refresh-timers{grid-template-columns:1fr}
}

/* ==== v1.4.13 — revisão final de Zonas de Produção + Recursos ==== */
/* Zonas: 8 colunas úteis, mais espaço de leitura e sem dados técnicos redundantes. */
#view-zonas .zones-table{min-width:0!important;width:100%!important;table-layout:fixed!important}
#view-zonas .zones-table .zcol-node{width:18%!important}
#view-zonas .zones-table .zcol-drop{width:17%!important}
#view-zonas .zones-table .zcol-town{width:13%!important}
#view-zonas .zones-table .zcol-worker{width:9%!important}
#view-zonas .zones-table .zcol-load{width:8%!important}
#view-zonas .zones-table .zcol-daily{width:9%!important}
#view-zonas .zones-table .zcol-eff{width:9%!important}
#view-zonas .zones-table thead tr:first-child th,
#view-zonas .zones-table thead tr:nth-child(2) th{height:auto!important;min-height:38px;padding:9px 8px!important;position:static!important}
#view-zonas .zones-table tbody td{padding:9px 8px!important;font-size:12px!important;color:var(--table-body-text)!important;vertical-align:middle!important}
#view-zonas .zones-table tbody td:nth-child(1),
#view-zonas .zones-table tbody td:nth-child(4),
#view-zonas .zones-table tbody td:nth-child(7),
#view-zonas .zones-table tbody td:nth-child(8){color:var(--table-highlight)!important;font-weight:700!important}
#view-zonas .zones-table .worker-best{overflow:visible!important}
#view-zonas .zones-table .worker-emoji .worker-icon{width:30px!important;height:30px!important}
#view-zonas .zones-table .drop-row{grid-template-columns:18px 34px minmax(0,1fr)!important;gap:5px!important;align-items:center!important}
#view-zonas .zones-table .drop-row .item-icon{width:18px!important;height:18px!important;min-width:18px!important}
#view-zonas .zones-table .drop-row b{font-size:11.5px!important}
#view-zonas .zone-profit-model{white-space:nowrap}
#view-zonas .zones-toolbar-meta{row-gap:8px}

/* Recursos: deixa de usar tabela e passa a seguir o padrão de cartões/listas do site. */
#view-recursos .resources-panel{padding:12px!important;overflow:hidden}
#view-recursos .resources-list-head,
#view-recursos .resource-list-row{display:grid;grid-template-columns:minmax(280px,1fr) 100px 150px 190px;gap:12px;align-items:center}
#view-recursos .resources-list-head{padding:10px 14px;margin-bottom:9px;border:1px solid #d9c5a5;border-radius:13px;background:linear-gradient(180deg,#f0e1c8,#ead5b2);color:var(--table-header-text);font-size:11.5px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
#view-recursos .resources-list-body{display:grid;gap:8px}
#view-recursos .resource-list-row{min-height:70px;padding:10px 14px;border:1px solid #e0ccb0;border-radius:14px;background:linear-gradient(180deg,#fffdf8,#faf1e4);box-shadow:inset 0 1px 0 rgba(255,255,255,.88);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
#view-recursos .resource-list-row:hover{transform:translateY(-1px);border-color:#b8ce8d;box-shadow:0 7px 16px rgba(89,67,45,.08),inset 0 1px 0 rgba(255,255,255,.9)}
#view-recursos .resource-list-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-width:0}
#view-recursos .resource-item-icon-trigger{width:42px;height:42px;min-width:42px;padding:3px;border:1px solid #ddc8a8;border-radius:11px;background:#fffaf2;display:grid;place-items:center;cursor:pointer}
#view-recursos .resource-item-icon-trigger .item-icon{width:34px!important;height:34px!important;min-width:34px!important;margin:0!important}
#view-recursos .resource-list-copy{min-width:0}
#view-recursos .resource-list-copy>strong{display:block;color:#5e4634;font-size:13px;line-height:1.28;overflow-wrap:anywhere}
#view-recursos .resource-source-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
#view-recursos .resource-source-badge{display:inline-flex;align-items:center;min-height:19px;padding:2px 7px;border:1px solid #d5c2a5;border-radius:999px;background:#f6ead8;color:#7a654e;font-size:9.5px;font-weight:800;line-height:1}
#view-recursos .resource-list-metric{min-width:0;color:#6f5946;font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums}
#view-recursos .resource-list-metric>strong{color:#56772f;font-size:12.5px}
#view-recursos .resource-list-metric.market-stock>strong{font-weight:800}
#view-recursos .resources-empty{padding:24px;text-align:center}

@media (max-width:980px){
  #view-zonas .zones-toolbar{grid-template-columns:1fr 1fr!important}
  #view-recursos .resources-list-head,
  #view-recursos .resource-list-row{grid-template-columns:minmax(240px,1fr) 80px 130px 160px;gap:8px}
}

@media (max-width:780px){
  /* Zonas vira uma lista de cartões no celular: sem rolagem horizontal e sem texto espremido. */
  #view-zonas .zones-toolbar{grid-template-columns:1fr!important;gap:9px!important}
  #view-zonas .zone-sort-wrap{width:100%}
  #view-zonas .zones-toolbar-meta{display:grid!important;grid-template-columns:1fr auto;align-items:center}
  #view-zonas .zones-toolbar-meta .worker-legend{grid-column:1/-1;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-inline:contain;padding:3px 2px 7px;gap:10px!important;scrollbar-width:thin}
  #view-zonas .zones-toolbar-meta .worker-legend-item{flex:0 0 auto}
  #view-zonas .zone-profit-model{grid-column:1/-1;justify-self:start;white-space:normal}
  #view-zonas .zones-table-wrap{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  #view-zonas .zones-table,#view-zonas .zones-table tbody{display:block!important;width:100%!important}
  #view-zonas .zones-table thead,#view-zonas .zones-table colgroup{display:none!important}
  #view-zonas .zones-table tbody{display:grid!important;gap:11px!important}
  #view-zonas .zones-table tbody tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important;border:1px solid #dcc7a8;border-radius:15px;background:linear-gradient(180deg,#fffdf8,#f8eddd);overflow:hidden;box-shadow:0 4px 12px rgba(87,65,43,.07)}
  #view-zonas .zones-table tbody td{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-start;gap:5px;min-height:58px;padding:10px!important;border:0!important;border-bottom:1px solid rgba(214,192,159,.58)!important;white-space:normal!important;overflow:visible!important;font-size:11.5px!important}
  #view-zonas .zones-table tbody td:nth-child(odd){border-right:1px solid rgba(214,192,159,.58)!important}
  #view-zonas .zones-table tbody td:first-child{grid-column:1/-1;min-height:auto;background:rgba(236,220,194,.52);border-right:0!important}
  #view-zonas .zones-table tbody td:nth-child(2),
  #view-zonas .zones-table tbody td:nth-child(3){grid-column:1/-1;border-right:0!important}
  #view-zonas .zones-table tbody td:nth-last-child(-n+2){border-bottom:0!important}
  #view-zonas .zones-table tbody td::before{content:attr(data-label);display:block;color:#8a735d;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;line-height:1.2}
  #view-zonas .zones-table .node-name{font-size:13px!important;line-height:1.28!important}
  #view-zonas .zones-table .drop-row{grid-template-columns:20px 40px minmax(0,1fr)!important;gap:6px!important;width:100%}
  #view-zonas .zones-table .drop-row .item-icon{width:20px!important;height:20px!important;min-width:20px!important}
  #view-zonas .zones-table .worker-best{align-items:center!important}
  #view-zonas .zones-table .worker-emoji .worker-icon{width:32px!important;height:32px!important}
  #view-zonas .zones-table .empty-state{display:block!important;grid-column:1/-1;padding:18px!important;text-align:center!important}

  /* Recursos no celular: cartão responsivo com rótulos locais para cada métrica. */
  #view-recursos .resources-panel{padding:9px!important;background:transparent!important;border:0!important;box-shadow:none!important}
  #view-recursos .resources-list-head{display:none!important}
  #view-recursos .resources-list-body{gap:10px}
  #view-recursos .resource-list-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;overflow:hidden;min-height:0}
  #view-recursos .resource-list-item{grid-column:1/-1;padding:11px;border-bottom:1px solid rgba(214,192,159,.65)}
  #view-recursos .resource-list-metric{display:flex;flex-direction:column;gap:4px;padding:10px 11px;min-height:54px;border-right:1px solid rgba(214,192,159,.55)}
  #view-recursos .resource-list-metric::before{content:attr(data-label);color:#8a735d;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
  #view-recursos .resource-list-metric:nth-of-type(3){border-right:0}
  #view-recursos .resource-list-metric.market-stock{grid-column:1/-1;border-top:1px solid rgba(214,192,159,.55);border-right:0}
}

@media (max-width:480px){
  #view-zonas .zones-table tbody tr{grid-template-columns:1fr}
  #view-zonas .zones-table tbody td{grid-column:1!important;border-right:0!important}
  #view-zonas .zones-table tbody td:last-child{border-bottom:0!important}
  #view-recursos .resource-list-row{grid-template-columns:1fr}
  #view-recursos .resource-list-metric,#view-recursos .resource-list-metric.market-stock{grid-column:1!important;border-right:0!important;border-top:1px solid rgba(214,192,159,.55)}
}

/* ==== v1.4.15 — listas unificadas, HUD marítima e refinamentos gerais ==== */
/* As páginas operacionais seguem o mesmo padrão visual de cartões usado em Recursos. */
.site-list-panel{padding:12px!important;overflow:hidden}
.site-list-head,.site-list-row{display:grid;gap:12px;align-items:center}
.site-list-head{padding:10px 14px;margin-bottom:9px;border:1px solid #d9c5a5;border-radius:13px;background:linear-gradient(180deg,#f0e1c8,#ead5b2);color:var(--table-header-text);font-size:11.5px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;line-height:1.2}
.site-list-body{display:grid;gap:8px}
.site-list-row{min-height:70px;padding:10px 14px;border:1px solid #e0ccb0;border-radius:14px;background:linear-gradient(180deg,#fffdf8,#faf1e4);box-shadow:inset 0 1px 0 rgba(255,255,255,.88);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.site-list-row:hover{transform:translateY(-1px);border-color:#b8ce8d;box-shadow:0 7px 16px rgba(89,67,45,.08),inset 0 1px 0 rgba(255,255,255,.9)}
.site-list-metric{min-width:0;color:#6f5946;font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.site-list-metric>strong{color:#56772f;font-size:12.5px;font-weight:800}
.site-list-empty{padding:24px;text-align:center}
.zone-list-node,.worker-list-name,.farming-list-crop,.workshop-list-city{min-width:0;color:#5e4634;font-size:12.5px;line-height:1.28;overflow-wrap:anywhere}
.zone-list-node>strong,.worker-list-name>strong,.workshop-list-city>strong{color:#5e4634;font-size:13px}

/* Zonas de Produção */
#view-zonas .zones-list-head,#view-zonas .zone-list-row{grid-template-columns:minmax(180px,1.15fr) minmax(150px,1fr) minmax(150px,1fr) minmax(110px,.72fr) minmax(92px,.55fr) 78px 82px 76px}
#view-zonas .zone-drop-cell .drop-list{display:grid;gap:4px}
#view-zonas .zone-drop-cell .drop-row{display:grid;grid-template-columns:18px 34px minmax(0,1fr);gap:5px;align-items:center}
#view-zonas .zone-drop-cell .item-icon{width:18px!important;height:18px!important;min-width:18px!important;margin:0!important}
#view-zonas .zone-drop-cell .drop-row b{font-size:11px}
#view-zonas .zone-drop-cell .drop-row span:last-child{font-size:10.8px;line-height:1.2;color:#6f5946;overflow-wrap:anywhere}
#view-zonas .zone-list-row .worker-best{overflow:visible;text-align:center}
#view-zonas .zone-list-row .worker-emoji .worker-icon{width:30px!important;height:30px!important}
#view-zonas .zones-toolbar-meta{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
#view-zonas .zones-toolbar-meta .worker-legend{flex:1 1 100%;min-width:0}
#view-zonas .zone-profit-model,#view-zonas #usedZonesInfo{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;height:28px!important;padding:0 9px!important;margin:0!important;border-radius:999px!important;font-size:10.5px!important;line-height:1!important;font-weight:800!important;box-sizing:border-box!important;white-space:nowrap!important}

/* Trabalhadores */
#view-trabalhadores .workers-list-head,#view-trabalhadores .worker-list-row{grid-template-columns:minmax(150px,1.1fr) 92px 58px minmax(130px,1fr) 72px 72px 66px 80px 105px}

/* Horta */
#view-horta .farming-list-head,#view-horta .farming-list-row{grid-template-columns:minmax(170px,1.18fr) 82px 92px 105px 90px minmax(100px,.82fr) 100px 100px 100px 115px}
#view-horta .farming-list-head span:nth-child(3){white-space:normal}
#view-horta .farming-list-crop .farm-crop-cell{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center}
#view-horta .farm-item-icon-trigger{display:grid;place-items:center;width:38px;height:38px;min-width:38px;padding:2px;margin:0;border:1px solid #ddc8a8;border-radius:10px;background:#fffaf2;box-shadow:none;cursor:pointer;line-height:0}
#view-horta .farm-item-icon-trigger:hover,#view-horta .farm-item-icon-trigger:focus-visible,#view-horta .farm-item-icon-trigger.is-active{background:rgba(203,169,104,.12);border-color:rgba(126,163,60,.52);outline:none}
#view-horta .farm-item-icon-trigger .farm-item-icon{width:31px!important;height:31px!important;object-fit:contain;margin:0!important}
#view-horta .farming-list-row.farm-best-row{border-color:#b6cc8b;background:linear-gradient(180deg,#fbfdf6,#eff5e5)}
#view-horta .farming-control-grid label{color:var(--guide-olive,#56772f)!important;font-weight:800!important}
#view-horta .farming-control-grid label select,#view-horta .farming-control-grid label input{color:#5d4634!important}

/* Oficinas */
#view-oficinas .workshop-list-head,#view-oficinas .workshop-list-row{grid-template-columns:minmax(120px,.9fr) minmax(145px,1.05fr) minmax(180px,1.3fr) 110px 60px 112px}
#view-oficinas .workshop-list-action{display:flex;justify-content:flex-end;min-width:0}
#view-oficinas .workshop-list-row.expanded{border-color:#b9cc91;background:linear-gradient(180deg,#fffdf8,#f3f6e9)}
#view-oficinas .workshop-card-detail{grid-column:1/-1;margin:2px -2px -2px;padding:14px;border-top:1px solid #d9c5a3;border-radius:0 0 11px 11px;background:#f7ecd9}
#view-oficinas .workshop-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#view-oficinas .site-inline-star{display:inline-block!important;width:18px!important;height:18px!important;min-width:18px!important;vertical-align:-4px!important;margin:0 2px!important;object-fit:contain}

/* Filtros do mapa de caça marítima no mesmo padrão do seletor "ocultar nodes já utilizados". */
.navigation-huntmap-filters{gap:7px!important}
.navigation-huntmap-filter{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:44px!important;height:44px!important;padding:0 12px!important;border:1px solid #d8c5a6!important;border-radius:16px!important;background:linear-gradient(180deg,#fff8ee,#f3e5cf)!important;color:#6f5946!important;font-size:12px!important;font-weight:700!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.84)!important}
.navigation-huntmap-filter::before{content:"";display:block;flex:0 0 16px;width:16px;height:16px;border-radius:999px;border:2px solid #8d785f;background:#f8f1e6;box-shadow:inset 0 0 0 3px #fffaf2;box-sizing:border-box}
.navigation-huntmap-filter:hover,.navigation-huntmap-filter:focus-visible{border-color:#b8c99a!important;color:#536d34!important;box-shadow:0 0 0 3px rgba(118,162,63,.10),inset 0 1px 0 rgba(255,255,255,.84)!important;outline:none}
.navigation-huntmap-filter.is-active{background:linear-gradient(180deg,#fff8ee,#f3e5cf)!important;border-color:#b8c99a!important;color:#536d34!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.84)!important}
.navigation-huntmap-filter.is-active::before{background:radial-gradient(circle at center,#8fbc4c 0 34%,#f8f1e6 35% 100%);border-color:#5d7f33;box-shadow:0 0 0 3px rgba(118,162,63,.18),0 0 12px rgba(118,162,63,.48),inset 0 0 0 2px rgba(255,255,255,.46)}

/* Header principal mais compacto, mantendo a mesma identidade visual. */
.nav.nav-tabs button{min-height:38px!important;height:38px!important;padding:0 11px!important;font-size:11.5px!important;gap:6px!important}
.nav.nav-tabs button::before{width:14px!important;height:14px!important;flex-basis:14px!important;margin-right:2px!important}

/* Navegação: cronômetros à esquerda e planejamento de carga à direita, abaixo do Guia Rápido. */
#view-navegacao .navigation-header-tools{position:relative!important;left:auto!important;bottom:auto!important;z-index:auto!important;width:100%!important;min-width:0!important;grid-template-columns:minmax(210px,.75fr) minmax(330px,1.25fr)!important;gap:9px!important;margin:0 0 12px!important}
#view-navegacao .navigation-header-tools .navigation-refresh-timers{height:100%;box-sizing:border-box}

@media (max-width:1180px){
  #view-zonas .zones-list-head,#view-zonas .zone-list-row{grid-template-columns:minmax(170px,1.2fr) minmax(145px,1fr) minmax(145px,1fr) 105px 88px 72px 78px 72px;gap:8px}
  #view-trabalhadores .workers-list-head,#view-trabalhadores .worker-list-row{grid-template-columns:minmax(140px,1.1fr) 82px 54px minmax(120px,1fr) 66px 66px 62px 74px 98px;gap:8px}
  #view-horta .farming-list-head,#view-horta .farming-list-row{grid-template-columns:minmax(165px,1.18fr) 75px 86px 96px 82px 94px 90px 90px 90px 108px;gap:8px}
}

@media (max-width:900px){
  .site-list-panel{padding:9px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
  .site-list-head{display:none!important}
  .site-list-body{gap:10px}
  .site-list-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:0!important;overflow:hidden!important;min-height:0!important}
  .site-list-row>div:not(.workshop-card-detail){display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;min-width:0;min-height:54px;padding:10px 11px;border-right:1px solid rgba(214,192,159,.55);border-bottom:1px solid rgba(214,192,159,.55);box-sizing:border-box}
  .site-list-row>div:not(.workshop-card-detail)::before{content:attr(data-label);display:block;color:#8a735d;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;line-height:1.15}
  .site-list-row>div:nth-child(even):not(.workshop-card-detail){border-right:0}
  .zone-list-node,.worker-list-name,.farming-list-crop,.workshop-list-city{grid-column:1/-1!important;background:rgba(236,220,194,.42);border-right:0!important}
  #view-zonas .zone-drop-cell{grid-column:1/-1!important;border-right:0!important}
  #view-zonas .zone-list-row .worker-best{align-items:flex-start!important;text-align:left!important}
  #view-horta .farming-list-crop .farm-crop-cell{width:100%}
  #view-oficinas .workshop-list-action{align-items:flex-end!important;justify-content:center!important}
  #view-oficinas .workshop-card-detail{grid-column:1/-1!important;margin:0!important;border-right:0!important;border-bottom:0!important;padding:12px!important;min-height:0!important}
  #view-oficinas .workshop-card-detail::before{display:none!important;content:none!important}
  #view-navegacao .navigation-header-tools{grid-template-columns:minmax(190px,.75fr) minmax(280px,1.25fr)!important}
}

@media (max-width:640px){
  .site-list-row{grid-template-columns:1fr!important}
  .site-list-row>div:not(.workshop-card-detail){grid-column:1!important;border-right:0!important}
  .site-list-row>div:last-child:not(.workshop-card-detail){border-bottom:0}
  #view-zonas .zones-toolbar-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  #view-zonas .zones-toolbar-meta .worker-legend{grid-column:1/-1!important}
  #view-zonas .zone-profit-model,#view-zonas #usedZonesInfo{width:100%!important;white-space:normal!important;text-align:center!important}
  #view-navegacao .navigation-header-tools{grid-template-columns:1fr!important}
  #view-navegacao .navigation-header-tools .navigation-refresh-timers{display:grid!important;grid-template-columns:1fr 1fr!important}
  .navigation-huntmap-filters{justify-content:flex-start!important}
  .navigation-huntmap-filter{min-height:36px!important;height:36px!important;padding:0 9px!important;font-size:10.5px!important}
  .nav.nav-tabs button{min-height:36px!important;height:36px!important;font-size:11px!important;padding:0 9px!important}
}
@media (max-width:480px){#view-navegacao .navigation-header-tools .navigation-refresh-timers{grid-template-columns:1fr!important}}

/* ==== v1.4.20 — header 144 fps + HUD compacta de Navegação + ícones de trabalhador ==== */
/* Zonas de Produção: a fórmula visível passa a refletir exatamente as métricas exibidas. */
#view-zonas .zone-profit-model{
  max-width:min(100%,520px)!important;
  height:auto!important;
  min-height:28px!important;
  padding:5px 10px!important;
  line-height:1.25!important;
  white-space:normal!important;
  text-align:center!important;
}

/* Trabalhadores: reutiliza os mesmos pictogramas/"emojis" de Melhor Trabalhador. */
#view-trabalhadores .worker-type-cell{overflow:visible!important;text-align:center!important}
#view-trabalhadores .worker-type-emoji{display:inline-grid;place-items:center;line-height:0}
#view-trabalhadores .worker-type-emoji .worker-icon{width:30px!important;height:30px!important;object-fit:contain!important}

/* Navegação — conjunto compacto, empilhado e alinhado ao grid de 8 px da marca.
   232 px dá folga real de leitura em labels/HH:MM:SS sem voltar ao painel largo anterior.
   Alturas: 64 px para o cronômetro e 176 px para Meu navio. */
#view-navegacao .navigation-header-tools{
  position:relative!important;
  left:auto!important;bottom:auto!important;z-index:auto!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  width:232px!important;min-width:232px!important;max-width:232px!important;
  gap:8px!important;margin:0 0 14px!important;
}
#view-navegacao .navigation-header-tools .navigation-refresh-timers{
  position:relative!important;left:auto!important;bottom:auto!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  width:232px!important;height:64px!important;min-height:64px!important;max-height:64px!important;
  box-sizing:border-box!important;margin:0!important;padding:5px 7px!important;gap:2px!important;
  border:1px solid #d9c5a3!important;border-radius:12px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#f7ecd9 100%)!important;
  box-shadow:0 6px 16px rgba(88,115,50,.08),inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.navigation-refresh-row{
  min-height:24px!important;height:24px!important;padding:0!important;gap:5px!important;
}
.navigation-refresh-row>span:first-child{
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:8.2px!important;line-height:1!important;font-weight:800!important;
}
.navigation-refresh-control{gap:4px!important;flex:0 0 auto!important}
.navigation-refresh-control strong{
  min-width:57px!important;font-size:10px!important;line-height:1!important;letter-spacing:.015em!important;
}
.navigation-refresh-timers .navigation-refresh-play{
  appearance:none!important;display:grid!important;place-items:center!important;
  flex:0 0 23px!important;width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:7px!important;background:transparent!important;
  color:inherit!important;cursor:pointer!important;box-shadow:none!important;
  transition:transform .16s cubic-bezier(.22,.76,.28,1),filter .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
.navigation-refresh-state-icon{
  display:block;width:23px;height:23px;object-fit:contain;pointer-events:none;user-select:none;
  transform-origin:50% 55%;transition:transform .16s cubic-bezier(.22,.76,.28,1),opacity .16s ease;
  filter:drop-shadow(0 1px 2px rgba(81,55,33,.16));
}
.navigation-refresh-timers .navigation-refresh-play:hover{
  transform:translateY(-1px)!important;background:transparent!important;border:0!important;
  filter:drop-shadow(0 2px 3px rgba(81,55,33,.18)) drop-shadow(0 0 8px rgba(255,209,84,.18))!important;
}
.navigation-refresh-timers .navigation-refresh-play:hover .navigation-refresh-state-icon{transform:translateY(-.5px) rotate(-3deg)}
.navigation-refresh-timers .navigation-refresh-play:active{transform:translateY(0)!important}
.navigation-refresh-timers .navigation-refresh-play:active .navigation-refresh-state-icon{transform:translateY(0) rotate(2deg)}
.navigation-refresh-timers .navigation-refresh-play:focus-visible{outline:2px solid rgba(95,132,57,.35)!important;outline-offset:2px!important}
.navigation-refresh-play.timer-pop-on .navigation-refresh-state-icon{animation:navigation-timer-pop-on .34s cubic-bezier(.2,.78,.28,1)}
.navigation-refresh-play.timer-pop-off .navigation-refresh-state-icon{animation:navigation-timer-pop-off .26s ease-out}
@keyframes navigation-timer-pop-on{0%{transform:translateY(1px) rotate(0);opacity:.9}45%{transform:translateY(-1px) rotate(-5deg);opacity:1}100%{transform:translateY(0) rotate(0);opacity:1}}
@keyframes navigation-timer-pop-off{0%{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(1px) rotate(3deg);opacity:.92}100%{transform:translateY(0) rotate(0);opacity:1}}

#view-navegacao .navigation-my-ship{
  width:232px!important;height:176px!important;min-width:232px!important;min-height:176px!important;max-width:232px!important;max-height:176px!important;
  box-sizing:border-box!important;padding:9px 10px!important;border-radius:12px!important;
  border:1px solid #d9c5a3!important;background:linear-gradient(180deg,#fffdf8 0%,#f7ecd9 100%)!important;
  box-shadow:0 6px 16px rgba(88,115,50,.08),inset 0 1px 0 rgba(255,255,255,.82)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden!important;
}
.navigation-my-ship-head{margin-bottom:6px!important;align-items:center!important}
.navigation-my-ship-head small{font-size:7.5px!important;letter-spacing:.06em!important}
.navigation-my-ship-head h3{font-size:12.5px!important;margin-top:0!important}
.navigation-my-ship-percent{min-width:36px!important;height:20px!important;padding:0 6px!important;font-size:9.5px!important}
.navigation-my-ship-selects{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
.navigation-my-ship-selects label{gap:2px!important;font-size:7.8px!important}
.navigation-my-ship-selects select{height:27px!important;font-size:8.3px!important;border-radius:8px!important}
.navigation-my-ship-weight{margin-top:6px!important}
.navigation-my-ship-weight-head{font-size:8px!important}
.navigation-my-ship-weight-head strong{font-size:8.6px!important}
.navigation-my-ship-track{height:6px!important;margin-top:3px!important}
.navigation-my-ship-weight>small{
  margin-top:3px!important;font-size:7.2px!important;line-height:1.15!important;
  display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;
}

@media (max-width:640px){
  #view-navegacao .navigation-header-tools{
    width:232px!important;min-width:0!important;max-width:calc(100vw - 32px)!important;
    margin-left:auto!important;margin-right:auto!important;
  }
  #view-navegacao .navigation-header-tools .navigation-refresh-timers,
  #view-navegacao .navigation-my-ship{
    width:232px!important;min-width:0!important;max-width:100%!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .navigation-refresh-timers .navigation-refresh-play,.navigation-refresh-state-icon{transition:none!important}
  .navigation-refresh-play.timer-pop-on .navigation-refresh-state-icon,.navigation-refresh-play.timer-pop-off .navigation-refresh-state-icon{animation:none!important}
}


/* ==== v1.4.21 — Rota de permuta: cronômetros + limpar rota + Meu navio ==== */
#view-navegacao .navigation-barter-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
}
#view-navegacao .navigation-barter-copy{min-width:0!important}
#view-navegacao .navigation-barter-side{
  width:356px!important;
  min-width:356px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  align-self:start!important;
}
#view-navegacao .navigation-barter-topline{
  width:356px!important;
  display:grid!important;
  grid-template-columns:232px 116px!important;
  align-items:stretch!important;
  gap:8px!important;
}
#view-navegacao .navigation-barter-topline .navigation-actions{
  margin:0!important;padding:0!important;
  display:flex!important;align-items:stretch!important;justify-content:stretch!important;
}
#view-navegacao .navigation-barter-topline #navBarterClear{
  width:116px!important;height:64px!important;min-width:116px!important;
  margin:0!important;padding:0 10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  white-space:normal!important;text-align:center!important;line-height:1.15!important;
  border-radius:12px!important;
}
#view-navegacao .navigation-barter-side .navigation-refresh-timers{
  width:232px!important;height:64px!important;min-width:232px!important;max-width:232px!important;
  margin:0!important;
}
#view-navegacao .navigation-barter-side .navigation-my-ship{
  width:356px!important;min-width:356px!important;max-width:356px!important;
  height:176px!important;min-height:176px!important;max-height:176px!important;
  margin:0!important;
}
#view-navegacao .navigation-barter-side .navigation-my-ship-selects{
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
#view-navegacao .navigation-barter-side .navigation-my-ship-selects select{
  width:100%!important;min-width:0!important;
}
@media (max-width:980px){
  #view-navegacao .navigation-barter-head{grid-template-columns:1fr!important}
  #view-navegacao .navigation-barter-side{width:356px!important;min-width:0!important;max-width:100%!important}
}
@media (max-width:520px){
  #view-navegacao .navigation-barter-side,
  #view-navegacao .navigation-barter-topline,
  #view-navegacao .navigation-barter-side .navigation-my-ship{width:100%!important;min-width:0!important;max-width:100%!important}
  #view-navegacao .navigation-barter-topline{grid-template-columns:minmax(0,1fr) 104px!important}
  #view-navegacao .navigation-barter-side .navigation-refresh-timers{width:100%!important;min-width:0!important;max-width:100%!important}
  #view-navegacao .navigation-barter-topline #navBarterClear{width:104px!important;min-width:104px!important}
}
@media (max-width:390px){
  #view-navegacao .navigation-barter-topline{grid-template-columns:1fr!important}
  #view-navegacao .navigation-barter-topline #navBarterClear{width:100%!important;min-width:0!important;height:42px!important}
  #view-navegacao .navigation-barter-side .navigation-my-ship-selects{grid-template-columns:1fr!important}
  #view-navegacao .navigation-barter-side .navigation-my-ship{height:auto!important;max-height:none!important;min-height:176px!important}
}

/* ==== v1.4.24 — revisão marítima + ajustes de escala/UI ==== */
/* Tooltips do mapa marítimo: v1.4.31 aumenta 25% sobre o tamanho reduzido anterior. */
.navigation-huntmap-tooltip{
  transform:translateY(4px) scale(.9375)!important;
  transform-origin:top left!important;
}
.navigation-huntmap-tooltip.is-visible{
  transform:translateY(0) scale(.9375)!important;
}

/* Rota de permuta: Limpar rota à esquerda; Cronômetro à direita. */
#view-navegacao .navigation-barter-topline{
  grid-template-columns:116px 232px!important;
}
#view-navegacao .navigation-barter-topline .navigation-actions{order:1!important}
#view-navegacao .navigation-barter-topline .navigation-refresh-timers{order:2!important}
@media (max-width:520px){
  #view-navegacao .navigation-barter-topline{grid-template-columns:104px minmax(0,1fr)!important}
  #view-navegacao .navigation-barter-topline #navBarterClear{width:104px!important;min-width:104px!important}
  #view-navegacao .navigation-barter-side .navigation-refresh-timers{width:100%!important;min-width:0!important;max-width:100%!important}
}
@media (max-width:390px){
  #view-navegacao .navigation-barter-topline{grid-template-columns:1fr!important}
  #view-navegacao .navigation-barter-topline .navigation-actions{order:1!important}
  #view-navegacao .navigation-barter-topline .navigation-refresh-timers{order:2!important}
  #view-navegacao .navigation-barter-topline #navBarterClear{width:100%!important;min-width:0!important}
}

/* Todos os blocos GUIA RÁPIDO: tipografia 25% menor. */
.quick-guide{font-size:75%!important}
.quick-guide .eyebrow{font-size:9px!important}
.quick-guide-copy h2{font-size:16.5px!important}
@media (max-width:720px){.quick-guide-copy h2{font-size:15px!important}}


/* ==== v1.4.25 — mapa marítimo: zoom padrão, marcadores ciano e alinhamento ==== */
.navigation-huntmap-note{display:none!important}
#view-navegacao .navigation-barter-topline{grid-template-columns:116px minmax(0,232px)!important;justify-content:start!important}
#view-navegacao .navigation-barter-topline .navigation-actions{order:1!important}
#view-navegacao .navigation-barter-topline .navigation-refresh-timers{order:2!important}
@media (max-width:520px){#view-navegacao .navigation-barter-topline{grid-template-columns:104px minmax(0,1fr)!important}}


/* ==== v1.4.26 — mapa marítimo ocupa a altura útil da janela ==== */
#view-navegacao .navigation-huntmap-layout{
  height:clamp(620px,calc(100dvh - 170px),980px);
  min-height:620px;
  align-items:stretch!important;
}
#view-navegacao .navigation-huntmap-stage,
#view-navegacao .navigation-huntmap-sidebar,
#view-navegacao .navigation-huntmap-panel{
  height:100%!important;
  min-height:0!important;
}
#view-navegacao .navigation-huntmap{
  flex:1 1 auto;
  width:100%;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
}
#view-navegacao .navigation-huntmap-panel{
  overflow:hidden;
}
#view-navegacao .navigation-huntmap-legend{
  min-height:0;
  max-height:none!important;
  overflow:auto;
}
@media (max-width:1180px){
  #view-navegacao .navigation-huntmap-layout{height:auto;min-height:0}
  #view-navegacao .navigation-huntmap{height:auto!important;aspect-ratio:2400/1469!important}
  #view-navegacao .navigation-huntmap-sidebar,
  #view-navegacao .navigation-huntmap-panel{height:auto!important}
}


/* ==== v1.4.27 — mapa marítimo horizontal + alvos abaixo + cronômetros sob planejamento ==== */
#view-navegacao .navigation-huntmap-layout{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  gap:14px!important;
  align-items:stretch!important;
}
#view-navegacao .navigation-huntmap-stage{
  order:1!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  flex:none!important;
}
#view-navegacao .navigation-huntmap{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:2400 / 1469!important;
  flex:none!important;
}
#view-navegacao .navigation-huntmap-sidebar{
  order:2!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
}
#view-navegacao .navigation-huntmap-panel{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
#view-navegacao .navigation-huntmap-legend{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}
#view-navegacao .navigation-barter-side .navigation-my-ship{order:1!important}
#view-navegacao .navigation-barter-side .navigation-barter-topline{
  order:2!important;
  margin-top:0!important;
  grid-template-columns:116px 232px!important;
}
#view-navegacao .navigation-barter-topline .navigation-actions{order:1!important}
#view-navegacao .navigation-barter-topline .navigation-refresh-timers{order:2!important}
@media (max-width:780px){
  #view-navegacao .navigation-huntmap-legend{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:520px){
  #view-navegacao .navigation-huntmap-legend{grid-template-columns:1fr!important}
  #view-navegacao .navigation-barter-side .navigation-barter-topline{grid-template-columns:104px minmax(0,1fr)!important}
}
@media (max-width:390px){
  #view-navegacao .navigation-barter-side .navigation-barter-topline{grid-template-columns:1fr!important}
}


/* ==== v1.4.28 — ajuste fino da HUD de permuta ==== */
#view-navegacao .navigation-barter-side{
  width:356px!important;
  min-width:356px!important;
  max-width:356px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  align-self:start!important;
}
#view-navegacao .navigation-barter-side .navigation-my-ship{
  order:1!important;
  width:356px!important;
  min-width:356px!important;
  max-width:356px!important;
  height:176px!important;
  min-height:176px!important;
  max-height:176px!important;
  padding:9px 10px!important;
  overflow:hidden!important;
}
#view-navegacao .navigation-my-ship-topbar{
  display:grid!important;
  grid-template-columns:96px 232px!important;
  align-items:start!important;
  gap:8px!important;
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  margin:0 0 7px!important;
}
#view-navegacao .navigation-my-ship-topbar .navigation-my-ship-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:3px!important;
  min-width:0!important;
  width:96px!important;
  height:64px!important;
  margin:0!important;
  padding:3px 0 0!important;
}
#view-navegacao .navigation-my-ship-topbar .navigation-my-ship-head>div{
  min-width:0!important;
  width:100%!important;
}
#view-navegacao .navigation-my-ship-topbar .navigation-my-ship-head small{
  display:block!important;
  width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.05!important;
  font-size:7.1px!important;
}
#view-navegacao .navigation-my-ship-topbar .navigation-my-ship-head h3{
  margin:1px 0 0!important;
  line-height:1.05!important;
  font-size:12.5px!important;
}
#view-navegacao .navigation-my-ship-topbar .navigation-my-ship-percent{
  margin-top:2px!important;
  min-width:34px!important;
  height:18px!important;
  padding:0 6px!important;
  font-size:9px!important;
  align-self:flex-start!important;
}
#view-navegacao .navigation-my-ship-topbar .navigation-refresh-timers{
  position:relative!important;
  inset:auto!important;
  width:232px!important;
  min-width:232px!important;
  max-width:232px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  margin:0!important;
  padding:5px 7px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  box-sizing:border-box!important;
  border:1px solid #d9c5a3!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#f7ecd9 100%)!important;
  box-shadow:0 4px 12px rgba(88,115,50,.07),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
#view-navegacao .navigation-my-ship-selects{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  margin:0!important;
}
#view-navegacao .navigation-my-ship-selects label{
  min-width:0!important;
  gap:2px!important;
}
#view-navegacao .navigation-my-ship-selects select{
  width:100%!important;
  min-width:0!important;
  height:27px!important;
  text-overflow:ellipsis!important;
}
#view-navegacao .navigation-my-ship-weight{
  margin-top:5px!important;
}
#view-navegacao .navigation-my-ship-weight>small{
  margin-top:3px!important;
  font-size:7px!important;
  line-height:1.12!important;
  -webkit-line-clamp:1!important;
}
#view-navegacao .navigation-barter-side .navigation-barter-topline{
  order:2!important;
  width:116px!important;
  min-width:116px!important;
  max-width:116px!important;
  display:block!important;
  margin:0!important;
}
#view-navegacao .navigation-barter-side .navigation-barter-topline .navigation-actions{
  width:116px!important;
  margin:0!important;
}
#view-navegacao .navigation-barter-side .navigation-barter-topline #navBarterClear{
  width:116px!important;
  min-width:116px!important;
  height:64px!important;
  margin:0!important;
}
@media (max-width:980px){
  #view-navegacao .navigation-barter-side{
    width:356px!important;
    min-width:0!important;
    max-width:100%!important;
  }
}
@media (max-width:520px){
  #view-navegacao .navigation-barter-side,
  #view-navegacao .navigation-barter-side .navigation-my-ship{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  #view-navegacao .navigation-my-ship-topbar{
    grid-template-columns:minmax(88px,96px) minmax(0,1fr)!important;
  }
  #view-navegacao .navigation-my-ship-topbar .navigation-my-ship-head{
    width:auto!important;
  }
  #view-navegacao .navigation-my-ship-topbar .navigation-refresh-timers{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}
@media (max-width:360px){
  #view-navegacao .navigation-barter-side .navigation-my-ship{
    height:auto!important;
    max-height:none!important;
    min-height:176px!important;
  }
  #view-navegacao .navigation-my-ship-topbar{
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:0!important;
  }
  #view-navegacao .navigation-my-ship-topbar .navigation-my-ship-head{
    width:100%!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    padding:0!important;
  }
  #view-navegacao .navigation-my-ship-topbar .navigation-refresh-timers{
    height:64px!important;
  }
  #view-navegacao .navigation-my-ship-selects{
    grid-template-columns:1fr!important;
  }
}


/* ==== v1.4.29 — mapa marítimo: zoom 3x, seleção sem autozoom, filtros removidos ==== */
#view-navegacao .navigation-huntmap-filters{display:none!important}
#view-navegacao .navigation-huntmap-head{grid-template-columns:1fr!important}
#view-navegacao .navigation-huntmap-panel{padding:9px!important;gap:8px!important}
#view-navegacao .navigation-huntmap-panel-head{gap:2px!important}
#view-navegacao .navigation-huntmap-panel-head strong{font-size:12px!important}
#view-navegacao .navigation-huntmap-panel-head small{font-size:9px!important;line-height:1.25!important}
#view-navegacao .navigation-huntmap-legend{
  grid-template-columns:repeat(auto-fit,minmax(154px,1fr))!important;
  gap:6px!important;
}
#view-navegacao .navigation-huntmap-legend-item{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:7px!important;
  padding:6px 7px!important;
  min-height:0!important;
  border-radius:8px!important;
}
#view-navegacao .navigation-huntmap-legend-media{
  width:24px!important;
  height:24px!important;
  border-radius:8px!important;
}
#view-navegacao .navigation-huntmap-legend-copy{gap:1px!important}
#view-navegacao .navigation-huntmap-legend-copy strong{font-size:9.1px!important;line-height:1.15!important}
#view-navegacao .navigation-huntmap-legend-copy span{font-size:8px!important;line-height:1.18!important}
#view-navegacao .navigation-huntmap-legend-count{font-size:8px!important}
#view-navegacao .navigation-huntmap-legend-item.is-active{box-shadow:0 7px 17px rgba(86,119,47,.09)!important}
@media (max-width:780px){
  #view-navegacao .navigation-huntmap-legend{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:520px){
  #view-navegacao .navigation-huntmap-legend{grid-template-columns:1fr!important}
}


/* ==== v1.4.30 — integração do cronômetro + limpar rota no campo de busca + Horta ==== */
/* Planejamento de carga: cronômetros passam a fazer parte visualmente da própria HUD. */
#view-navegacao .navigation-my-ship-topbar{
  grid-template-columns:88px minmax(0,1fr)!important;
  gap:8px!important;
  height:58px!important;
  min-height:58px!important;
  margin-bottom:7px!important;
}
#view-navegacao .navigation-my-ship-topbar .navigation-my-ship-head{
  width:88px!important;
  height:58px!important;
  padding:4px 0 0!important;
  justify-content:flex-start!important;
}
#view-navegacao .navigation-my-ship-topbar .navigation-my-ship-head small{
  font-size:7.2px!important;
  line-height:1.08!important;
}
#view-navegacao .navigation-my-ship-topbar .navigation-my-ship-percent{
  margin-top:5px!important;
}
#view-navegacao .navigation-my-ship-topbar .navigation-refresh-timers{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  margin:0!important;
  padding:3px 0 3px 6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-navegacao .navigation-my-ship-topbar .navigation-refresh-row{
  min-height:23px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
/* A antiga área separada de Limpar rota deixa de reservar espaço. */
#view-navegacao .navigation-barter-side .navigation-barter-topline{display:none!important}
/* Limpar rota integrado à caixa Pesquisar item, alinhado à direita. */
#view-navegacao .navigation-barter-toolbar{
  grid-template-columns:minmax(220px,320px) minmax(0,1fr) auto!important;
  align-items:end!important;
}
#view-navegacao .navigation-barter-toolbar .navigation-barter-clear-action{
  display:flex!important;
  align-items:end!important;
  justify-content:flex-end!important;
  margin:0!important;
}
#view-navegacao .navigation-barter-toolbar #navBarterClear{
  height:36px!important;
  min-height:36px!important;
  min-width:104px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  white-space:nowrap!important;
}
/* Horta: os indicadores substituem o antigo Guia Rápido. */
#view-horta .farming-highlight-stats{
  margin-top:14px!important;
  margin-bottom:14px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#view-horta .farming-highlight-stats .stat{
  min-height:94px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
@media (max-width:720px){
  #view-navegacao .navigation-barter-toolbar{grid-template-columns:1fr auto!important}
  #view-navegacao .navigation-barter-toolbar .navigation-hint{grid-column:1/-1!important;grid-row:2!important}
  #view-navegacao .navigation-barter-toolbar .navigation-barter-clear-action{grid-column:2!important;grid-row:1!important}
  #view-horta .farming-highlight-stats{grid-template-columns:1fr!important}
}
@media (max-width:420px){
  #view-navegacao .navigation-barter-toolbar{grid-template-columns:1fr!important}
  #view-navegacao .navigation-barter-toolbar .navigation-barter-clear-action,
  #view-navegacao .navigation-barter-toolbar .navigation-hint{grid-column:1!important;grid-row:auto!important}
  #view-navegacao .navigation-barter-toolbar #navBarterClear{width:100%!important}
  #view-navegacao .navigation-my-ship-topbar{grid-template-columns:82px minmax(0,1fr)!important}
}


/* ==== v1.4.31 — zoom livre + ilhas legíveis + horta ==== */
.navigation-huntmap{overscroll-behavior:contain}
.navigation-huntmap-landmark.is-island::before{width:8px;height:8px}
@media (max-width:780px){
  .navigation-huntmap-landmark.is-island .navigation-huntmap-landmark-label{font-size:8.5px!important;max-width:120px!important}
}


/* ==== v1.4.32 — ilhas sob demanda + ícones proporcionais ao zoom ==== */
.navigation-huntmap-marker{
  translate:calc(-50% + var(--offset-px-x,0px)) calc(-50% + var(--offset-px-y,0px))!important;
  transition:scale .16s ease!important;
}
/* Pontos azuis das ilhas: o ponto continua exatamente sobre o nó oficial. */
.navigation-huntmap-landmark.is-island{
  width:20px!important;height:20px!important;
  padding:0!important;border:0!important;background:transparent!important;
  pointer-events:auto!important;cursor:pointer!important;
  appearance:none!important;-webkit-appearance:none!important;
  scale:var(--hunt-island-ui-scale,1)!important;
  outline:none!important;
}
.navigation-huntmap-landmark.is-island::before{
  left:50%!important;top:50%!important;
  width:8px!important;height:8px!important;
  background:#2e9bff!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.82),0 0 0 5px rgba(46,155,255,.18)!important;
  transition:box-shadow .15s ease,transform .15s ease!important;
}
.navigation-huntmap-landmark.is-island::after{
  content:'';position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;
  translate:-50% -50%;border:2px solid rgba(0,206,255,.95);box-shadow:0 0 0 4px rgba(0,206,255,.18),0 0 13px rgba(0,206,255,.55);
  opacity:0;transform:scale(.72);transition:opacity .15s ease,transform .15s ease;pointer-events:none;
}
.navigation-huntmap-landmark.is-island:hover::before,
.navigation-huntmap-landmark.is-island:focus-visible::before,
.navigation-huntmap-landmark.is-island.is-open::before{transform:scale(1.16)}
.navigation-huntmap-landmark.is-island.is-open::after{opacity:1;transform:scale(1)}
.navigation-huntmap-landmark.is-island .navigation-huntmap-landmark-label{
  left:calc(50% + 8px)!important;top:50%!important;
  translate:var(--label-offset-x,0px) calc(-50% + var(--label-offset-y,-13px))!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  font-size:9px!important;max-width:150px!important;
  transform:none!important;transform-origin:left center;
  transition:opacity .12s ease,visibility .12s ease!important;
}
.navigation-huntmap-landmark.is-island:hover .navigation-huntmap-landmark-label,
.navigation-huntmap-landmark.is-island:focus-visible .navigation-huntmap-landmark-label,
.navigation-huntmap-landmark.is-island.is-open .navigation-huntmap-landmark-label{
  opacity:1!important;visibility:visible!important;
}
/* Referências principais permanecem sempre visíveis e crescem proporcionalmente com o zoom. */
.navigation-huntmap-landmark.is-reference-emphasis{
  scale:var(--hunt-reference-ui-scale,1)!important;
}
.navigation-huntmap-landmark.is-reference-emphasis .navigation-huntmap-landmark-label{
  font-size:11px!important;font-weight:800!important;padding:3px 7px!important;
}
@media (max-width:780px){
  .navigation-huntmap-landmark.is-island .navigation-huntmap-landmark-label{font-size:8px!important;max-width:118px!important}
  .navigation-huntmap-landmark.is-reference-emphasis .navigation-huntmap-landmark-label{font-size:9.5px!important}
}


/* ==== v1.4.33 — mapa marítimo: sem autozoom, rótulos sob demanda e renderização fluida ==== */
/* A seleção de alvo não modifica o viewport; apenas o scroll/gestos alteram zoom e pan. */
.navigation-huntmap-surface{will-change:transform;backface-visibility:hidden;transform-origin:0 0}
.navigation-huntmap-marker{will-change:translate,scale}
.navigation-huntmap-landmark-label{will-change:translate;translate:calc(var(--label-offset-x,0px) + var(--auto-label-x,0px)) calc(-50% + var(--label-offset-y,-13px) + var(--auto-label-y,0px))!important}
/* Ilhas e Olho da Okilua: rótulo recolhido, hover revela e clique fixa com círculo azul. */
.navigation-huntmap-landmark.is-collapsible{
  width:20px!important;height:20px!important;padding:0!important;border:0!important;background:transparent!important;
  pointer-events:auto!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;outline:none!important;
}
.navigation-huntmap-landmark.is-collapsible::before{
  left:50%!important;top:50%!important;width:8px!important;height:8px!important;background:#2e9bff!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.82),0 0 0 5px rgba(46,155,255,.18)!important;
  transition:box-shadow .15s ease,transform .15s ease!important;
}
.navigation-huntmap-landmark.is-collapsible::after{
  content:'';position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;translate:-50% -50%;
  border:2px solid rgba(0,206,255,.95);box-shadow:0 0 0 4px rgba(0,206,255,.18),0 0 13px rgba(0,206,255,.55);
  opacity:0;transform:scale(.72);transition:opacity .15s ease,transform .15s ease;pointer-events:none;
}
.navigation-huntmap-landmark.is-collapsible:hover::before,.navigation-huntmap-landmark.is-collapsible:focus-visible::before,.navigation-huntmap-landmark.is-collapsible.is-open::before{transform:scale(1.16)}
.navigation-huntmap-landmark.is-collapsible.is-open::after{opacity:1;transform:scale(1)}
.navigation-huntmap-landmark.is-collapsible .navigation-huntmap-landmark-label{
  left:calc(50% + 8px)!important;top:50%!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform:none!important;transform-origin:left center;transition:opacity .12s ease,visibility .12s ease!important;
}
.navigation-huntmap-landmark.is-collapsible:hover .navigation-huntmap-landmark-label,
.navigation-huntmap-landmark.is-collapsible:focus-visible .navigation-huntmap-landmark-label,
.navigation-huntmap-landmark.is-collapsible.is-open .navigation-huntmap-landmark-label{opacity:1!important;visibility:visible!important}
/* Olho da Okilua usa a mesma escala progressiva das referências principais, sem ficar sempre aberto. */
.navigation-huntmap-landmark.is-oquilla{scale:var(--hunt-reference-ui-scale,1)!important}
.navigation-huntmap-landmark.is-oquilla .navigation-huntmap-landmark-label{font-size:11px!important;font-weight:800!important;padding:3px 7px!important}
/* Ninho do Corvo e todos os portos acompanham o crescimento proporcional do zoom. */
.navigation-huntmap-landmark.is-port,.navigation-huntmap-landmark[data-landmark-id="crow"]{scale:var(--hunt-reference-ui-scale,1)!important}
.navigation-huntmap-landmark.is-port .navigation-huntmap-landmark-label,.navigation-huntmap-landmark[data-landmark-id="crow"] .navigation-huntmap-landmark-label{font-size:11px!important;font-weight:800!important;padding:3px 7px!important}
/* Texto de marcador de monstro removido: tooltips continuam disponíveis no hover. */
.navigation-huntmap-marker-label:empty{display:none!important}
@media (max-width:780px){
  .navigation-huntmap-landmark.is-oquilla .navigation-huntmap-landmark-label,
  .navigation-huntmap-landmark.is-port .navigation-huntmap-landmark-label,
  .navigation-huntmap-landmark[data-landmark-id="crow"] .navigation-huntmap-landmark-label{font-size:9.5px!important}
}


/* ==== v1.4.34 — mapa 1x–3x + colisões reforçadas + Horta sem sobreposição ==== */
/* Os rótulos dos pontos azuis/referências ficam sempre acima dos ícones marítimos. */
.navigation-huntmap-landmark{z-index:9!important}
.navigation-huntmap-landmark-label{z-index:11!important}
.navigation-huntmap-marker{z-index:4!important}
.navigation-huntmap-marker-core{z-index:4!important}
.navigation-huntmap-landmark.is-collapsible:hover,
.navigation-huntmap-landmark.is-collapsible:focus-visible,
.navigation-huntmap-landmark.is-collapsible.is-open{z-index:12!important}

/* Horta: reserva mais largura para Cultivo/Fruto e impede qualquer invasão da coluna vizinha. */
#view-horta .farming-list-head,
#view-horta .farming-list-row{
  grid-template-columns:minmax(220px,1.45fr) minmax(115px,.78fr) 100px 108px 92px minmax(105px,.82fr) 100px 100px 100px 118px!important;
  column-gap:14px!important;
}
#view-horta .farming-list-crop{min-width:0!important;overflow:hidden!important;padding-right:10px!important}
#view-horta .farming-list-crop .farm-crop-cell{min-width:0!important;width:100%!important}
#view-horta .farming-list-crop .farm-crop-cell>div{min-width:0!important;max-width:100%!important}
#view-horta .farm-crop-name{
  display:block!important;min-width:0!important;max-width:100%!important;
  white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
  line-height:1.25!important;
}
#view-horta .farming-list-row>.site-list-metric[data-label="Fruto"]{
  min-width:0!important;padding-left:12px!important;border-left:1px solid rgba(214,192,159,.45);
}
#view-horta .farming-list-row>.site-list-metric[data-label="Fruto"]>strong{
  display:block!important;min-width:0!important;max-width:100%!important;
  white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.22!important;
}
@media (max-width:1250px) and (min-width:901px){
  #view-horta .site-list-panel{overflow-x:auto!important;overflow-y:visible!important}
  #view-horta .farming-list-head,
  #view-horta .farming-list-row{
    min-width:1220px!important;
    grid-template-columns:220px 120px 100px 108px 92px 105px 100px 100px 100px 118px!important;
    column-gap:12px!important;
  }
}
@media (max-width:900px){
  #view-horta .farming-list-row>.site-list-metric[data-label="Fruto"]{
    padding-left:11px!important;border-left:0!important;
  }
}


/* ==== v1.4.36 — padronização de rótulos do mapa marítimo ==== */
.navigation-huntmap-landmark{z-index:6!important}
.navigation-huntmap-landmark-label{left:6px!important;top:0!important;font-size:10px!important;padding:2px 6px!important;max-width:140px!important;translate:calc(var(--label-offset-x,0px) + var(--auto-label-x,0px)) calc(-50% + var(--label-offset-y,-13px) + var(--auto-label-y,0px))!important;z-index:8!important}
.navigation-huntmap-landmark.is-island,.navigation-huntmap-landmark.is-port,.navigation-huntmap-landmark.is-reference-emphasis,.navigation-huntmap-landmark.is-oquilla{scale:var(--hunt-reference-ui-scale,1)!important}
.navigation-huntmap-landmark.is-island .navigation-huntmap-landmark-label,.navigation-huntmap-landmark.is-port .navigation-huntmap-landmark-label,.navigation-huntmap-landmark.is-reference-emphasis .navigation-huntmap-landmark-label,.navigation-huntmap-landmark.is-oquilla .navigation-huntmap-landmark-label{font-size:10px!important;padding:2px 6px!important;max-width:140px!important;translate:calc(var(--label-offset-x,0px) + var(--auto-label-x,0px)) calc(-50% + var(--label-offset-y,-13px) + var(--auto-label-y,0px))!important}
.navigation-huntmap-landmark.is-island::before,.navigation-huntmap-landmark.is-port::before,.navigation-huntmap-landmark.is-reference-emphasis::before,.navigation-huntmap-landmark.is-oquilla::before{width:8px!important;height:8px!important}
/* Timer icons and counters aligned */
.navigation-refresh-row{align-items:center!important}
.navigation-refresh-control{gap:7px!important}
.navigation-refresh-control strong{display:inline-flex;align-items:center;min-height:22px;min-width:66px;font-size:11px!important}
.navigation-refresh-timers .navigation-refresh-play{flex:0 0 21px!important;width:21px!important;height:21px!important;min-width:21px!important;border-radius:6px!important}
.navigation-refresh-state-icon{width:18px!important;height:18px!important}


/* ==== v1.4.39 — revisão final de lançamento: UI/UX e tooltips ==== */
:root{
  --release-card-radius:14px;
  --release-control-radius:8px;
  --release-gap-xs:6px;
  --release-gap-sm:10px;
  --release-gap-md:14px;
  --release-tooltip-radius:14px;
  --release-tooltip-pad:10px;
}
/* Segurança de layout: textos longos não podem empurrar ou sobrepor colunas. */
.card,.toolbar,.site-list-panel,.site-list-row,.page-title,.section-head,.navigation-section-head,.navigation-ship-card,.quick-guide,.profile-settings-panel{min-width:0}
.card,.toolbar,.site-list-panel,.navigation-ship-card,.quick-guide,.profile-settings-panel{box-sizing:border-box}
.page-title>*,.section-head>*,.navigation-section-head>*,.toolbar>*,.site-list-row>*,.navigation-ship-card>*,.favorite-recipe-item>*{min-width:0}
h1,h2,h3,strong,small,p,label,span{overflow-wrap:break-word}
input,select,button{max-width:100%}
.toolbar,.navigation-toolbar{column-gap:var(--release-gap-md);row-gap:var(--release-gap-sm)}
.toolbar label,.navigation-toolbar label{min-width:0}
.btn{min-height:34px;line-height:1.2}
.btn.small{min-height:30px}
.page-title p,.section-head p,.navigation-section-head p{margin-top:6px;margin-bottom:0;line-height:1.45}
.site-list-row{column-gap:12px;row-gap:8px}
.site-list-metric,.resource-list-item,.workshop-list-city,.favorite-craft-material-info{min-width:0}
.site-list-metric strong,.resource-list-item strong,.workshop-list-city strong,.favorite-craft-material-info strong{white-space:normal;overflow-wrap:anywhere}

/* Tooltips: mesma lógica de espaçamento, leitura e limites em todas as páginas. */
.workshop-item-tooltip,.favorite-craft-tooltip,.navigation-ship-craft-tooltip,.global-hover-tooltip,.map-tooltip,.navigation-huntmap-tooltip{
  box-sizing:border-box!important;
  max-width:min(440px,calc(100vw - 24px));
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}
.workshop-item-tooltip,.favorite-craft-tooltip,.navigation-ship-craft-tooltip{max-height:calc(100vh - 24px)!important}
.workshop-tip-title,.favorite-craft-tooltip-title strong,.favorite-craft-material-info strong,.map-tooltip-heading strong,.navigation-huntmap-tooltip-title strong{
  min-width:0;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.25;
}
.workshop-tip-description,.favorite-craft-tooltip-note,.map-tooltip-hint,.navigation-huntmap-tooltip-row span,.navigation-huntmap-tooltip-precision{
  line-height:1.4!important;
}
.workshop-tip-section,.favorite-craft-material,.navigation-huntmap-tooltip-row{min-width:0}
.workshop-tip-ingredient,.favorite-craft-material-open{min-width:0}
.workshop-tip-ingredient>span,.favorite-craft-material-info{min-width:0;white-space:normal;overflow-wrap:anywhere}
.favorite-craft-tooltip-head,.workshop-tip-head,.navigation-huntmap-tooltip-head{gap:10px}
.favorite-craft-tooltip-close{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center}
.map-tooltip-heading strong{max-width:none}

/* Navegação: cards de expansão e materiais com densidade consistente. */
.navigation-ship-card{border-radius:14px}
.navigation-ship-card details{min-width:0}
.navigation-ship-material-box{min-width:0;align-items:center}
.navigation-ship-material-line{min-width:0;line-height:1.35}
.navigation-ship-material-line>span:last-child{white-space:normal;overflow-wrap:anywhere}
.navigation-ship-material-count{flex:0 0 auto}

/* Telas menores: evitar compressão agressiva e sobreposição. */
@media (max-width:780px){
  .toolbar,.navigation-toolbar{gap:9px}
  .btn{min-height:32px}
  .workshop-item-tooltip,.favorite-craft-tooltip,.navigation-ship-craft-tooltip,.global-hover-tooltip,.map-tooltip,.navigation-huntmap-tooltip{max-width:calc(100vw - 16px)!important}
}


/* ==== v1.4.40 — revisão de lançamento: Início, mapa, Zonas, Horta e Navegação ==== */
/* Início — identidade e respiro interno do painel da marca. */
#view-inicio .hero-intro .hero-brand{
  box-sizing:border-box!important;
  padding:20px 24px!important;
  gap:11px!important;
}
#view-inicio .hero-intro .hero-brand small{
  display:block!important;
  margin:2px 12px 0!important;
  padding:0 4px!important;
  text-align:center!important;
  line-height:1.35!important;
  letter-spacing:.105em!important;
}
#view-inicio .hero-intro .hero-brand small strong{font:inherit!important;color:inherit!important;font-weight:900!important}

/* Mapa mundial — tooltip dos nós 25% menor, mantendo a hierarquia visual. */
#view-inicio .map-tooltip{
  min-width:165px!important;
  max-width:min(240px,calc(100% - 18px))!important;
  border-radius:11px!important;
  font-size:9px!important;
  line-height:1.3!important;
}
#view-inicio .map-tooltip::before{height:3px!important}
#view-inicio .map-tooltip-head{grid-template-columns:32px minmax(0,1fr)!important;gap:7px!important;padding:7px 8px 6px!important}
#view-inicio .map-tooltip-icon-shell{width:32px!important;height:32px!important;border-radius:8px!important}
#view-inicio .map-tooltip-node-icon{width:27px!important;height:27px!important}
#view-inicio .map-tooltip-heading{gap:1px!important}
#view-inicio .map-tooltip-heading strong{font-size:10.5px!important;line-height:1.18!important}
#view-inicio .map-tooltip-heading span{font-size:8px!important}
#view-inicio .map-tooltip-meta{gap:4px!important;padding:7px 8px 3px!important}
#view-inicio .map-tooltip-badge{min-height:17px!important;padding:2px 5px!important;font-size:7.2px!important}
#view-inicio .map-tooltip-resource-label{margin:4px 8px 0!important;font-size:7.2px!important;gap:5px!important}
#view-inicio .map-tooltip-resource-label::before{width:4px!important;height:4px!important;flex-basis:4px!important}
#view-inicio .map-tooltip-items{gap:4px!important;margin:4px 8px 7px!important}
#view-inicio .map-tooltip-item{width:29px!important;height:29px!important;border-radius:7px!important}
#view-inicio .map-tooltip-item img{width:24px!important;height:24px!important}
#view-inicio .map-tooltip-hint{gap:5px!important;margin-top:4px!important;padding:7px 8px 8px!important;font-size:7.8px!important}
#view-inicio .map-tooltip-hint-icon{width:14px!important;height:14px!important;flex-basis:14px!important;font-size:8px!important}

/* Zona de Produção — colunas com folga e sem quebra de rótulos. */
#view-zonas .zones-list-head,#view-zonas .zone-list-row{
  grid-template-columns:minmax(175px,1.22fr) minmax(155px,1.08fr) minmax(155px,1.08fr) minmax(115px,.78fr) 100px 88px 92px 84px!important;
  column-gap:11px!important;
}
#view-zonas .zones-list-head>span,
#view-zonas .zone-list-row>.site-list-metric>strong,
#view-zonas .zone-list-node>.node-name,
#view-zonas .zone-drop-cell .drop-row span:last-child{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#view-zonas .zone-list-row>.site-list-metric{padding-inline:2px!important}
#view-zonas .zone-drop-cell .drop-row{grid-template-columns:18px 32px minmax(0,1fr)!important;gap:6px!important}
@media (max-width:1180px) and (min-width:901px){
  #view-zonas .zones-list-head,#view-zonas .zone-list-row{
    grid-template-columns:minmax(158px,1.2fr) minmax(140px,1fr) minmax(140px,1fr) 104px 90px 76px 82px 74px!important;
    column-gap:8px!important;
  }
}
/* Tooltip do trabalhador — 25% menor e sempre em uma linha. */
.global-hover-tooltip.is-worker-tooltip{
  min-width:max-content!important;
  max-width:none!important;
  padding:7px 9px!important;
  border-radius:9px!important;
  font-size:9.4px!important;
  line-height:1.15!important;
  white-space:pre!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* Horta — densidade reduzida ~20% e sem rolagem horizontal em desktop/tablet. */
#view-horta .site-list-panel{overflow-x:hidden!important}
#view-horta .farming-list-head,#view-horta .farming-list-row{
  grid-template-columns:minmax(130px,1.25fr) 64px 72px 82px 66px minmax(78px,.72fr) 74px 74px 74px 86px!important;
  column-gap:6px!important;
}
#view-horta .site-list-head{padding:8px 10px!important;font-size:10px!important}
#view-horta .farming-list-row{min-height:58px!important;padding:8px 10px!important}
#view-horta .farming-list-crop .farm-crop-cell{grid-template-columns:31px minmax(0,1fr)!important;gap:6px!important}
#view-horta .farm-item-icon-trigger{width:31px!important;height:31px!important;min-width:31px!important;border-radius:8px!important}
#view-horta .farm-item-icon-trigger .farm-item-icon{width:25px!important;height:25px!important}
#view-horta .farming-list-crop,#view-horta .site-list-metric{font-size:10.5px!important}
#view-horta .site-list-metric>strong,#view-horta .farm-crop-name{font-size:10.8px!important;line-height:1.18!important}
#view-horta .farm-method-badge{font-size:8.4px!important;line-height:1.12!important}
@media (max-width:1250px) and (min-width:901px){
  #view-horta .site-list-panel{overflow-x:hidden!important;overflow-y:visible!important}
  #view-horta .farming-list-head,#view-horta .farming-list-row{
    min-width:0!important;
    grid-template-columns:minmax(118px,1.22fr) 60px 68px 78px 62px minmax(72px,.72fr) 70px 70px 70px 82px!important;
    column-gap:5px!important;
  }
  #view-horta .site-list-head{font-size:9.3px!important;padding-inline:8px!important}
  #view-horta .farming-list-row{padding-inline:8px!important}
  #view-horta .farming-list-crop,#view-horta .site-list-metric,#view-horta .site-list-metric>strong,#view-horta .farm-crop-name{font-size:9.8px!important}
}

/* Navegação — lista de alvos sem subtextos; tooltip final mais limpo. */
.navigation-huntmap-legend-copy{justify-content:center!important}
.navigation-huntmap-legend-summary{display:none!important}
.navigation-huntmap-tooltip-drop-note,.navigation-huntmap-tooltip-precision{display:none!important}


/* ==== v1.4.41 — custo dinâmico em Moedas Corvo no controle de materiais ==== */
.favorite-craft-crow-summary{
  display:grid;gap:4px;margin:0 0 9px;padding:8px 9px;border:1px solid #d9bd7f;border-radius:10px;
  background:linear-gradient(180deg,#fff8e6,#f6ead0);box-shadow:0 4px 12px rgba(109,77,36,.06)
}
.favorite-craft-crow-summary.hidden{display:none!important}
.favorite-craft-crow-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.favorite-craft-crow-summary>div>span{color:#74532e;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
.favorite-craft-crow-summary strong{display:inline-flex;align-items:center;justify-content:flex-end;min-width:78px;color:#9a681c;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.favorite-craft-crow-summary strong::after{content:' MC';margin-left:3px;color:#8e6d36;font-size:8px;font-weight:900;letter-spacing:.03em}
.favorite-craft-crow-summary small{color:#8a7254;font-size:8.5px;line-height:1.35}
.favorite-craft-crow-row{display:block!important;margin-top:3px!important;color:#9a6b27!important;font-size:8.5px!important;font-weight:800!important;line-height:1.25!important;white-space:normal!important}
.favorite-craft-crow-row.is-zero{color:#62813c!important}
@media (max-width:520px){
  .favorite-craft-crow-summary>div{align-items:flex-start;flex-direction:column;gap:2px}
  .favorite-craft-crow-summary strong{justify-content:flex-start;min-width:0}
}

/* ==== v1.4.42 — Zonas de Produção compacta, sem sobreposição (mesma lógica da Horta) ==== */
#view-zonas .site-list-panel{
  overflow-x:hidden!important;
  overflow-y:visible!important;
}
#view-zonas .zones-list-head,
#view-zonas .zone-list-row{
  min-width:0!important;
  grid-template-columns:minmax(160px,1.24fr) minmax(170px,1.08fr) minmax(170px,1.08fr) minmax(132px,.9fr) 74px 72px 78px 72px!important;
  column-gap:8px!important;
}
#view-zonas .site-list-head{
  padding:8px 10px!important;
  font-size:9.5px!important;
  letter-spacing:.028em!important;
}
#view-zonas .zone-list-row{
  min-height:56px!important;
  padding:8px 10px!important;
}
#view-zonas .zone-list-node,
#view-zonas .site-list-metric{
  min-width:0!important;
  font-size:10px!important;
  line-height:1.18!important;
}
#view-zonas .zone-list-node>strong,
#view-zonas .site-list-metric>strong{
  min-width:0!important;
  font-size:10.4px!important;
  line-height:1.18!important;
}
#view-zonas .zone-list-node>.node-name,
#view-zonas .zone-list-row>.site-list-metric>strong,
#view-zonas .zone-drop-cell .drop-row span:last-child{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#view-zonas .zone-drop-cell .drop-list{
  gap:3px!important;
  min-width:0!important;
}
#view-zonas .zone-drop-cell .drop-row{
  grid-template-columns:15px 27px minmax(0,1fr)!important;
  gap:4px!important;
  min-width:0!important;
}
#view-zonas .zone-drop-cell .item-icon{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
}
#view-zonas .zone-drop-cell .drop-row b{
  font-size:9px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
#view-zonas .zone-drop-cell .drop-row span:last-child{
  font-size:9.4px!important;
  line-height:1.12!important;
}
#view-zonas .zone-list-row .worker-emoji .worker-icon{
  width:24px!important;
  height:24px!important;
}
#view-zonas .zone-list-row .worker-best{
  min-width:0!important;
}
#view-zonas .zone-list-row>.site-list-metric{
  padding-inline:1px!important;
}

@media (max-width:1250px) and (min-width:901px){
  #view-zonas .zones-list-head,
  #view-zonas .zone-list-row{
    min-width:0!important;
    grid-template-columns:minmax(145px,1.2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(118px,.82fr) 66px 64px 72px 66px!important;
    column-gap:6px!important;
  }
  #view-zonas .site-list-head{
    padding-inline:8px!important;
    font-size:9px!important;
  }
  #view-zonas .zone-list-row{
    padding-inline:8px!important;
  }
  #view-zonas .zone-list-node,
  #view-zonas .site-list-metric,
  #view-zonas .zone-list-node>strong,
  #view-zonas .site-list-metric>strong{
    font-size:9.6px!important;
  }
  #view-zonas .zone-drop-cell .drop-row span:last-child{font-size:9px!important}
  #view-zonas .zone-drop-cell .drop-row b{font-size:8.7px!important}
}


/* ==== v1.4.43 — ajustes finais de lançamento ==== */
/* Início */
#view-inicio .hero-brand small{display:block;margin-top:7px;padding-inline:9px;letter-spacing:.055em}
#view-inicio .worker-json-guide .eyebrow{font-size:8.5px!important}
#view-inicio .worker-json-guide h2{font-size:15px!important;line-height:1.18!important;margin:3px 0 6px!important}
#view-inicio .worker-json-guide p,#view-inicio .worker-json-guide .worker-guide-steps{font-size:10.5px!important;line-height:1.45!important}
#view-inicio .worker-json-guide .worker-guide-steps{gap:4px!important}
#view-inicio .worker-json-guide .worker-guide-actions .btn{font-size:10.5px!important;min-height:34px!important;padding:0 11px!important}
#view-inicio .worker-json-guide .worker-guide-actions small{font-size:9px!important;line-height:1.4!important}
#view-inicio .map-heading-copy{min-width:0}
#view-inicio .map-heading-copy h2{margin-bottom:3px}
#view-inicio .map-route-helper{margin:0;max-width:720px;color:#806b58;font-size:11px;line-height:1.35}

/* Horta — nomenclatura compacta sem alterar a grade já calibrada. */
#view-horta .farming-list-head span{white-space:nowrap}

/* Zonas — cabeçalhos finais. */
#view-zonas .zones-list-head>span:nth-child(5),#view-zonas .zones-list-head>span:nth-child(6){white-space:nowrap}

/* Oficinas — títulos dos itens 25% menores. */
#view-oficinas .workshop-output-text strong{font-size:9.4px!important;line-height:1.18!important}

/* Recursos — tipografia 25% menor e alinhamento rígido com o cabeçalho. */
#view-recursos .resources-list-head,#view-recursos .resource-list-row{grid-template-columns:minmax(280px,1fr) 100px 150px 190px!important;column-gap:12px!important;align-items:center!important}
#view-recursos .resources-list-head{font-size:8.6px!important;padding:8px 12px!important}
#view-recursos .resource-list-row{min-height:58px!important;padding:8px 12px!important}
#view-recursos .resource-list-item{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important}
#view-recursos .resource-item-icon-trigger{width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important}
#view-recursos .resource-item-icon-trigger .item-icon{width:27px!important;height:27px!important;min-width:27px!important}
#view-recursos .resource-list-copy>strong{font-size:9.75px!important;line-height:1.22!important}
#view-recursos .resource-source-badge{font-size:7.2px!important;min-height:16px!important;padding:1px 5px!important}
#view-recursos .resource-list-metric{font-size:9px!important;line-height:1.2!important}
#view-recursos .resource-list-metric>strong{font-size:9.4px!important}
#view-recursos .resources-list-head>span:nth-child(n+2),#view-recursos .resource-list-row>.resource-list-metric{text-align:center!important;justify-self:stretch!important}
#view-recursos .resource-list-row>.resource-list-metric{display:flex!important;align-items:center!important;justify-content:center!important}

/* Trabalhadores — tipografia 25% menor, grid idêntico ao cabeçalho e tipo real visível. */
#view-trabalhadores .workers-list-head,#view-trabalhadores .worker-list-row{grid-template-columns:minmax(150px,1.1fr) 118px 58px minmax(130px,1fr) 72px 72px 66px 80px 105px!important;column-gap:10px!important;align-items:center!important}
#view-trabalhadores .workers-list-head{font-size:8.6px!important;padding:8px 12px!important}
#view-trabalhadores .worker-list-row{min-height:58px!important;padding:8px 12px!important}
#view-trabalhadores .worker-list-name,#view-trabalhadores .worker-list-name>strong{font-size:9.75px!important;line-height:1.22!important}
#view-trabalhadores .site-list-metric,#view-trabalhadores .site-list-metric>strong{font-size:9.4px!important;line-height:1.2!important}
#view-trabalhadores .workers-list-head>span:nth-child(n+2),#view-trabalhadores .worker-list-row>.site-list-metric{text-align:center!important}
#view-trabalhadores .worker-list-row>.site-list-metric{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important}
#view-trabalhadores .worker-type-display{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;white-space:nowrap!important}
#view-trabalhadores .worker-type-display .worker-icon{width:24px!important;height:24px!important;min-width:24px!important}
#view-trabalhadores .worker-type-display strong{font-size:9px!important;color:#5e4634!important;font-weight:800!important;white-space:nowrap!important}

@media (max-width:1180px){
  #view-recursos .resources-list-head,#view-recursos .resource-list-row{grid-template-columns:minmax(240px,1fr) 80px 130px 160px!important;gap:8px!important}
  #view-trabalhadores .workers-list-head,#view-trabalhadores .worker-list-row{grid-template-columns:minmax(140px,1.1fr) 108px 54px minmax(120px,1fr) 66px 66px 62px 74px 98px!important;gap:8px!important}
}
@media (max-width:900px){
  #view-recursos .resources-list-head,#view-trabalhadores .workers-list-head{display:none!important}
  #view-recursos .resource-list-row,#view-trabalhadores .worker-list-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0!important}
  #view-trabalhadores .worker-type-display{justify-content:flex-start!important}
}


/* ==== v1.4.45 — trabalhadores + sub-header de Navegação ==== */
/* TIPO: somente o ícone; o nome completo permanece acessível pelo tooltip/aria-label. */
#view-trabalhadores .worker-type-display{
  display:inline-grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  gap:0!important;
}
#view-trabalhadores .worker-type-display .worker-icon{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  object-fit:contain!important;
}
#view-trabalhadores .worker-type-display>strong{display:none!important}

/* Navegação passa a seguir exatamente o mesmo comportamento dos demais sub-headers. */
#view-navegacao .navigation-page-title{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:center!important;
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  padding:18px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid #dcc6a6!important;
  box-shadow:0 12px 28px rgba(95,67,41,.12)!important;
  background:linear-gradient(90deg,rgba(255,248,239,.02) 0%,rgba(255,248,239,.08) 22%,rgba(255,248,239,.74) 54%,rgba(255,248,239,.96) 100%),url("assets/headers/navegacao-header.png") left 30%/cover no-repeat!important;
}
#view-navegacao .navigation-page-title>div:first-child{
  box-sizing:border-box!important;
  width:500px!important;
  max-width:500px!important;
  height:132px!important;
  min-height:132px!important;
  margin-left:auto!important;
  margin-right:2.5%!important;
  padding:14px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-self:center!important;
  background:rgba(255,251,245,.94)!important;
  border:1px solid rgba(212,187,148,.92)!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(95,67,41,.10)!important;
}
#view-navegacao .navigation-page-title h1{margin:4px 0 7px!important;font-size:30px!important;line-height:1.05!important}
#view-navegacao .navigation-page-title p{margin:0!important;line-height:1.42!important}
@media (max-width:1180px){
  #view-navegacao .navigation-page-title>div:first-child{width:min(500px,calc(100% - 28px))!important;max-width:500px!important}
}
@media (max-width:720px){
  #view-navegacao .navigation-page-title{
    height:auto!important;
    min-height:200px!important;
    max-height:none!important;
    padding:12px!important;
    background-position:left center!important;
  }
  #view-navegacao .navigation-page-title>div:first-child{
    width:calc(100% - 8px)!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0 4px 0 auto!important;
  }
}


/* ==== v1.4.49 — Zonas: tooltips equivalentes e proteção final contra sobreposição ==== */
/* MELHOR CIDADE usa a mesma escala tipográfica do tooltip de TRABALHADOR,
   preservando múltiplas linhas quando houver rota/CP detalhados. */
.global-hover-tooltip.is-zone-city-tooltip{
  font-size:9.4px!important;
  line-height:1.15!important;
}

/* A célula NÓ - ATIVIDADE nunca pode invadir SEM SORTE. */
#view-zonas .zone-list-row{
  overflow:hidden!important;
}
#view-zonas .zone-list-row>.zone-list-node{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  overflow:hidden!important;
  padding-right:6px!important;
  box-sizing:border-box!important;
}
#view-zonas .zone-list-node>.node-name{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  font-size:9.8px!important;
  line-height:1.2!important;
}
#view-zonas .zone-list-row>.zone-drop-cell{
  min-width:0!important;
  overflow:hidden!important;
  padding-left:4px!important;
}
#view-zonas .zone-drop-cell .drop-list,
#view-zonas .zone-drop-cell .drop-row{
  min-width:0!important;
  max-width:100%!important;
}
#view-zonas .zone-drop-cell .drop-row span:last-child{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
/* Um pouco mais de folga entre NÓ - ATIVIDADE e SEM SORTE sem alterar a densidade geral. */
#view-zonas .zones-list-head,
#view-zonas .zone-list-row{
  grid-template-columns:minmax(178px,1.30fr) minmax(164px,1.06fr) minmax(164px,1.06fr) minmax(126px,.88fr) 74px 70px 76px 70px!important;
  column-gap:9px!important;
}
@media (max-width:1180px) and (min-width:901px){
  #view-zonas .zones-list-head,
  #view-zonas .zone-list-row{
    grid-template-columns:minmax(168px,1.28fr) minmax(146px,1.02fr) minmax(146px,1.02fr) 108px 86px 72px 78px 70px!important;
    column-gap:7px!important;
  }
  #view-zonas .zone-list-node>.node-name{font-size:9.4px!important}
}


/* ==== v1.4.52 — ajustes funcionais preservados; escala global removida em v1.4.53 ==== */

/* Horta — SLOTS alinhado com os valores da terceira coluna. */
#view-horta .farming-list-head>span:nth-child(3){
  text-align:center!important;
  justify-self:stretch!important;
  align-self:center!important;
  white-space:nowrap!important;
}
#view-horta .farming-list-row>.site-list-metric:nth-child(3){
  text-align:center!important;
  justify-content:center!important;
}

/* Navegação — Limpar seleção usa exatamente a composição de Limpar rota. */
#view-navegacao .navigation-material-toolbar{
  grid-template-columns:minmax(220px,320px) minmax(0,1fr) auto!important;
  align-items:end!important;
}
#view-navegacao .navigation-material-toolbar .navigation-material-clear-action{
  display:flex!important;
  align-items:end!important;
  justify-content:flex-end!important;
  margin:0!important;
}
#view-navegacao .navigation-material-toolbar #navMaterialClear{
  height:36px!important;
  min-height:36px!important;
  min-width:104px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  white-space:nowrap!important;
}
@media (max-width:720px){
  #view-navegacao .navigation-material-toolbar{grid-template-columns:1fr auto!important}
  #view-navegacao .navigation-material-toolbar .navigation-hint{grid-column:1/-1!important;grid-row:2!important}
  #view-navegacao .navigation-material-toolbar .navigation-material-clear-action{grid-column:2!important;grid-row:1!important}
}
@media (max-width:420px){
  #view-navegacao .navigation-material-toolbar{grid-template-columns:1fr!important}
  #view-navegacao .navigation-material-toolbar .navigation-material-clear-action,
  #view-navegacao .navigation-material-toolbar .navigation-hint{grid-column:1!important;grid-row:auto!important}
  #view-navegacao .navigation-material-toolbar #navMaterialClear{width:100%!important}
}

/* Trabalhadores — nenhum tooltip visual nos ícones da coluna TIPO. */
#view-trabalhadores .worker-type-display{cursor:default!important}
#view-trabalhadores .worker-type-display::before,
#view-trabalhadores .worker-type-display::after{display:none!important;content:none!important}




/* ==== v1.4.53 — tipografia restaurada + alinhamento horizontal com o header principal ==== */
/*
   A compactação global de 20% da v1.4.52 foi removida: ela reduzia de forma
   desigual textos que já possuíam tamanhos específicos por componente.
   Assim, a tipografia volta exatamente à escala consolidada anterior, sem
   alterar os ajustes funcionais feitos na v1.4.52.
*/
main{
  width:min(calc(100% - 24px),1560px)!important;
  max-width:1560px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
/* Bordas externas das principais caixas acompanham as mesmas extremidades do header. */
main>.view,
main>.view>.page-title,
main>.view>.navigation-page-title,
main>.view>.hero,
main>.view>.card,
main>.view>.toolbar,
main>.view>.section-head{
  max-width:100%!important;
}
/* Mantém escala tipográfica consistente nos textos corridos e controles. */
main>.view input,
main>.view select,
main>.view button{line-height:1.35}
body>.global-hover-tooltip,
body>.workshop-item-tooltip,
body>.favorite-craft-tooltip,
body>.navigation-ship-craft-tooltip{font-size:inherit}

@media (max-width:720px){
  main{
    width:calc(100% - 12px)!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* ==== v1.4.54 — redução tipográfica seletiva de 20% (sem alterar layout) ==== */
/* Início — somente os textos explicitamente selecionados para compactação. */
#view-inicio .hero-intro .hero-copy > .eyebrow{font-size:9.6px!important}
#view-inicio .hero-intro .hero-copy > h1{font-size:25.6px!important}
#view-inicio .hero-intro .hero-copy > p{font-size:11.2px!important}
#view-inicio .hero-intro .hero-copy > .actions .btn{font-size:10.4px!important}
#view-inicio .hero-intro .hero-brand > strong{font-size:17.6px!important}
#view-inicio .hero-intro .hero-brand > small{font-size:8.8px!important}
#view-inicio > .stats-grid .stat > span{font-size:10.4px!important}
#view-inicio > .stats-grid .stat > strong{font-size:22.4px!important}
#view-inicio > .stats-grid .stat > small{font-size:10px!important}

/* Sub-headers informados: mantém dimensões, margens e caixas consolidadas; reduz apenas tipografia. */
#view-zonas .page-title .eyebrow,
#view-horta .page-title .eyebrow,
#view-oficinas .page-title .eyebrow,
#view-navegacao .navigation-page-title .eyebrow,
#view-recursos .page-title .eyebrow,
#view-trabalhadores .page-title .eyebrow{font-size:8.8px!important}

#view-zonas .page-title h1,
#view-horta .page-title h1,
#view-oficinas .page-title h1,
#view-navegacao .navigation-page-title h1,
#view-recursos .page-title h1,
#view-trabalhadores .page-title h1{font-size:24px!important}

#view-zonas .page-title p,
#view-horta .page-title p,
#view-oficinas .page-title p,
#view-navegacao .navigation-page-title p,
#view-recursos .page-title p,
#view-trabalhadores .page-title p{font-size:12px!important}

/* Zonas de Produção — filtros e ordenação descritos pelo usuário. */
#view-zonas .zones-toolbar .zone-search-field,
#view-zonas .zones-toolbar .zone-town-field,
#view-zonas .zones-toolbar .zone-sort-wrap label{font-size:9.2px!important}
#view-zonas .zones-toolbar input,
#view-zonas .zones-toolbar select{font-size:10.8px!important}
#view-zonas .zones-toolbar .sort-dir-btn{font-size:10.4px!important}

/* Horta — controles superiores e pesquisa. */
#view-horta .farming-controls .farming-control-grid label,
#view-horta .farming-controls .farm-search{font-size:9.6px!important}
#view-horta .farming-controls input,
#view-horta .farming-controls select{font-size:10.8px!important}

/* Oficinas — pesquisa e filtros. */
#view-oficinas .workshop-toolbar label{font-size:9.2px!important}
#view-oficinas .workshop-toolbar input,
#view-oficinas .workshop-toolbar select{font-size:10.8px!important}

/* Recursos — pesquisa e ordenação. */
#view-recursos .toolbar label{font-size:9.2px!important}
#view-recursos .toolbar input,
#view-recursos .toolbar select{font-size:10.8px!important}

/* Trabalhadores — resumo e pesquisa. */
#view-trabalhadores .worker-stats .stat > span{font-size:10.4px!important}
#view-trabalhadores .worker-stats .stat > strong{font-size:22.4px!important}
#view-trabalhadores .worker-stats .stat > small{font-size:10px!important}
#view-trabalhadores .toolbar label{font-size:9.2px!important}
#view-trabalhadores .toolbar input{font-size:10.8px!important}

/* Sobre — texto institucional e links. */
#view-sobre .about .eyebrow{font-size:9.6px!important}
#view-sobre .about h1{font-size:24px!important}
#view-sobre .about p{font-size:11.2px!important}
#view-sobre .about .about-links .btn{font-size:10.4px!important}

/* Perfil — somente os cards de Life Skill listados. */
#view-perfil .life-skill-item span{font-size:9.6px!important}
#view-perfil .life-skill-item strong{font-size:12.8px!important}
#view-perfil .life-skill-item strong small{font-size:9.6px!important}
#view-perfil .life-skill-mastery small{font-size:8px!important}
#view-perfil .life-skill-mastery b{font-size:11.2px!important}

/* Respeita a mesma redução proporcional no breakpoint móvel do título principal. */
@media (max-width:720px){
  #view-inicio .hero-intro .hero-copy > h1{font-size:19.2px!important}
  #view-sobre .about h1{font-size:20px!important}
}