/* ⭐ KÉPMŰHELY (2026-10-19) — a panel, a fejléc-gomb és a Beállítások fül. Telefonon nincs. */

.kmgomb{margin-left:auto;border-color:var(--kek-100);background:var(--kek-50);color:var(--kek-900);font-weight:600}
.kmgomb i{font-style:normal;color:var(--narancs);font-size:13px}
.kmgomb:hover{background:#fff;border-color:var(--kek-600)}
.ablakfej .kmgomb + .azar{margin-left:4px}

.kmsor{width:26px;height:26px;border-radius:8px;border:1px solid var(--kek-100);background:var(--kek-50);
  color:var(--narancs);font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;
  margin-right:6px;vertical-align:middle;cursor:pointer}
.kmsor:hover{background:#fff;border-color:var(--kek-600)}

.kmhatter{position:fixed;inset:0;z-index:300;background:rgba(19,26,44,.42);backdrop-filter:blur(2px);
  display:flex;align-items:center;justify-content:center;padding:24px}
.kmpanel{width:min(1180px,96vw);height:min(860px,92vh);background:var(--papir);border-radius:18px;
  box-shadow:var(--arny-3);display:grid;grid-template-rows:54px 1fr;overflow:hidden}
.kmfej{display:flex;align-items:center;gap:14px;padding:0 14px 0 22px;background:var(--lap);
  border-bottom:1px solid var(--keret)}
.kmcim{font-weight:700;font-size:14px;white-space:nowrap}
.kmcim i{font-style:normal;color:var(--narancs)}
.kmtermek{color:var(--halvany);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kmfej .azar{margin-left:auto;flex:none}

.kmtorzs{display:grid;grid-template-columns:330px 1fr;min-height:0}
.kmbal{padding:18px;overflow:auto;border-right:1px solid var(--keret);background:var(--papir);scrollbar-width:none}
.kmjobb{padding:18px 20px;overflow:auto;scrollbar-width:none}
.kmbal::-webkit-scrollbar,.kmjobb::-webkit-scrollbar{display:none}

.kmkartya{background:var(--lap);border:1px solid var(--keret);border-radius:14px;padding:14px 15px;margin-bottom:12px;
  box-shadow:var(--arny-1)}
.kmkartya p{margin:6px 0 0}
.kmcimke{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--halvanyabb);margin-bottom:7px}
.kmsablon{display:flex;align-items:baseline;gap:8px}
.kmsablon b{font-size:16px;letter-spacing:-.2px}
.kmsablon span{font-size:11.5px;font-weight:700;color:var(--kek);background:var(--kek-50);border-radius:6px;padding:1px 7px}
.kmhalk{color:var(--halvany);font-size:12px;line-height:1.5}
.kmcimke .kmhalk{text-transform:none;letter-spacing:0;font-weight:500;font-size:11px}
.kmnincs b{font-size:14px}

.kmmodell{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;text-align:left;border:1.5px solid var(--keret);
  background:var(--lap);border-radius:11px;padding:9px 11px;margin-bottom:7px}
.kmmodell b{font-size:13px}
.kmmodell em{font-style:normal;font-size:12px;font-weight:600;color:var(--halvany)}
.kmmodell span{grid-column:1 / -1;font-size:11.5px;color:var(--halvany);line-height:1.4}
.kmmodell.be{border-color:var(--kek);box-shadow:0 0 0 3px rgba(65,86,149,.12)}
.kmmodell.be em{color:var(--kek)}

.kmkartya textarea{width:100%;resize:vertical;border:1.5px solid var(--keret-2);border-radius:10px;padding:8px 10px;
  font:inherit;font-size:13px;outline:0}
.kmkartya textarea:focus{border-color:var(--kek)}

.kmkeszit{width:100%;padding:12px 16px;font-size:14px;font-weight:600;border-radius:12px;margin-top:2px}
.kmkeszit[disabled]{opacity:.45;pointer-events:none}
.kmkoltes{margin:10px 2px 8px}

.kmracs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.kmverzio{background:var(--lap);border:1px solid var(--keret);border-radius:14px;overflow:hidden;box-shadow:var(--arny-1);
  display:flex;flex-direction:column}
.kmverzio.allapot-kint{border-color:var(--zold-200);box-shadow:0 0 0 3px rgba(23,117,55,.10)}
.kmkep{display:block;aspect-ratio:1;background:var(--papir-2)}
.kmkep img{width:100%;height:100%;object-fit:cover}
.kmkep-ures{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center}
.kmkep-ures em{font-style:normal;color:var(--halvany);font-size:12.5px;line-height:1.5}
.kmporgo{width:30px;height:30px;border-radius:50%;border:3px solid var(--kek-100);border-top-color:var(--kek);
  animation:kmforog .9s linear infinite}
@keyframes kmforog{to{transform:rotate(360deg)}}
.kmhibajel{width:32px;height:32px;border-radius:50%;background:var(--piros-50);color:var(--piros);font-weight:800;
  display:flex;align-items:center;justify-content:center;font-size:17px}
.kmmeta{padding:11px 13px 13px;display:flex;flex-direction:column;gap:5px}
.kmsor1{display:flex;align-items:center;gap:7px}
.kmsor1 b{font-size:13px}
.kmsor2{font-size:11.5px;color:var(--halvany);line-height:1.45}
.kmchip{font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px;background:var(--papir-2);color:var(--halvany)}
.kmchip.vazlat{background:var(--kek-50);color:var(--kek-900)}
.kmchip.kint{background:var(--zold-50);color:var(--zold)}
.kmchip.hiba{background:var(--piros-50);color:var(--piros)}
.kmchip.fut,.kmchip.sor{background:var(--sarga-50);color:var(--sarga)}
.kmchip.auto{background:#fff3e6;color:#a8541a}
.kmtenyek{font-size:11.5px;color:var(--halvany)}
.kmtenyek summary{cursor:pointer;color:var(--kek-700);font-weight:600}
.kmtenyek ul{margin:5px 0 0;padding-left:17px;line-height:1.5}
.kmgombok{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.kmgombok .g{text-decoration:none}
.kmgombok .g svg{flex:none}
.kmgombok .g[disabled]{opacity:.45;pointer-events:none}
.kmkint{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--zold);
  background:var(--zold-50);border:1px solid var(--zold-200);border-radius:9px;padding:5px 10px}
.kmures{color:var(--halvany);font-size:13px;padding:40px 10px;text-align:center}
.kmrejtett{margin-top:22px}
.kmrejtett summary{cursor:pointer;font-weight:600;color:var(--halvany);margin-bottom:12px}

/* Beállítások → Képműhely */
.kmkapcsolok{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 6px}
.kmkapcs{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;
  background:var(--lap);border:1px solid var(--keret);border-radius:12px;padding:11px 13px;cursor:pointer}
.kmkapcs input{position:absolute;opacity:0;pointer-events:none}
.kmcsuszka{grid-row:1 / 3;width:38px;height:22px;border-radius:99px;background:var(--keret-2);position:relative;transition:background .15s}
.kmcsuszka::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.kmkapcs input:checked + .kmcsuszka{background:var(--zold)}
.kmkapcs input:checked + .kmcsuszka::after{transform:translateX(16px)}
.kmkapcs b{font-size:13px}
.kmkapcs em{font-style:normal;font-size:11.5px;color:var(--halvany)}
.kmplafon{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kmplafon input{width:120px;padding:8px 10px;border:1.5px solid var(--keret-2);border-radius:9px;font:inherit;font-size:13px}
.kmhonapok{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;margin:4px 0 10px}
.kmnaplo td{font-size:12.5px}

/* Telefonon nincs Képműhely (Roland: a gépi átnézőé, mint a névmező). */
@media (max-width:760px){ .kmgomb,.kmsor{display:none !important} }