/* Helper Tático (helper.js): the card on the Auto Farm screen and the window (#helper-dialog): Diário, setup in four steps,
   Conselheiro's report. Only the colours of docs/DESIGN.md. */
.hp-modal{width:min(560px,96vw);max-height:94dvh}
#helper-dialog-body{display:flex;flex-direction:column;gap:6px;padding:6px 8px}
#helper-dialog-footer{display:flex;justify-content:flex-end;gap:6px;padding:6px 8px;border-top:1px solid #111;box-shadow:inset 0 1px #6a6a6a}
#helper-dialog-footer:empty{display:none}
.hp-ico,.hp-kind,.hp-level-ic,.hp-card-ic,.hp-el{image-rendering:pixelated;object-fit:contain;flex:none}
.hp-ico{width:24px;height:24px}.hp-el{width:16px;height:16px;vertical-align:middle}
.hp-msg{margin:0;color:#e8756c;min-height:0}.hp-msg.is-ok{color:#7cf08a}.hp-msg:empty{display:none}
.hp-head{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.hp-head b{margin:0!important}
.hp-gold{color:#e4ca78;font-weight:normal}.hp-bad{color:#e8756c}.hp-warn{color:#e8c547}.hp-good{color:#5fc85f}

/* The card on the farm screen */
.hp-card{display:grid;gap:3px;padding:4px 6px}
.hp-card-main{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:3px 6px;text-align:left;white-space:normal}
.hp-card-ic{width:32px;height:32px}
.hp-card-text{display:grid;flex:1;min-width:0}.hp-card-text b{color:#fff;font-weight:normal;font-size:12px}.hp-card-text small{color:#a9a9a9}
.hp-card-go{color:#e4ca78;font-size:11px}
.hp-last{display:flex;align-items:center;gap:6px;margin:0;padding:2px 4px;background:#1c1c1c;border:1px solid #111;font-size:11px}
.hp-last>span{flex:1;min-width:0;color:#c0c0c0}
.hp-last.hp-good>span{color:#7cf08a}.hp-last.hp-warn>span{color:#e8c547}.hp-last.hp-bad>span{color:#e8756c}.hp-last.hp-tip>span{color:#c0c0c0}
.hp-last button{flex:none;min-height:22px;padding:0 8px;font-size:11px}

/* Diário */
.hp-banner{display:flex;align-items:center;gap:6px;margin:0;padding:5px 8px;color:#c0c0c0}
.hp-banner i{width:8px;height:8px;background:#6a6a6a;border:1px solid #111}.hp-banner.is-on i{background:#5fc85f}
.hp-filters{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.hp-filters button{min-height:26px;padding:0 8px;font-size:11px}
.hp-filters button.active{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.hp-filters small{margin-left:auto;color:#a9a9a9}
.hp-list{display:grid;gap:4px;max-height:min(52dvh,430px);overflow:auto;padding:1px}
.hp-entry{display:grid;grid-template-columns:44px 28px minmax(0,1fr);gap:6px;align-items:start;padding:5px 6px}
.hp-entry.is-undone{opacity:.62}
.hp-entry.is-undone b{text-decoration:line-through}
.hp-time{display:grid;color:#e4ca78;font-size:11px;line-height:12px}.hp-time small{color:#a9a9a9}
.hp-kind{width:24px;height:24px;margin-top:1px}
.hp-entry-text{display:grid;gap:2px;min-width:0}
.hp-entry-text b{color:#fff;font-weight:normal;font-size:12px}
.hp-entry-text p{margin:0;color:#c0c0c0;font-size:11px;line-height:13px;overflow-wrap:anywhere}
.hp-entry.hp-good .hp-entry-text p{color:#7cf08a}.hp-entry.hp-warn .hp-entry-text p{color:#e8c547}.hp-entry.hp-bad .hp-entry-text p{color:#e8756c}
.hp-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hp-pips{display:inline-flex;gap:1px}.hp-pips i{width:7px;height:10px;background:#1c1c1c;border:1px solid #111}.hp-pips i.is-win{background:#5fc85f}.hp-pips i.is-loss{background:#e8584c}
.hp-forecast{font-weight:normal;font-size:11px}.hp-forecast.is-good{color:#5fc85f}.hp-forecast.is-bad{color:#e8756c}
.hp-tags{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.hp-tag{display:inline-flex;align-items:center;gap:2px;padding:0 5px;font-size:10px;line-height:15px;color:#c0c0c0;background:#262626;border:1px solid #111}
.hp-tag img{width:12px;height:12px;image-rendering:pixelated}
.hp-tag.is-good{color:#5fc85f}.hp-tag.is-vip,.hp-tag.is-gold{color:#f4d35e}.hp-tag.is-on{color:#fff;border-color:#c5b47c}.hp-tag.is-warn{color:#e8c547}
.hp-undo{min-height:22px;padding:0 8px;font-size:11px}
.hp-empty{margin:0;padding:10px;color:#a9a9a9;text-align:center}

/* Setup */
.hp-steps{display:flex;gap:4px;justify-content:flex-end}
.hp-steps button{width:26px;min-height:24px;padding:0;font-size:11px}
.hp-steps button.is-on{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.hp-levels,.hp-profiles{display:grid;gap:4px}
.hp-level,.hp-profile{display:flex;align-items:flex-start;gap:8px;width:100%;padding:6px 8px;text-align:left;white-space:normal}
.hp-level-ic{width:32px;height:32px;margin-top:2px}
.hp-level>span,.hp-profile>span{display:grid;gap:2px;min-width:0}
.hp-level b,.hp-profile b{color:#fff;font-weight:normal;font-size:12px;margin-right:6px}
.hp-level small,.hp-profile small{display:block;color:#a9a9a9;font-size:11px;line-height:13px}
.hp-profile em{font-style:normal;color:#e4ca78;font-size:10px}
.hp-level.is-on,.hp-profile.is-on{border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.hp-off{align-self:flex-start;min-height:24px;font-size:11px}
.hp-actions{display:flex;gap:4px;flex-wrap:wrap}
.hp-rules,.hp-presets{display:grid;gap:4px}
.hp-rule{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:6px;align-items:center;padding:5px 6px}
.hp-rule.is-off{opacity:.55}
.hp-rule-text{font-size:12px;color:#fff;line-height:15px}.hp-rule-text small{color:#a9a9a9;font-size:9px;letter-spacing:.05em}
.hp-rule-text b{font-weight:normal}
.hp-rule-n{display:grid;justify-items:end;gap:2px;color:#a9a9a9;font-size:11px}.hp-rule-n button{min-height:20px;padding:0 6px;font-size:11px}
.hp-check{display:grid;place-items:center}
.hp-add{width:100%;min-height:30px}
.hp-adder{display:grid;gap:4px;padding:6px}
.hp-adder .fm-sec button{margin-left:auto;min-height:20px;padding:0 6px;font-size:10px}
.hp-choice{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:4px 6px;text-align:left;white-space:normal}
.hp-choice span{display:grid;min-width:0}.hp-choice b{color:#fff;font-weight:normal;font-size:12px}.hp-choice small{color:#a9a9a9;font-size:11px;line-height:12px}
.hp-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px}
.hp-form label{display:grid;gap:2px;font-size:11px;color:#c0c0c0}
.hp-form input,.hp-form select{width:100%;min-width:0}
.hp-preset{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:6px;align-items:center;padding:5px 6px;cursor:pointer}
.hp-preset.is-on{border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.hp-preset.is-blocked{opacity:.7}
.hp-preset-text{display:grid;min-width:0}.hp-preset-text b{color:#fff;font-weight:normal;font-size:12px}.hp-preset-text small{color:#a9a9a9;font-size:11px}
.hp-team{display:flex;gap:1px}.hp-sp{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}

/* Relatório */
.hp-hero{display:grid;gap:2px;margin:0;padding:8px;text-align:center;background:#171516}
.hp-hero b{color:#f4d35e;font-weight:normal;font-size:18px}.hp-hero small{color:#a9a9a9}
.hp-card2{display:grid;gap:4px;padding:6px 8px}
.hp-card2 .fm-sec{margin:0}
.hp-bar{display:grid;grid-template-columns:90px minmax(0,1fr) 36px;gap:6px;align-items:center;font-size:11px;color:#c0c0c0}
.hp-bar>i{display:block;height:8px;background:#1c1c1c;border:1px solid #111}.hp-bar>i u{display:block;height:100%}
.hp-bar b{font-weight:normal;color:#fff;text-align:right}
.hp-note-card{display:grid;gap:2px;margin:0;padding:6px 8px}
.hp-note-card b{color:#fff;font-weight:normal;font-size:12px}.hp-note-card p{margin:0;color:#c0c0c0;font-size:11px;line-height:13px}
.hp-note-card.hp-good b{color:#5fc85f}.hp-note-card.hp-bad b{color:#e8756c}
.hp-tip-row{margin:0;font-size:11px;color:#c0c0c0}.hp-tip-row b{color:#e4ca78;font-weight:normal}
@media(max-width:420px){.hp-entry{grid-template-columns:38px 24px minmax(0,1fr);gap:4px}.hp-bar{grid-template-columns:76px minmax(0,1fr) 32px}}

.hp-row{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:4px 8px;text-align:left;white-space:normal}
/* 2.83.1: the card with its switch, and the settings on one screen (sections instead of four numbered steps). */
.hp-card{display:grid;gap:6px}
.hp-head2{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center}
.hp-head2 .hp-card-text b{display:block;color:#fff;font-weight:normal}
.hp-toggle{position:relative;width:64px;min-height:30px;height:30px;padding:0;border:1px solid #111;border-image:none;background:#1c1c1c;box-shadow:inset 1px 1px #000;cursor:pointer}
@media(hover:hover){.hp-toggle:hover:not(:disabled){border-image:none;box-shadow:inset 1px 1px #000,0 0 0 1px #e4ca78}}
.hp-toggle i{position:absolute;top:2px;left:2px;width:26px;height:24px;background:#6a6a6a;border:1px solid #111;transition:left .18s,background .18s}
.hp-toggle span{position:absolute;inset:0;display:grid;place-items:center;padding-left:26px;color:#a9a9a9}
.hp-toggle.is-on{background:#262626;box-shadow:inset 0 0 0 1px #5fc85f}.hp-toggle.is-on i{left:34px;background:#5fc85f}.hp-toggle.is-on span{padding:0 26px 0 0;color:#fff}
.hp-toggle:focus-visible{outline:2px solid #e8c547;outline-offset:1px}
.hp-say{margin:0;padding:6px 8px;color:#fff;background:#1c1c1c;border:1px solid #111}.hp-say small{display:block;color:#a9a9a9}
.hp-card-acts{display:grid;grid-template-columns:1fr 1fr;gap:4px}.hp-card-acts button{min-height:32px}
.hp-sec{display:grid;gap:6px;margin:0;padding:6px}
.hp-segs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.hp-seg{display:grid;justify-items:center;gap:2px;min-height:58px;padding:3px 2px;text-align:center;white-space:normal}
.hp-seg.is-on,.hp-goal.is-on{color:#fff;box-shadow:inset 0 0 0 1px #e4ca78}
.hp-seg .hp-tag{font-style:normal}
.hp-explain{margin:0;color:#c0c0c0}
.hp-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.hp-goal{display:grid;grid-template-columns:16px minmax(0,1fr);gap:4px;align-items:center;min-height:32px;padding:0 6px;text-align:left;white-space:normal}
.hp-goal span{min-width:0;overflow-wrap:anywhere}
.hp-rules2,.hp-presets2{display:grid;gap:3px}
.hp-rule2{display:grid;grid-template-columns:16px minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:4px 6px;background:#1c1c1c;border:1px solid #111}
.hp-rule2 p{margin:0;color:#fff}.hp-rule2 p b{color:#e4ca78;font-weight:normal}.hp-rule2.is-off p{color:#a9a9a9}
.hp-x{min-height:24px;width:26px;padding:0}
.hp-switch{position:relative;display:inline-block;width:44px;height:22px;flex:none;cursor:pointer}
.hp-switch input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.hp-switch i{position:absolute;inset:0;background:#1c1c1c;border:1px solid #111;box-shadow:inset 1px 1px #000}
.hp-switch i::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:16px;background:#6a6a6a;border:1px solid #111;transition:left .18s}
.hp-switch input:checked+i{box-shadow:inset 0 0 0 1px #5fc85f}.hp-switch input:checked+i::after{left:22px;background:#5fc85f}
.hp-switch input:focus-visible+i{outline:2px solid #e8c547;outline-offset:1px}
.hp-preset2{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center;padding:4px 6px;background:#1c1c1c;border:1px solid #111;cursor:pointer}
.hp-preset2.is-on{box-shadow:inset 0 0 0 1px #5fc85f}.hp-preset2 b{color:#fff;font-weight:normal}.hp-preset2 small{display:block;color:#a9a9a9}
details.hp-limits>summary{cursor:pointer;list-style:none}details.hp-limits>summary::-webkit-details-marker{display:none}
.hp-limit-rows{display:grid;gap:4px}.hp-limit-rows label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
@media(prefers-reduced-motion:reduce){.hp-toggle i,.hp-switch i::after{transition:none}}