/* Калькуляторы канвы и расхода мулине (#gr-tool, .grk-*). Токены темы golovarus. */
#gr-tool .grk{background:var(--gr-surface);border:1px solid var(--gr-line);border-radius:var(--gr-radius);padding:16px;display:flex;flex-direction:column;gap:14px;max-width:760px;font-family:var(--gr-font-body);color:var(--gr-ink);font-size:15px;line-height:1.5;box-sizing:border-box}
#gr-tool .grk *{box-sizing:border-box}
#gr-tool .grk-seg{display:inline-flex;flex-wrap:wrap;align-self:flex-start;border:1px solid var(--gr-line);border-radius:8px;overflow:hidden;max-width:100%}
#gr-tool .grk-seg button{font:inherit;font-weight:500;font-size:15px;background:var(--gr-paper);color:var(--gr-ink);border:0;padding:8px 14px;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;border-radius:0}
#gr-tool .grk-seg button+button{border-left:1px solid var(--gr-line)}
#gr-tool .grk-seg button[aria-pressed=true]{background:var(--gr-accent);color:#fff}
#gr-tool .grk-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#gr-tool .grk-in{display:flex;flex-direction:column;gap:6px;min-width:0}
#gr-tool .grk-lbl{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gr-muted)}
#gr-tool .grk-in input,#gr-tool .grk-in select{font:inherit;font-size:17px;color:var(--gr-ink);background:var(--gr-paper);border:1px solid var(--gr-line);border-radius:8px;padding:9px 12px;width:100%;min-height:44px;margin:0}
#gr-tool .grk-in input:focus-visible,#gr-tool .grk-in select:focus-visible,#gr-tool .grk button:focus-visible{outline:2px solid var(--gr-accent);outline-offset:2px}
#gr-tool .grk-out{display:flex;gap:20px;align-items:center;background:var(--gr-tint,#EDE3F2);border-radius:10px;padding:14px 16px}
#gr-tool .grk-out:empty{display:none}
#gr-tool .grk-pic{flex:none;max-width:40%;height:auto}
#gr-tool .grk-pic__cv{fill:var(--gr-paper);stroke:var(--gr-muted);stroke-width:1;stroke-dasharray:4 3}
#gr-tool .grk-pic__em{fill:var(--gr-accent);opacity:.85}
#gr-tool .grk-res{display:flex;flex-direction:column;gap:4px;min-width:0}
#gr-tool .grk-res p{margin:0}
#gr-tool .grk-res p:not(.grk-sub){display:flex;flex-direction:column}
#gr-tool .grk-res p span{font-size:13px;color:var(--gr-muted)}
#gr-tool .grk-res p b{font-size:22px;line-height:1.25;font-variant-numeric:tabular-nums}
#gr-tool .grk-sub{font-size:14px;color:var(--gr-muted)}
#gr-tool .grk-empty{margin:0;color:var(--gr-muted)}
#gr-tool .grk-tbl{overflow-x:auto}
#gr-tool .grk-tbl:empty{display:none}
#gr-tool .grk-tbl table{border-collapse:collapse;width:100%;font-size:15px;margin:0}
#gr-tool .grk-tbl caption{text-align:left;font-weight:600;padding:0 0 6px}
#gr-tool .grk-tbl th,#gr-tool .grk-tbl td{padding:6px 10px;border-bottom:1px solid var(--gr-line);text-align:left;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}
#gr-tool .grk-tbl thead th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gr-muted)}
#gr-tool .grk-tbl tbody th{white-space:normal}
#gr-tool .grk-tbl tr.is-cur th,#gr-tool .grk-tbl tr.is-cur td{background:var(--gr-tint,#EDE3F2);font-weight:600}
#gr-tool .grk-colors{display:flex;flex-direction:column;gap:10px}
#gr-tool .grk-color{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:12px;align-items:end}
#gr-tool .grk-each{min-height:44px;display:flex;align-items:center;font-variant-numeric:tabular-nums;white-space:nowrap}
#gr-tool .grk-each b{margin-left:4px;font-size:18px}
#gr-tool .grk-del{font:inherit;font-size:20px;line-height:1;width:36px;height:44px;border:1px solid var(--gr-line);border-radius:8px;background:var(--gr-paper);color:var(--gr-muted);cursor:pointer;padding:0;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0}
#gr-tool .grk-del:hover{color:var(--gr-ink);border-color:var(--gr-ink)}
#gr-tool .grk-acts{display:flex}
#gr-tool .grk-add{font:inherit;font-weight:600;font-size:15px;background:none;border:1px dashed var(--gr-accent);color:var(--gr-accent);border-radius:8px;padding:8px 14px;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0}
#gr-tool .grk-hint{margin:0;font-size:13px;color:var(--gr-muted)}
@media (max-width:640px){
  #gr-tool .grk{padding:12px}
  #gr-tool .grk-row{grid-template-columns:1fr}
  #gr-tool .grk-row--pair{grid-template-columns:1fr 1fr}
  #gr-tool .grk-out{flex-direction:column;align-items:flex-start;gap:12px}
  #gr-tool .grk-pic{max-width:60%}
  #gr-tool .grk-color{grid-template-columns:minmax(0,1fr) auto 36px;gap:8px}
}