/* Kalkulator stolarza – its own styles (tokens copied from Meblomiar, not linked: the folder ships alone). */
:root{
  color-scheme:light;
  --bg:#f6f5f1; --surface:#faf9f6; --card:#ffffff; --field:#ffffff;
  --text:#25262a; --text-strong:#111214; --muted:#76736b;
  --line:#e6e3da; --line-strong:#ddd9ce; --hover:#f1efe8;
  --active-bg:#fff3c2; --active-text:#4d3b00;
  --accent:#ffd400; --accent-hover:#f0c700; --accent-soft:#fff6cf; --accent-text:#7a5d00; --on-accent:#111214;
  --focus:#e0b400; --danger:#9c5252; --shadow:#2a241318;
  font:14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#131416; --surface:#17181b; --card:#202124; --field:#25262a;
  --text:#dcdcd8; --text-strong:#f1f0ec; --muted:#97948c;
  --line:#2c2d31; --line-strong:#37383d; --hover:#2a2b2f;
  --active-bg:#3a3418; --active-text:#ffe27a;
  --accent:#ffd400; --accent-hover:#ffe04d; --accent-soft:#2e2a18; --accent-text:#ffd84d; --on-accent:#111214;
  --focus:#ffd400; --danger:#d98888; --shadow:#00000055;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);min-height:100vh;display:flex;flex-direction:column}
[hidden]{display:none!important}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

.kk-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface)}
.kk-logo{width:26px;height:26px;border-radius:7px;background:var(--accent);position:relative;flex:none}
.kk-logo::after{content:"";position:absolute;left:8px;top:5px;width:10px;height:16px;border:2px solid var(--on-accent);border-radius:1px}
.kk-name{font-size:16px;color:var(--text-strong)}
.kk-ver{font-size:12px;color:var(--muted)}
.kk-grow{flex:1}

.kk-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:16px;display:grid;gap:16px;
  grid-template-columns:minmax(0,380px) minmax(0,1fr);grid-template-areas:"form out" "ad ad"}
.kk-form{grid-area:form}.kk-out{grid-area:out}.kk-ad{grid-area:ad}
@media (max-width:760px){.kk-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"form" "out" "ad"}}
.kk-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 1px 3px var(--shadow);min-width:0}
h1{font-size:20px;margin:0 0 4px;color:var(--text-strong)}
.kk-lead{margin:0 0 6px;color:var(--muted)}
.kk-h{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 6px}
.kk-muted{color:var(--muted)}
.kk-small{font-size:12px}
.kk-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}

.kk-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.kk-grid3 label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);min-width:0}
input,select{border:1px solid var(--line-strong);border-radius:8px;padding:8px 9px;background:var(--field);color:var(--text-strong);width:100%;min-width:0;font-size:15px}
input:focus,select:focus{border-color:var(--focus)}

.kk-seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:9px;overflow:hidden;max-width:100%}
.kk-seg button{border:0;background:var(--card);padding:7px 11px;cursor:pointer;white-space:nowrap}
.kk-seg button+button{border-left:1px solid var(--line)}
.kk-seg button:hover{background:var(--hover)}
.kk-seg button.on{background:var(--active-bg);color:var(--active-text);font-weight:700}

.kk-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);background:var(--card);border-radius:9px;padding:8px 12px;cursor:pointer;text-decoration:none;color:var(--text);white-space:nowrap}
.kk-btn:hover{background:var(--hover)}
.kk-btn:disabled{opacity:.45;cursor:not-allowed}
.kk-icon{padding:6px 10px}
.kk-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650}
.kk-primary:hover{background:var(--accent-hover)}
.kk-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 8px}

.kk-pic{display:flex;justify-content:center;padding:6px 0}
.fc-svg{max-width:100%;height:auto}
.fc-svg .fc-outer{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.2}
.fc-svg .fc-inner{fill:none;stroke:var(--muted);stroke-width:.9;stroke-dasharray:4 3}
.fc-svg .fc-front{fill:var(--accent-soft);stroke:var(--accent-text);stroke-width:1.4;fill-opacity:.9}
.fc-svg .fc-swing{fill:none;stroke:var(--accent-text);stroke-width:.9;stroke-dasharray:5 4}
.fc-svg .fc-hinge{stroke:var(--danger);stroke-width:3;stroke-linecap:round}
.fc-svg .fc-t{fill:var(--text-strong);font-weight:650}

.kk-table{width:100%;border-collapse:collapse;margin-top:6px}
.kk-table th,.kk-table td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left}
.kk-table th{font-size:11px;color:var(--muted);font-weight:700}
.kk-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.kk-hw{margin:0;padding-left:18px}
.kk-note{margin:8px 0 0;padding:7px 10px;border-radius:8px;background:var(--accent-soft);color:var(--accent-text);font-size:13px}

.kk-ad{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--accent-soft);border-color:var(--accent)}
.kk-ad b{font-size:16px;color:var(--text-strong)}
.kk-ad p{margin:4px 0 0;color:var(--muted);max-width:640px}
.kk-foot{text-align:center;font-size:12px;color:var(--muted);padding:8px 16px 18px}

@media print{
  :root{--bg:#fff;--card:#fff;--surface:#fff;--accent-soft:#fff}
  .kk-bar button,.kk-ad,.kk-actions,.kk-foot{display:none!important}
  .kk-main{display:block;padding:0}
  .kk-card{box-shadow:none;border:0;padding:6px 0}
  input,select{border:0;padding:0}
}