/* Tool-Core – új arculat („Műszaki rajz”): tervezési rendszer + az alkalmazás kerete (Claude, 2026-10-04, D02).
   A tervezési rendszer a Claude_v01 tool-core-ui.css-ből készült, .rz / .rz-* névtérben, hogy ne ütközzön a meglévő .tc-* osztályokkal. */
/* ---- Műszaki rajz – tervezési rendszer (a Claude_v01 tool-core-ui.css névtérbe téve: .rz / .rz-*) ---- */
/* a világos tokenek (betűk, sugarak is) mindkét változatra; az éjszakai blokk utána csak a színeket írja felül */
.app-ui[data-theme^="rajz"],.rz-tokens{--paper:#F5F5F2;--sheet:#FFFFFF;--sheet-2:#FAFAF8;--sunk:#EEEEEA;--ink:#1A1E23;--ink-2:#39414B;--mute:#5E6772;--faint:#8A919A;--line:#DCDFE3;--line-2:#C5CAD0;--grid:rgba(26,30,35,.045);--grid-2:rgba(26,30,35,.085);--signal:#C8450B;--signal-hover:#A9390A;--signal-ink:#B23E0A;--signal-tint:#FBEADF;--on-signal:#FFFFFF;--petrol:#0E5F6C;--petrol-hover:#0A4A54;--petrol-tint:#E2EFF0;--on-petrol:#FFFFFF;--ok:#1D7A46;--ok-tint:#E5F3EA;--warn:#8F5600;--warn-tint:#FDF1D8;--bad:#B3261E;--bad-tint:#FBE9E7;--series-1:#2672B8;--series-2:#D9682E;--series-3:#1E9E74;--pkg-1:#2672B8;--pkg-2:#1E9E74;--pkg-3:#D9682E;--iso-p:#1E63B5;--iso-m:#E6B800;--iso-k:#C8232C;--iso-n:#237536;--iso-s:#9C5417;--iso-h:#646A72;--g-cvd:#2B2F35;--g-gold:#C9A227;--g-pvd:#7A5BA6;--g-plain:#9AA1A9;--g-ruby:#9B2C3B;--g-bronze:#A86B3C;--shadow-pop:0 1px 0 rgba(16,19,22,.04),0 18px 40px rgba(16,19,22,.16);--r-1:3px;--r-2:5px;--r-3:8px;--r-4:12px;--f-sans:'TC Plex Sans','IBM Plex Sans',ui-sans-serif,system-ui,'Segoe UI',sans-serif;--f-cond:'TC Plex Condensed','TC Plex Sans',ui-sans-serif,'Arial Narrow',sans-serif;--f-mono:'TC Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace}
.app-ui[data-theme="rajz-ejjel"],.rz-tokens.rz-dark{--paper:#101316;--sheet:#161A1F;--sheet-2:#1B2026;--sunk:#0C0F12;--ink:#E7E9EC;--ink-2:#C3C8CF;--mute:#98A1AC;--faint:#6F7883;--line:#2A3139;--line-2:#36404A;--grid:rgba(231,233,236,.035);--grid-2:rgba(231,233,236,.07);--signal:#FF7A3D;--signal-hover:#FF925F;--signal-ink:#FF8A55;--signal-tint:rgba(255,122,61,.14);--on-signal:#101316;--petrol:#5CC3CF;--petrol-hover:#7DD3DD;--petrol-tint:rgba(92,195,207,.13);--on-petrol:#0B181B;--ok:#4CC38A;--ok-tint:rgba(76,195,138,.13);--warn:#F0B34A;--warn-tint:rgba(240,179,74,.13);--bad:#FF6B5E;--bad-tint:rgba(255,107,94,.13);--series-1:#3987E5;--series-2:#D95926;--series-3:#199E70;--pkg-1:#3987E5;--pkg-2:#199E70;--pkg-3:#D95926;--g-cvd:#0B0D10;--shadow-pop:0 18px 44px rgba(0,0,0,.55)}
.rz{font-family:var(--f-sans);font-size:14px;line-height:1.45;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

.rz *,.rz *::before,.rz *::after{box-sizing:border-box}
.rz h1,.rz h2,.rz h3,.rz h4,.rz p{margin:0}
.rz a{color:var(--petrol);text-decoration:none}
.rz a:hover{text-decoration:underline}
.rz button,.rz input,.rz select,.rz textarea{font:inherit;color:inherit}
.rz svg{flex:none}
.rz ::placeholder{color:var(--mute);opacity:1}

/* --- tipó segédek --- */
.rz .mono{font-family:var(--f-mono)}
.rz .cond{font-family:var(--f-cond)}
.rz .num{font-variant-numeric:tabular-nums}
.rz .lbl{font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}
.rz .mute{color:var(--mute)}
.rz .ink2{color:var(--ink-2)}
.rz .strong{font-weight:600}
.rz .small{font-size:12.5px}
.rz .xs{font-size:11.5px}
.rz .t-ok{color:var(--ok)} .rz .t-warn{color:var(--warn)} .rz .t-bad{color:var(--bad)} .rz .t-signal{color:var(--signal-ink)} .rz .t-petrol{color:var(--petrol)}
.rz .h-page{font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.15}
.rz .h-sec{font-size:16px;font-weight:600;line-height:1.3}
.rz .h-card{font-size:15px;font-weight:600;line-height:1.3}

/* --- elrendezés segédek --- */
.rz .row{display:flex;align-items:center;gap:8px}
.rz .row.top{align-items:flex-start}
.rz .row.wrap{flex-wrap:wrap}
.rz .col{display:flex;flex-direction:column;gap:8px}
.rz .grow{flex:1 1 auto;min-width:0}
.rz .between{justify-content:space-between}
.rz .gap-4{gap:4px} .rz .gap-6{gap:6px} .rz .gap-12{gap:12px} .rz .gap-16{gap:16px} .rz .gap-20{gap:20px} .rz .gap-24{gap:24px}
.rz .ml-auto{margin-left:auto}
.rz .hr{height:1px;background:var(--line);border:0;margin:0}

/* --- logó --- */
.rz-logo .ol{stroke:var(--ink)} .rz-logo .cl{stroke:var(--signal)}
.rz-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.rz-brand:hover{text-decoration:none}
.rz-brand-word{font-family:var(--f-cond);font-weight:600;font-size:17px;letter-spacing:.14em;line-height:1}
.rz-brand-word i{font-style:normal;color:var(--signal)}
.rz-brand-sub{display:block;margin-top:3px;font-family:var(--f-cond);font-size:9.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}

/* --- app keret --- */
.rz-app{min-height:100vh;display:flex;flex-direction:column;background:var(--paper)}
.rz-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 20px;min-height:58px;background:var(--sheet);border-bottom:1px solid var(--line)}
.rz-proto{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border:1px dashed var(--line-2);border-radius:var(--r-1);font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.rz-search{flex:1 1 320px;max-width:560px;display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet-2);color:var(--mute)}
.rz-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;color:var(--ink)}
.col>.rz-search{flex:none}
.rz-kbd{display:inline-flex;align-items:center;height:20px;padding:0 6px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;background:var(--sheet);font-family:var(--f-mono);font-size:11px;color:var(--mute);white-space:nowrap}
.rz-top-right{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rz-icon-btn{position:relative;width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:var(--r-2);background:transparent;color:var(--ink-2);cursor:pointer}
.rz-icon-btn:hover{background:var(--sunk)}
.rz-icon-btn.boxed{border-color:var(--line-2);background:var(--sheet)}
.rz-badge{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--signal);color:var(--on-signal);font-size:10.5px;font-weight:600;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}
.rz-user{display:flex;align-items:center;gap:9px;padding:3px 8px 3px 3px;border:1px solid transparent;border-radius:var(--r-2);background:transparent;cursor:pointer;color:var(--ink);text-align:left}
.rz-user:hover{background:var(--sunk)}
.rz-avatar{width:32px;height:32px;border-radius:50%;background:var(--petrol);color:var(--on-petrol);display:grid;place-items:center;font-family:var(--f-cond);font-weight:600;font-size:12.5px;letter-spacing:.04em;flex:none}
.rz-avatar.sm{width:24px;height:24px;font-size:10px}
.rz-avatar.alt{background:var(--sunk);color:var(--ink-2);border:1px solid var(--line-2)}
.rz-fresh{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:13px;background:var(--warn-tint);color:var(--warn);font-size:12px;font-weight:500;white-space:nowrap}

.rz-body{display:flex;flex-wrap:wrap;flex:1;align-items:stretch}
.rz-side{flex:1 1 224px;max-width:244px;background:var(--sheet);border-right:1px solid var(--line);padding:14px 10px 18px;display:flex;flex-direction:column;gap:16px}
.rz-nav{display:flex;flex-direction:column;gap:1px}
.rz-nav-head{display:flex;align-items:center;gap:7px;padding:4px 10px 6px;font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.rz-nav-head b{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid var(--line-2);border-radius:2px;font-size:9.5px;color:var(--ink-2)}
.rz-nav a{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border-radius:var(--r-2);color:var(--ink-2);font-size:13.5px;text-decoration:none}
.rz-nav a:hover{background:var(--sunk);text-decoration:none}
.rz-nav a.on{background:var(--petrol-tint);color:var(--petrol);font-weight:600}
.rz-nav a .cnt{margin-left:auto;min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:var(--sunk);color:var(--ink-2);font-size:11px;font-weight:600;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.rz-nav a .cnt.hot{background:var(--signal-tint);color:var(--signal-ink)}
.rz-side-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.rz-main{flex:999 1 560px;min-width:0;padding:22px 28px 40px;display:flex;flex-direction:column;gap:18px}
.rz-main.narrow-gap{gap:14px}

/* --- rajzfejléc (title block) --- */
.rz-tb{display:flex;flex-wrap:wrap;align-items:stretch;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-2)}
.rz-tb>div{flex:1 1 130px;min-width:0;padding:10px 14px;border-left:1px solid var(--line)}
.rz-tb>div:first-child{border-left:0}
.rz-tb>.tb-title{flex:2.4 1 320px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.rz-tb>.tb-act{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.rz-tb .k{display:block;margin-bottom:3px;font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rz-tb .v{display:block;font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rz-tb .v.big{font-size:20px;font-weight:600;letter-spacing:-.01em}
.rz-tb .v+.xs{display:block;margin-top:1px;color:var(--mute)}
.rz-crumb{font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.rz-crumb b{color:var(--ink-2);font-weight:600}

/* pecsét */
.rz-stamp{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border:1.5px solid currentColor;border-radius:3px;font-family:var(--f-cond);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);transform:rotate(-2deg);white-space:nowrap}
.rz-stamp.ok{color:var(--ok)} .rz-stamp.warn{color:var(--warn)} .rz-stamp.bad{color:var(--bad)} .rz-stamp.petrol{color:var(--petrol)}

/* méretvonal fejléc */
.rz-dim{display:flex;align-items:center;gap:10px;font-family:var(--f-cond);font-size:12px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2)}
.rz-dim::before,.rz-dim::after{content:"";width:1px;height:11px;background:var(--line-2);flex:none}
.rz-dim .ln{flex:1;height:1px;background:var(--line-2);min-width:24px}
.rz-dim .aside{font-weight:500;color:var(--mute);letter-spacing:.08em}

/* --- kártya, panel --- */
.rz-card{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-3);min-width:0}
.rz-card-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}
.rz-card-b{padding:14px 16px}
.rz-card-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line)}
.rz-well{background:var(--sheet-2);border:1px solid var(--line);border-radius:var(--r-2);padding:12px 14px}
.rz-note{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-2);background:var(--sheet-2);border:1px dashed var(--line-2);color:var(--ink-2);font-size:12.5px}
.rz-alert{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:var(--r-2);font-size:13px}
.rz-alert.warn{background:var(--warn-tint);color:var(--warn)}
.rz-alert.bad{background:var(--bad-tint);color:var(--bad)}
.rz-alert.ok{background:var(--ok-tint);color:var(--ok)}
.rz-alert.info{background:var(--petrol-tint);color:var(--petrol)}
.rz-alert b{font-weight:600}

/* --- gombok --- */
.rz-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet);color:var(--ink);font-size:13.5px;font-weight:500;white-space:nowrap;cursor:pointer;text-decoration:none}
.rz-btn:hover{border-color:var(--ink-2);text-decoration:none}
.rz-btn.primary{background:var(--signal);border-color:var(--signal);color:var(--on-signal);font-weight:600}
.rz-btn.primary:hover{background:var(--signal-hover);border-color:var(--signal-hover)}
.rz-btn.petrol{background:var(--petrol);border-color:var(--petrol);color:var(--on-petrol);font-weight:600}
.rz-btn.dark{background:var(--ink);border-color:var(--ink);color:var(--sheet);font-weight:600}
.rz-btn.ghost{border-color:transparent;background:transparent;color:var(--ink-2)}
.rz-btn.ghost:hover{background:var(--sunk)}
.rz-btn.sm{height:30px;padding:0 10px;font-size:12.5px;gap:6px}
.rz-btn.lg{height:44px;padding:0 18px;font-size:14.5px}
.rz-btn.block{width:100%}
.rz-btn[disabled]{opacity:.45;cursor:not-allowed}
.rz-link{display:inline-flex;align-items:center;gap:5px;color:var(--petrol);font-weight:500;font-size:13px;background:none;border:0;padding:0;cursor:pointer}

/* --- űrlap --- */
.rz-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.rz-field>label,.rz-field>.k{font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rz-input,.rz-select{height:36px;width:100%;padding:0 10px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet);color:var(--ink);min-width:0}
.rz-select{padding-right:8px}
.rz-input:focus,.rz-select:focus{outline:2px solid var(--petrol);outline-offset:-1px}
textarea.rz-input{height:auto;min-height:76px;padding:9px 10px;resize:vertical;line-height:1.45}
.rz-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--ink-2)}
.rz-check input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--petrol);flex:none}

/* szegmens, fülek */
.rz-seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet)}
.rz-seg button{height:30px;padding:0 12px;border:0;border-radius:3px;background:transparent;color:var(--ink-2);font-size:13px;cursor:pointer;white-space:nowrap}
.rz-seg button[aria-pressed="true"]{background:var(--ink);color:var(--sheet);font-weight:600}
.rz-seg.sm button{height:26px;padding:0 9px;font-size:12px}
.rz-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line)}
.rz-tabs a{display:flex;align-items:center;gap:7px;padding:9px 12px 10px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--mute);font-weight:500;font-size:13.5px;text-decoration:none;white-space:nowrap}
.rz-tabs a:hover{color:var(--ink);text-decoration:none}
.rz-tabs a.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}
.rz-tabs a .cnt{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--sunk);font-size:11px;font-weight:600;line-height:18px;text-align:center;color:var(--ink-2)}

/* chipek, pillek */
.rz-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--sheet);color:var(--ink-2);font-size:12.5px;white-space:nowrap;cursor:pointer}
.rz-chip .n{font-size:11px;color:var(--mute);font-variant-numeric:tabular-nums}
.rz-chip:hover{border-color:var(--ink-2)}
.rz-chip.on,.rz-chip[aria-pressed="true"]{border-color:var(--petrol);background:var(--petrol-tint);color:var(--petrol);font-weight:600}
.rz-chip.on .n,.rz-chip[aria-pressed="true"] .n{color:var(--petrol)}
.rz-chip[disabled]{opacity:.42;cursor:not-allowed}
.rz-chip.x{padding-right:6px}
.rz-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:11px;background:var(--sunk);color:var(--ink-2);font-size:12px;font-weight:500;white-space:nowrap}
.rz-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.rz-pill.ok{background:var(--ok-tint);color:var(--ok)}
.rz-pill.warn{background:var(--warn-tint);color:var(--warn)}
.rz-pill.bad{background:var(--bad-tint);color:var(--bad)}
.rz-pill.info{background:var(--petrol-tint);color:var(--petrol)}
.rz-pill.signal{background:var(--signal-tint);color:var(--signal-ink)}
.rz-pill.plain::before{display:none}
.rz-tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border:1px solid var(--line-2);border-radius:var(--r-1);font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--ink-2);white-space:nowrap;background:var(--sheet)}
.rz-tag.solid{background:var(--ink);border-color:var(--ink);color:var(--sheet)}
.rz-tag.petrol{border-color:var(--petrol);color:var(--petrol)}
.rz-tag.signal{border-color:var(--signal);color:var(--signal-ink)}
.rz-tag.ok{border-color:var(--ok);color:var(--ok)}

/* --- táblázat --- */
.rz-scroll{overflow-x:auto;min-width:0}
.rz-table{width:100%;border-collapse:collapse;font-size:13px}
.rz-table th{padding:9px 10px;border-bottom:1px solid var(--line-2);background:var(--sheet-2);text-align:left;white-space:nowrap;font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rz-table td{padding:10px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.rz-table th:first-child,.rz-table td:first-child{padding-left:14px}
.rz-table .rz-icon-btn{width:32px;height:32px}
.rz-table tbody tr:hover td{background:var(--sheet-2)}
.rz-table tr.sel td{background:var(--petrol-tint)}
.rz-table tr.muted td{color:var(--mute)}
.rz-table .r{text-align:right}
.rz-table .c{text-align:center}
.rz-table td.num,.rz-table .num{font-variant-numeric:tabular-nums}
.rz-table .num,.rz-table .mono,.rz-table .rz-code{white-space:nowrap}
.rz-table .rz-zone .bar{width:40px}
.rz-table tfoot td{border-bottom:0;font-weight:600}
.rz-table.dense td{padding-top:8px;padding-bottom:8px}

/* kód */
.rz-code{font-family:var(--f-mono);font-size:13px;font-weight:500;color:var(--ink);letter-spacing:.005em;white-space:nowrap}
.rz-code.lg{font-size:24px;font-weight:500;letter-spacing:-.01em}
.rz-code.md{font-size:15px}
.rz-code .gr{color:var(--petrol)}

/* ISO anyagcsoport */
.rz-iso{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:3px;font-family:var(--f-cond);font-size:12px;font-weight:700;color:#fff;flex:none}
.rz-iso.p{background:var(--iso-p)} .rz-iso.m{background:var(--iso-m);color:#1A1E23} .rz-iso.k{background:var(--iso-k)} .rz-iso.n{background:var(--iso-n)} .rz-iso.s{background:var(--iso-s)} .rz-iso.h{background:var(--iso-h)}
.rz-iso.lg{width:28px;height:28px;font-size:15px;border-radius:4px}
.rz-iso.off{opacity:.28}

/* minőség-chip */
.rz-grade{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--sheet);font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--ink-2);white-space:nowrap;cursor:pointer}
.rz-grade.on{border-color:var(--petrol);background:var(--petrol-tint);color:var(--petrol);font-weight:600}
.rz-sw{display:inline-block;width:9px;height:9px;border-radius:2px;flex:none}
.rz-sw.cvd{background:linear-gradient(135deg,var(--g-cvd) 0 50%,var(--g-gold) 50% 100%)}
.rz-sw.gold{background:var(--g-gold)} .rz-sw.pvd{background:var(--g-pvd)} .rz-sw.plain{background:var(--g-plain)} .rz-sw.ruby{background:var(--g-ruby)} .rz-sw.bronze{background:var(--g-bronze)}

/* árrés-zóna */
.rz-zone{display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.rz-zone .bar{position:relative;width:46px;height:6px;border-radius:3px;background:var(--sunk);overflow:hidden;flex:none}
.rz-zone .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:3px}
.rz-zone.z-ok .bar i{background:var(--ok)} .rz-zone.z-warn .bar i{background:#C98A0B} .rz-zone.z-bad .bar i{background:var(--bad)}
.app-ui[data-theme="rajz-ejjel"] .rz-zone.z-warn .bar i{background:var(--warn)}

/* csomag-jelölő */
.rz-pkg{display:inline-block;width:10px;height:10px;border-radius:2px;flex:none}
.rz-pkg.p1{background:var(--pkg-1)} .rz-pkg.p2{background:var(--pkg-2)} .rz-pkg.p3{background:var(--pkg-3)}

/* milliméterpapír + illesztőjelek */
.rz-mm{background-color:var(--sheet);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),linear-gradient(var(--grid-2) 1px,transparent 1px),linear-gradient(90deg,var(--grid-2) 1px,transparent 1px);background-size:8px 8px,8px 8px,40px 40px,40px 40px;background-position:-1px -1px}
.rz-marks{position:relative}
.rz-marks::before,.rz-marks::after{content:"";position:absolute;width:12px;height:12px;border:0 solid var(--line-2);pointer-events:none}
.rz-marks::before{top:7px;left:7px;border-top-width:1px;border-left-width:1px}
.rz-marks::after{bottom:7px;right:7px;border-bottom-width:1px;border-right-width:1px}
.rz-drawing .ol{stroke:var(--ink);fill:none}
.rz-drawing .ol2{stroke:var(--ink-2);fill:none}
.rz-drawing .th{stroke:var(--mute);fill:none}
.rz-drawing .cl{stroke:var(--signal);fill:none}
.rz-drawing .dm{stroke:var(--mute);fill:none}
.rz-drawing .fill{fill:var(--sheet)}
.rz-drawing .ah{fill:var(--mute)}
.rz-drawing text{font-family:var(--f-mono);font-size:11px;fill:var(--ink-2)}
.rz-drawing text.cap{font-family:var(--f-cond);font-size:10px;letter-spacing:.12em;fill:var(--mute)}

/* KPI */
.rz-kpis{display:flex;flex-wrap:wrap;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-3)}
.rz-kpi{flex:1 1 180px;padding:14px 16px;border-left:1px solid var(--line);min-width:0}
.rz-kpi:first-child{border-left:0}
.rz-kpi .v{display:block;margin-top:4px;font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.15}
.rz-kpi .d{display:block;margin-top:3px;font-size:12px;color:var(--mute)}
.rz-meter{position:relative;height:6px;border-radius:3px;background:var(--petrol-tint);overflow:hidden;margin-top:9px}
.rz-meter i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--petrol)}

/* --- szerszámpárosító: dobok --- */
.rz-drums{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(176px,100%),1fr));gap:12px}
.rz-drum{display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-3);overflow:hidden;min-width:0}
.rz-drum.set{border-color:var(--petrol)}
.rz-drum-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line)}
.rz-drum-h .no{font-family:var(--f-mono);font-size:11px;color:var(--mute)}
.rz-drum-win{position:relative;display:flex;flex-direction:column;justify-content:center;height:164px;padding-left:22px}
.rz-drum-win::before{content:"";position:absolute;left:0;top:0;bottom:0;width:16px;border-right:1px solid var(--line);background-image:repeating-linear-gradient(to bottom,var(--line-2) 0 1px,transparent 1px 8px),repeating-linear-gradient(to bottom,var(--ink-2) 0 1px,transparent 1px 40px);background-size:7px 100%,13px 100%;background-repeat:no-repeat;background-position:right 0 top 3px,right 0 top 3px}
.rz-drum-win::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--sheet) 0%,transparent 30%,transparent 70%,var(--sheet) 100%)}
.rz-drum-item{display:flex;align-items:center;justify-content:space-between;gap:8px;height:28px;padding:0 12px;font-size:13px;color:var(--faint)}
.rz-drum-item .n{font-size:11px;font-variant-numeric:tabular-nums}
.rz-drum-item.near{color:var(--mute)}
.rz-drum-item.sel{position:relative;z-index:1;height:40px;margin:2px 0;border-top:1px solid var(--petrol);border-bottom:1px solid var(--petrol);background:var(--petrol-tint);color:var(--ink);font-size:15px;font-weight:600}
.rz-drum-item.sel .n{color:var(--petrol);font-weight:600}
.rz-drum-item.sel::before{content:"";position:absolute;left:-22px;top:50%;width:0;height:0;margin-top:-5px;border:5px solid transparent;border-left-color:var(--petrol)}
.rz-drum-f{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 8px 7px 12px;border-top:1px solid var(--line);font-size:12px;color:var(--mute)}
.rz-drum-f .arw{display:flex;gap:2px}
.rz-drum-f .arw button{width:28px;height:26px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--sheet);color:var(--ink-2);cursor:pointer}

/* minőségpolc */
.rz-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px}
.rz-gcard{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 12px 11px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-3);cursor:pointer;text-align:left;min-width:0}
.rz-gcard .stripe{position:absolute;left:0;right:0;top:0;height:4px;border-radius:var(--r-3) var(--r-3) 0 0}
.rz-gcard.rec{border-color:var(--petrol);box-shadow:0 0 0 1px var(--petrol) inset}
.rz-gcard.alt{border-color:var(--line-2)}
.rz-gcard.dim{opacity:.48}
.rz-gcard .gn{font-family:var(--f-mono);font-size:17px;font-weight:600;color:var(--ink)}
.rz-flag{position:absolute;top:10px;right:10px;height:20px;padding:0 7px;border-radius:10px;font-family:var(--f-cond);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:20px;text-transform:uppercase}
.rz-flag.rec{background:var(--petrol);color:var(--on-petrol)}
.rz-flag.alt{background:var(--sheet);color:var(--petrol);border:1px solid var(--petrol);line-height:18px}

/* termékkártya */
.rz-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(236px,100%),1fr));gap:14px}
.rz-pcard{display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden;min-width:0}
.rz-pcard.cmp{border-color:var(--petrol)}
.rz-pcard-img{position:relative;height:148px;display:grid;place-items:center;border-bottom:1px solid var(--line)}
.rz-pcard-img .corner{position:absolute;top:10px;left:12px;display:flex;gap:6px}
.rz-pcard-img .cmpbtn{position:absolute;top:8px;right:8px}
.rz-pcard-img .shape{position:absolute;bottom:9px;right:12px;font-family:var(--f-mono);font-size:10.5px;color:var(--mute)}
.rz-pcard-b{display:flex;flex-direction:column;gap:8px;padding:12px 14px 12px}
.rz-pcard-f{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px 14px;border-top:1px solid var(--line)}

/* fiók (drawer) és takaró */
.rz-stage{position:relative;overflow:hidden}
.rz-scrim{position:absolute;inset:0;background:rgba(16,19,22,.42);z-index:5}
.rz-drawer{position:absolute;z-index:6;top:18px;right:18px;bottom:18px;width:min(780px,calc(100% - 36px));display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-4);box-shadow:var(--shadow-pop);overflow:hidden}
.rz-drawer-h{display:flex;align-items:center;gap:10px;padding:12px 16px 12px 20px;border-bottom:1px solid var(--line)}
.rz-drawer-b{flex:1;overflow:hidden;padding:18px 20px;display:flex;flex-direction:column;gap:16px}
.rz-drawer-f{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px 12px 20px;border-top:1px solid var(--line);background:var(--sheet)}

/* ISO-kódbontás */
.rz-iso-break{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px}
.rz-iso-break>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--sheet-2);text-align:center;min-width:0}
.rz-iso-break .ch{font-family:var(--f-mono);font-size:19px;font-weight:600;color:var(--petrol);line-height:1.2}
.rz-iso-break .k{font-family:var(--f-cond);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rz-iso-break .v{font-size:11.5px;color:var(--ink-2);line-height:1.3}

/* lista / sor elemek */
.rz-list{display:flex;flex-direction:column}
.rz-li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.rz-li:first-child{border-top:0}
.rz-li .meta{font-size:12px;color:var(--mute)}

/* idővonal */
.rz-tl{display:flex;flex-direction:column}
.rz-tl-i{position:relative;display:flex;gap:12px;padding:0 0 14px 0}
.rz-tl-i .dot{position:relative;z-index:1;width:11px;height:11px;margin-top:4px;border-radius:50%;border:2px solid var(--line-2);background:var(--sheet);flex:none}
.rz-tl-i .dot.on{border-color:var(--petrol);background:var(--petrol)}
.rz-tl-i .dot.sig{border-color:var(--signal);background:var(--signal)}
.rz-tl-i::before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:var(--line-2)}
.rz-tl-i:last-child::before{display:none}

/* lépésjelző */
.rz-steps{display:flex;align-items:center;gap:0}
.rz-steps .st{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mute);white-space:nowrap}
.rz-steps .st i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--sheet);flex:none}
.rz-steps .st.done i{background:var(--petrol);border-color:var(--petrol)}
.rz-steps .st.cur{color:var(--ink);font-weight:600}
.rz-steps .st.cur i{border-color:var(--petrol);box-shadow:0 0 0 3px var(--petrol-tint)}
.rz-steps .sep{width:18px;height:1px;background:var(--line-2);margin:0 4px}
.rz-steps .sep.done{background:var(--petrol)}

/* kanban */
.rz-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px;align-items:start}
.rz-lane{display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--sunk);border:1px solid var(--line);border-radius:var(--r-3);min-width:0}
.rz-lane-h{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 4px}
.rz-tcard{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-2)}

/* összehasonlító sáv */
.rz-cmpbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px 8px 12px;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-3);box-shadow:var(--shadow-pop)}
.rz-cmpthumb{display:flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 6px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--sheet-2)}

/* telefon */
.rz-phone{width:390px;height:844px;overflow:hidden;display:flex;flex-direction:column;background:var(--paper)}
.rz-phone>div:first-child>*{flex-shrink:0}
.rz-phone-nav{display:flex;justify-content:space-around;align-items:stretch;border-top:1px solid var(--line);background:var(--sheet);padding:4px 4px 18px}
.rz-phone-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;color:var(--mute);font-size:11px;font-weight:500;text-decoration:none}
.rz-phone-nav a.on{color:var(--petrol);font-weight:600}

/* diagram */
.rz-chart text{font-family:var(--f-sans);font-size:11px;fill:var(--mute)}
.rz-chart .gridl{stroke:var(--line);stroke-width:1}
.rz-chart .base{stroke:var(--line-2);stroke-width:1}
.rz-tip{position:absolute;z-index:2;padding:8px 10px;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-2);box-shadow:var(--shadow-pop);font-size:12px;white-space:nowrap}
.rz-tip .tv{font-size:14px;font-weight:600;color:var(--ink)}

/* minta-jelölés */
.rz-sample{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}

/* ikonsín – fókusz mód a nehéz munkafelületekhez (Szerszámpárosító) */
.rz-nav a{position:relative}
.rz-side.rail{flex:0 0 64px;max-width:64px;padding:12px 8px;align-items:center;gap:12px}
.rz-side.rail .rz-nav{align-items:center}
.rz-side.rail .rz-nav a{width:46px;min-height:40px;padding:0;justify-content:center}
.rz-side.rail .rz-nav-head{justify-content:center;padding:6px 0 2px}
.rz-side.rail .rz-nav-head span,.rz-side.rail .lbl-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rz-side.rail .rz-nav a .cnt{position:absolute;top:1px;right:-1px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px}

/* keskeny kijelző (tablet/telefon) */
@media (max-width:820px){
  .rz-drawer{top:8px;right:8px;bottom:8px;width:calc(100% - 16px)}
  .rz-app .rz-seg{max-width:100%;overflow-x:auto;scrollbar-width:thin}
  /* adatlap telefonon: teljes lapként, a háttér-találatlista nélkül */
  .rz-app:has(>.rz-drawer)>.rz-body,.rz-app>.rz-scrim{display:none}
  .rz-app>.rz-drawer{position:relative;inset:auto;width:auto!important;margin:8px;box-shadow:none}
  .rz-app>.rz-drawer .rz-drawer-b{overflow:visible}
  .rz-app .rz-card-f>.row,.rz-app .rz-card-h>.row{flex-wrap:wrap}
}

/* ---------------------------------------------------------------------------
   Az alkalmazás kerete (D02): felső sáv, oldalmenü, munkaterület, gyorskereső
   --------------------------------------------------------------------------- */
.app-ui[data-theme^="rajz"]{--rz-top-h:58px;--rz-side-w:232px}
/* a tükör nyelvválasztó csíkja ne takarja a ragadós felső sávot */
body:has(.app-ui[data-theme^="rajz"]) .tc-l01-bar{position:relative;z-index:auto}

.app-ui .rz-top{position:sticky;top:0;z-index:60;flex-wrap:nowrap;gap:12px;padding:8px 18px;min-height:var(--rz-top-h)}
.app-ui .rz-brand{flex:none;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.app-ui .rz-brand:focus-visible{outline:2px solid var(--petrol);outline-offset:4px;border-radius:4px}
.app-ui .rz-proto{flex:none}
.app-ui .rz-brand-word{text-transform:uppercase}
.app-ui .rz-search{flex:1 1 320px;min-width:0;max-width:520px;cursor:text;font:inherit;font-size:14px;color:var(--mute);text-align:left}
.app-ui .rz-search:hover{border-color:var(--ink-2)}
.app-ui[data-theme^="rajz"] .rz-search input{background:transparent!important}
.app-ui[data-theme^="rajz"] .rz-search input:focus{outline:none}
.app-ui .rz-search:focus-within{border-color:var(--petrol);box-shadow:0 0 0 1px var(--petrol)}
.app-ui .rz-search .ph{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.app-ui .rz-top-right{flex-wrap:nowrap;flex:none}
.app-ui .rz-icon-btn.on{background:var(--petrol-tint);color:var(--petrol)}
.app-ui .rz-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 2px var(--sheet)}
.app-ui .rz-fresh{flex:none;cursor:default}
.app-ui .rz-fresh.ok{background:var(--ok-tint);color:var(--ok)}
.app-ui .rz-fresh.warn{background:var(--warn-tint);color:var(--warn)}
.app-ui .rz-fresh.bad{background:var(--bad-tint);color:var(--bad)}
.app-ui .rz-user-wrap{position:relative;flex:none}
.app-ui .rz-user .nm{display:block;max-width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.2}
.app-ui .rz-user .xs{display:block}
.app-ui .rz-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:80;min-width:250px;display:flex;flex-direction:column;padding:6px;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-3);box-shadow:var(--shadow-pop)}
.app-ui .rz-menu-h{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.app-ui .rz-menu-sec{display:flex;flex-direction:column;gap:6px;padding:6px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.app-ui .rz-menu-sec select{height:32px;padding:0 8px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet);color:var(--ink);font:inherit;font-size:13px}
.app-ui .rz-menu button{display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;border:0;border-radius:var(--r-2);background:none;color:var(--ink-2);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.app-ui .rz-menu button:hover{background:var(--sunk);color:var(--ink)}
.app-ui .rz-menu button.bad{color:var(--bad)}
.app-ui .rz-menu-sep{height:1px;margin:4px 0;background:var(--line)}

/* törzs: oldalmenü + munkaterület */
.app-ui .rz-body{display:flex;flex-wrap:nowrap;align-items:flex-start;min-height:calc(100vh - var(--rz-top-h))}
.app-ui .rz-side{position:sticky;top:var(--rz-top-h);flex:0 0 var(--rz-side-w);max-width:var(--rz-side-w);height:calc(100vh - var(--rz-top-h));overflow-y:auto;overscroll-behavior:contain;padding:12px 10px;gap:14px;scrollbar-width:thin}
.app-ui .rz-nav{display:flex;flex-direction:column;gap:1px}
.app-ui .rz-nav-a{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:0 10px;border:0;border-radius:var(--r-2);background:none;color:var(--ink-2);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.app-ui .rz-nav-a:hover{background:var(--sunk);color:var(--ink)}
.app-ui .rz-nav-a.on{background:var(--petrol-tint);color:var(--petrol);font-weight:600}
.app-ui .rz-nav-a:focus-visible{outline:2px solid var(--petrol);outline-offset:-2px}
.app-ui .rz-nav-a .lbl-t{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.app-ui .rz-nav-a .cnt{margin-left:auto;min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:var(--sunk);color:var(--ink-2);font-size:11px;font-weight:600;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.app-ui .rz-nav-a .cnt.hot{background:var(--signal-tint);color:var(--signal-ink)}
.app-ui .rz-nav-head span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.app-ui .rz-side-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:1px}
.app-ui .rz-collapse{color:var(--mute);font-size:12.5px}
.app-ui .rz-side.rail{flex:0 0 64px;max-width:64px;padding:12px 8px;align-items:center}
.app-ui .rz-side.rail .rz-nav{align-items:center}
.app-ui .rz-side.rail .rz-nav-a{width:46px;min-height:40px;padding:0;justify-content:center}
.app-ui .rz-side.rail .rz-nav-head{justify-content:center;padding:6px 0 2px}
.app-ui .rz-side.rail .lbl-t,.app-ui .rz-side.rail .rz-nav-head span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.app-ui .rz-side.rail .rz-nav-a .cnt{position:absolute;top:1px;right:-1px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px}
.app-ui .rz-side.rail .rz-side-foot{width:100%;align-items:center}

.app-ui .rz-main{flex:1 1 auto;min-width:0;padding:20px 26px 48px}
.app-ui .rz-page-head{margin-bottom:16px}
.app-ui .rz-page-head .h-page{margin:2px 0 0;font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.15}
.app-ui .rz-work{max-width:1560px}
.app-ui .rz-nav-scrim{display:none}
.app-ui .rz-only-narrow{display:none}

/* gyorskereső */
.rz-pal-scrim{position:fixed;inset:0;z-index:3000;display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px;background:rgba(16,19,22,.42)}
.app-ui .rz-pal{width:min(640px,100%);overflow:hidden;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-4);box-shadow:var(--shadow-pop)}
.app-ui .rz-pal .rz-search{flex:none;max-width:none;height:44px;margin:12px;cursor:auto}
.app-ui .rz-pal-list{max-height:min(420px,60vh);overflow:auto;padding:0 6px 6px}
.app-ui .rz-pal-it{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:var(--r-2);background:none;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.app-ui .rz-pal-it .ic{display:inline-grid;color:var(--mute)}
.app-ui .rz-pal-it.on{background:var(--petrol-tint);color:var(--petrol)}
.app-ui .rz-pal-it.on .ic{color:var(--petrol)}
.app-ui .rz-pal-empty{padding:18px;color:var(--mute)}
.app-ui .rz-pal-foot{display:flex;gap:18px;padding:9px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--mute)}
.app-ui .rz-pal-foot .rz-kbd{margin-right:3px}

/* keskeny kijelző: a menü kihúzható fiók */
@media (max-width:900px){
 .app-ui .rz-only-narrow{display:inline-grid}
 .app-ui .rz-hide-narrow,.app-ui .rz-proto,.app-ui .rz-brand-sub,.app-ui .rz-fresh{display:none}
 .app-ui .rz-top{padding:8px 10px;gap:8px}
 .app-ui .rz-search{flex:1 1 auto;min-width:40px;padding:0 9px}
 .app-ui .rz-top .rz-search .ph,.app-ui .rz-top .rz-search .rz-kbd{display:none}
 .app-ui .rz-side,.app-ui .rz-side.rail{position:fixed;left:0;top:0;bottom:0;z-index:90;height:auto;width:min(300px,86vw);max-width:min(300px,86vw);flex:none;align-items:stretch;padding:14px 10px;transform:translateX(-102%);transition:transform .18s ease;box-shadow:var(--shadow-pop)}
 .app-ui .rz-side.rail .rz-nav{align-items:stretch}
 .app-ui .rz-side.rail .rz-nav-a{width:100%;padding:0 10px;justify-content:flex-start}
 .app-ui .rz-side.rail .lbl-t,.app-ui .rz-side.rail .rz-nav-head span{position:static;width:auto;height:auto;overflow:hidden;clip:auto}
 .app-ui .rz-side.rail .rz-nav-a .cnt{position:static;margin-left:auto}
 .app-ui .rz-collapse{display:none}
 html.rz-nav-open .app-ui .rz-side{transform:none}
 html.rz-nav-open .app-ui .rz-nav-scrim{display:block;position:fixed;inset:0;z-index:89;background:rgba(16,19,22,.42)}
 .app-ui .rz-main{padding:14px 12px 40px}
}
@media (prefers-reduced-motion:reduce){.app-ui .rz-side{transition:none}}
@media print{.app-ui .rz-top,.app-ui .rz-side{display:none!important}}

/* ---------------------------------------------------------------------------
   Ajánlatok (D03) – a 04_Ajanlatok terv szerint
   --------------------------------------------------------------------------- */
.app-ui .rz-q{display:flex;flex-direction:column;gap:14px}
.app-ui .rz-q .rz-page-head{margin-bottom:0}
.app-ui .rz-q .rz-tb>.tb-title{flex:1.5 1 240px}
.app-ui .rz-q .rz-tb>div:last-child{flex:1.4 1 160px}
.app-ui .rz-q-list .rz-table tr.sel .rz-pill{background:var(--sheet)}
.app-ui .rz-q-list .rz-table tr.sel .rz-pill.info{color:var(--petrol)}
.app-ui .rz-h-note{margin-left:8px;font-size:13px;font-weight:400;letter-spacing:0;color:var(--mute)}
.app-ui .rz-q-filters .rz-q-search{flex:1 1 260px;max-width:380px;background:var(--sheet)}
.app-ui .rz-q-filters .rz-select{width:auto;min-width:150px;max-width:230px}
.app-ui .rz-q-filters .rz-seg{flex-wrap:wrap}
.app-ui .rz-q-grid{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:16px;align-items:start}
.app-ui .rz-q-list .rz-table td{white-space:nowrap}
.app-ui .rz-q-list .rz-table td.rz-q-partner{white-space:normal;min-width:150px}
.app-ui .rz-q-list .rz-table .rz-code{font-size:12.5px;white-space:normal}
.app-ui .rz-q-list .rz-table td.rz-q-num{white-space:normal;min-width:130px;max-width:230px}
.app-ui .rz-q-list .rz-table td.rz-q-num .rz-avatar{margin-top:-2px}
.app-ui .rz-q-list .rz-table th,.app-ui .rz-q-list .rz-table td{padding-left:8px;padding-right:8px}
.app-ui .rz-q-list .rz-table th:first-child,.app-ui .rz-q-list .rz-table td:first-child{padding-left:14px}
.app-ui .rz-q-list .rz-table td:last-child{width:44px;padding-right:8px}
.app-ui .rz-q-list{min-width:0}
.app-ui .rz-q-list .rz-table tbody tr{cursor:pointer}
.app-ui .rz-q-list .rz-table tbody tr:focus-visible td{outline:2px solid var(--petrol);outline-offset:-2px}
.app-ui .rz-q-v{height:18px;margin-left:6px;vertical-align:1px}
.app-ui .rz-q-flag{display:inline-flex;margin-left:6px;vertical-align:-2px;color:var(--warn)}
.app-ui .rz-q-panel{position:sticky;top:calc(var(--rz-top-h) + 14px);display:flex;flex-direction:column;max-height:calc(100vh - var(--rz-top-h) - 28px);overflow:hidden}
.app-ui .rz-q-panel .rz-card-b{min-height:0;overflow:auto}
.app-ui .rz-q-panel.empty{position:static}
.app-ui .rz-q-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.app-ui .rz-q-facts>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.app-ui .rz-q-facts .wide{grid-column:1/-1}
.app-ui .rz-q-facts .lbl{font-size:10px}
.app-ui .rz-q-items{display:flex;flex-direction:column;max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-2)}
.app-ui .rz-q-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-top:1px solid var(--line)}
.app-ui .rz-q-item:first-child{border-top:0}
.app-ui .rz-q-item .rz-code{font-size:12.5px;white-space:normal;word-break:break-all}
.app-ui .rz-q-acts{display:flex;flex-wrap:wrap;gap:6px}
.app-ui .rz-q-acts .rz-btn{flex:1 1 auto}
.app-ui .rz-card-f.col{flex-direction:column;align-items:stretch;gap:8px}
.app-ui .rz-q-close{margin-left:4px}
.app-ui .rz-btn.ghost.t-bad{color:var(--bad)}
.app-ui .rz-btn.ghost.t-bad:hover{background:var(--bad-tint)}
/* soronkénti műveletmenü */
.app-ui .rz-rowmenu{position:relative;display:inline-block}
.app-ui .rz-rowmenu .rz-icon-btn{width:32px;height:32px}
.app-ui .rz-rowmenu .rz-menu{top:calc(100% + 2px);min-width:190px}
/* árrés-zóna: a meglévő jelölő (TcQuoteMarginIndicator) a rajz stílusában */
.app-ui .rz-qmi .tc-quote-margin-indicator{gap:8px!important;font-variant-numeric:tabular-nums}
.app-ui .rz-qmi .zonaPont{width:30px!important;height:6px!important;border-radius:3px!important;box-shadow:none!important;animation:none!important}
.app-ui .rz-qmi .zonaPont[style*="#22c55e"],.app-ui .rz-qmi .zonaPont[style*="34, 197, 94"]{background:var(--ok)!important}
.app-ui .rz-qmi .zonaPont[style*="#eab308"],.app-ui .rz-qmi .zonaPont[style*="234, 179, 8"]{background:#C98A0B!important}
.app-ui .rz-qmi .zonaPont[style*="#ef4444"],.app-ui .rz-qmi .zonaPont[style*="239, 68, 68"]{background:var(--bad)!important}
.app-ui .rz-qmi .zonaPont[style*="#94a3b8"],.app-ui .rz-qmi .zonaPont[style*="148, 163, 184"]{background:var(--line-2)!important}
/* keskeny kijelző: az adatlap jobbról beúszó fiók */
.app-ui .rz-q-scrim{position:fixed;inset:0;z-index:70;background:rgba(16,19,22,.42)}
@media (max-width:1279px){
 .app-ui .rz-q-grid{grid-template-columns:minmax(0,1fr)}
 .app-ui .rz-q-grid .rz-q-panel:not(.empty){position:fixed;z-index:71;top:10px;right:10px;bottom:10px;width:min(440px,calc(100vw - 20px));max-height:none;box-shadow:var(--shadow-pop)}
 .app-ui .rz-q-grid .rz-q-panel.empty{display:none}
}
@media (max-width:640px){
 .app-ui .rz-q-filters .rz-select{flex:1 1 140px;max-width:none}
 .app-ui .rz-q-filters .rz-q-search{max-width:none}
}


/* ---- P3: Szerszámpárosító – esztergálás (Claude, 2026-10-04). Névtér: .pz / .pz-* (a .rz tervezési rendszerre építve) ---- */
.pz{display:flex;flex-direction:column;gap:14px;min-width:0}
.pz .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pz button{font:inherit}
.pz-head .tb-title{flex:2.6 1 300px}
.pz-head .xs{display:block;margin-top:1px;font-size:11.5px;color:var(--mute)}
.pz-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pz-toolbar .rz-seg button[disabled]{opacity:.42;cursor:not-allowed}
.pz-task{flex:0 1 300px;width:auto;min-width:200px}
.pz-search{flex:1 1 280px;max-width:none;background:var(--sheet)}
.pz-search input{font-size:14px}
.pz-sechead{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.pz-sechead>div:first-child{display:flex;flex-direction:column;gap:3px}
.pz-hint{flex:1 1 260px;max-width:440px;margin-left:auto !important;line-height:1.4}
.pz-drumcard,.pz-shelfcard{padding:14px 16px}
.pz-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}
.pz-override{margin-top:12px;align-items:center}
.pz-note{margin-top:8px}

/* dob */
.pz-drum{user-select:none}
.pz-drum .rz-drum-h .lbl{font-size:10.5px}
.pz-dwin{position:relative;height:160px;padding-left:22px}
.pz-dwin::before{content:"";position:absolute;left:0;top:0;bottom:0;width:16px;border-right:1px solid var(--line);background-image:repeating-linear-gradient(to bottom,var(--line-2) 0 1px,transparent 1px 8px),repeating-linear-gradient(to bottom,var(--ink-2) 0 1px,transparent 1px 32px);background-size:7px 100%,13px 100%;background-repeat:no-repeat;background-position:right 0 top 0,right 0 top 0}
.pz-dwin::after{content:"";position:absolute;left:22px;right:0;top:0;bottom:0;pointer-events:none;background:linear-gradient(var(--sheet) 0%,transparent 34%,transparent 66%,var(--sheet) 100%);z-index:2}
.pz-dfocus{position:absolute;left:22px;right:0;top:64px;height:32px;border-top:1px solid var(--petrol);border-bottom:1px solid var(--petrol);background:var(--petrol-tint);pointer-events:none;z-index:0}
.pz-dfocus::before{content:"";position:absolute;left:-22px;top:50%;margin-top:-5px;border:5px solid transparent;border-left-color:var(--petrol)}
.pz-dvp{position:relative;z-index:1;height:160px;overflow-y:auto;overflow-x:hidden;padding:64px 0;scrollbar-width:none;overscroll-behavior:contain;outline:none}
.pz-dvp::-webkit-scrollbar{display:none}
.pz-dvp:focus-visible{box-shadow:inset 0 0 0 2px var(--petrol)}
.pz-drow{height:32px;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:13px;color:var(--faint);cursor:pointer;white-space:nowrap;overflow:hidden}
.pz-drow .lab{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pz-drow .n{font-size:11px;font-variant-numeric:tabular-nums}
.pz-drow[data-d="n"]{color:var(--mute)}
.pz-drow[data-d="c"]{color:var(--ink);font-size:14.5px;font-weight:600}
.pz-drow[data-d="c"] .n{color:var(--petrol);font-weight:600}
.pz-drow.all .lab{font-style:normal}
.pz-drow.unrec .lab{text-decoration:underline dotted var(--faint);text-underline-offset:3px}
.pz-drow .rz-iso{width:18px;height:18px;font-size:11px}
.pz-ddirect{position:relative;flex:1;min-width:0;display:flex;align-items:center}
.pz-ddirect select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.pz-ddirect .cur{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-ddirect:focus-within .cur{outline:2px solid var(--petrol);outline-offset:2px;border-radius:2px}

/* késtartó-sáv */
.pz-holderbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:12px 16px;border-color:var(--petrol);background:var(--petrol-tint)}
.pz-hb-head{display:flex;flex-direction:column;gap:3px;flex:1 1 280px}
.pz-hb-mats{display:flex;flex-wrap:wrap;gap:6px}
.pz-matbtn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 9px 0 5px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet);color:var(--ink-2);font-size:12.5px;cursor:pointer}
.pz-matbtn .n{font-size:11px;color:var(--mute);font-variant-numeric:tabular-nums}
.pz-matbtn.on{border-color:var(--petrol);box-shadow:0 0 0 1px var(--petrol) inset;color:var(--petrol);font-weight:600}
.pz-matbtn[disabled]{opacity:.4;cursor:not-allowed}
.pz-hb-act{display:flex;gap:6px;flex-wrap:wrap}

/* minőségpolc */
.pz-assist{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 22px;margin-bottom:6px}
.pz-assist .rz-field.grow{flex:1 1 320px}
.pz-pick{height:30px;font-size:13px}
.pz-altlbl{margin-left:8px}
.pz-shelf{margin-top:10px}
.pz-gcard{padding-top:14px}
.pz-gcard .stripe[data-sw="gold"]{background:var(--g-gold)} .pz-gcard .stripe[data-sw="bronze"]{background:var(--g-bronze)} .pz-gcard .stripe[data-sw="plain"]{background:var(--g-plain)}
.pz-gcard .stripe[data-sw="ruby"]{background:var(--g-ruby)} .pz-gcard .stripe[data-sw="violet"]{background:var(--g-pvd)} .pz-gcard .stripe[data-sw="onyx"]{background:linear-gradient(90deg,var(--g-cvd) 0 60%,var(--g-gold) 60%)}
.pz-gcard .stripe[data-sw="steel"]{background:#7D8B99} .pz-gcard .stripe[data-sw="pcd"]{background:#8FA3AB} .pz-gcard .stripe[data-sw="cbn"]{background:#6E5E96} .pz-gcard .stripe[data-sw="ceramic"]{background:#B7AE9F}
.pz-gcard.chosen{border-color:var(--petrol);box-shadow:0 0 0 1px var(--petrol) inset}
.pz-grow-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
.pz-mats{display:inline-flex;gap:3px}
.pz-mats .rz-iso{width:18px;height:18px;font-size:11px}
.rz-sw.steel{background:#7D8B99} .rz-sw.pcd{background:#8FA3AB} .rz-sw.cbn{background:#6E5E96} .rz-sw.ceramic{background:#B7AE9F}
.pz-more{margin-top:12px;border-top:1px dashed var(--line-2);padding-top:10px}
.pz-more summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;color:var(--ink-2)}
.pz-more summary::-webkit-details-marker{display:none}
.pz-more[open] summary svg{transform:rotate(180deg)}
.pz-divider{margin:12px 0 0}

/* fő elrendezés: szűrők + találatok */
.pz-main{display:grid;grid-template-columns:268px minmax(0,1fr);gap:16px;align-items:start}
.pz-main.nofacets{grid-template-columns:minmax(0,1fr)}
.pz-facetcol{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;scrollbar-width:thin;border-radius:var(--r-3)}
.pz-facets{padding:12px 14px 14px}
.pz-fhead{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.pz-fnote{margin:8px 0 4px}
.pz-facet{border-bottom:1px solid var(--line);padding:9px 0}
.pz-facet:last-of-type{border-bottom:0}
.pz-facet summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:2px 0}
.pz-facet summary::-webkit-details-marker{display:none}
.pz-facet[open] summary svg{transform:rotate(180deg)}
.pz-fcount{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--petrol);color:var(--on-petrol);font-size:11px;font-weight:600;line-height:18px;text-align:center}
.pz-fsearch{height:32px;margin:8px 0 6px;max-width:none}
.pz-fopts{display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;margin-top:8px;max-height:236px;overflow:auto;scrollbar-width:thin;padding:1px}
.pz-fopts .rz-chip{height:26px;padding:0 8px;font-size:12px}
.pz-fopts .rz-chip.planned{border-style:dashed}
.pz-fopts .rz-chip .rz-iso{width:16px;height:16px;font-size:10px}
.pz-fopts.shapes{max-height:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pz-shapebtn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px 5px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet);color:var(--ink-2);font-family:var(--f-mono);font-size:12px;font-weight:600;cursor:pointer}
.pz-shapebtn .n{font-family:var(--f-sans);font-size:10.5px;font-weight:400;color:var(--mute)}
.pz-shapebtn.on{border-color:var(--petrol);background:var(--petrol-tint);color:var(--petrol)}
.pz-shapebtn[disabled]{opacity:.35;cursor:not-allowed}
.pz-shape{display:inline-grid;place-items:center;color:currentColor}
.pz-shape svg{width:100%;height:100%}
.pz-results{display:flex;flex-direction:column;gap:12px;min-width:0}
.pz-rtool{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.pz-rcount{white-space:nowrap}
.pz-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 200px;min-width:0}
.pz-chips .rz-chip{height:26px;font-size:12px}
.pz-rright{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
.pz-sort{width:auto;height:32px}
.pz-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-3)}
.pz-pager.compact{padding:4px 6px;background:transparent;border-style:dashed}
.pz-pager .rz-icon-btn{width:34px;height:34px}
.pz-grid{align-items:stretch}
.pz-foot{margin:2px 0 0}

/* termékkártya */
.pz-card .rz-pcard-img{height:156px;background:var(--sheet)}
.pz-card .corner{z-index:1}
.pz-card .cmpbtn{z-index:1;width:32px;height:32px}
.pz-card .cmpbtn.on{border-color:var(--petrol);background:var(--petrol-tint);color:var(--petrol)}
.pz-photo{width:100%;height:100%;display:grid;place-items:center;border:0;background:transparent;padding:10px 12px 22px;cursor:pointer;color:var(--ink-2);min-height:0;overflow:hidden}
.pz-card .rz-pcard-img>.pz-photo{position:absolute;inset:0}
div.pz-photo{cursor:default}
.pz-photo img{position:absolute;left:12px;right:12px;top:10px;bottom:24px;width:calc(100% - 24px);height:calc(100% - 34px);object-fit:contain;mix-blend-mode:multiply}
.pz-photo{position:relative}
.pz-photo.big{padding:12px;min-height:280px}
.pz-photo.big img{left:16px;right:16px;top:16px;bottom:16px;width:calc(100% - 32px);height:calc(100% - 32px)}
.pz-grey{filter:grayscale(1)}
.pz-ph-fb{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink-2)}
.pz-phkind{position:absolute;left:10px;bottom:7px;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--mute)}
.pz-phkind::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warn)}
.pz-phkind.ok::before{background:var(--ok)}
.pz-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--warn);margin-right:5px;vertical-align:1px}
.pz-dot.ok{background:var(--ok)}
.pz-code{padding:0;border:0;background:none;text-align:left;font-family:var(--f-mono);font-size:15px;font-weight:500;color:var(--ink);cursor:pointer;letter-spacing:.005em;word-break:break-all}
.pz-code:hover{color:var(--petrol);text-decoration:underline;text-underline-offset:3px}
.pz-card .rz-grade{height:24px;padding:0 7px;font-size:11.5px}
.rz-grade.muted{opacity:.5}
.pz-desc{line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pz-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px 24px;background:var(--sheet);border:1px dashed var(--line-2);border-radius:var(--r-3)}

/* keresőfülek */
.pz-stabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-3)}
.pz-stab{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 11px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet);color:var(--ink-2);font-size:13px;cursor:pointer}
.pz-stab b{font-variant-numeric:tabular-nums;color:var(--ink)}
.pz-stab.on{border-color:var(--ink);background:var(--ink);color:var(--sheet)}
.pz-stab.on b{color:var(--sheet)}
.pz-stab[disabled]{opacity:.4;cursor:not-allowed}

/* összehasonlítás */
.pz-cmpbar{position:sticky;bottom:12px;z-index:5}
.pz-cmpbar .rz-cmpthumb{position:relative}
.pz-cmpdot{display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--c,var(--petrol));flex:none}
.pz-cmphead{display:flex;align-items:center;gap:6px;margin-bottom:4px;text-transform:none;letter-spacing:0;font-family:var(--f-sans);font-size:13px;color:var(--ink)}
.pz-cmptable th[scope="row"]{white-space:nowrap}
.pz-pre{white-space:pre-line}
.pz-diff{margin-bottom:10px}
.pz-cmpchart{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.pz-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--ink-2)}
.pz-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.pz-chartsvg{width:100%;max-width:720px;height:auto;display:block}
.pz-chartsvg .pz-area{fill:none;stroke:var(--petrol);stroke-width:2.2}
.pz-chartsvg .pz-area.fill{fill:var(--petrol);fill-opacity:.14}
.pz-feed line{stroke:var(--signal);stroke-width:1.4;stroke-dasharray:5 4}
.pz-feed text{fill:var(--signal-ink) !important;font-size:11px}

/* fiók (adatlap) és párbeszéd */
.pz-drawerwrap,.pz-modalwrap{position:fixed;inset:0;z-index:1000;background:rgba(16,19,22,.42);display:flex;justify-content:flex-end}
.pz-modalwrap{justify-content:center;align-items:center;padding:24px}
.pz-drawer{margin:14px;width:min(1000px,calc(100% - 28px));display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-4);box-shadow:var(--shadow-pop);overflow:hidden;outline:none}
.pz-drawer .rz-drawer-h{flex-wrap:wrap}
.pz-path{max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-sheetb{flex:1;overflow:auto;padding:18px 20px 22px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}
.pz-sheettop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:18px}
.pz-media{position:relative;min-height:290px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden}
.pz-media .pz-photo{flex:1}
.pz-mediacap{display:flex;align-items:center;gap:4px;padding:6px 12px 10px}
.pz-drawing{width:100%;height:auto;max-height:300px}
.pz-headcol{display:flex;flex-direction:column;gap:10px;min-width:0}
.pz-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;line-height:1.1}
.pz-title .rz-code.lg{font-size:26px;word-break:break-all}
.pz-dimbox{padding:12px 14px}
.pz-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0}
.pz-dl.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pz-dl>div{min-width:0}
.pz-dl dt{font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.pz-dl dd{margin:3px 0 0;font-size:14px;font-weight:500;color:var(--ink);overflow-wrap:anywhere}
.pz-dl dd small{display:block;font-size:11.5px;font-weight:400;color:var(--mute)}
.pz-isobreak{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}
.pz-tabs{margin-top:2px}
.pz-tabbody{display:flex;flex-direction:column;gap:12px}
.pz-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.pz-hfilter{align-items:center}
.pz-right{text-align:right}
.pz-htable tbody tr{cursor:pointer}
.pz-parts .rz-card-h{padding:10px 14px}
.pz-partgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.pz-partgrid>div{display:flex;flex-direction:column;gap:2px}
.pz-relrow{display:flex;flex-direction:column;gap:6px;padding:6px 0;border-top:1px solid var(--line)}
.pz-relrow:first-of-type{border-top:0}
.pz-ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.pz-notes summary{cursor:pointer}
.pz-altgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.pz-altcard{display:flex;flex-direction:column;gap:6px;padding:12px;text-align:left;cursor:pointer}
.pz-altcard:hover{border-color:var(--petrol)}
.pz-modal{width:min(640px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-4);box-shadow:var(--shadow-pop);overflow:hidden;outline:none}
.pz-modal.wide{width:min(1080px,100%)}
.pz-modalb{flex:1;overflow:auto;padding:16px 20px 20px}
.pz-tipwrap{position:relative;display:inline-flex;vertical-align:middle}
.pz-info{display:inline-grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mute);cursor:pointer}
.pz-info:hover,.pz-info[aria-expanded="true"]{color:var(--petrol);background:var(--petrol-tint)}
.pz-tip{position:absolute;z-index:20;top:24px;left:-8px;width:max-content;max-width:min(340px,70vw);padding:8px 10px;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-2);box-shadow:var(--shadow-pop);font-size:12px;line-height:1.45;color:var(--ink-2);white-space:normal;text-transform:none;letter-spacing:0;font-family:var(--f-sans);font-weight:400}
.pz-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:1100;max-width:min(560px,calc(100% - 32px));padding:10px 16px;border-radius:var(--r-3);background:var(--ink);color:var(--sheet);font-size:13px;box-shadow:var(--shadow-pop)}
.pz-loading .rz-card-b{gap:14px}
.pz-steps{flex-wrap:wrap;row-gap:8px}

/* éjszakai nézet: a fehér hátterű termékfotók világos „lemezen” */
.app-ui[data-theme="rajz-ejjel"] .pz-photo img{mix-blend-mode:normal;background:#F1F1EE;border-radius:6px;padding:4px}

/* keskeny kijelző (M2) */
@media (max-width:1180px){.pz-main{grid-template-columns:240px minmax(0,1fr)}}
.pz-narrow .pz-main{grid-template-columns:minmax(0,1fr)}
.pz-narrow .pz-drums{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;scrollbar-width:thin}
.pz-narrow .pz-drum{flex:0 0 152px;scroll-snap-align:start}
.pz-narrow .pz-toolbar{gap:8px}
.pz-narrow .pz-mode{order:2;max-width:100%;overflow-x:auto}
.pz-narrow .pz-search{order:1;flex:1 1 100%}
.pz-narrow .pz-task{order:3;flex:1 1 100%;min-width:0}
.pz-narrow .pz-sechead{margin-bottom:8px}
.pz-narrow .pz-facetcol.sheet{position:fixed;inset:0;z-index:1001;max-height:none;border-radius:0;background:var(--paper);padding:10px;overflow:auto}
.pz-narrow .rz-pgrid{grid-template-columns:minmax(0,1fr);gap:10px}
.pz-narrow .pz-card{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto}
.pz-narrow .pz-card .rz-pcard-img{grid-row:1 / span 2;height:auto;min-height:104px;border-bottom:0;border-right:1px solid var(--line)}
.pz-narrow .pz-card .corner,.pz-narrow .pz-card .pz-phkind,.pz-narrow .pz-card .pz-desc{display:none}
.pz-narrow .pz-card .cmpbtn{top:4px;right:4px;width:28px;height:28px}
.pz-narrow .pz-card .pz-photo{padding:8px}
.pz-narrow .pz-card .rz-pcard-b{padding:10px 12px 4px;gap:6px}
.pz-narrow .pz-card .rz-pcard-f{border-top:0;padding:4px 12px 10px}
.pz-narrow .pz-rright{margin-left:0}
.pz-narrow .pz-cmpbar{bottom:8px}
@media (max-width:820px){
  .pz-drawer{margin:0;width:100%;border-radius:0;border:0}
  .pz-sheettop,.pz-two{grid-template-columns:minmax(0,1fr)}
  .pz-media{min-height:220px}
  .pz-modalwrap{padding:0}
  .pz-modal,.pz-modal.wide{max-height:100vh;height:100%;border-radius:0}
  .pz-path{display:none}
  .pz-dl.c3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.pz .rz-link{color:var(--petrol)}
.pz .rz-link[disabled]{color:var(--faint);cursor:default}
.pz-cmptable thead th .rz-link{font-family:var(--f-sans);font-size:12px;letter-spacing:0;text-transform:none;font-weight:500}
.pz-card .rz-pcard-f{flex-wrap:wrap;row-gap:6px}
.pz-price{font-size:11.5px;color:var(--mute);font-variant-numeric:tabular-nums}

/* telefon: a mobil keret saját fejléccel */
.pz-mob{min-height:100vh;background:var(--paper);color:var(--ink)}
.pz-mobhead{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--sheet);border-bottom:1px solid var(--line)}
.pz-mobbody{padding:12px 12px 90px}
.pz-mshell .pz-cmpbar{bottom:10px}

/* ---- P2/4: marás, fúrás, párosító műhely (Claude, 2026-10-05). Ugyanaz a .pz / .rz nyelv. ---- */
.pz .gap-2{gap:2px} .pz .gap-8{gap:8px} .pz .gap-10{gap:10px}
.pz-toolbar .pz-mwbtn{margin-left:auto}
.pz-toolbar .pz-back{padding-left:6px}
.pz-mwon .pz-toolbar .pz-area{margin-right:auto}
.pz-lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* kártya: rövid adatsorok (a webshop product-spec listája) */
.pz-spec{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.35;color:var(--ink-2)}
.pz-spec li{overflow-wrap:anywhere}
.pz-acard .rz-pcard-b{gap:7px}
.pz-card .corner .rz-tag{max-width:190px;overflow:hidden;text-overflow:ellipsis}
/* vágóadat-táblák */
.pz-tech{display:flex;flex-direction:column;gap:10px;min-width:0}
.pz-tgroup{border:1px solid var(--line);border-radius:var(--r-3);background:var(--sheet)}
.pz-tgroup>summary{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;list-style:none}
.pz-tgroup>summary::-webkit-details-marker{display:none}
.pz-tgroup>summary svg{margin-left:auto;transition:transform .15s}
.pz-tgroup[open]>summary{border-bottom:1px solid var(--line)}
.pz-tgroup[open]>summary svg{transform:rotate(180deg)}
.pz-tgroup>.rz-scroll,.pz-tgroup>p,.pz-tgroup>ol{margin:0}
.pz-tgroup>ol,.pz-tgroup>p{padding:8px 14px 10px}
.pz-ttable td{vertical-align:top}
.pz-ttable th{white-space:normal;min-width:64px}
.pz-ttable td.pz-scope{min-width:150px;max-width:260px}
.pz-hit{color:var(--petrol);font-weight:700}
.pz-ttable .pz-hitcol{background:var(--petrol-tint)}
.pz-ttable .pz-hitcell{background:var(--petrol-tint);color:var(--petrol);font-weight:600}
.pz-ttable tbody tr:hover td.pz-hitcol,.pz-ttable tbody tr:hover td.pz-hitcell{background:var(--petrol-tint)}
.pz-calc{color:var(--mute);font-style:italic}
.pz-marks{color:var(--signal-ink);font-weight:600;font-variant-numeric:tabular-nums}
.pz-warnmark{color:var(--warn)}
.pz-tcommon{margin:0}
.pz-tfoot{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:3px}
.pz-sans{font-family:var(--f-sans)}
.pz-geos{display:flex;flex-wrap:wrap;gap:4px}
.pz-geo{display:inline-flex;gap:4px;align-items:baseline;padding:1px 6px;border:1px solid var(--line);border-radius:var(--r-1);font-size:11.5px;white-space:nowrap}
.pz-geo.pz-hitcell{border-color:var(--petrol)}
.pz-rank1{color:var(--petrol)} .pz-rank2{color:var(--ink-2)}
.pz-hu summary .xs{font-weight:400}
.pz-fit{border:1px solid var(--line);border-radius:var(--r-3);padding:10px 14px;background:var(--sheet)}
.pz-fit>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}
.pz-fit>summary::-webkit-details-marker{display:none}
.pz-fit[open]>summary{margin-bottom:6px}
.pz-fit[open]>summary svg{transform:rotate(180deg)}
.pz-warnchip{border-color:var(--warn);color:var(--warn)}
.pz-warnchip svg{color:var(--warn)}
.pz-mwentry{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
/* párosító műhely */
.pz-mw{display:flex;flex-direction:column;gap:14px;min-width:0}
.pz-mwhead{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px;padding:14px 16px}
.pz-mwhead .pz-lead{max-width:760px;margin:2px 0 0}
.pz-mwgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.pz-bench{min-width:0}
.pz-slots{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:12px;align-items:stretch}
.pz-insstack{display:flex;flex-direction:column;gap:12px;min-width:0}
.pz-slot{display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-3);min-width:0}
.pz-slot.target{border-color:var(--petrol);box-shadow:0 0 0 1px var(--petrol) inset}
.pz-slot.bad{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad) inset}
.pz-slot.empty{border-style:dashed;background:var(--sheet-2)}
.pz-slot-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line)}
.pz-slot-b{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;padding:12px;flex:1}
.pz-slot-ph{position:relative;height:132px;border:1px solid var(--line);border-radius:var(--r-2);overflow:hidden;background:var(--sheet)}
.pz-slot-ph .pz-photo{position:absolute;inset:0;padding:6px}
.pz-slot-ph .pz-photo img{left:6px;right:6px;top:6px;bottom:6px;width:calc(100% - 12px);height:calc(100% - 12px)}
.pz-slot-ph>.rz-tag{position:absolute;left:6px;bottom:6px}
.pz-slot-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.pz-slot-info .rz-code.md{white-space:normal;word-break:normal;overflow-wrap:anywhere}
.pz-accepts{margin:2px 0 0;line-height:1.45}
.pz-mwmats .rz-iso{width:18px;height:18px;font-size:11px}
.pz-slot-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--line)}
.pz-slot-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px 14px;flex:1}
.pz-slot-empty p{margin:0;line-height:1.5}
.pz-joint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 8px;text-align:center;border-radius:var(--r-3);border:1px solid var(--line);background:var(--sheet);font-size:13px;position:relative}
.pz-joint::before,.pz-joint::after{content:"";position:absolute;top:50%;width:12px;border-top:1px dashed var(--line-2)}
.pz-joint::before{left:-12px} .pz-joint::after{right:-12px}
.pz-joint .xs{line-height:1.4;overflow-wrap:anywhere}
.pz-ring{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:20px;font-weight:700;border:2px solid currentColor}
.pz-joint.ok{color:var(--ok);border-color:var(--ok);background:var(--ok-tint)}
.pz-joint.bad{color:var(--bad);border-color:var(--bad);background:var(--bad-tint)}
.pz-joint.wait{color:var(--ink-2)}
.pz-joint.wait .pz-ring{color:var(--mute);border-style:dashed}
.pz-joint b{color:inherit}
.pz-suggest{align-items:flex-start}
.pz-suggest p{margin:0;color:var(--ink);line-height:1.5}
.pz-sugcard{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-2);color:var(--ink)}
.pz-sugph{position:relative;width:64px;height:56px;flex:none}
.pz-sugph .pz-photo{position:absolute;inset:0;padding:2px}
.pz-sugph .pz-photo img{left:2px;right:2px;top:2px;bottom:2px;width:calc(100% - 4px);height:calc(100% - 4px)}
.pz-sugph .pz-ph-fb span{display:none}
/* csere-választó */
.pz-picker{display:flex;flex-direction:column;min-width:0;border-color:var(--petrol)}
.pz-picker-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border-bottom:1px solid var(--line)}
.pz-switch{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet);color:var(--ink-2);font-size:12.5px;cursor:pointer;white-space:nowrap}
.pz-switch i{position:relative;width:28px;height:16px;border-radius:8px;background:var(--line-2);transition:background .15s}
.pz-switch i::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--sheet);transition:transform .15s}
.pz-switch[aria-checked="true"]{border-color:var(--petrol);color:var(--petrol);font-weight:600}
.pz-switch[aria-checked="true"] i{background:var(--petrol)}
.pz-switch[aria-checked="true"] i::after{transform:translateX(12px)}
.pz-switch[disabled]{opacity:.45;cursor:not-allowed}
.pz-psearch{flex:1 1 220px;max-width:340px;height:34px}
.pz-pfilters{display:flex;flex-direction:column;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--sheet-2)}
.pz-frow{display:flex;align-items:baseline;gap:10px}
.pz-flabel{flex:0 0 150px;font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding-top:6px}
.pz-fchips{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.pz-fchips .rz-chip{height:26px;padding:0 8px;font-size:12px}
.pz-fchips .rz-chip .rz-iso{width:16px;height:16px;font-size:10px}
.pz-presults{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px;min-width:0}
.pz-cands{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.pz-cand{display:grid;grid-template-columns:78px minmax(0,1fr);grid-template-rows:1fr auto;border:1px solid var(--line);border-radius:var(--r-3);background:var(--sheet);min-width:0;overflow:hidden}
.pz-cand.cur{border-color:var(--petrol);box-shadow:0 0 0 1px var(--petrol) inset}
.pz-cand.bad{border-style:dashed}
.pz-cand-ph{position:relative;grid-row:1 / span 2;border-right:1px solid var(--line);min-height:96px}
.pz-cand-ph .pz-photo{position:absolute;inset:0;padding:4px}
.pz-cand-ph .pz-photo img{left:4px;right:4px;top:4px;bottom:16px;width:calc(100% - 8px);height:calc(100% - 20px)}
.pz-cand-ph .pz-ph-fb span{display:none}
.pz-cand-tag{position:absolute;left:0;right:0;bottom:0;padding:2px 4px;background:var(--petrol);color:var(--on-petrol);font-size:9.5px;font-weight:600;text-align:center;letter-spacing:.02em}
.pz-cand-b{display:flex;flex-direction:column;gap:4px;padding:8px 10px 4px;min-width:0}
.pz-cand-b .rz-code{white-space:normal;word-break:normal;overflow-wrap:anywhere}
.pz-cand-b .rz-grade{height:22px;padding:0 6px;font-size:11px}
.pz-cand-f{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px 8px}
.pz-more-btn{margin-top:4px}
.pz-mwtech .rz-card-h{gap:8px}
/* összeállítás */
.pz-mwsum{position:sticky;top:12px}
.pz-mwsum .rz-card-h .xs{flex-basis:100%}
.pz-lines{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.pz-line{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
.pz-line:last-child{border-bottom:0}
.pz-line.empty b{color:var(--mute);font-weight:600}
.pz-line-ph{position:relative;flex:none;width:44px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-2);color:var(--faint);font-weight:700;overflow:hidden}
.pz-line-ph .pz-photo{position:absolute;inset:0;padding:2px}
.pz-line-ph .pz-photo img{left:2px;right:2px;top:2px;bottom:2px;width:calc(100% - 4px);height:calc(100% - 4px)}
.pz-line-ph .pz-ph-fb span{display:none}
.pz-line-ph .pz-ph-fb svg{width:20px;height:20px}
.pz-line .rz-code{white-space:normal;word-break:normal;overflow-wrap:anywhere}
.pz-step{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet);flex:none}
.pz-step button{display:grid;place-items:center;width:26px;height:28px;border:0;background:transparent;color:var(--ink-2);cursor:pointer}
.pz-step button[disabled]{opacity:.35;cursor:not-allowed}
.pz-step input{width:52px;height:28px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font:inherit;font-size:13px;font-variant-numeric:tabular-nums;background:transparent;color:var(--ink);-moz-appearance:textfield}
.pz-step input::-webkit-outer-spin-button,.pz-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pz-mwparts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto;scrollbar-width:thin}
.pz-mwparts li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;border-radius:var(--r-2)}
.pz-mwparts li.on{background:var(--petrol-tint)}
.pz-mwparts .rz-check{align-items:center}
.pz-mwtotal{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px dashed var(--line-2);border-radius:var(--r-2);background:var(--sheet-2)}
/* P2/5: csomagból ajánlat */
.pz-mwacts{display:flex;flex-wrap:wrap;gap:8px}
.pz-mwacts>.rz-btn{flex:1 1 150px}
.pz-scrim{position:fixed;inset:0;z-index:1000;background:rgba(16,19,22,.42)}
/* keskeny kijelző és telefon */
@media (max-width:1180px){.pz-mwgrid{grid-template-columns:minmax(0,1fr)}.pz-mwsum{position:static}}
@media (max-width:1060px){.pz-slots{grid-template-columns:minmax(0,1fr)}.pz-joint{flex-direction:row;justify-content:flex-start;text-align:left}.pz-joint::before,.pz-joint::after{display:none}}
.pz-narrow .pz-area{order:2;width:100%;display:flex}
.pz-narrow .pz-area button{flex:1}
.pz-narrow .pz-toolbar .pz-mwbtn{order:4;margin-left:0;flex:1 1 100%}
.pz-narrow .pz-back{order:0}
.pz-narrow .pz-slot-b{grid-template-columns:96px minmax(0,1fr)}
.pz-narrow .pz-slot-ph{height:96px}
.pz-narrow .pz-flabel{flex-basis:auto;padding-top:0}
.pz-narrow .pz-frow{flex-direction:column;gap:4px}
.pz-narrow .pz-picker.sheet{position:fixed;left:0;right:0;bottom:0;top:56px;z-index:1001;border-radius:var(--r-4) var(--r-4) 0 0;overflow:auto;box-shadow:var(--shadow-pop)}
.pz-narrow .pz-picker.sheet .pz-picker-h{position:sticky;top:0;z-index:2;background:var(--sheet)}
.pz-narrow .pz-psearch{max-width:none;flex-basis:100%}
.pz-narrow .pz-cands{grid-template-columns:minmax(0,1fr)}
.pz-narrow .pz-mwhead{padding:12px}
@media (max-width:820px){.pz-ttable td.pz-scope{min-width:120px}}
.pz-ttable td.pz-wrapnum{font-variant-numeric:tabular-nums;white-space:normal;min-width:90px}
.pz-ttable td.pz-fzcol{min-width:170px;max-width:300px}

/* R1: az új arculat tokenjei a <html>-en is (portálok) */
html[data-rz-theme="rajz"]{
 color-scheme:light;
 --c-navy:#0E5F6C;--c-accent:#C8450B;--c-h:#1A1E23;--c-top:#1A1E23;
 --c-page:#F5F5F2;--c-page2:#EEEEEA;--c-card:#FFFFFF;--c-paper:#FAFAF8;
 --c-ink:#1A1E23;--c-ink2:#39414B;--c-sub:#5E6772;--c-sub2:#6B7380;--c-line:#DCDFE3;--c-line2:#C5CAD0;
 --c-green:#1D7A46;--c-amber:#8F5600;--c-specbg:#E5F3EA;--c-specborder:#9FCDB1;--c-privbg:#FAFAF8;
 --c-navbg:#FFFFFF;--c-navfg:#39414B;--c-navon:#E2EFF0;
 --c-warnbg:#FDF1D8;--c-warnbg2:#FBE6BC;--c-warnfg:#8F5600;
 --c-badbg:#FBE9E7;--c-badbg2:#F6D3CF;--c-badfg:#B3261E;--c-badfg2:#C8352B;
 --c-okbg:#E5F3EA;--c-okbg2:#CDE8D6;--c-okfg:#1D7A46;
 --c-infobg:#E2EFF0;--c-infobg2:#CBE3E5;--c-infofg:#0E5F6C;
 --c-purpbg:#EFEAF6;--c-purpfg:#5E3E8F;
 /* csak az új arculatban */
 --c-on-navy:#FFFFFF;--c-on-accent:#FFFFFF;
 --c-r-card:8px;--c-r-btn:5px;--c-shadow-card:none;--c-cardline:#DCDFE3;--c-rowline:#E6E8EB;
 --c-th-border:1px solid #C5CAD0;--c-th-bg:#FAFAF8;
 --c-f-label:'TC Plex Condensed','TC Plex Sans',ui-sans-serif,'Arial Narrow',sans-serif;--c-ls-label:.09em;
 --c-tabsbg:#23282F;--c-tabfg:#C3C8CF;--c-tabon:#FFFFFF;
 --c-h0:#1A1E23;--c-navhover:#F1F1EE;--c-navonfg:#0E5F6C;--c-topline:#000000;--c-signal-ink:#B23E0A;
 --tc-f-sans:'TC Plex Sans','IBM Plex Sans',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
 --tc-f-cond:'TC Plex Condensed','TC Plex Sans',ui-sans-serif,'Arial Narrow',sans-serif;
 --tc-f-mono:'TC Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;
}
html[data-rz-theme="rajz-ejjel"]{
 color-scheme:dark;
 --c-navy:#5CC3CF;--c-accent:#FF7A3D;--c-h:#E7E9EC;--c-top:#0C0F12;
 --c-page:#101316;--c-page2:#1B2026;--c-card:#161A1F;--c-paper:#20262D;
 --c-ink:#E7E9EC;--c-ink2:#C3C8CF;--c-sub:#98A1AC;--c-sub2:#858E99;--c-line:#2A3139;--c-line2:#36404A;
 --c-green:#4CC38A;--c-amber:#F0B34A;--c-specbg:rgba(76,195,138,.13);--c-specborder:#2F6B4E;--c-privbg:#1B2026;
 --c-navbg:#161A1F;--c-navfg:#C3C8CF;--c-navon:rgba(92,195,207,.13);
 --c-warnbg:rgba(240,179,74,.13);--c-warnbg2:rgba(240,179,74,.22);--c-warnfg:#F0B34A;
 --c-badbg:rgba(255,107,94,.13);--c-badbg2:rgba(255,107,94,.22);--c-badfg:#FF8A80;--c-badfg2:#FF6B5E;
 --c-okbg:rgba(76,195,138,.13);--c-okbg2:rgba(76,195,138,.22);--c-okfg:#6FD3A0;
 --c-infobg:rgba(92,195,207,.13);--c-infobg2:rgba(92,195,207,.22);--c-infofg:#7DD3DD;
 --c-purpbg:rgba(180,150,230,.15);--c-purpfg:#C9B6F0;
 --c-on-navy:#0B181B;--c-on-accent:#101316;
 --c-r-card:8px;--c-r-btn:5px;--c-shadow-card:none;--c-cardline:#2A3139;--c-rowline:#232A31;
 --c-th-border:1px solid #36404A;--c-th-bg:#1B2026;
 --c-f-label:'TC Plex Condensed','TC Plex Sans',ui-sans-serif,'Arial Narrow',sans-serif;--c-ls-label:.09em;
 --c-tabsbg:#13171B;--c-tabfg:#98A1AC;--c-tabon:#E7E9EC;
 --c-h0:#E7E9EC;--c-navhover:#1B2026;--c-navonfg:#5CC3CF;--c-topline:#2A3139;--c-signal-ink:#FF8A55;
 --tc-f-sans:'TC Plex Sans','IBM Plex Sans',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
 --tc-f-cond:'TC Plex Condensed','TC Plex Sans',ui-sans-serif,'Arial Narrow',sans-serif;
 --tc-f-mono:'TC Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;
}
html[data-rz-theme^="rajz"]{--paper:#F5F5F2;--sheet:#FFFFFF;--sheet-2:#FAFAF8;--sunk:#EEEEEA;--ink:#1A1E23;--ink-2:#39414B;--mute:#5E6772;--faint:#8A919A;--line:#DCDFE3;--line-2:#C5CAD0;--grid:rgba(26,30,35,.045);--grid-2:rgba(26,30,35,.085);--signal:#C8450B;--signal-hover:#A9390A;--signal-ink:#B23E0A;--signal-tint:#FBEADF;--on-signal:#FFFFFF;--petrol:#0E5F6C;--petrol-hover:#0A4A54;--petrol-tint:#E2EFF0;--on-petrol:#FFFFFF;--ok:#1D7A46;--ok-tint:#E5F3EA;--warn:#8F5600;--warn-tint:#FDF1D8;--bad:#B3261E;--bad-tint:#FBE9E7;--series-1:#2672B8;--series-2:#D9682E;--series-3:#1E9E74;--pkg-1:#2672B8;--pkg-2:#1E9E74;--pkg-3:#D9682E;--iso-p:#1E63B5;--iso-m:#E6B800;--iso-k:#C8232C;--iso-n:#237536;--iso-s:#9C5417;--iso-h:#646A72;--g-cvd:#2B2F35;--g-gold:#C9A227;--g-pvd:#7A5BA6;--g-plain:#9AA1A9;--g-ruby:#9B2C3B;--g-bronze:#A86B3C;--shadow-pop:0 1px 0 rgba(16,19,22,.04),0 18px 40px rgba(16,19,22,.16);--r-1:3px;--r-2:5px;--r-3:8px;--r-4:12px;--f-sans:'TC Plex Sans','IBM Plex Sans',ui-sans-serif,system-ui,'Segoe UI',sans-serif;--f-cond:'TC Plex Condensed','TC Plex Sans',ui-sans-serif,'Arial Narrow',sans-serif;--f-mono:'TC Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace}
html[data-rz-theme="rajz-ejjel"]{--paper:#101316;--sheet:#161A1F;--sheet-2:#1B2026;--sunk:#0C0F12;--ink:#E7E9EC;--ink-2:#C3C8CF;--mute:#98A1AC;--faint:#6F7883;--line:#2A3139;--line-2:#36404A;--grid:rgba(231,233,236,.035);--grid-2:rgba(231,233,236,.07);--signal:#FF7A3D;--signal-hover:#FF925F;--signal-ink:#FF8A55;--signal-tint:rgba(255,122,61,.14);--on-signal:#101316;--petrol:#5CC3CF;--petrol-hover:#7DD3DD;--petrol-tint:rgba(92,195,207,.13);--on-petrol:#0B181B;--ok:#4CC38A;--ok-tint:rgba(76,195,138,.13);--warn:#F0B34A;--warn-tint:rgba(240,179,74,.13);--bad:#FF6B5E;--bad-tint:rgba(255,107,94,.13);--series-1:#3987E5;--series-2:#D95926;--series-3:#199E70;--pkg-1:#3987E5;--pkg-2:#199E70;--pkg-3:#D95926;--g-cvd:#0B0D10;--shadow-pop:0 18px 44px rgba(0,0,0,.55)}
/* ---------------------------------------------------------------------------
   R1 – második réteg a D01 fölött: hiányzó tokenek, gombok, mezők, csúszkák, táblák
   (a régi felületek inline stílusaira épülő, jól körülhatárolt kiválasztókkal; a logikát nem érinti)
   --------------------------------------------------------------------------- */
.app-ui[data-theme^="rajz"],html[data-rz-theme^="rajz"]{
 --c-border:var(--c-line);--c-card2:var(--c-paper);--c-text:var(--c-ink);--c-dangerbg:var(--c-badbg);--c-dangerfg:var(--c-badfg);
 --c-soft:var(--c-page2);--c-bg:var(--c-page);--c-bg2:var(--c-page2);--c-selbg:var(--c-infobg);--c-badbd:var(--c-badfg2);
 --c-nobd:color-mix(in srgb,var(--c-badfg) 45%,transparent);--c-warnbd:color-mix(in srgb,var(--c-warnfg) 45%,transparent);--c-minifg:var(--c-ink2);
 --c-on-green:#FFFFFF;--c-badge:var(--c-accent);--c-badge-ring:var(--c-card)}
.app-ui[data-theme="rajz-ejjel"],html[data-rz-theme="rajz-ejjel"]{--c-on-green:#0B1A12}

/* kártyák (C.card): egységes keret, árnyék nélkül */
.app-ui[data-theme^="rajz"] [style*="var(--c-r-card"]{border-color:var(--c-cardline)}

/* mini gombok (C.miniBtn, változatlan keretszínnel): az új arculat másodlagos gombja */
.app-ui[data-theme^="rajz"] button[style*="1px solid var(--c-navy)"]:not([style*="background: var(--c-navy)"]){border-color:var(--c-line2)!important;color:var(--c-ink2);border-radius:5px!important;transition:border-color .12s,background-color .12s,color .12s}
.app-ui[data-theme^="rajz"] button[style*="1px solid var(--c-navy)"]:not([style*="background: var(--c-navy)"]):hover:not(:disabled){border-color:var(--c-ink2)!important;color:var(--c-ink)}
/* elsődleges gombok és aktív alfülek (C.primary) */
.app-ui[data-theme^="rajz"] button[style*="background: var(--c-navy)"]{border-radius:5px!important;transition:filter .12s}
.app-ui[data-theme^="rajz"] button[style*="background: var(--c-navy)"]:hover:not(:disabled){filter:brightness(1.08)}
.app-ui[data-theme^="rajz"] button:disabled{cursor:not-allowed}
.app-ui[data-theme^="rajz"] button:focus-visible{outline:2px solid var(--c-navy);outline-offset:2px}

/* legördülők: saját nyíl (a natív helyett), mindkét témában */
.app-ui[data-theme^="rajz"] select:not([multiple]):not([size]){-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235E6772' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 9px center!important;background-size:12px!important;padding-right:30px!important}
.app-ui[data-theme="rajz-ejjel"] select:not([multiple]):not([size]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2398A1AC' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}
.app-ui[data-theme^="rajz"] select:not([multiple]):not([size])::-ms-expand{display:none}

/* jelölőnégyzet, rádió */
.app-ui[data-theme^="rajz"] input[type=checkbox],.app-ui[data-theme^="rajz"] input[type=radio]{width:16px;height:16px;accent-color:var(--c-navy);cursor:pointer;vertical-align:-3px}
/* fájlválasztó gomb */
.app-ui[data-theme^="rajz"] input[type=file]::file-selector-button{margin-right:10px;height:30px;padding:0 12px;border:1px solid var(--c-line2);border-radius:5px;background:var(--c-card);color:var(--c-ink2);font:inherit;font-size:12.5px;cursor:pointer}
.app-ui[data-theme^="rajz"] input[type=file]::file-selector-button:hover{border-color:var(--c-ink2)}
/* dátum- és számmezők a téma színsémájával */
.app-ui[data-theme^="rajz"] input[type=date],.app-ui[data-theme^="rajz"] input[type=number],.app-ui[data-theme^="rajz"] input[type=time]{color-scheme:light}
.app-ui[data-theme="rajz-ejjel"] input[type=date],.app-ui[data-theme="rajz-ejjel"] input[type=number],.app-ui[data-theme="rajz-ejjel"] input[type=time]{color-scheme:dark}

/* csúszkák (pl. Megtakarítási terv): vékony sín, kerek fogantyú, fókuszgyűrű – az árazási sáv (pricing-range) saját marad */
.app-ui[data-theme^="rajz"] input[type=range]:not(.pricing-range){-webkit-appearance:none;appearance:none;height:24px;background:transparent;cursor:pointer;accent-color:var(--c-navy)}
.app-ui[data-theme^="rajz"] input[type=range]:not(.pricing-range)::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--c-line2)}
.app-ui[data-theme^="rajz"] input[type=range]:not(.pricing-range)::-moz-range-track{height:4px;border-radius:2px;background:var(--c-line2)}
.app-ui[data-theme^="rajz"] input[type=range]:not(.pricing-range)::-moz-range-progress{height:4px;border-radius:2px;background:var(--c-navy)}
.app-ui[data-theme^="rajz"] input[type=range]:not(.pricing-range)::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:var(--c-card);border:2px solid var(--c-navy);box-shadow:0 1px 2px rgba(16,19,22,.25)}
.app-ui[data-theme^="rajz"] input[type=range]:not(.pricing-range)::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--c-card);border:2px solid var(--c-navy)}
.app-ui[data-theme^="rajz"] input[type=range]:not(.pricing-range):focus-visible{outline:none}
.app-ui[data-theme^="rajz"] input[type=range]:not(.pricing-range):focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--c-navy) 25%,transparent)}
.app-ui[data-theme^="rajz"] input[type=range]:not(.pricing-range):hover::-webkit-slider-thumb{background:var(--c-infobg)}

/* táblázatok (C.tbl): sorkiemelés rámutatáskor, ragadós fejléc a görgethető dobozokban */
.app-ui[data-theme^="rajz"] table[style*="border-collapse: collapse"] tbody tr:hover>td{background-color:var(--c-navhover)}
.app-ui[data-theme^="rajz"] th[style*="var(--c-th-bg"]{letter-spacing:.08em;font-size:10.5px!important}

/* emoji helyett vonalikon (TcRajz.emoji) */
.rz-emo{display:inline-block;width:1.08em;height:1.08em;vertical-align:-.17em;margin-right:.32em;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rz-emo.solo{margin-right:0}
.rz-emo.ok{color:var(--c-okfg,#1D7A46)} .rz-emo.bad{color:var(--c-badfg,#B3261E)} .rz-emo.warn{color:var(--c-warnfg,#8F5600)} .rz-emo.info{color:var(--c-infofg,#0E5F6C)}
.rz-emo.dot{stroke:none}
.rz-emo.big{stroke-width:1.5;margin-right:0}
.rz-emo.mid{margin:0 .18em;vertical-align:-.16em}
/* R1: oldalmenü – összecsukható csoportok, rendezés (dupla kattintás), témaváltó */
.app-ui .rz-theme-btn{flex:none}
.app-ui .rz-nav{position:relative}
.app-ui .rz-nav-head{width:100%;border:0;background:none;cursor:pointer;text-align:left;border-radius:var(--r-2);font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.app-ui .rz-nav-head:hover{color:var(--ink-2);background:var(--sunk)}
.app-ui .rz-nav-head:focus-visible{outline:2px solid var(--petrol);outline-offset:-2px}
.app-ui .rz-nav-head .rz-chev{margin-left:auto;display:inline-grid;opacity:.5;font-style:normal}
.app-ui .rz-nav-head:hover .rz-chev{opacity:1}
.app-ui .rz-nav-hot{margin-left:6px;min-width:18px;height:16px;padding:0 5px;border-radius:8px;background:var(--signal-tint);color:var(--signal-ink);font-style:normal;font-size:10.5px;font-weight:700;line-height:16px;text-align:center;letter-spacing:0}
.app-ui .rz-nav.shut{gap:0}
.app-ui .rz-nav-row{position:relative;display:flex;align-items:center;gap:3px}
.app-ui .rz-nav-row .rz-nav-a{flex:1 1 auto;min-width:0}
.app-ui .rz-side.arranging{gap:10px}
.app-ui .rz-side.arranging>.rz-nav{border:1px dashed var(--line-2);border-radius:var(--r-3);padding:4px 4px 6px;background:var(--sheet-2)}
.app-ui .rz-side.arranging>.rz-nav[draggable="true"]{cursor:grab}
.app-ui .rz-side.arranging .rz-nav-row[draggable="true"]{cursor:grab}
.app-ui .rz-side .rz-nav.over{border-color:var(--petrol);box-shadow:0 0 0 1px var(--petrol) inset}
.app-ui .rz-side .rz-nav-row.over{box-shadow:0 -2px 0 var(--petrol)}
.app-ui .rz-side .dragging{opacity:.42}
.app-ui .rz-arr{display:inline-flex;gap:2px;flex:none}
.app-ui .rz-arr-g{position:absolute;right:6px;top:5px;z-index:1}
.app-ui .rz-mini{width:22px;height:22px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--line-2);border-radius:4px;background:var(--sheet);color:var(--ink-2);cursor:pointer}
.app-ui .rz-mini:hover{border-color:var(--petrol);color:var(--petrol)}
.app-ui .rz-grip{display:inline-grid;place-items:center;width:18px;color:var(--faint)}
.app-ui .rz-arr-bar{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--petrol);border-radius:var(--r-3);background:var(--petrol-tint)}
.app-ui .rz-side.rail .rz-chev,.app-ui .rz-side.rail .rz-nav-hot{display:none}
@media (max-width:900px){.app-ui .rz-side.rail .rz-chev{display:inline-grid}}
/* R1: Főoldal – rendszerbemutató (Műszaki rajz) */
.rz-home{position:fixed;inset:0;z-index:1200;overflow:auto;background:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),linear-gradient(var(--grid-2) 1px,transparent 1px),linear-gradient(90deg,var(--grid-2) 1px,transparent 1px);background-size:8px 8px,8px 8px,40px 40px,40px 40px;outline:none;animation:rzHomeIn .28s ease-out}
.rz-home.leaving{animation:rzHomeOut .38s ease-in forwards}
@keyframes rzHomeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes rzHomeOut{to{opacity:0;transform:translateY(-10px)}}
.rz-home-sheet{max-width:1240px;margin:22px auto 32px;padding:0 24px;display:flex;flex-direction:column;gap:22px}
.rz-home-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 16px;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-3)}
.rz-home-top .rz-brand{display:flex;align-items:center;gap:10px}
.rz-home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:stretch}
.rz-home-copy{display:flex;flex-direction:column;gap:16px;padding:26px 28px;background:var(--sheet);border:1px solid var(--line-2);border-radius:var(--r-3)}
.rz-home-h1{font-size:38px;line-height:1.08;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0}
.rz-home-lead{font-size:16px;line-height:1.55;color:var(--ink-2);max-width:620px;margin:0}
.rz-home-kpis{margin-top:4px}
.rz-home-kpis .rz-kpi{flex:1 1 140px}
.rz-home-art{display:grid;place-items:center;padding:18px;border:1px solid var(--line-2);border-radius:var(--r-3)}
.rz-home-draw{width:100%;max-width:440px;height:auto}
.rz-home-tb rect,.rz-home-tb path{fill:none;stroke:var(--line-2)}
.rz-home-tb text{font-size:9.5px}
.rz-home-tb text.cap{font-size:8.5px;letter-spacing:.08em}
.rz-home-sec{display:flex;flex-direction:column;gap:14px}
.rz-home-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rz-home-group{display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden}
.rz-home-ghead{display:flex;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid var(--line);font-family:var(--f-cond);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.rz-home-ghead b{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid var(--line-2);border-radius:3px;font-size:11px;color:var(--ink)}
.rz-home-tiles{display:flex;flex-direction:column}
.rz-home-tile{display:flex;align-items:center;gap:14px;padding:12px 14px;border:0;border-top:1px solid var(--line);background:none;text-align:left;cursor:pointer;color:var(--ink);font:inherit}
.rz-home-tile:first-child{border-top:0}
.rz-home-tile .ic{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet-2);color:var(--petrol)}
.rz-home-tile .go{color:var(--faint);flex:none}
.rz-home-tile:hover{background:var(--petrol-tint)}
.rz-home-tile:hover .go{color:var(--petrol)}
.rz-home-tile:focus-visible{outline:2px solid var(--petrol);outline-offset:-2px}
.rz-home-tile.off{cursor:not-allowed;opacity:.55}
.rz-home-tile.off:hover{background:none}
.rz-home-tile.off .ic{color:var(--mute)}
.rz-home-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.rz-home-about{white-space:pre-line;line-height:1.6}
.rz-home-mfg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:14px 16px}
.rz-home-mfgc{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px 12px 10px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--sheet-2);color:var(--ink);text-decoration:none}
.rz-home-mfgc::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:var(--r-2) var(--r-2) 0 0;background:var(--mc,var(--petrol))}
.rz-home-mfgc:hover{border-color:var(--petrol);text-decoration:none}
.rz-home-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:4px 2px 10px}
@media (max-width:980px){.rz-home-hero,.rz-home-groups,.rz-home-two{grid-template-columns:minmax(0,1fr)}.rz-home-h1{font-size:30px}.rz-home-art{display:none}}
@media (prefers-reduced-motion:reduce){.rz-home,.rz-home.leaving{animation:none}}
/* ---------------------------------------------------------------------------
   R1 – Statisztika: kategória-paletta (8 hely, light/dark külön lépcső, validate_palette.js: PASS),
   alfülek, szűrősáv, mutatósorok, oszlopdiagram, árrés-skála
   --------------------------------------------------------------------------- */
.app-ui[data-theme^="rajz"],html[data-rz-theme^="rajz"],.rz-tokens{--series-4:#EDA100;--series-5:#E87BA4;--series-6:#008300;--series-7:#4A3AA7;--series-8:#E34948}
html[data-rz-theme^="rajz"]{--series-1:#2672B8;--series-2:#D9682E;--series-3:#1E9E74}
.app-ui[data-theme="rajz-ejjel"],html[data-rz-theme="rajz-ejjel"],.rz-tokens.rz-dark{--series-4:#C98500;--series-5:#D55181;--series-6:#008300;--series-7:#9085E9;--series-8:#E66767}
html[data-rz-theme="rajz-ejjel"]{--series-1:#3987E5;--series-2:#D95926;--series-3:#199E70}

/* alfülek (aláhúzott fülsor) */
.app-ui[data-theme^="rajz"] .rz-subtabs{gap:2px!important;margin:0 0 14px!important;border-bottom:1px solid var(--line);flex-wrap:wrap}
.app-ui[data-theme^="rajz"] .rz-subtab{display:inline-flex;align-items:center;gap:2px;height:38px;padding:0 12px;margin:0 0 -1px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--mute);font:inherit;font-size:13.5px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .12s,border-color .12s}
.app-ui[data-theme^="rajz"] .rz-subtab:hover{color:var(--ink)}
.app-ui[data-theme^="rajz"] .rz-subtab.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}
.app-ui[data-theme^="rajz"] .rz-subtab .rz-emo{color:var(--faint)}
.app-ui[data-theme^="rajz"] .rz-subtab.on .rz-emo{color:var(--petrol)}
.app-ui[data-theme^="rajz"] .rz-subtab:focus-visible{outline:2px solid var(--petrol);outline-offset:-2px}

/* szűrősáv és áttekintő fejléc */
.app-ui[data-theme^="rajz"] .rz-filterbar{gap:8px 10px!important;padding:10px 14px!important}
.app-ui[data-theme^="rajz"] .rz-filterbar>b:first-child{font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-right:4px!important}
.app-ui[data-theme^="rajz"] .rz-filterbar input,.app-ui[data-theme^="rajz"] .rz-filterbar select,.app-ui[data-theme^="rajz"] .rz-ovhead input,.app-ui[data-theme^="rajz"] .rz-ovhead select{height:32px;box-sizing:border-box}

/* áttekintő rács: a diagramok kettesével, minden más teljes szélességben (sűrű kitöltés) */
.app-ui[data-theme^="rajz"] .rz-statgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;grid-auto-flow:row dense;align-items:start}
.app-ui[data-theme^="rajz"] .rz-statgrid>*{grid-column:1/-1;min-width:0}
.app-ui[data-theme^="rajz"] .rz-statgrid>.rz-bar-card{grid-column:auto}
@media (max-width:1100px){.app-ui[data-theme^="rajz"] .rz-statgrid>.rz-bar-card{grid-column:1/-1}}

/* mutatósorok: rajzlap-cellák belső vonalakkal */
.app-ui[data-theme^="rajz"] .rz-statkpis{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0!important;overflow:hidden;margin:14px 0 4px!important;border:1px solid var(--line);border-radius:var(--r-3);background:var(--sheet-2)}
.app-ui[data-theme^="rajz"] .rz-statkpis.perf{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.app-ui[data-theme^="rajz"] .rz-statkpis>div{min-width:0;padding:11px 14px 12px;box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line)}
.app-ui[data-theme^="rajz"] .rz-statkpis>div>:first-child{display:block;font-family:var(--f-cond);font-size:10.5px!important;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mute)!important}
.app-ui[data-theme^="rajz"] .rz-statkpis>div>:nth-child(2){display:block;margin-top:5px;font-size:21px!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.2;font-variant-numeric:tabular-nums}
.app-ui[data-theme^="rajz"] .rz-statkpis.perf>div:not(:first-child)>:nth-child(2){font-size:15px!important}
.app-ui[data-theme^="rajz"] .rz-statkpis>div>:nth-child(3){display:block;margin-top:2px;font-size:11.5px!important;color:var(--mute)!important}
.app-ui[data-theme^="rajz"] .rz-statkpis [style*="var(--c-navy)"],.app-ui[data-theme^="rajz"] .rz-statkpis [style*="var(--c-purpfg)"]{color:var(--ink)!important}

/* oszlopdiagram-kártya */
.app-ui[data-theme^="rajz"] .rz-bar-card{background:var(--c-card);border:1px solid var(--c-cardline,var(--line));border-radius:var(--c-r-card,6px);padding:16px 18px 12px;margin-bottom:16px;min-width:0}
.rz-bc-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.rz-bc-t{min-width:0}
.rz-bc-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}
.rz-bc-title .sw{flex:none;width:10px;height:10px;border-radius:2px}
.rz-bc-cap{margin:2px 0 0 18px;font-size:12px;color:var(--mute)}
.rz-bc-sum{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 0 0 18px;font-size:12px;color:var(--mute)}
.rz-bc-sum b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.rz-bc-seg{flex:none}
.rz-bc-body{position:relative;min-width:0}
.rz-bc-plot{position:relative}
.rz-bc-svg{display:block;overflow:visible}
.rz-bc-svg .tick{font-size:10.5px;fill:var(--faint);font-variant-numeric:tabular-nums}
.rz-bc-svg .xl{font-size:10.5px;fill:var(--mute)}
.rz-bc-svg .vl{font-size:10.5px;font-weight:600;fill:var(--ink-2);font-variant-numeric:tabular-nums}
.rz-bc-svg .gridl{stroke:var(--line);stroke-dasharray:2 3}
.rz-bc-svg .base{stroke:var(--line-2);stroke-width:1}
.rz-bc-bar path{transition:opacity .12s}
.rz-bc-bar.dim path{opacity:.38}
.rz-bc-bar .hit{fill:transparent;cursor:default}
.rz-bc-bar.on .hit{fill:var(--grid-2)}
.rz-bc-avg line{stroke:var(--ink-2);stroke-width:1;stroke-dasharray:5 4;opacity:.7}
.rz-bc-avg text{font-size:10.5px;fill:var(--ink-2);font-family:var(--f-cond);letter-spacing:.04em}
.rz-bc-tip{transform:translate(-50%,-100%);pointer-events:none;text-align:left;min-width:110px}
.rz-bc-tip .tl{font-size:11.5px;color:var(--mute)}
.rz-bc-tip .tv{margin-top:2px;font-variant-numeric:tabular-nums}
.rz-bc-tip .ts{margin-top:2px;font-size:11px;color:var(--mute)}
.rz-bc-empty{display:flex;align-items:center;gap:12px;padding:18px 4px 14px;color:var(--mute);font-size:13px}
.rz-bc-empty svg{width:92px;height:31px;flex:none}
.rz-bc-empty .ax{fill:none;stroke:var(--line-2);stroke-width:1.2}
.rz-bc-empty .gh{fill:none;stroke:var(--line);stroke-width:6;stroke-linecap:butt}
.rz-bc-table{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-2)}
.rz-bc-table table{width:100%;border-collapse:collapse;font-size:12.5px}
.rz-bc-table th{position:sticky;top:0;background:var(--sheet-2);text-align:left;padding:7px 10px;font-family:var(--f-cond);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:600;border-bottom:1px solid var(--line)}
.rz-bc-table td{padding:6px 10px;border-bottom:1px solid var(--line);color:var(--ink)}
.rz-bc-table tfoot td{font-weight:600;border-bottom:0;background:var(--sheet-2)}
.rz-bc-table .num{text-align:right;font-variant-numeric:tabular-nums}
.rz-bc-table .neg{color:var(--c-badfg)}
/* vízszintes sávok (hosszú feliratú kategóriák, pl. top partnerek) */
.rz-hbars{display:grid;gap:2px}
.rz-hbar{display:grid;grid-template-columns:minmax(140px,44%) 1fr auto;align-items:center;gap:12px;padding:5px 6px;border-radius:var(--r-1);transition:opacity .12s,background-color .12s}
.rz-hbar.on{background:var(--grid-2)}
.rz-hbar.dim{opacity:.5}
.rz-hbar .lb{display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px;color:var(--ink)}
.rz-hbar .nm{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.rz-hbar .n1,.rz-hbar .n2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rz-hbar .n2{font-size:11px;color:var(--mute)}
.rz-hbar .rk{flex:none;width:18px;height:18px;border:1px solid var(--line-2);border-radius:var(--r-1);font-family:var(--f-cond);font-size:10.5px;font-style:normal;font-weight:600;line-height:16px;text-align:center;color:var(--mute)}
.rz-hbar .tr{position:relative;height:10px;background:var(--sunk);border-radius:2px}
.rz-hbar .fill{position:absolute;top:0;bottom:0;border-radius:0 3px 3px 0}
.rz-hbar .fill.neg{border-radius:3px 0 0 3px}
.rz-hbar .zero{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--line-2)}
.rz-hbar .vl{font-size:12.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:92px}

/* árrés-teljesítmény: vonalzó-skála */
.rz-gauge{padding:14px 16px 12px;border:1px solid var(--line);border-radius:var(--r-3);background:var(--sheet-2)}
.rz-gauge.off{color:var(--mute);font-size:13px}
.rz-gauge-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.rz-gauge-h b{font-size:14.5px;color:var(--ink)}
.rz-gauge-h .sub{margin-top:2px;font-size:12px;color:var(--mute)}
.rz-gauge-score{display:inline-flex;align-items:baseline;gap:4px;padding:3px 9px;border:1px solid currentColor;border-radius:var(--r-1);font-size:12px;white-space:nowrap}
.rz-gauge-score b{font-size:16px;color:inherit;font-variant-numeric:tabular-nums}
.rz-gauge.ok .rz-gauge-score{color:var(--ok);background:var(--ok-tint)}
.rz-gauge.warn .rz-gauge-score{color:var(--warn);background:var(--warn-tint)}
.rz-gauge.bad .rz-gauge-score{color:var(--bad);background:var(--bad-tint)}
.rz-gauge-scale{position:relative;height:30px;margin:0 2px}
.rz-gauge-scale .zones{position:absolute;left:0;right:0;top:8px;height:11px;display:flex;border:1px solid var(--line-2);border-radius:2px;overflow:hidden}
.rz-gauge-scale .z{display:block;height:100%}
.rz-gauge-scale .z+.z{box-shadow:inset 1px 0 0 var(--line-2)}
.rz-gauge-scale .z.bad{background:color-mix(in srgb,var(--bad) 13%,var(--sheet))}
.rz-gauge-scale .z.warn{background:color-mix(in srgb,var(--warn) 13%,var(--sheet))}
.rz-gauge-scale .z.ok{background:color-mix(in srgb,var(--ok) 13%,var(--sheet))}
.rz-gauge.bad .z.bad{background:color-mix(in srgb,var(--bad) 30%,var(--sheet))}
.rz-gauge.warn .z.warn{background:color-mix(in srgb,var(--warn) 28%,var(--sheet))}
.rz-gauge.ok .z.ok{background:color-mix(in srgb,var(--ok) 28%,var(--sheet))}
.rz-gauge-scale .ticks{position:absolute;left:0;right:0;top:19px;height:8px}
.rz-gauge-scale .ticks i{position:absolute;top:0;width:1px;height:4px;background:var(--line-2)}
.rz-gauge-scale .ticks i.mj{height:7px;background:var(--faint)}
.rz-gauge-scale .target{position:absolute;top:2px;bottom:4px;width:0;border-left:1.5px solid var(--ink)}
.rz-gauge-scale .target span{position:absolute;bottom:100%;left:0;transform:translateX(-50%);margin-bottom:1px;font-family:var(--f-cond);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.rz-gauge-scale .mark{position:absolute;top:-4px;width:14px;margin-left:-7px}
.rz-gauge-scale .mark svg{display:block;width:14px;height:10px}
.rz-gauge-scale .mark::after{content:"";position:absolute;left:6.25px;top:10px;width:1.5px;height:14px;background:currentColor}
.rz-gauge.ok .mark{color:var(--ok)} .rz-gauge.warn .mark{color:var(--warn)} .rz-gauge.bad .mark{color:var(--bad)}
.rz-gauge-scale .mark path{fill:currentColor}
.rz-gauge-legend{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--mute)}
.rz-gauge-legend .mid{color:var(--ink);font-weight:600}
.rz-gauge-exact{margin-top:10px;font-size:12.5px;font-weight:600;color:var(--ok)}
.app-ui[data-theme^="rajz"] .rz-modeseg button{display:inline-flex;align-items:center;gap:2px}
.app-ui[data-theme^="rajz"] .rz-modeseg button[aria-pressed="true"] .rz-emo{color:inherit}
/* ---------------------------------------------------------------------------
   R1 – Élezés: fejléc + fülsor, gyártóváltó, feltételek, árlapok, bevonat-váltó, árjegyek, kalkuláció
   --------------------------------------------------------------------------- */
.app-ui[data-theme^="rajz"] .rz-sh-head{flex-direction:column;align-items:stretch!important;gap:6px!important;margin-bottom:14px!important}
.app-ui[data-theme^="rajz"] .rz-sh-title{display:flex;align-items:center;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.app-ui[data-theme^="rajz"] .rz-sh-title .rz-emo{color:var(--petrol)}
.app-ui[data-theme^="rajz"] .rz-sh-head .rz-subtabs{margin:0!important}
.app-ui[data-theme^="rajz"] .rz-sh-mfgrow{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.app-ui[data-theme^="rajz"] .rz-sh-lbl{font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.app-ui[data-theme^="rajz"] .rz-sh-mfg button{font-family:var(--f-cond);font-weight:600;letter-spacing:.07em;padding:0 14px}
.app-ui[data-theme^="rajz"] .rz-sh-info ul{margin:8px 0 0!important;padding-left:18px!important}
.app-ui[data-theme^="rajz"] .rz-sh-info li::marker{color:var(--faint)}
.app-ui[data-theme^="rajz"] .rz-sh-info>div:first-child>b:first-child{color:var(--ink);font-size:13px}
.app-ui[data-theme^="rajz"] .rz-sh-group{padding-top:14px!important}
.app-ui[data-theme^="rajz"] .rz-sh-gtitle{letter-spacing:-.005em}
.app-ui[data-theme^="rajz"] .rz-sh-gtitle span{font-weight:500!important}
.app-ui[data-theme^="rajz"] .rz-sh-coat{display:inline-flex}
.app-ui[data-theme^="rajz"] .rz-sh-coat button{display:inline-flex;align-items:center;gap:2px}
.app-ui[data-theme^="rajz"] .rz-sh-coat button[data-coat="coated"][aria-pressed="true"]{background:var(--series-4);color:#2B1F00}
.app-ui[data-theme^="rajz"] .rz-sh-coat button[data-coat="uncoated"][aria-pressed="true"]{background:var(--ink-2);color:var(--sheet)}
.app-ui[data-theme^="rajz"] .rz-sh-coat .rz-emo{color:inherit}
.app-ui[data-theme^="rajz"] .rz-sh-pick{border:1px solid transparent;font-variant-numeric:tabular-nums;white-space:nowrap;transition:border-color .12s}
.app-ui[data-theme^="rajz"] .rz-sh-pick:hover{border-color:color-mix(in srgb,var(--c-okfg) 45%,transparent)}
.app-ui[data-theme^="rajz"] .rz-sh-pick b{font-family:var(--f-mono);font-size:12px;font-weight:600;letter-spacing:.01em}
.app-ui[data-theme^="rajz"] .rz-sh-group table td:first-child{font-variant-numeric:tabular-nums;color:var(--ink-2)}
.app-ui[data-theme^="rajz"] .rz-sh-ctitle{display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--ink)}
.app-ui[data-theme^="rajz"] .rz-sh-ctitle .rz-emo{color:var(--petrol)}
.app-ui[data-theme^="rajz"] .rz-sh-calc>div{border-top:3px solid var(--ink)!important}
@media (max-width:1100px){.app-ui[data-theme^="rajz"] .rz-sh [style*="minmax(0,1fr) 330px"],.app-ui[data-theme^="rajz"] .rz-sh [style*="minmax(0px, 1fr) 330px"]{grid-template-columns:minmax(0,1fr)!important}.app-ui[data-theme^="rajz"] .rz-sh-calc{position:static!important;margin-top:0!important}}
/* ---------------------------------------------------------------------------
   R1 – Megrendelések: új gomb, fülek számlálóval, semleges sorok állapotcsíkkal, címkék; űrlap-szakaszok, ragadós műveletsáv
   --------------------------------------------------------------------------- */
.app-ui[data-theme^="rajz"] .rz-ord-new .pl{font-size:19px;line-height:1;font-weight:500;margin-right:2px}
.app-ui[data-theme^="rajz"] .rz-subtab .cnt{min-width:20px;height:18px;margin-left:7px;padding:0 6px;border-radius:9px;background:var(--sunk);color:var(--ink-2);font-size:11px;font-weight:600;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.app-ui[data-theme^="rajz"] .rz-subtab.on .cnt{background:var(--ink);color:var(--sheet)}
.app-ui[data-theme^="rajz"] .rz-ord-q{padding-left:30px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238A919A' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;background-size:14px}
.app-ui[data-theme^="rajz"] .rz-ord-table td{vertical-align:middle}
.app-ui[data-theme^="rajz"] .rz-ord-row:hover>td{background-color:var(--c-navhover)}
.app-ui[data-theme^="rajz"] .rz-ord-no b{font-family:var(--f-mono);font-size:12.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.app-ui[data-theme^="rajz"] .rz-ord-table td[style*="text-align: right"]{font-variant-numeric:tabular-nums;white-space:nowrap}
.app-ui[data-theme^="rajz"] .rz-ord-date{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--c-sub)}
.app-ui[data-theme^="rajz"] .rz-ost{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border:1px solid;border-radius:4px;font-size:11.5px;font-weight:600;white-space:nowrap}
.app-ui[data-theme^="rajz"] .rz-ost::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.app-ui[data-theme^="rajz"] .rz-oship{height:22px;padding:0 8px;border-radius:4px;font-size:11.5px;font-weight:600;white-space:nowrap}
.app-ui[data-theme^="rajz"] .rz-oship[data-k="nincs"]{border:1px dashed color-mix(in srgb,var(--c-badfg) 45%,transparent)}
.app-ui[data-theme^="rajz"] .rz-ord-foot{border:1px solid var(--c-line);background:var(--c-paper)!important;border-radius:6px!important;font-variant-numeric:tabular-nums}
/* rögzítő űrlap */
.app-ui[data-theme^="rajz"] div:has(> .rz-of-title){counter-reset:rzof}
.app-ui[data-theme^="rajz"] .rz-of-title+button{flex:none}
.app-ui[data-theme^="rajz"] .rz-of-sec{display:flex;align-items:center;gap:8px;color:var(--c-ink)!important}
.app-ui[data-theme^="rajz"] .rz-of-sec::before{counter-increment:rzof;content:counter(rzof);flex:none;width:18px;height:18px;border:1px solid var(--c-ink);border-radius:3px;font-family:var(--f-cond);font-size:11px;font-weight:600;line-height:16px;text-align:center}
.app-ui[data-theme^="rajz"] .rz-of-import{border:1px dashed var(--c-line2);background:var(--c-paper)!important;border-radius:6px!important}
.app-ui[data-theme^="rajz"] .rz-of-pgrid select,.app-ui[data-theme^="rajz"] .rz-of-pgrid input:not([type=checkbox]){width:100%;box-sizing:border-box}
.app-ui[data-theme^="rajz"] .rz-of-actions{position:sticky;bottom:0;z-index:6;align-items:center;margin:14px -18px -18px;padding:12px 18px;background:color-mix(in srgb,var(--c-card) 94%,transparent);backdrop-filter:blur(6px);border-top:1px solid var(--c-line);border-radius:0 0 var(--c-r-card,8px) var(--c-r-card,8px)}
.app-ui[data-theme^="rajz"] .rz-of-actions>button{width:auto!important;margin-top:0!important;min-width:140px;padding:10px 18px!important}
.app-ui[data-theme^="rajz"] .rz-of-cancel{order:1}
.app-ui[data-theme^="rajz"] .rz-of-sum{order:2;flex:1 1 auto;min-width:0;padding:0 8px;font-size:13px;color:var(--c-sub);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-ui[data-theme^="rajz"] .rz-of-sum b{color:var(--c-ink);font-weight:600}
.app-ui[data-theme^="rajz"] .rz-of-sum .sep{margin:0 8px;color:var(--c-line2)}
.app-ui[data-theme^="rajz"] .rz-of-fwd{order:3}
.app-ui[data-theme^="rajz"] .rz-of-draft{order:4}
.app-ui[data-theme^="rajz"] .rz-of-fin{order:5;min-width:210px!important}
@media (max-width:1180px){.app-ui[data-theme^="rajz"] .rz-of-sum{order:0;flex-basis:100%;padding:0 0 2px}.app-ui[data-theme^="rajz"] .rz-of-fwd{margin-left:auto}.app-ui[data-theme^="rajz"] .rz-of-fwd~.rz-of-draft{margin-left:0}.app-ui[data-theme^="rajz"] .rz-of-draft{margin-left:auto}}
@media (max-width:760px){.app-ui[data-theme^="rajz"] .rz-of-pgrid{grid-template-columns:1fr!important}.app-ui[data-theme^="rajz"] .rz-of-actions{flex-direction:column;align-items:stretch}.app-ui[data-theme^="rajz"] .rz-of-sum{order:0;text-align:center}.app-ui[data-theme^="rajz"] .rz-of-fin{order:1}.app-ui[data-theme^="rajz"] .rz-of-draft{order:2}.app-ui[data-theme^="rajz"] .rz-of-fwd{order:3}.app-ui[data-theme^="rajz"] .rz-of-cancel{order:4}.app-ui[data-theme^="rajz"] .rz-of-actions>button{width:100%!important}}
/* részletező */
.app-ui[data-theme^="rajz"] .rz-od-no[style][class]{font-family:var(--f-mono)!important;font-size:17px!important;letter-spacing:.01em;margin-bottom:6px!important}
.app-ui[data-theme^="rajz"] .rz-od-no+.rz-ost{vertical-align:middle}
.app-ui[data-theme^="rajz"] .rz-titleblock{gap:0!important;border:1px solid var(--c-ink);border-radius:2px;overflow:hidden;background:var(--c-card)}
.app-ui[data-theme^="rajz"] .rz-titleblock>div{padding:8px 12px 9px;box-shadow:inset -1px -1px 0 var(--c-line);color:var(--c-ink);min-width:0;overflow-wrap:anywhere}
.app-ui[data-theme^="rajz"] .rz-titleblock>div>b:first-child{display:block;margin-bottom:2px;font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--c-sub)}
/* R1.1 – „kisebb, mint az utolsó rendelési ár”: nyugodt gyűrű-lüktetés (a mező nem mozdul és nem halványul),
   belekattintásra soronként megáll; az „utolsó: X €” jelzés gomb, kattintásra beemeli az árat. Témától független. */
@keyframes rzLpPulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}50%{box-shadow:0 0 0 3px rgba(220,38,38,.42)}}
.rz-lp-pulse{animation:rzLpPulse 1.6s ease-in-out infinite}
span.rz-lp-pulse{border-radius:3px}
.rz-lp-txt{cursor:pointer;padding:0 2px}
.rz-lp-hint{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;column-gap:5px;row-gap:1px;width:100%;margin:3px 0 0;padding:0;border:0;background:none;font:inherit;line-height:1.3;text-align:right;cursor:pointer}
.rz-lp-hint>span:first-child{white-space:nowrap}
.rz-lp-hint .go{white-space:nowrap;border-bottom:1px dotted currentColor}
.rz-lp-hint:hover .go,.rz-lp-hint:focus-visible .go{border-bottom-style:solid}
.rz-lp-hint:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.rz-lp-hint.static{display:block;cursor:default}
@media (prefers-reduced-motion:reduce){.rz-lp-pulse{animation:none;box-shadow:0 0 0 2px rgba(220,38,38,.42)}}
/* ---------------------------------------------------------------------------
   R2-ORD k07 – Rögzítés előtti ellenőrzőlista: a ragadós műveletsávban, a gombok fölött (rajzi keret, címmező-felirat,
   piros × = javítandó, sárga ! = figyelmeztetés). Világos/sötét: csak tokenek.
   --------------------------------------------------------------------------- */
.app-ui[data-theme^="rajz"] .rz-ocl{order:-1;flex:1 1 100%;min-width:0;box-sizing:border-box;margin:0 0 2px;border:1px solid var(--c-ink);border-radius:2px;background:var(--c-card);color:var(--c-ink);font-size:13px;line-height:1.45}
.app-ui[data-theme^="rajz"] .rz-ocl-h{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px 6px 6px 12px;border-bottom:1px solid var(--c-line)}
.app-ui[data-theme^="rajz"] .rz-ocl-t{margin-right:4px;font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--c-ink)}
.app-ui[data-theme^="rajz"] .rz-ocl-n{height:20px;padding:0 7px;border:1px solid;border-radius:3px;font-size:11.5px;font-weight:600;line-height:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.app-ui[data-theme^="rajz"] .rz-ocl-n.tilt{color:var(--c-badfg);background:var(--c-badbg);border-color:color-mix(in srgb,var(--c-badfg) 45%,transparent)}
.app-ui[data-theme^="rajz"] .rz-ocl-n.figy{color:var(--c-warnfg);background:var(--c-warnbg);border-color:color-mix(in srgb,var(--c-warnfg) 45%,transparent)}
.app-ui[data-theme^="rajz"] .rz-ocl-x{margin-left:auto;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:3px;background:none;color:var(--c-sub);font-size:18px;line-height:1;cursor:pointer}
.app-ui[data-theme^="rajz"] .rz-ocl-x:hover,.app-ui[data-theme^="rajz"] .rz-ocl-x:focus-visible{border-color:var(--c-line2);color:var(--c-ink)}
.app-ui[data-theme^="rajz"] .rz-ocl-l{list-style:none;margin:0;padding:3px 0;max-height:min(34vh,290px);overflow:auto}
.app-ui[data-theme^="rajz"] .rz-ocl-i{display:flex;align-items:flex-start;gap:9px;padding:5px 12px}
.app-ui[data-theme^="rajz"] .rz-ocl-i+.rz-ocl-i{border-top:1px dashed var(--c-line)}
.app-ui[data-theme^="rajz"] .rz-ocl-m{flex:none;box-sizing:border-box;width:16px;height:16px;margin-top:2px;border:1px solid;border-radius:2px;font-family:var(--f-cond);font-size:11px;font-weight:700;line-height:14px;text-align:center}
.app-ui[data-theme^="rajz"] .rz-ocl-i.tilt .rz-ocl-m{background:var(--c-badfg);border-color:var(--c-badfg);color:var(--c-card)}
.app-ui[data-theme^="rajz"] .rz-ocl-i.figy .rz-ocl-m{background:var(--c-warnbg);border-color:var(--c-warnfg);color:var(--c-warnfg)}
.app-ui[data-theme^="rajz"] .rz-ocl-s{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.app-ui[data-theme^="rajz"] .rz-ocl-i.tilt .rz-ocl-s{color:var(--c-badfg);font-weight:600}
.app-ui[data-theme^="rajz"] .rz-ocl-c{color:var(--c-sub);font-family:var(--f-mono);font-size:12px;font-weight:400}
.app-ui[data-theme^="rajz"] .rz-ocl-show{flex:none;margin-top:1px;padding:0;border:0;border-bottom:1px dotted currentColor;background:none;color:var(--c-sub);font:inherit;font-size:12px;cursor:pointer}
.app-ui[data-theme^="rajz"] .rz-ocl-show:hover,.app-ui[data-theme^="rajz"] .rz-ocl-show:focus-visible{color:var(--c-ink);border-bottom-style:solid}
.app-ui[data-theme^="rajz"] .rz-ocl-okline{padding:9px 12px;color:var(--c-okfg);font-weight:600}
.app-ui[data-theme^="rajz"] .rz-ocl-f{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:7px 7px 7px 12px;border-top:1px solid var(--c-line);background:var(--c-paper)}
.app-ui[data-theme^="rajz"] .rz-ocl-note{flex:1 1 240px;min-width:0;font-size:12px;color:var(--c-sub)}
.app-ui[data-theme^="rajz"] .rz-ocl.has-tilt .rz-ocl-note{color:var(--c-badfg);font-weight:600}
.app-ui[data-theme^="rajz"] .rz-ocl-f .rz-btn{flex:none;min-width:130px}
.app-ui[data-theme^="rajz"] .rz-ocl .sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@keyframes rzOclJel{0%,55%{background-color:var(--c-warnbg2)}100%{background-color:transparent}}
.app-ui[data-theme^="rajz"] tr.rz-ocl-jel>td,.app-ui[data-theme^="rajz"] .rz-of-pgrid.rz-ocl-jel{animation:rzOclJel 1.9s ease-out}
@media (max-width:760px){.app-ui[data-theme^="rajz"] .rz-ocl-f .rz-btn{flex:1 1 auto}.app-ui[data-theme^="rajz"] .rz-ocl-l{max-height:40vh}}
@media (prefers-reduced-motion:reduce){.app-ui[data-theme^="rajz"] tr.rz-ocl-jel>td,.app-ui[data-theme^="rajz"] .rz-of-pgrid.rz-ocl-jel{animation:none;background-color:var(--c-warnbg2)}}
/* ---------------------------------------------------------------------------
   R1 – Megtakarítási tervek: mutató-sáv (rajzlap-cellák), mezők, csúszkák
   --------------------------------------------------------------------------- */
.app-ui[data-theme^="rajz"] div:has(> .rz-pkpi){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:0!important;border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden;background:var(--sheet)}
.app-ui[data-theme^="rajz"] .rz-pkpi{min-width:0;padding:11px 14px 12px;box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line)}
.app-ui[data-theme^="rajz"] .rz-pkpi.ok{box-shadow:-1px 0 0 var(--line),0 -1px 0 var(--line),inset 0 3px 0 var(--ok)}
.app-ui[data-theme^="rajz"] .rz-pkpi .l{font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}
.app-ui[data-theme^="rajz"] .rz-pkpi .v{margin-top:5px;font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.15;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.app-ui[data-theme^="rajz"] .rz-pkpi.ok .v{color:var(--ok)}
.app-ui[data-theme^="rajz"] .rz-pkpi .n{margin-top:3px;font-size:11.5px;color:var(--mute)}
/* kétállású nézetváltók (logisztika) */
.app-ui[data-theme^="rajz"] .rz-tabbtn{display:inline-flex;align-items:center;gap:2px;height:32px;padding:0 13px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet);color:var(--ink-2);font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
.app-ui[data-theme^="rajz"] .rz-tabbtn:hover{border-color:var(--ink-2);color:var(--ink)}
.app-ui[data-theme^="rajz"] .rz-tabbtn.on{background:var(--ink);border-color:var(--ink);color:var(--sheet);font-weight:600}
.app-ui[data-theme^="rajz"] .rz-tabbtn.on .rz-emo{color:inherit}
.app-ui[data-theme^="rajz"] .rz-calcseg{display:inline-flex!important;gap:2px!important}
.app-ui[data-theme^="rajz"] .rz-calcseg button{padding:0 16px}
/* ---------------------------------------------------------------------------
   R2-PLANS (k13) – Megtakarítási tervek: kuka (törölt kalkulációk, visszaállítás)
   Alap: a --c-* tokenek (minden témában); rajz-téma: rajzlap-keret és feliratsáv.
   --------------------------------------------------------------------------- */
.rz-ptrash{border:1px solid var(--c-line);border-radius:var(--c-r-card,8px);background:var(--c-card);padding:10px 12px}
.rz-ptrash-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--c-ink)}
.rz-ptrash-hd>svg{flex:none;color:var(--c-sub)}
.rz-ptrash-sub{font-size:11.5px;color:var(--c-sub2)}
.rz-ptrash-note{margin-top:8px;padding:6px 10px;border-radius:var(--c-r-btn,5px);background:var(--c-okbg);color:var(--c-okfg);font-size:12.5px}
.rz-ptrash-note:empty{display:none}
.rz-ptrash-empty{margin-top:8px;padding:10px 12px;border:1px dashed var(--c-line2);border-radius:var(--c-r-btn,5px);color:var(--c-sub2);font-size:12.5px}
.rz-ptrash-list{list-style:none;margin:8px 0 0;padding:0}
.rz-ptrash-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--c-rowline,var(--c-line))}
.rz-ptrash-row:first-child{border-top:0}
.rz-ptrash-main{flex:1 1 240px;min-width:0}
.rz-ptrash-t{font-weight:600;font-size:13px;color:var(--c-ink);overflow-wrap:anywhere}
.rz-ptrash-cur{margin-left:8px;font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:3px;background:var(--c-infobg);color:var(--c-infofg);white-space:nowrap}
.rz-ptrash-m{margin-top:2px;font-size:11.5px;color:var(--c-sub);overflow-wrap:anywhere}
.rz-ptrash-days{font-size:11.5px;color:var(--c-warnfg);white-space:nowrap;font-variant-numeric:tabular-nums}
.rz-ptrash-btn{flex:none}
.rz-ptrash-btn:disabled{opacity:.55;cursor:default}
.app-ui[data-theme^="rajz"] .rz-ptrash{border-color:var(--line);border-radius:var(--r-3);background:var(--sheet);padding:0;overflow:hidden}
.app-ui[data-theme^="rajz"] .rz-ptrash-hd{padding:8px 12px;border-bottom:1px solid var(--line);background:var(--sheet-2)}
.app-ui[data-theme^="rajz"] .rz-ptrash-hd>svg{color:var(--mute)}
.app-ui[data-theme^="rajz"] .rz-ptrash-hd b{font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink)}
.app-ui[data-theme^="rajz"] .rz-ptrash-sub{color:var(--mute)}
.app-ui[data-theme^="rajz"] .rz-ptrash-note{margin:8px 12px 0;border-radius:var(--r-2);background:var(--ok-tint);color:var(--ok)}
.app-ui[data-theme^="rajz"] .rz-ptrash-empty{margin:10px 12px 12px;border-color:var(--line-2);border-radius:var(--r-2);background:var(--sheet-2);color:var(--mute)}
.app-ui[data-theme^="rajz"] .rz-ptrash-list{margin:0;padding:0 12px}
.app-ui[data-theme^="rajz"] .rz-ptrash-row{border-top-color:var(--line)}
.app-ui[data-theme^="rajz"] .rz-ptrash-t{color:var(--ink)}
.app-ui[data-theme^="rajz"] .rz-ptrash-m{color:var(--mute)}
.app-ui[data-theme^="rajz"] .rz-ptrash-cur{border-radius:var(--r-1);background:var(--petrol-tint);color:var(--petrol)}
.app-ui[data-theme^="rajz"] .rz-ptrash-days{font-family:var(--f-mono);font-size:11px;color:var(--warn)}
/* ---------------------------------------------------------------------------
   R1 – Ötletláda (tónusos címkék) és Kuka (szakasz-fejlécek, üres állapotok rajzi kerettel)
   --------------------------------------------------------------------------- */
.app-ui[data-theme^="rajz"] .rz-sug-badge{white-space:nowrap;letter-spacing:.01em}
.app-ui[data-theme^="rajz"] .rz-trash>div[style*="font-weight: 600"][style*="color: var(--c-navy)"]{display:flex;align-items:center;gap:8px;margin:22px 0 8px!important;padding:0 0 6px;border-bottom:1px solid var(--line);color:var(--ink)!important;font-size:14px}
.app-ui[data-theme^="rajz"] .rz-trash>div[style*="font-weight: 600"][style*="color: var(--c-navy)"]::before{content:"";flex:none;width:16px;height:16px;background:var(--mute);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13'/%3E%3C/svg%3E") center/contain no-repeat}
.app-ui[data-theme^="rajz"] .rz-trash>div[style="color: var(--c-sub2);"]{padding:12px 14px;border:1px dashed var(--line-2);border-radius:var(--r-2);background:var(--sheet-2);color:var(--mute)!important;font-size:12.5px}
/* ---------------------------------------------------------------------------
   R1.1 – Partnerlista: kapcsolattartók egy sorban + lenyíló ablak (a sok kapcsolattartó ne húzza szét a sort).
   Témától független alapszabályok, tokenekkel és tartalék színekkel.
   --------------------------------------------------------------------------- */
.rz-ct{display:flex;align-items:center;gap:6px;min-width:0;max-width:300px;font-size:12px;line-height:1.35}
.rz-ct-one{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--c-ink,#1b1e22)}
.rz-ct-one .ti{color:var(--c-sub2,#6b7280)}
.rz-ct-none{color:var(--c-sub2,#6b7280)}
.rz-ct-more{flex:none;display:inline-flex;align-items:center;gap:2px;height:20px;padding:0 5px 0 7px;border:1px solid var(--c-line,#d0d4da);border-radius:10px;background:var(--c-card,#fff);color:var(--c-ink,#1b1e22);font:inherit;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer}
.rz-ct-more:hover,.rz-ct.open .rz-ct-more{border-color:var(--c-ink,#1b1e22)}
.rz-ct.open .rz-ct-more svg{transform:rotate(180deg)}
.rz-ct-more:focus-visible{outline:2px solid var(--c-accent,#0e6b74);outline-offset:1px}
.rz-ct-pop{position:fixed;z-index:4000;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--c-ink,#1b1e22);border-radius:3px;background:var(--c-card,#fff);color:var(--c-ink,#1b1e22);box-shadow:0 10px 28px rgba(10,20,35,.22);cursor:default;text-align:left}
.rz-ct-head{flex:none;display:flex;align-items:center;gap:8px;padding:7px 8px 7px 12px;border-bottom:1px solid var(--c-line,#d0d4da);font-family:var(--f-cond,inherit);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-sub,#4b5563)}
.rz-ct-head .n{min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:var(--c-ink,#1b1e22);color:var(--c-card,#fff);font-family:var(--f-mono,inherit);font-size:10.5px;line-height:18px;letter-spacing:0;text-align:center}
.rz-ct-head .x{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:3px;background:none;color:inherit;cursor:pointer}
.rz-ct-head .x:hover{background:var(--c-navhover,rgba(0,0,0,.06))}
.rz-ct-list{flex:1 1 auto;min-height:0;margin:0;padding:4px 0;list-style:none;overflow:auto;overscroll-behavior:contain}
.rz-ct-list li{display:grid;grid-template-columns:24px 1fr;column-gap:6px;padding:5px 12px;font-size:12.5px;line-height:1.3}
.rz-ct-list li+li{border-top:1px solid color-mix(in srgb,var(--c-line,#d0d4da) 60%,transparent)}
.rz-ct-list .i{grid-row:span 2;padding-top:1px;font-family:var(--f-mono,monospace);font-size:10.5px;color:var(--c-sub2,#6b7280)}
.rz-ct-list .nm{font-weight:600;overflow-wrap:anywhere}
.rz-ct-list .ti{grid-column:2;font-size:11.5px;color:var(--c-sub2,#6b7280)}
/* ---------------------------------------------------------------------------
   R1 – Bejelentkezés: rajzlap-háttér rácsozattal, a jel műszaki rajza címmezővel, fehér űrlaplap
   --------------------------------------------------------------------------- */
.rz-login{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 18px;background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),linear-gradient(var(--grid-2) 1px,transparent 1px),linear-gradient(90deg,var(--grid-2) 1px,transparent 1px);background-size:12px 12px,12px 12px,60px 60px,60px 60px;color:var(--ink);font-family:var(--f-sans)}
.rz-login-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,410px);width:min(980px,100%);background:var(--sheet);border:1.5px solid var(--ink);box-shadow:0 18px 50px rgba(16,19,22,.12)}
.rz-login-art{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 24px 0;border-right:1px solid var(--ink);background:var(--sheet-2)}
.rz-login-mark{display:flex;align-items:center;gap:10px;font-family:var(--f-cond);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.rz-login-art .rz-home-draw{max-width:420px;margin:6px auto 0}
.rz-login-tb{display:grid;grid-template-columns:1.2fr 1fr 1fr;margin:auto -24px 0;border-top:1px solid var(--ink)}
.rz-login-tb>div{padding:8px 12px 9px;min-width:0}
.rz-login-tb>div+div{border-left:1px solid var(--ink)}
.rz-login-tb .k{display:block;font-family:var(--f-cond);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rz-login-tb b{display:block;margin-top:2px;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rz-login-card{padding:30px 30px 24px;min-width:0}
.rz-login-head{margin:0 0 20px;padding:0 0 14px;border-bottom:2px solid var(--ink)}
.rz-login-brand{font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.rz-login-sub{margin-top:3px;font-size:12.5px;color:var(--mute)}
.rz-login input:focus{outline:none;border-color:var(--petrol)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--petrol) 22%,transparent)}
.rz-login button:hover:not(:disabled){filter:brightness(1.1)}
.rz-login button:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}
@media (max-width:820px){.rz-login-in{grid-template-columns:1fr}.rz-login-art{display:none}}
/* ---------------------------------------------------------------------------
   R1.1 – Értesítések kis ablakban (a harang alatt): a NotificationsTab tömör nézete. Témától független alapszabályok.
   --------------------------------------------------------------------------- */
.rz-notifpop{position:fixed;z-index:4100;display:flex;flex-direction:column;border:1px solid var(--c-ink,#1b1e22);border-radius:3px;background:var(--c-card,#fff);color:var(--c-ink,#1b1e22);box-shadow:0 14px 34px rgba(10,20,35,.24);outline:none;text-align:left}
.rz-notifpop::before{content:"";position:absolute;top:-6px;left:calc(var(--ax,40px) - 5px);width:10px;height:10px;background:var(--c-card,#fff);border-left:1px solid var(--c-ink,#1b1e22);border-top:1px solid var(--c-ink,#1b1e22);transform:rotate(45deg)}
.rz-notifpop:focus-visible{box-shadow:0 0 0 2px var(--c-accent,#0e6b74),0 14px 34px rgba(10,20,35,.24)}
.rz-np{position:relative;display:flex;flex-direction:column;min-height:0;max-height:inherit;overflow:hidden;border-radius:3px}
.rz-np-head{flex:none;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--c-line,#d0d4da)}
.rz-np-head>b{font-family:var(--f-cond,inherit);font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--c-sub,#4b5563)}
.rz-np-head .n{min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:var(--c-ink,#1b1e22);color:var(--c-card,#fff);font-family:var(--f-mono,inherit);font-size:10.5px;line-height:18px;text-align:center}
.rz-np-all{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid var(--c-line,#d0d4da);border-radius:3px;background:none;color:var(--c-ink,#1b1e22);font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.rz-np-all:hover{border-color:var(--c-ink,#1b1e22)}
.rz-np-list{flex:1 1 auto;min-height:0;margin:0;padding:0;list-style:none;overflow:auto;overscroll-behavior:contain}
.rz-np-item{position:relative;padding:10px 12px 10px 17px;border-bottom:1px solid color-mix(in srgb,var(--c-line,#d0d4da) 70%,transparent)}
.rz-np-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--k,#6b7280)}
.rz-np-item .t{font-size:13px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.rz-np-item .b{margin-top:2px;font-size:12px;line-height:1.35;color:var(--c-sub,#4b5563);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rz-np-item .m{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:7px;font-size:11px;color:var(--c-sub2,#6b7280)}
.rz-np-item .d{font-variant-numeric:tabular-nums}
.rz-np-item .s{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border:1px solid var(--c-line,#d0d4da);border-radius:3px;font-weight:600;white-space:nowrap}
.rz-np-item .s::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-sub2,#6b7280)}
.rz-np-item .s.folyamatban{color:var(--c-accent,#0e6b74);border-color:color-mix(in srgb,var(--c-accent,#0e6b74) 45%,transparent)}
.rz-np-item .s.folyamatban::before{background:var(--c-accent,#0e6b74)}
.rz-np-item .acts{margin-left:auto;display:inline-flex;gap:6px}
.rz-np-item .ro{margin-left:auto;font-style:italic}
.rz-np-item .lg{margin-top:6px}
.rz-np-btn{height:26px;padding:0 10px;border:1px solid var(--c-line,#d0d4da);border-radius:3px;background:var(--c-card,#fff);color:var(--c-ink,#1b1e22);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.rz-np-btn:hover{border-color:var(--c-ink,#1b1e22)}
.rz-np-btn.ok{color:var(--c-okfg,#15803d);border-color:color-mix(in srgb,var(--c-okfg,#15803d) 45%,transparent)}
.rz-np-btn.ok:hover{background:var(--c-okbg,#ecfdf3)}
.rz-np-btn:disabled{opacity:.55;cursor:default}
.rz-np-empty{padding:18px 14px;font-size:13px;color:var(--c-sub2,#6b7280)}
.rz-np-more{flex:none;margin:0;padding:9px 14px;border:0;border-bottom:1px solid var(--c-line,#d0d4da);background:var(--c-navhover,rgba(0,0,0,.03));color:var(--c-ink,#1b1e22);font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer}
.rz-np-foot{flex:none;display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:11.5px;color:var(--c-sub2,#6b7280)}
.rz-np-link{padding:0;border:0;background:none;color:var(--c-accent,#0e6b74);font:inherit;font-weight:600;text-decoration:underline dotted;text-underline-offset:2px;cursor:pointer}
.rz-np-foot .rz-np-done{margin-left:auto}
/* R3a – egységes lakat (Dávid, 2026-10-05): zárva zöld, feloldva piros; minden oldalon ugyanaz a gomb */
.rz-lock{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-width:36px;height:34px;padding:0 9px;border:1px solid;border-radius:var(--r-2,6px);font:inherit;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;vertical-align:middle;transition:background-color .15s,border-color .15s,color .15s}
.rz-lock svg{flex:none}
.rz-lock.zarva{background:var(--c-okbg2);color:var(--c-okfg);border-color:color-mix(in srgb,var(--c-okfg) 50%,transparent)}
.rz-lock.nyitva{background:var(--c-badbg2);color:var(--c-badfg);border-color:color-mix(in srgb,var(--c-badfg) 55%,transparent)}
.rz-lock:hover{filter:brightness(.96)}
.rz-lock:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.rz-lock.sm{min-width:30px;height:28px;padding:0 6px}
@media (forced-colors:active){.rz-lock{border-color:ButtonText}.rz-lock.nyitva{border-style:dashed}}
@media print{.rz-lock{display:none!important}}
/* R3b (Dávid, 2026-10-05) – Szerszámpárosító: gyorssor a dobok fölött (ISO-alak + leggyakoribb méretek) és az okos kereső értelmezése */
.pz-quick{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:0 0 12px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-2);background:var(--paper)}
.pz-q-shapes,.pz-q-sizes{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}
.pz-q-sizes{flex:1 1 360px}
.pz-quick .lbl{margin-right:4px;white-space:nowrap}
.pz-qshape{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 8px 0 5px;border:1px solid var(--line-2);border-radius:var(--r-1);background:var(--sheet);color:var(--ink-2);font-family:var(--f-mono);font-size:12.5px;font-weight:600;line-height:1;cursor:pointer}
.pz-qshape .shape-icon{stroke-width:3.4}
.pz-qshape:hover{border-color:var(--ink-2)}
.pz-qshape.on{border-color:var(--petrol);background:var(--petrol-tint);color:var(--petrol)}
.pz-qshape[disabled]{opacity:.35;cursor:not-allowed}
.pz-qsize{height:30px;font-family:var(--f-mono)}
.pz-qsize .c{font-weight:600;letter-spacing:.01em}
.pz-q-more{margin-left:4px;font-size:12px}
.pz-qshape:focus-visible,.pz-qsize:focus-visible{outline:2px solid var(--petrol);outline-offset:1px}
/* telefon és keskeny nézet: két vízszintesen görgethető sor (alakok, méretek), hogy a dobok ne csússzanak le */
.pz-narrow .pz-quick{display:block;padding:7px 8px;margin-bottom:8px}
.pz-narrow .pz-q-shapes,.pz-narrow .pz-q-sizes{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:3px}
.pz-narrow .pz-q-sizes{margin-top:6px}
.pz-narrow .pz-quick .lbl,.pz-narrow .pz-qshape,.pz-narrow .pz-qsize,.pz-narrow .pz-q-more{flex:none}
.pz-narrow .pz-qshape,.pz-narrow .pz-qsize{height:34px}
.pz-narrow .pz-qshape{padding:0 7px 0 4px}

/* okos kereső: mit értett a kereső (a keresőfülek alatt és a műhely választójában) */
.pz-qint{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-width:0}
.pz-stabs>.pz-qint{flex:1 1 100%;padding-top:6px;margin-top:2px;border-top:1px dashed var(--line)}
.pz-qint.mw{padding:6px 14px;border-bottom:1px dashed var(--line)}
.pz-qtok{display:inline-flex;align-items:baseline;gap:6px;min-width:0}
.pz-qtok code{font-family:var(--f-mono);font-size:12.5px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.pz-qtok.csalad-meret code,.pz-qtok.forgacstoro code,.pz-qtok.minta code,.pz-qtok.barmi code{color:var(--petrol)}
.pz-qtok .xs{color:var(--ink-2)}
.pz-qtip{margin-left:auto}
.pz-narrow .pz-qtip{margin-left:0}
@media (forced-colors:active){.pz-qshape.on,.pz-qsize.on{outline:2px solid Highlight}}
@media print{.pz-quick,.pz-qint{display:none!important}}
/* R3c (Dávid, 2026-10-05) – Naptár és teendők: szabadság, megosztás, résztvevők, teendők a napoknál, napi jelentés */
.ntp-mute{color:var(--mute,#6b7280);font-size:12px;line-height:1.4}
.ntp-pad{padding:8px 0}
.ntp-pre{white-space:pre-wrap}
.ntp-err{color:var(--bad,#b42318);font-size:12.5px}
.ntp-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.ntp-row .grow,.ntp-mf .grow,.ntp-jel-h .grow{flex:1 1 auto}
.ntp-lab{display:block;font-size:12px;font-weight:600;color:var(--ink-2,#374151);margin:10px 0 4px}
.ntp-lab2{font-size:11.5px;font-weight:600;color:var(--mute,#6b7280);margin:8px 0 4px}
.ntp-f{display:flex;flex-direction:column;min-width:0}
.ntp-in{width:100%;min-height:34px;padding:6px 9px;border:1px solid var(--line-2,#c9ced6);border-radius:var(--r-2,6px);background:var(--sheet,#fff);color:var(--ink,#111);font:inherit;font-size:13px}
.ntp-in:focus-visible{outline:2px solid var(--petrol,#0e5f6c);outline-offset:1px}
textarea.ntp-in{resize:vertical;min-height:34px;line-height:1.4}
.ntp-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ntp-rel{position:relative}
.ntp-full{flex-basis:100%}

/* modális ablak (a naptár saját ablakai fölött) */
.ntp-ov{position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;background:rgba(15,23,42,.5)}
.ntp-modal{font-family:var(--f-sans,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif);font-size:14px;line-height:1.4;width:100%;max-width:560px;border:1px solid var(--line,#d0d4da);border-radius:var(--r-3,8px);background:var(--sheet,#fff);color:var(--ink,#111);box-shadow:var(--shadow-pop,0 10px 40px rgba(0,0,0,.25))}
.ntp-modal.wide{max-width:720px}
.ntp-mh{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line,#d0d4da)}
.ntp-mt{flex:1 1 auto;font-size:15px;font-weight:700}
.ntp-mb{padding:6px 14px 14px}
.ntp-mf{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--line,#d0d4da)}
.ntp-x{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:var(--r-2,6px);background:none;color:var(--ink-2,#374151);cursor:pointer;flex:none}
.ntp-x:hover{background:var(--sunk,#f1f3f5)}
.ntp-x.sm{width:26px;height:26px}
.rz-btn.danger{color:var(--bad,#b42318)}
.rz-link.danger{color:var(--bad,#b42318)}

/* kolléga-választó, kapcsolók, láthatóság */
.ntp-kv{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ntp-kv-add{width:auto;min-width:200px;flex:0 1 260px}
.ntp-chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 4px 0 9px;border:1px solid var(--line-2,#c9ced6);border-radius:13px;background:var(--sheet-2,#f7f8fa);font-size:12.5px}
.ntp-chip-x{width:20px;height:20px;padding:0;border:0;border-radius:10px;background:none;color:var(--mute,#6b7280);font-size:15px;line-height:1;cursor:pointer}
.ntp-chip-x:hover{background:var(--sunk,#eceff2);color:var(--ink,#111)}
.ntp-chips{display:flex;flex-wrap:wrap;gap:6px}
.ntp-tog{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line-2,#c9ced6);border-radius:var(--r-1,4px);background:var(--sheet,#fff);color:var(--ink-2,#374151);font:inherit;font-size:12.5px;cursor:pointer}
.ntp-tog .n{font-size:11px;color:var(--mute,#6b7280)}
.ntp-tog.on{border-color:var(--petrol,#0e5f6c);background:var(--petrol-tint,#e2eff0);color:var(--petrol,#0e5f6c);font-weight:600}
.ntp-seg{display:inline-flex;align-self:flex-start;max-width:100%;flex-wrap:wrap;border:1px solid var(--line-2,#c9ced6);border-radius:var(--r-2,6px);overflow:hidden}
.ntp-segb{height:32px;padding:0 12px;border:0;border-right:1px solid var(--line-2,#c9ced6);background:var(--sheet,#fff);color:var(--ink-2,#374151);font:inherit;font-size:12.5px;cursor:pointer}
.ntp-segb:last-child{border-right:0}
.ntp-segb.on{background:var(--ink,#111);color:var(--sheet,#fff);font-weight:600}
.ntp-share{display:flex;flex-direction:column;gap:6px}
.ntp-share-k{padding:8px 10px;border:1px dashed var(--line-2,#c9ced6);border-radius:var(--r-2,6px)}
.ntp-ev{margin-top:6px;padding-top:4px;border-top:1px solid var(--line,#d0d4da)}
.ntp-ro{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px;padding:8px 10px;border:1px solid var(--line,#d0d4da);border-radius:var(--r-2,6px);background:var(--sheet-2,#f7f8fa);font-size:13px}

/* teendők panel */
.ntp-panel{margin-bottom:12px;border:1px solid var(--line,#d0d4da);border-radius:10px;overflow:visible;background:var(--sheet,#fff)}
.ntp-ph{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:0;border-radius:10px;background:var(--sheet-2,#f7f8fa);color:var(--ink,#111);font:inherit;text-align:left;cursor:pointer}
.ntp-panel.van .ntp-ph{background:var(--warn-tint,#fff4e5)}
.ntp-ph-t{font-weight:700;font-size:14px}
.ntp-badge{min-width:22px;height:20px;padding:0 7px;border-radius:10px;background:var(--signal,#e8590c);color:var(--on-signal,#fff);font-size:12px;font-weight:700;line-height:20px;text-align:center}
.ntp-ph-slip{font-size:12px;font-weight:600;color:var(--bad,#b42318)}
.ntp-ph-done{font-size:12px;color:var(--ok,#1a7f37)}
.ntp-ph-r{margin-left:auto;font-size:13px;color:var(--mute,#6b7280)}
.ntp-pb{padding:12px 14px;border-top:1px solid var(--line,#d0d4da)}
.ntp-new{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line,#d0d4da)}
.ntp-new .ntp-f{flex:1 1 150px}
.ntp-new .ntp-f.grow2{flex:2 1 220px}
.ntp-new .ntp-f.grow1{flex:1 1 180px}
.ntp-new .ntp-lab{margin-top:0}
.ntp-new.kompakt{margin:8px 0 0;padding:8px 0 0;border-bottom:0;border-top:1px dashed var(--line-2,#c9ced6)}
.ntp-addb{flex:0 0 auto}
.ntp-dd{position:absolute;top:100%;left:0;right:0;z-index:6;display:flex;flex-direction:column;margin-top:2px;max-height:180px;overflow-y:auto;border:1px solid var(--line-2,#c9ced6);border-radius:var(--r-2,6px);background:var(--sheet,#fff);box-shadow:var(--shadow-pop,0 4px 12px rgba(0,0,0,.1))}
.ntp-dd button{padding:7px 10px;border:0;border-bottom:1px solid var(--line,#e5e7eb);background:none;color:var(--ink,#111);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.ntp-dd button:hover{background:var(--sunk,#f1f3f5)}
.ntp-list{display:flex;flex-direction:column;gap:6px}
.ntp-tk{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--line,#d0d4da);border-radius:8px;background:var(--sheet,#fff)}
.ntp-tk.slip{border-color:color-mix(in srgb,var(--bad,#b42318) 35%,var(--line,#d0d4da));background:var(--bad-tint,#fdecea)}
.ntp-tk.done{background:var(--sheet-2,#f7f8fa)}
.ntp-tk.done .ntp-tk-t{text-decoration:line-through;color:var(--mute,#6b7280)}
.ntp-tk.kompakt{padding:6px 8px}
.ntp-tk-cb{width:18px;height:18px;margin-top:1px;flex:none;cursor:pointer;accent-color:var(--petrol,#0e5f6c)}
.ntp-tk-b{flex:1 1 auto;min-width:0}
.ntp-tk-t{font-size:14px;font-weight:500;overflow-wrap:anywhere}
.ntp-tk-m{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:2px;font-size:12px;color:var(--mute,#6b7280)}
.ntp-tk-m .bad{color:var(--bad,#b42318);font-weight:700}
.ntp-tk-m .ok{color:var(--ok,#1a7f37);font-weight:600}
.ntp-tk-m .who{color:var(--petrol,#0e5f6c);font-weight:600}
.ntp-tk-d{margin-top:3px;font-size:12.5px;color:var(--ink-2,#374151);white-space:pre-wrap}
.ntp-tk-dn{display:flex;align-items:flex-start;gap:5px;margin-top:4px;padding:4px 8px;border-left:3px solid var(--ok,#1a7f37);background:var(--ok-tint,#e7f5ec);font-size:12.5px;white-space:pre-wrap}
.ntp-kesz{margin-top:12px}
.ntp-kesz>.rz-link{margin-bottom:6px}
.ntp-nap{margin:4px 0 12px;padding:10px 0 4px;border-top:1px solid var(--line,#d0d4da)}
.ntp-nap>.ntp-lab{margin-top:0}

/* naptárcellák: teendő és szabadság jelzése */
.ntp-cell-tk{margin-top:3px;font-size:11px;padding:1px 4px;border-radius:4px;background:var(--warn-tint,#fff4e5);border-left:3px solid var(--signal,#e8590c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ntp-cell-tk.done{background:var(--ok-tint,#e7f5ec);border-left-color:var(--ok,#1a7f37);color:var(--mute,#6b7280);text-decoration:line-through}

/* megosztás ablak */
.ntp-tabs{display:flex;gap:4px;margin:6px 0 10px;border-bottom:1px solid var(--line,#d0d4da)}
.ntp-tab{height:34px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--ink-2,#374151);font:inherit;font-size:13px;cursor:pointer}
.ntp-tab.on{border-bottom-color:var(--petrol,#0e5f6c);color:var(--petrol,#0e5f6c);font-weight:600}
.ntp-cs-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.ntp-cs{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line,#d0d4da);border-radius:8px}
.ntp-cs-b{flex:1 1 auto;min-width:0}
.ntp-cs-n{font-weight:600}
.ntp-cs-ed{display:flex;flex-direction:column}
.ntp-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;margin:8px 0}
.ntp-check{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line,#d0d4da);border-radius:var(--r-2,6px);font-size:13px;cursor:pointer}
.ntp-check.on{border-color:var(--petrol,#0e5f6c);background:var(--petrol-tint,#e2eff0)}
.ntp-check input{accent-color:var(--petrol,#0e5f6c)}

/* napi jelentés (a havi nézet alatt) */
.ntp-jel{margin-top:18px;padding-top:14px;border-top:2px solid var(--ink,#111)}
.ntp-jel-h{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:8px}
.ntp-jel-h .ntp-in{width:auto;min-width:200px}
.ntp-jel-t{font-size:15px;font-weight:700}
.ntp-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:10px;font-size:12px}
.ntp-lg{display:inline-flex;align-items:center;gap:5px}
.ntp-lg::before{content:"";width:12px;height:12px;border-radius:3px}
.ntp-lg.kieg::before{background:var(--petrol-tint,#e2eff0);border:2px solid var(--petrol,#0e5f6c)}
.ntp-lg.megj::before{background:var(--sheet-2,#f7f8fa);border:2px solid var(--line-2,#c9ced6)}
.ntp-ed{display:inline-block;padding:0 6px;border:1px solid var(--line-2,#c9ced6);border-radius:9px;font-size:10.5px;line-height:16px;color:var(--mute,#6b7280);font-style:italic}
.ntp-tag{display:inline-block;padding:0 7px;border-radius:9px;background:var(--petrol,#0e5f6c);color:var(--on-petrol,#fff);font-size:11px;font-weight:600;line-height:18px}
.ntp-jn{padding:10px 0;border-bottom:1px solid var(--line,#d0d4da)}
.ntp-jn.ma{background:color-mix(in srgb,var(--petrol-tint,#e2eff0) 55%,transparent);margin:0 -8px;padding:10px 8px;border-radius:6px}
.ntp-jn-h{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.ntp-jn-d{display:inline-block;font-weight:700;font-size:13.5px}
.ntp-jn-d::first-letter{text-transform:uppercase}
.ntp-jl{margin:2px 0 4px;padding:0;list-style:none}
.ntp-jl li{display:flex;align-items:baseline;gap:8px;padding:2px 0;font-size:13px}
.ntp-jl .ic{flex:none;width:18px;text-align:center}
.ntp-jl .tx{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.ntp-jl .nt{color:var(--mute,#6b7280)}
.ntp-jl .dn{color:var(--ok,#1a7f37)}
.ntp-jl .st{flex:none;font-size:11px;color:var(--mute,#6b7280)}
.ntp-jl-t.done .tx{color:var(--ink-2,#374151)}
.ntp-bjl{display:flex;flex-direction:column;gap:6px;margin:6px 0}
.ntp-bj{padding:7px 10px;border-radius:6px;border-left:4px solid var(--line-2,#c9ced6);background:var(--sheet-2,#f7f8fa)}
.ntp-bj.kieg{border-left-color:var(--petrol,#0e5f6c);background:var(--petrol-tint,#e2eff0)}
.ntp-bj-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:11.5px}
.ntp-bj-a{font-weight:700;color:var(--ink-2,#374151)}
.ntp-bj.kieg .ntp-bj-a{color:var(--petrol,#0e5f6c)}
.ntp-bj-act{display:inline-flex;gap:10px;margin-left:auto}
.ntp-bj-t{margin-top:3px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.ntp-bj-ed{margin-top:6px}
.ntp-jn-new{display:flex;align-items:flex-start;gap:8px;margin-top:6px}
.ntp-jn-new .ntp-in{flex:1 1 auto}
.ntp-jel-mas{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.ntp-jel-mas .ntp-lab{margin:0}
.ntp-jel-mas .ntp-in[type="date"]{width:auto}
.ntp-jel-mas .ntp-jn{flex-basis:100%}

@media (max-width:700px){
  .ntp-grid2{grid-template-columns:minmax(0,1fr)}
  .ntp-new .ntp-f,.ntp-new .ntp-f.grow1,.ntp-new .ntp-f.grow2{flex:1 1 100%}
  .ntp-kv-add{flex:1 1 100%}
  .ntp-jel-h .ntp-in{min-width:0;width:100%}
  .ntp-ov{padding:12px 8px}
}
@media print{.ntp-ov,.ntp-jn-new,.ntp-jel-mas,.ntp-bj-act{display:none!important}}
/* ---- R4c (Claude, 2026-10-06): Főoldali partnertérkép ---- */
.rz-home-sheet.rz-home-wide{max-width:1480px}
.rz-hm{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.rz-hm-map{flex:999 1 860px;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.rz-hm-side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:14px}
.rz-hm-head{gap:10px 16px}
.rz-hm-kicker{font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.16em;color:var(--mute);text-transform:uppercase}
.rz-hm-h1{font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.rz-hm-h2{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.rz-hm-chips{display:flex;flex-wrap:wrap;gap:6px}
.rz-hm-chips .rz-chip{height:34px;padding:0 12px;border-radius:17px}
.rz-hm-chips .rz-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--sheet)}
.rz-hm-zoom{width:34px;padding:0;font-size:17px}
.rz-hm-stage{position:relative;width:100%;aspect-ratio:1000 / 640;overflow:hidden;background:var(--sheet);container-type:inline-size}
.rz-hm-svg{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;user-select:none;-webkit-user-select:none}
.rz-hm-svg:active{cursor:grabbing}
.rz-hm-hatar path{fill:none;stroke:var(--ink-2);stroke-width:3.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.rz-hm-megyek path{fill:var(--sheet);stroke:var(--line-2);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .12s}
.rz-hm-megyek path:hover,.rz-hm-megyek path.hover{fill:var(--sunk)}
.rz-hm-megyek path.on{fill:var(--signal-tint)}
.rz-hm-kiemel{fill:none;stroke:var(--signal);stroke-width:2.4;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}
.rz-hm-varos rect{fill:var(--ink);pointer-events:none}
.rz-hm-p{cursor:pointer}
.rz-hm-p .pp{vector-effect:non-scaling-stroke}
.rz-hm-p .pp.f{fill:var(--petrol);stroke:var(--sheet);stroke-width:.8}
.rz-hm-p .pp.r{fill:var(--sheet);stroke:var(--petrol);stroke-width:1.5}
.rz-hm-p .pp.r.t{stroke-width:1.3;stroke-dasharray:2 1.4}
.rz-hm-p .hit{fill:transparent;stroke:none;pointer-events:all}
.rz-hm-p:hover .pp,.rz-hm-p.on .pp{stroke:var(--signal)}
.rz-hm-p.on .pp.f,.rz-hm-p:hover .pp.f{fill:var(--signal)}
.rz-hm-gyuru{fill:none;stroke:var(--signal);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
.rz-hm-labels{position:absolute;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}
.rz-hm-vlbl{position:absolute;transform:translate(6px,-50%);font-family:var(--f-mono);font-size:10.5px;font-size:clamp(9px,1cqw,10.5px);color:var(--ink);white-space:nowrap;text-shadow:0 0 2px var(--sheet),0 0 2px var(--sheet),0 0 3px var(--sheet)}
/* R4c.1 (Dávid): a megyenév csak felirat, nem gomb – a megye része: nincs doboz, keret vagy lenyomott állapot; a rámutatás a megyét emeli ki */
.rz-hm-mcimke{font-family:var(--f-sans);font-weight:400;letter-spacing:.12em;fill:var(--mute);stroke:var(--sheet);stroke-linejoin:round;paint-order:stroke fill;text-anchor:middle;dominant-baseline:central;cursor:pointer;user-select:none;-webkit-user-select:none}
.rz-hm-mcimke .db{font-family:var(--f-mono);font-weight:500;letter-spacing:0;fill:var(--ink-2)}
.rz-hm-mcimke.hover:not(.kint){stroke:var(--sunk)}
.rz-hm-mcimke.on{fill:var(--ink)}
.rz-hm-mcimke.on:not(.kint){stroke:var(--signal-tint)}
.rz-hm-mcimke.on .db{fill:var(--ink)}
.rz-hm-uzenet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80%;padding:10px 14px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--sheet);font-size:13px;color:var(--ink-2);text-align:center}
.rz-hm-stamp{position:absolute;left:12px;bottom:10px;padding:3px 8px;border:1px dashed var(--line-2);border-radius:3px;background:var(--sheet);font-family:var(--f-mono);font-size:10.5px;color:var(--mute);pointer-events:none}
.rz-hm-legend{gap:8px 18px}
.rz-hm-leg{display:inline-flex;align-items:center;gap:7px;font-size:12.5px}
.rz-hm-jel{color:var(--petrol);flex:none}
.rz-hm-hint{margin-left:auto;font-size:12px;color:var(--mute)}
.rz-hm-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.rz-hm-kpis>div{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-bottom:1px solid var(--line)}
.rz-hm-kpis>div:nth-child(odd){border-right:1px solid var(--line)}
.rz-hm-kpis .v{font-family:var(--f-mono);font-size:24px;font-weight:500;line-height:1.15}
.rz-hm-kpis .d{font-size:12px;color:var(--mute)}
.rz-hm-tipp{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--ink-2)}
.rz-hm-tipp svg{flex:none;margin-top:1px;color:var(--signal)}
.rz-hm-megyelista{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto}
.rz-hm-megyelista button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:0 16px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);font-size:13px;text-align:left;cursor:pointer}
.rz-hm-megyelista li:first-child button{border-top:0}
.rz-hm-megyelista button:hover{background:var(--sheet-2)}
.rz-hm-megyelista b{font-family:var(--f-mono);font-weight:500}
.rz-hm-ph{align-items:flex-start!important}
.rz-hm-ossz{font-family:var(--f-mono);font-size:11.5px;line-height:1.5;color:var(--mute)}
.rz-hm-lista{list-style:none;margin:0;padding:0;max-height:470px;overflow-y:auto;border-top:1px solid var(--line)}
.rz-hm-lista li{border-bottom:1px solid var(--line)}
.rz-hm-sor{width:100%;display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 16px;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.rz-hm-sor:hover{background:var(--sheet-2)}
.rz-hm-sor[aria-expanded="true"]{background:var(--petrol-tint)}
.rz-hm-sor b{font-size:13.5px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.rz-hm-al{font-family:var(--f-mono);font-size:11px;color:var(--mute)}
.rz-hm-nap{flex:none;font-family:var(--f-mono);font-size:11.5px;color:var(--ink-2)}
.rz-hm-nap.regi{color:var(--signal-ink)}
.rz-hm-reszlet{display:flex;flex-direction:column;gap:8px;padding:2px 16px 12px 40px;background:var(--petrol-tint);font-size:12.5px;color:var(--ink-2)}
.rz-hm-pnev{font-size:15px;line-height:1.3}
.rz-hm-adat{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12.5px}
.rz-hm-adat span{color:var(--mute)}
.rz-hm-adat b{font-family:var(--f-mono);font-weight:500}
.rz-hm-sor:focus-visible,.rz-hm-megyelista button:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}
@media (max-width:760px){.rz-hm-mcimkek,.rz-hm-vlbl{display:none}.rz-hm-hint{margin-left:0}.rz-hm-h1{font-size:18px}}
/* ---- R4c.2 (Claude, 2026-10-06): a menükategóriák (A–D) saját színe – Dávid: „fehéren nagyon összefolyik, sötétben is” ----
   A szín csak kiegészítés: a betűjel és a csoport neve mindig ott van. Ellenőrizve (dataviz-validátor, OKLab):
   világosban a 4 szín egymástól ΔE ≥ 15,5 (normál látás), szövegként ≥ 5,3:1 a fehér menün; sötétben ΔE ≥ 16,9, ≥ 6,9:1. */
.app-ui[data-theme^="rajz"],html[data-rz-theme^="rajz"]{
 --kat-a:#0D6ABB;--kat-a-tint:#E7F0F8;--kat-b:#1D7A52;--kat-b-tint:#E8F2EE;
 --kat-c:#925B0C;--kat-c-tint:#F4EFE7;--kat-d:#8E2B6B;--kat-d-tint:#F4EAF0;--kat-on:#FFFFFF}
.app-ui[data-theme="rajz-ejjel"],html[data-rz-theme="rajz-ejjel"]{
 --kat-a:#6FA6EC;--kat-a-tint:#243040;--kat-b:#4CC38E;--kat-b-tint:#1F3531;
 --kat-c:#D9A050;--kat-c-tint:#352F27;--kat-d:#E08AC0;--kat-d-tint:#362C39;--kat-on:#101316}
[data-kat="A"]{--kat:var(--kat-a);--kat-tint:var(--kat-a-tint)}
[data-kat="B"]{--kat:var(--kat-b);--kat-tint:var(--kat-b-tint)}
[data-kat="C"]{--kat:var(--kat-c);--kat-tint:var(--kat-c-tint)}
[data-kat="D"]{--kat:var(--kat-d);--kat-tint:var(--kat-d-tint)}
/* oldalmenü: a csoport feje, a betűjel és az ikonok a kategória színében; a kijelölt menüpont a kategória halvány hátterén */
.app-ui .rz-nav[data-kat] .rz-nav-head{color:var(--kat)}
.app-ui .rz-nav[data-kat] .rz-nav-head:hover{color:var(--kat);background:var(--kat-tint)}
.app-ui .rz-nav[data-kat] .rz-nav-head b{border-color:var(--kat);background:var(--kat);color:var(--kat-on)}
.app-ui .rz-nav[data-kat] .rz-nav-a svg{color:var(--kat)}
.app-ui .rz-nav[data-kat] .rz-nav-a.on{background:var(--kat-tint);color:var(--kat)}
/* oldalfejléc és gyorskereső */
.rz-crumb .rz-crumb-kat[data-kat]{color:var(--kat)}
.rz-pal-it .lbl[data-kat]{color:var(--kat)}
/* Főoldal → Modulok: a csoportfej és a modulikonok a kategória színében */
.rz-home-group[data-kat] .rz-home-ghead{color:var(--kat)}
.rz-home-group[data-kat] .rz-home-ghead b{border-color:var(--kat);background:var(--kat);color:var(--kat-on)}
.rz-home-group[data-kat] .rz-home-tile .ic{color:var(--kat);background:var(--kat-tint);border-color:color-mix(in srgb,var(--kat) 32%,var(--line-2))}
.rz-home-group[data-kat] .rz-home-tile:hover{background:var(--kat-tint)}
.rz-home-group[data-kat] .rz-home-tile:hover .go{color:var(--kat)}
.rz-home-group[data-kat] .rz-home-tile.off .ic{color:var(--mute);background:var(--sheet-2);border-color:var(--line-2)}
.rz-home-group[data-kat] .rz-home-tile.off:hover{background:none}
/* R4d (Claude, 2026-10-07) – településcsoport a főoldali térképen; a partnertörzs térképes helye */
.rz-hm-cs .cs{fill:var(--petrol);stroke:var(--sheet);stroke-width:1.2;vector-effect:non-scaling-stroke}
.rz-hm-cs .csn{fill:var(--on-petrol);font-weight:700;text-anchor:middle;pointer-events:none;font-family:inherit;font-variant-numeric:tabular-nums}
.rz-hm-cs:hover .cs,.rz-hm-cs.on .cs{fill:var(--signal)}
.rz-hm-cs:hover .csn,.rz-hm-cs.on .csn{fill:#fff}

.rz-ptk{border-top:1px solid var(--line);padding-top:14px;margin-bottom:16px}
.rz-ptk-h{font-weight:600;margin-bottom:10px;color:var(--petrol)}
.rz-ptk-sor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}
.rz-ptk-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--line-2);font-size:12px;line-height:1.4}
.rz-ptk-tag.on{border-color:color-mix(in srgb,var(--petrol) 45%,transparent);background:var(--petrol-tint);color:var(--petrol)}
.rz-ptk-tag.nincs{border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:var(--warn-tint);color:var(--warn);font-weight:600}
.rz-ptk-al{color:var(--mute);font-size:12px}
.rz-ptk-urlap{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.rz-ptk-urlap input{flex:1 1 280px;min-width:0;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--sheet);color:var(--ink);font:inherit;font-size:13px}
.rz-ptk-urlap input:focus{outline:2px solid color-mix(in srgb,var(--petrol) 55%,transparent);outline-offset:1px}
.rz-ptk-uzenet{font-size:12px;margin-top:6px}
.rz-ptk-uzenet.ok{color:var(--ok)}
.rz-ptk-uzenet.hiba{color:var(--signal-ink)}
.rz-ptk-jel{display:inline-flex;vertical-align:middle;margin-left:6px;color:var(--petrol)}
.rz-ptk-jel.cim{color:var(--warn)}
/* R4e (Claude, 2026-10-07) – piackutatási réteg a főoldali térképen és a partnertörzsben; a szín a D kategória színe (világos/sötét, validált) */
.rz-hm,.rz-ptk,.rz-ptk-jel{--pk:var(--kat-d,#8E2B6B);--pk-tint:var(--kat-d-tint,#F4EAF0)}
.rz-hm-p .pp.pk{fill:var(--pk);stroke:var(--sheet);stroke-width:1;stroke-linejoin:round}
.rz-hm-p .pp.pk.e{fill:var(--sheet);stroke:var(--pk);stroke-width:1.6;stroke-dasharray:2.4 1.6}
.rz-hm-p.rz-hm-pk:hover .pp.pk,.rz-hm-p.rz-hm-pk.on .pp.pk{stroke:var(--signal)}
.rz-hm-p.rz-hm-pk:hover .pp.pk:not(.e),.rz-hm-p.rz-hm-pk.on .pp.pk:not(.e){fill:var(--signal)}
.rz-hm-cs.pk .cs{fill:var(--pk)}
.rz-hm-cs.pk .csn{fill:var(--kat-on,#fff)}
.rz-hm-jel.pk{color:var(--pk)}
.rz-hm-pkchip{display:inline-flex;align-items:center;gap:6px}
.rz-hm-pkchip[aria-pressed="true"]{border-color:var(--pk);color:var(--pk);background:var(--pk-tint)}
.rz-hm-pktag{color:var(--pk);border-color:color-mix(in srgb,var(--pk) 40%,transparent);background:var(--pk-tint)}
.rz-hm-kpis>div.pk .v{color:var(--pk)}
.rz-ptk-pk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12.5px}
.rz-ptk-pk .rz-ptk-tag{border-color:color-mix(in srgb,var(--pk) 45%,transparent);background:var(--pk-tint);color:var(--pk);font-weight:600}
.rz-ptk-jel.pk{color:var(--pk)}
/* ===================================================================================================
   M3 – mobil és tablet: Terület-dob (Claude, 2026-10-08). Dávid jóváhagyta a prototípust: „mehet fel a tükörbe és az élesbe”.
   Hatókör: .m3 (a mobil keret gyökere, egyben .app-ui[data-theme="rajz"|"rajz-ejjel"]). Az asztali nézet ebből semmit nem kap.
   A meglévő mobil képernyők (Mob*) és a beágyazott asztali modulok a --c-* tokeneket és a rajz-réteget használják.
   =================================================================================================== */
html:has(.m3),body:has(.m3){background:var(--m3-paper,#F5F5F2)}
body:has(.m3){overscroll-behavior-y:none}
body:has(.m3) .tc-l01-bar{display:none}
.m3{--m3-paper:#F5F5F2;
 --paper:#F5F5F2;--sheet:#FFFFFF;--sheet-2:#FAFAF8;--sunk:#EEEEEA;--ink:#1A1E23;--ink-2:#39414B;--mute:#5E6772;--faint:#8A919A;--line:#DCDFE3;--line-2:#C5CAD0;--grid:rgba(26,30,35,.045);
 --signal:#C8450B;--signal-ink:#B23E0A;--signal-tint:#FBEADF;--on-signal:#FFFFFF;--petrol:#0E5F6C;--petrol-tint:#E2EFF0;--on-petrol:#FFFFFF;
 --ok:#1D7A46;--ok-tint:#E5F3EA;--warn:#8F5600;--warn-tint:#FDF1D8;--bad:#B3261E;--bad-tint:#FBE9E7;--s1:#2672B8;--s2:#D9682E;
 --band:#E2EFF0;--shade:rgba(16,19,22,.14);--scrim:rgba(16,19,22,.42);--now-ink:#FF8A55;
 --f-sans:'TC Plex Sans','IBM Plex Sans',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
 --f-cond:'TC Plex Condensed','TC Plex Sans',ui-sans-serif,'Arial Narrow',sans-serif;
 --f-mono:'TC Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;
 --m3-bot:78px;--m3-safe-b:env(safe-area-inset-bottom,0px);--m3-safe-t:env(safe-area-inset-top,0px);
 position:relative;min-height:100vh;min-height:100dvh;box-sizing:border-box;color:var(--ink);
 background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:16px 16px;
 font-family:var(--f-sans);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-anchor:none;
 padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.m3[data-theme="rajz-ejjel"]{--m3-paper:#101316;
 --paper:#101316;--sheet:#161A1F;--sheet-2:#1B2026;--sunk:#0C0F12;--ink:#E7E9EC;--ink-2:#C3C8CF;--mute:#98A1AC;--faint:#6F7883;--line:#2A3139;--line-2:#36404A;--grid:rgba(231,233,236,.035);
 --signal:#FF7A3D;--signal-ink:#FF8A55;--signal-tint:rgba(255,122,61,.14);--on-signal:#101316;--petrol:#5CC3CF;--petrol-tint:rgba(92,195,207,.13);--on-petrol:#0B181B;
 --ok:#4CC38A;--ok-tint:rgba(76,195,138,.13);--warn:#F0B34A;--warn-tint:rgba(240,179,74,.13);--bad:#FF6B5E;--bad-tint:rgba(255,107,94,.13);--s1:#3987E5;--s2:#D95926;
 --band:#18292D;--shade:rgba(0,0,0,.5);--scrim:rgba(0,0,0,.58)}
html:has(.m3[data-theme="rajz-ejjel"]),body:has(.m3[data-theme="rajz-ejjel"]){background:#101316;color-scheme:dark}
.m3 *,.m3 *::before,.m3 *::after{box-sizing:border-box}
:where(.m3 .m3-x button,.m3 button.m3-x){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left;-webkit-appearance:none;appearance:none}
:where(.m3 .m3-x button:disabled,.m3 button.m3-x:disabled){opacity:.45;cursor:default}
:where(.m3 .m3-x a){color:inherit;text-decoration:none}
:where(.m3 .m3-x input,.m3 .m3-x textarea){font:inherit;color:inherit}
.m3 .m3-x :focus-visible,.m3 .m3-x:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}
.m3 .m3-ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.m3 .m3-ic.s{width:18px;height:18px}
.m3 .m3-ic.xs{width:14px;height:14px;stroke-width:2}
.m3 .mono{font-family:var(--f-mono)}
.m3-sp{flex:1}
.m3-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}

/* ---------- elrendezés: telefon (dokumentum-görgetés) és tablet (két panel) ---------- */
.m3.phone{display:block;padding-bottom:calc(var(--m3-bot) + var(--m3-safe-b) + 18px)}
.m3.tablet{display:flex;align-items:flex-start}
.m3-nav{position:relative;z-index:25}
.m3.phone .m3-nav{position:sticky;top:0;background:var(--paper);padding-top:var(--m3-safe-t)}
.m3.phone .m3-nav::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;pointer-events:none;background:linear-gradient(var(--paper),transparent)}
.m3.tablet .m3-nav{position:sticky;top:0;flex:none;width:340px;height:100vh;height:100dvh;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--paper);padding-top:var(--m3-safe-t)}
.m3-main{position:relative;min-width:0}
.m3.tablet .m3-main{flex:1;min-height:100vh;min-height:100dvh;padding-bottom:28px}
.m3-page{min-height:40vh}
.m3-page.an-a{animation:m3-in-a .28s cubic-bezier(.2,.9,.24,1) both}
.m3-page.an-b{animation:m3-in-b .28s cubic-bezier(.2,.9,.24,1) both}
.m3-page.back.an-a{animation-name:m3-bk-a}.m3-page.back.an-b{animation-name:m3-bk-b}
.m3-page.area.an-a{animation-name:m3-rs-a}.m3-page.area.an-b{animation-name:m3-rs-b}
@keyframes m3-in-a{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes m3-in-b{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes m3-bk-a{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@keyframes m3-bk-b{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@keyframes m3-rs-a{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes m3-rs-b{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes m3-up{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes m3-up2{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes m3-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.m3 *{animation:none!important;transition:none!important}}

/* ---------- felső sáv ---------- */
.m3-top{height:52px;flex:none;display:flex;align-items:center;gap:8px;padding:0 8px 0 14px;background:var(--sheet);border-bottom:1px solid var(--line)}
.m3-logo{width:28px;height:28px;flex:none}
.m3-logo .cl{fill:none;stroke:var(--signal);stroke-width:.9;stroke-dasharray:4 1.4 1 1.4}
.m3-logo .ol{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.m3-logo .ol.thin{stroke-width:1.6}
.m3-word{display:flex;flex-direction:column;min-width:0;font-family:var(--f-cond);font-weight:700;font-size:15px;letter-spacing:.16em;line-height:1.1;text-transform:uppercase}
.m3-word span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-word small{font-family:var(--f-mono);font-weight:500;font-size:10px;letter-spacing:.04em;color:var(--mute);text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-ib{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:10px;position:relative;color:var(--ink-2)}
.m3-ib:active{background:var(--sunk)}
.m3-ib .bd{position:absolute;top:6px;right:5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--signal);color:var(--on-signal);font-family:var(--f-mono);font-size:10.5px;font-weight:600;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--sheet)}
.m3-av{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--petrol);color:var(--on-petrol);font-family:var(--f-cond);font-weight:700;font-size:13px;letter-spacing:.04em;text-align:center;margin:0 4px}
.m3-av.lg{width:52px;height:52px;font-size:18px;margin:0}
.m3-off{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--warn-tint);color:var(--ink);font-size:12.5px;border-bottom:1px solid var(--line)}

/* ---------- Terület-dob ---------- */
.m3-drumblk{margin:10px 12px 4px;background:var(--sheet);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px -18px var(--shade);overflow:hidden;transition:margin .25s ease}
.m3-drumblk.col{margin:6px 12px 2px}
.m3-dhd{height:34px;display:flex;align-items:center;gap:8px;padding:0 4px 0 12px;font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--line);overflow:hidden;transition:height .25s ease,opacity .2s ease,border-color .25s ease}
.m3-dhd .pos{font-family:var(--f-mono);font-weight:500;letter-spacing:.04em;color:var(--faint)}
.m3-dhd .stp{width:40px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--ink-2)}
.m3-dhd .stp:active{background:var(--sunk)}
.m3-drumblk.col .m3-dhd{height:0;opacity:0;border-bottom-color:transparent;pointer-events:none}
.m3-drum{position:relative;height:160px;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;transition:height .25s ease;outline-offset:-2px}
.m3-drum:active{cursor:grabbing}
.m3-drumblk.col .m3-drum{height:48px}
.m3-dlist{position:absolute;left:0;right:0;top:calc(50% - 20px);transition:transform .46s cubic-bezier(.2,.9,.24,1),top .25s ease;will-change:transform}
.m3-drow{height:40px;display:flex;align-items:center;gap:10px;padding:0 34px 0 0;white-space:nowrap}
.m3-drow .tk{position:relative;width:20px;align-self:stretch;flex:none;background:linear-gradient(to bottom,var(--line-2) 0 1px,transparent 1px) right 2px top 4px/6px 10px repeat-y}
.m3-drow .tk::after{content:"";position:absolute;right:0;top:19px;width:12px;height:1.5px;background:var(--faint)}
.m3-drow .cd{width:24px;flex:none;font-family:var(--f-mono);font-size:11px;font-weight:500;color:var(--faint);letter-spacing:.04em}
.m3-drow .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--f-cond);font-size:15px;font-weight:500;color:var(--ink-2)}
.m3-drow .ct{min-width:22px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;font-family:var(--f-mono);font-size:11px;color:var(--mute)}
.m3-drum .fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--sheet) 0%,transparent 36%,transparent 64%,var(--sheet) 100%)}
.m3-dband{position:absolute;left:0;right:0;top:calc(50% - 20px);height:40px;overflow:hidden;pointer-events:none;background:var(--band);transition:top .25s ease}
.m3-dband::before,.m3-dband::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:var(--petrol);z-index:1}
.m3-dband::before{top:0}.m3-dband::after{bottom:0}
.m3-dband .m3-dlist{top:0}
.m3-dband .m3-drow .cd{color:var(--petrol);font-weight:600}
.m3-dband .m3-drow .nm{font-size:17px;font-weight:600;color:var(--ink)}
.m3-dband .m3-drow .tk::after{background:var(--petrol);width:16px;height:2px}
.m3-dband .m3-drow .ct.hot{background:var(--signal);color:var(--on-signal);font-weight:600}
.m3-drow .ct.hot{color:var(--signal-ink);font-weight:600}
.m3-drum .ixl,.m3-drum .ixr{position:absolute;top:calc(50% - 7px);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;pointer-events:none;transition:top .25s ease}
.m3-drum .ixl{left:0;border-left:8px solid var(--petrol)}
.m3-drum .ixr{right:0;border-right:8px solid var(--petrol)}
.m3-drum .shd{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 14px 16px -14px var(--shade),inset 0 -14px 16px -14px var(--shade)}

/* ---------- képernyőfejléc ---------- */
.m3-hd{position:sticky;top:0;z-index:20;height:calc(56px + var(--m3-safe-t));padding-top:var(--m3-safe-t);flex:none;display:flex;align-items:center;gap:2px;padding-left:4px;padding-right:6px;background:var(--sheet);border-bottom:1px solid var(--line)}
.m3.tablet .m3-hd{padding-top:var(--m3-safe-t)}
.m3-hdt{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding-left:6px}
.m3-hdt .k{font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-hdt .t{font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Ma ---------- */
.m3-dayline{display:flex;align-items:center;gap:8px;margin:14px 16px 0;font-size:12px;color:var(--mute)}
.m3-dayline>.mono{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m3-role{margin-left:auto;font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--petrol);border:1px solid currentColor;border-radius:4px;padding:1px 6px;white-space:nowrap}
.m3-now{margin:10px 16px 0;background:var(--ink);color:var(--paper);border-radius:14px;padding:14px 14px 12px;position:relative;overflow:hidden}
.m3[data-theme="rajz-ejjel"] .m3-now{background:var(--sheet-2);color:var(--ink);border:1px solid var(--line-2)}
.m3-now::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:16px 16px}
.m3-now-k{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.m3-now-k .in{font-family:var(--f-mono);letter-spacing:.02em;text-transform:none;color:var(--now-ink)}
.m3-now-b{display:flex;gap:14px;align-items:flex-start;margin-top:8px;position:relative;z-index:1}
.m3-now-b .tm{font-family:var(--f-mono);font-size:30px;font-weight:500;line-height:1;letter-spacing:-.02em;flex:none}
.m3-now-b .tx{display:flex;flex-direction:column;min-width:0}
.m3-now-b .tt{font-size:17px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.m3-now-b .ts{font-size:13px;opacity:.78;margin-top:2px}
.m3-now-a{display:flex;gap:8px;margin-top:12px;position:relative;z-index:1}
.m3-now-a .m3-btn{flex:0 0 auto;padding:0 11px;gap:6px}
.m3-now-a .m3-btn:nth-child(2){flex:0 1 auto;min-width:0}
.m3-now .m3-btn{background:rgba(255,255,255,.08);color:inherit;border-color:rgba(255,255,255,.2)}
.m3[data-theme="rajz-ejjel"] .m3-now .m3-btn{background:var(--sheet);border-color:var(--line-2)}
.m3 .m3-now .m3-btn.pri{background:var(--signal);border-color:var(--signal);color:#FFFFFF}
.m3[data-theme="rajz-ejjel"] .m3-now .m3-btn.pri{background:var(--signal);border-color:var(--signal);color:var(--on-signal)}
.m3-btn{height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid var(--line-2);background:var(--sheet);font-size:14px;font-weight:600;white-space:nowrap;flex:none;color:var(--ink)}
.m3-btn.pri{background:var(--signal);border-color:var(--signal);color:var(--on-signal)}
.m3-btn.pe{background:var(--petrol);border-color:var(--petrol);color:var(--on-petrol)}
.m3-btn.wide{flex:1}
.m3-btn.sm{height:36px;padding:0 12px;font-size:13px;border-radius:8px}
.m3-btn.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.m3-btn span{overflow:hidden;text-overflow:ellipsis}
.m3-sh{display:flex;align-items:center;gap:8px;margin:22px 16px 8px;min-height:22px;font-family:var(--f-cond);font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}
.m3-sh .n{font-family:var(--f-mono);font-weight:500;letter-spacing:0;color:var(--faint)}
.m3-sh .rule{flex:1;height:1px;background:var(--line)}
.m3-sh .act{font-family:var(--f-sans);text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--petrol);padding:8px 0 8px 4px}
.m3-card{margin:0 16px;background:var(--sheet);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.m3-empty{padding:16px 14px;font-size:13.5px;color:var(--mute)}
.m3-prog .m3-pr+.m3-pr,.m3-prog .m3-nowline+.m3-pr{border-top:1px solid var(--line)}
.m3-pr{width:100%;display:flex;align-items:stretch;gap:10px;padding:0 12px;min-height:62px}
.m3-pr .tm{width:46px;flex:none;padding-top:12px;font-family:var(--f-mono);font-size:14px;font-weight:600;display:flex;flex-direction:column}
.m3-pr .tm small{font-size:11px;font-weight:400;color:var(--faint)}
.m3-pr .ln{width:12px;flex:none;position:relative}
.m3-pr .ln::before{content:"";position:absolute;left:5px;top:0;bottom:0;width:1px;background:var(--line-2)}
.m3-pr .ln i{position:absolute;left:1px;top:16px;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--petrol);background:var(--sheet)}
.m3-pr.past{opacity:.55}
.m3-pr.past .ln i,.m3-pr.done .ln i{background:var(--petrol)}
.m3-pr.fail .ln i{border-color:var(--bad);background:var(--bad)}
.m3-pr.cur .ln i{border-color:var(--signal);background:var(--signal);box-shadow:0 0 0 4px var(--signal-tint)}
.m3-pr .tx{flex:1;min-width:0;padding:10px 0;display:flex;flex-direction:column}
.m3-pr .tt{font-weight:600;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.m3-pr .ts{font-size:13px;color:var(--mute)}
.m3-pr>.m3-ic{align-self:center;color:var(--faint)}
.m3-nowline{display:flex;align-items:center;gap:10px;height:20px;padding:0 12px}
.m3-nowline span{width:46px;flex:none;font-size:11px;font-weight:600;color:var(--signal-ink)}
.m3-nowline::after{content:"";flex:1;height:1.5px;background:var(--signal);border-radius:1px}
.m3-task{display:flex;align-items:center;gap:2px;padding:0 12px 0 4px;min-height:58px;border-top:1px solid var(--line)}
.m3-card>.m3-task:first-child{border-top:0}
.m3-task .cb{width:44px;height:44px;display:grid;place-items:center;flex:none}
.m3-task .bx{width:22px;height:22px;border:1.5px solid var(--line-2);border-radius:6px;display:grid;place-items:center;color:transparent;transition:background .15s,border-color .15s}
.m3-task.done .bx{background:var(--ok);border-color:var(--ok);color:#FFFFFF}
.m3-task .tx{flex:1;min-width:0;display:flex;flex-direction:column;padding:9px 0}
.m3-task .tt{font-weight:600;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.m3-task.done .tt{text-decoration:line-through;color:var(--faint)}
.m3-task .ts{font-size:13px;color:var(--mute)}
.m3-task .due{font-family:var(--f-mono);font-size:11.5px;color:var(--mute);white-space:nowrap;text-align:right}
.m3-task .due.bad{color:var(--bad);font-weight:600}
.m3-task .due.today{color:var(--petrol);font-weight:600}
.m3-al{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:62px;border-top:1px solid var(--line)}
.m3-card>.m3-al:first-child{border-top:0}
.m3-al .sv{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--sunk);color:var(--mute)}
.m3-al.bad .sv{background:var(--bad-tint);color:var(--bad)}
.m3-al.warn .sv{background:var(--warn-tint);color:var(--warn)}
.m3-al.info .sv{background:var(--petrol-tint);color:var(--petrol)}
.m3-al.sig .sv{background:var(--signal-tint);color:var(--signal-ink)}
.m3-al.ok .sv{background:var(--ok-tint);color:var(--ok)}
.m3-al .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.m3-al .tt{font-weight:600;font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.m3-al .ts{font-size:12.5px;color:var(--mute);line-height:1.35;overflow-wrap:anywhere}
.m3-al .ch{color:var(--faint)}
.m3-hs{display:flex;gap:10px;overflow-x:auto;padding:0 16px 4px;scroll-snap-type:x mandatory;scrollbar-width:none}
.m3-hs::-webkit-scrollbar{display:none}
.m3-dr{flex:none;width:232px;scroll-snap-align:start;background:var(--sheet);border:1px solid var(--line);border-radius:12px;padding:14px 12px 12px;display:flex;flex-direction:column;gap:2px;position:relative}
.m3-dr::before{content:"";position:absolute;left:12px;right:12px;top:6px;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 6px,transparent 6px 10px)}
.m3-dr .k{font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--warn)}
.m3-dr .tt{font-weight:600;font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m3-dr .ts{font-size:12.5px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m3-dr .am{font-family:var(--f-mono);font-size:16px;font-weight:600;margin-top:6px}
.m3-dr .go{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--petrol);margin-top:4px}
.m3-kpis{padding:4px 14px 12px}
.m3-dim{display:block;padding:12px 0 2px;border-top:1px dashed var(--line)}
.m3-kpis>.m3-dim:first-child{border-top:0}
.m3-dim-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.m3-dim-h .lbl{font-family:var(--f-cond);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.m3-dim-h .v{font-family:var(--f-mono);font-size:19px;font-weight:600;color:var(--ink);white-space:nowrap}
.m3-dl{position:relative;height:16px;margin-top:6px}
.m3-dl .e{position:absolute;top:0;width:1px;height:16px;background:var(--ink-2)}
.m3-dl .e.a{left:0}
.m3-dl .e.b{left:calc(var(--r) * 100%)}
.m3-dl .e.c{right:0;background:var(--line-2)}
.m3-dl .s{position:absolute;left:0;top:7px;height:1.5px;width:calc(var(--r) * 100%);background:var(--petrol)}
.m3-dl .s::before,.m3-dl .s::after{content:"";position:absolute;top:-4px;border-top:4.75px solid transparent;border-bottom:4.75px solid transparent}
.m3-dl .s::before{left:0;border-right:8px solid var(--petrol)}
.m3-dl .s::after{right:0;border-left:8px solid var(--petrol)}
.m3-dl .rest{position:absolute;top:7.5px;left:calc(var(--r) * 100%);right:0;border-top:1px dashed var(--line-2)}
.m3-dim-f{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--faint);margin-top:2px}
.m3-foot{display:flex;align-items:center;gap:8px;margin:18px 16px 0;font-size:12px;color:var(--faint)}
.m3-foot button{display:inline-flex;align-items:center;gap:6px;color:var(--petrol);font-weight:600;min-height:36px}

/* ---------- terület ---------- */
.m3-arh{display:flex;align-items:baseline;gap:10px;margin:14px 16px 0}
.m3-arh .cd{font-family:var(--f-mono);font-size:12px;font-weight:600;color:var(--petrol);border:1.5px solid var(--petrol);border-radius:4px;padding:0 5px}
.m3-arh .ds{font-size:13px;color:var(--mute)}
.m3-hot{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 2px;scrollbar-width:none}
.m3-hot::-webkit-scrollbar{display:none}
.m3-hotc{flex:none;height:40px;display:flex;align-items:center;gap:8px;padding:0 14px 0 6px;border-radius:20px;background:var(--sheet);border:1px solid var(--line-2);font-size:13.5px;font-weight:500;white-space:nowrap}
.m3-hotc b{font-family:var(--f-mono);font-size:12.5px;font-weight:600;min-width:28px;height:28px;border-radius:14px;display:grid;place-items:center;background:var(--sunk);padding:0 6px}
.m3-hotc.bad b{background:var(--bad-tint);color:var(--bad)}
.m3-hotc.warn b{background:var(--warn-tint);color:var(--warn)}
.m3-hotc.info b{background:var(--petrol-tint);color:var(--petrol)}
.m3-hotc.sig b{background:var(--signal-tint);color:var(--signal-ink)}
.m3-hotc.ok b{background:var(--ok-tint);color:var(--ok)}
.m3-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 16px}
.m3-tile{position:relative;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px;background:var(--sheet);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.m3-tile .ti{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--petrol-tint);color:var(--petrol);margin-bottom:6px}
.m3-tile .tn{font-weight:600;font-size:15px;line-height:1.2;overflow-wrap:anywhere;padding-right:22px}
.m3-tile .ts{font-size:12.5px;color:var(--mute);line-height:1.3}
.m3-tile .bd{position:absolute;top:10px;right:10px;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:var(--signal-tint);color:var(--signal-ink);font-family:var(--f-mono);font-size:12px;font-weight:600;display:grid;place-items:center}
.m3-tile.act{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.m3-tile.act .ti{background:var(--signal);color:#FFFFFF}
.m3-tile.act .ts{color:var(--paper);opacity:.72}
.m3[data-theme="rajz-ejjel"] .m3-tile.act{background:var(--sheet-2);color:var(--ink);border-color:var(--line-2)}
.m3[data-theme="rajz-ejjel"] .m3-tile.act .ts{color:var(--mute);opacity:1}
.m3-tile:active,.m3-r:active,.m3-al:active,.m3-tl2:active,.m3-lk:active,.m3-newb:active{filter:brightness(.97)}

/* ---------- listák, részletek ---------- */
.m3-search{display:flex;align-items:center;gap:8px;height:46px;margin:12px 16px 0;padding:0 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--sheet);color:var(--mute)}
.m3-search:focus-within{border-color:var(--petrol);box-shadow:0 0 0 3px var(--petrol-tint)}
.m3 .m3-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px;padding:0;box-shadow:none;border-radius:0}
.m3-search.big{height:52px}
.m3-search input::-webkit-search-cancel-button,.m3-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.m3-chips{display:flex;gap:6px;overflow-x:auto;padding:12px 16px 2px;scrollbar-width:none}
.m3-chips.wrap{flex-wrap:wrap;overflow:visible}
.m3-chips::-webkit-scrollbar{display:none}
.m3-chip{flex:none;height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);border-radius:18px;background:var(--sheet);font-size:13.5px;font-weight:500;white-space:nowrap}
.m3-chip .n{font-family:var(--f-mono);font-size:11.5px;color:var(--faint)}
.m3-chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.m3-chip.on .n{color:inherit;opacity:.7}
.m3-rows{margin-top:10px}
.m3-r{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px 11px 14px;min-height:64px;border-top:1px solid var(--line)}
.m3-rows>.m3-r:first-child,.m3-card>.m3-r:first-child{border-top:0}
.m3-r.sel{background:var(--petrol-tint)}
.m3-r .m{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.m3-r .l1{display:flex;align-items:center;gap:8px;min-width:0}
.m3-r .id{font-family:var(--f-mono);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.m3-r .id.txt{font-family:var(--f-sans);font-size:15px}
.m3-r .l2{font-size:13.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-r .l3{font-size:12px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-r .a{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.m3-r .am{font-family:var(--f-mono);font-size:14px;font-weight:600;white-space:nowrap}
.m3-r .as{font-size:11.5px;color:var(--faint);white-space:nowrap}
.m3-r .dot{width:8px;height:8px;border-radius:50%;background:var(--signal);flex:none}
.m3-r>.m3-ic{color:var(--faint)}
.m3-pill{flex:none;font-family:var(--f-mono);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--sunk);color:var(--mute);white-space:nowrap}
.m3-pill.ok{background:var(--ok-tint);color:var(--ok)}.m3-pill.bad{background:var(--bad-tint);color:var(--bad)}.m3-pill.warn{background:var(--warn-tint);color:var(--warn)}.m3-pill.pe{background:var(--petrol-tint);color:var(--petrol)}.m3-pill.sig{background:var(--signal-tint);color:var(--signal-ink)}
.m3-kpirow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 16px 0}
.m3-kp{background:var(--sheet);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;min-width:0}
.m3-kp .l{font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.m3-kp .v{font-family:var(--f-mono);font-size:18px;font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-kp .s{font-size:12px;color:var(--faint)}
.m3-note{margin:12px 16px 0;display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--sunk);color:var(--ink-2);font-size:13px;line-height:1.45}
.m3-note.pe{background:var(--petrol-tint);color:var(--ink)}
.m3-note.warn{background:var(--warn-tint);color:var(--ink)}
.m3-note.bad{background:var(--bad-tint);color:var(--ink)}
.m3-note>.m3-ic{margin-top:1px;color:var(--mute)}
.m3-note.pe>.m3-ic{color:var(--petrol)}.m3-note.warn>.m3-ic{color:var(--warn)}.m3-note.bad>.m3-ic{color:var(--bad)}
.m3-hero{display:flex;flex-direction:column;margin:12px 16px 0;padding:14px 14px 13px;background:var(--sheet);border:1px solid var(--line);border-radius:12px;position:relative}
.m3-hero .k{font-family:var(--f-mono);font-size:12px;color:var(--faint);letter-spacing:.02em;padding-right:110px}
.m3-hero .t{font-size:20px;font-weight:600;line-height:1.25;margin-top:2px;overflow-wrap:anywhere}
.m3-hero .s{font-size:13.5px;color:var(--mute);margin-top:2px}
.m3-hero .m3-pill{position:absolute;top:13px;right:14px}
.m3-tb{margin:0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--sheet);border:1.5px solid var(--ink-2);border-radius:5px;overflow:hidden}
.m3-tb .c{display:flex;flex-direction:column;padding:7px 10px 8px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);margin-bottom:-1px;min-width:0}
.m3-tb .c:nth-child(2n){border-right:0}
.m3-tb .c.w{grid-column:1/-1;border-right:0}
.m3-tb .k{font-family:var(--f-cond);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.m3-tb .v{font-size:14px;font-weight:500;margin-top:1px;overflow-wrap:anywhere}
.m3-tb .v.mono{font-family:var(--f-mono);font-size:13px}
.m3-steps{margin:4px 12px 0;display:flex;align-items:flex-start;padding:4px 0}
.m3-steps .st{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;text-align:center}
.m3-steps .st::before{content:"";position:absolute;top:7px;left:-50%;right:50%;height:2px;background:var(--line-2)}
.m3-steps .st:first-child::before{display:none}
.m3-steps .st.done::before,.m3-steps .st.now::before{background:var(--petrol)}
.m3-steps .d{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-2);background:var(--sheet);position:relative;z-index:1}
.m3-steps .st.done .d{background:var(--petrol);border-color:var(--petrol)}
.m3-steps .st.now .d{border-color:var(--signal);box-shadow:0 0 0 4px var(--signal-tint)}
.m3-steps .st.bad .d{border-color:var(--bad);background:var(--bad)}
.m3-steps .l{font-size:12px;font-weight:600;line-height:1.2}
.m3-steps .st.todo .l{color:var(--faint);font-weight:500}
.m3-steps .dt{font-size:10.5px;color:var(--faint);font-family:var(--f-mono)}
.m3-items .it{padding:10px 14px;border-top:1px solid var(--line)}
.m3-items>.it:first-child{border-top:0}
.m3-items .r1{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;font-weight:600}
.m3-items .r1 .c{font-family:var(--f-mono);min-width:0;overflow-wrap:anywhere}
.m3-items .r1 .p{font-family:var(--f-mono);white-space:nowrap}
.m3-items .r2{font-size:13px;color:var(--ink-2);margin-top:1px;overflow-wrap:anywhere}
.m3-items .r3{font-size:11.5px;color:var(--faint);margin-top:1px;font-family:var(--f-mono)}
.m3-items .r4{margin-top:6px}
.m3-items .ft{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;border-top:1px solid var(--line);font-size:14px}
.m3-items .ft.big{font-size:16px;font-weight:600;background:var(--sheet-2)}
.m3-items .ft .mono{font-weight:600}
.m3-lk{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;min-height:56px;border-top:1px solid var(--line);color:var(--ink)}
.m3-card>.m3-lk:first-child{border-top:0}
.m3-lk>.m3-ic{color:var(--petrol)}
.m3-lk .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.m3-lk .tt{font-weight:600;font-size:15px}
.m3-lk .ts{font-size:12.5px;color:var(--mute)}
.m3-lk .ch{color:var(--faint)}
.m3-lk.bad{color:var(--bad)}.m3-lk.bad>.m3-ic{color:var(--bad)}
.m3-offr{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;min-height:60px}
.m3-offr>.m3-ic{color:var(--petrol);flex:none}
.m3-offr .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.m3-offr .tt{font-weight:600;font-size:15px;color:var(--ink)}
.m3-offr .ts{font-size:12.5px;color:var(--mute);font-variant-numeric:tabular-nums}
.m3-offr .m3-btn{height:40px;padding:0 13px}
.m3-offm{padding:9px 14px 11px;border-top:1px solid var(--line);font-size:13px;line-height:1.45;color:var(--ink-2)}
.m3 .m3-ic.spin{animation:m3-spin 1.1s linear infinite;transform-origin:50% 50%}
@keyframes m3-spin{to{transform:rotate(360deg)}}
.m3-actbar{position:sticky;bottom:calc(var(--m3-bot) + var(--m3-safe-b) + 10px);z-index:3;margin:18px 12px 0;display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:var(--sheet);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 26px -14px var(--shade)}
.m3.tablet .m3-actbar{bottom:16px}
.m3-actbar .m3-btn{flex:1 1 auto;min-width:0}
.m3-actbar .m3-btn.pri,.m3-actbar .m3-btn.pe{flex-grow:2}
.m3-actbar .m3-btn.ico{flex:0 0 44px;padding:0}
.m3-emptyc{margin:24px 16px 0;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border:1.5px dashed var(--line-2);border-radius:12px;color:var(--mute)}
.m3-emptyc .tt{font-size:14.5px;color:var(--ink-2)}
.m3-more{display:flex;justify-content:center;margin:12px 16px 0}

/* ---------- alsó sáv, ⊕, lapok, értesítő ---------- */
.m3-bot{position:fixed;left:0;right:0;bottom:0;height:calc(var(--m3-bot) + var(--m3-safe-b));display:grid;grid-template-columns:1fr 96px 1fr;align-items:center;padding:0 10px calc(10px + var(--m3-safe-b));background:var(--sheet);border-top:1px solid var(--line);z-index:45}
.m3.tablet .m3-bot{position:relative;flex:none;margin-top:auto;left:auto;right:auto}
.m3-bot .it{height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:var(--mute);font-family:var(--f-cond);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.m3-bot .it.on{color:var(--petrol)}
.m3-bot .it.on::after{content:"";width:18px;height:2px;border-radius:1px;background:var(--petrol)}
.m3-plus{justify-self:center;width:60px;height:60px;margin-top:-28px;border-radius:50%;display:grid;place-items:center;background:var(--signal);color:var(--on-signal);box-shadow:0 0 0 6px var(--sheet),0 12px 22px -10px rgba(200,69,11,.6);position:relative;transition:transform .2s ease}
.m3-plus::before{content:"";position:absolute;inset:-13px;border-radius:50%;border:1px dashed var(--line-2);pointer-events:none}
.m3-plus .m3-ic{width:26px;height:26px;stroke-width:2.2;transition:transform .2s ease}
.m3-plus.on .m3-ic{transform:rotate(45deg)}
.m3-ov{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:flex-end}
.m3.tablet .m3-ov{z-index:60}
.m3-scrim{position:absolute;inset:0;width:100%;background:var(--scrim);animation:m3-fade .2s ease both}
.m3-sheet{position:relative;max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);border-radius:18px 18px 0 0;padding:4px 0 calc(var(--m3-bot) + var(--m3-safe-b) + 18px);animation:m3-up .28s cubic-bezier(.2,.9,.24,1) both;box-shadow:0 -14px 40px -18px rgba(0,0,0,.45);scrollbar-width:none}
.m3-sheet.nobot{padding-bottom:calc(24px + var(--m3-safe-b))}
.m3.tablet .m3-sheet{width:100%;max-width:560px;margin:0 auto;padding-bottom:24px;border-radius:18px 18px 0 0}
.m3-grab{width:40px;height:4px;border-radius:2px;background:var(--line-2);margin:8px auto 2px}
.m3-sht{display:flex;align-items:center;gap:8px;padding:2px 6px 2px 16px}
.m3-sht .t{flex:1;font-size:17px;font-weight:600}
.m3-newg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px 16px 0}
.m3-newb{min-height:72px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--sheet);border:1px solid var(--line);border-radius:12px}
.m3-newb .ti{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--signal-tint);color:var(--signal-ink);flex:none}
.m3-newb .tx{display:flex;flex-direction:column;min-width:0}
.m3-newb .tn{font-weight:600;font-size:14.5px;line-height:1.2}
.m3-newb .ts{font-size:12px;color:var(--mute);line-height:1.3}
.m3-prof{display:flex;align-items:center;gap:12px;margin:8px 16px 0;padding:12px;background:var(--sheet);border:1px solid var(--line);border-radius:12px}
.m3-prof .tx{display:flex;flex-direction:column;min-width:0}
.m3-prof .tt{font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis}
.m3-prof .ts{font-size:13px;color:var(--mute);overflow:hidden;text-overflow:ellipsis}
.m3-seg{display:flex;margin:12px 16px 0;padding:3px;background:var(--sunk);border-radius:12px;gap:3px}
.m3-seg.in{margin:0}
.m3-seg button{flex:1;min-height:38px;padding:0 6px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--mute);text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.m3-seg button.on{background:var(--sheet);color:var(--ink);box-shadow:0 1px 3px var(--shade)}
.m3-lbl{margin:16px 16px 6px;font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}
.m3-toast{position:fixed;left:16px;right:16px;bottom:calc(var(--m3-bot) + var(--m3-safe-b) + 16px);z-index:70;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--ink);color:var(--paper);font-size:13.5px;line-height:1.4;box-shadow:0 14px 30px -14px rgba(0,0,0,.55)}
.m3-toast span{flex:1}
.m3-toast button{color:var(--now-ink);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.08em;min-height:32px}
.m3-toast.k0{animation:m3-up .22s ease both}.m3-toast.k1{animation:m3-up2 .22s ease both}
.m3.tablet .m3-toast{left:356px;bottom:24px;max-width:520px}
.m3-nt{padding:12px 14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.m3-card>.m3-nt:first-child{border-top:0}
.m3-nt .r1{display:flex;justify-content:space-between;gap:10px}
.m3-nt .tt{font-weight:600;font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.m3-nt .dt{font-size:11px;color:var(--faint);white-space:nowrap;font-family:var(--f-mono)}
.m3-nt .ts{font-size:13px;color:var(--mute);overflow-wrap:anywhere}
.m3-nt.unseen .tt::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--signal);margin-right:7px;vertical-align:middle}

/* ---------- tablet: bal panel listája ---------- */
.m3-tnav{flex:1;min-height:0;overflow-y:auto;padding:6px 0 12px;scrollbar-width:none}
.m3-tnav::-webkit-scrollbar{display:none}
.m3-tl2{width:100%;display:flex;align-items:center;gap:12px;min-height:54px;padding:6px 16px}
.m3-tl2>.m3-ic{color:var(--petrol)}
.m3-tl2 .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.m3-tl2 .tt{font-weight:600;font-size:14.5px}
.m3-tl2 .ts{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-tl2 .n{font-family:var(--f-mono);font-size:12px;color:var(--faint)}
.m3-tl2.on{background:var(--petrol-tint)}
.m3-tgh{margin:12px 16px 2px;font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}

/* ---------- űrlap (új teendő) ---------- */
.m3-form .ff{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-top:1px solid var(--line)}
.m3-form>.ff:first-child{border-top:0}
.m3-form .ff .l{font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.m3 .m3-form .ff input,.m3 .m3-form .ff textarea{width:100%;min-height:44px;border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;background:var(--sheet-2);font-size:16px;color:var(--ink);outline:0;box-shadow:none}
.m3 .m3-form .ff input:focus,.m3 .m3-form .ff textarea:focus{border-color:var(--petrol);box-shadow:0 0 0 3px var(--petrol-tint)}
.m3 .m3-form .ff textarea{min-height:84px;resize:vertical;line-height:1.45}
.m3-form .err{padding:8px 14px;color:var(--bad);font-size:13px}

/* ---------- a meglévő mobil képernyők (Mob*) az új arculatban ----------
   Az app.js a Mob* kötött színeit var(--m3-…, eredeti) alakban adja (98_m3_mobil folt): itt a világos és az éjjeli érték.
   A *-bg tokenek háttérnek valók (rajtuk fehér a szöveg), a többi szöveg- és keretszín. */
.m3{--m3-navy:#1A1E23;--m3-navy-bg:#1A1E23;--m3-ink:#1A1E23;--m3-ink-bg:#1A1E23;--m3-ink2:#39414B;--m3-green:#1D7A46;--m3-green-bg:#1D7A46;--m3-red:#B3261E;--m3-red-bg:#B3261E;
 --m3-amber:#8F5600;--m3-amber-bg:#8F5600;--m3-blue:#0E5F6C;--m3-blue-bg:#0E5F6C;--m3-gray:#5E6772;--m3-gray-bg:#6B7380;--m3-line:#DCDFE3;--m3-line2:#C5CAD0;--m3-sunk-bg:#EEEEEA;--m3-warnt-bg:#FDF1D8;--m3-white-bg:#FFFFFF}
.m3[data-theme="rajz-ejjel"]{--m3-navy:#E7E9EC;--m3-navy-bg:#0E5F6C;--m3-ink:#E7E9EC;--m3-ink-bg:#0C0F12;--m3-ink2:#C3C8CF;--m3-green:#4CC38A;--m3-green-bg:#1D7A46;--m3-red:#FF6B5E;--m3-red-bg:#B3261E;
 --m3-amber:#F0B34A;--m3-amber-bg:#8F5600;--m3-blue:#5CC3CF;--m3-blue-bg:#0E5F6C;--m3-gray:#98A1AC;--m3-gray-bg:#4A535E;--m3-line:#2A3139;--m3-line2:#36404A;--m3-sunk-bg:#0C0F12;--m3-warnt-bg:rgba(240,179,74,.13);--m3-white-bg:#161A1F}
.m3-mob{font-family:var(--f-sans);color:var(--ink)}
.m3-mob button{font-family:var(--f-sans);touch-action:manipulation}
.m3-mob [style*="font-family: Arial"]{font-family:var(--f-sans)!important}
.m3-mob [style*="border-radius: 12px"],.m3-mob [style*="border-radius: 14px"]{border-radius:10px!important}
.m3-mob :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]),select,textarea){color:var(--ink);background-color:var(--sheet);min-width:0;max-width:100%;font-family:var(--f-sans)}
.m3[data-theme="rajz-ejjel"] .m3-mob :is(input,select,textarea){color-scheme:dark}
.m3-mob :is(input,textarea)::placeholder{color:var(--mute);opacity:1}
.m3-mob :is(input,select,textarea):disabled{color:var(--mute);-webkit-text-fill-color:var(--mute);background:var(--sunk);opacity:1}
.m3-mob :is(input,select,textarea):focus{outline:0;border-color:var(--petrol)!important;box-shadow:0 0 0 3px var(--petrol-tint)}
.m3-mob .tc-m02-head{border-bottom:1px solid var(--line)}
.m3-mob .tc-m02-head :is(div,span,small){color:var(--ink)}
.m3-mob .tc-m02-head button{background:var(--sheet-2)!important;color:var(--ink)!important;min-height:40px;border:1px solid var(--line)!important;border-radius:8px!important}
.m3-mob .tc-m02-head button[aria-pressed="true"]{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}
.m3-mob .tc-m02-head>button:first-child{background:transparent!important;border-color:transparent!important;color:var(--petrol)!important;padding:0 2px!important;font-weight:600}
.m3-mob .tc-m02-head input{border:1px solid var(--line-2)!important;background:var(--sheet-2)!important;border-radius:10px!important}
.m3-mob .tc-m02-event-dialog{overscroll-behavior:contain;max-height:92dvh!important;scroll-padding-bottom:28px}
.m3-mob .tc-m02-event-dialog input:is([type="date"],[type="time"]){width:100%;min-width:0;max-width:100%;appearance:none;-webkit-appearance:none}
.m3-mob .tc-m02-event-dialog input::-webkit-date-and-time-value{text-align:left;min-height:1.4em}
.m3-mob h1,.m3-mob h2,.m3-mob h3{letter-spacing:-.01em}
.m3.app-ui .m3-search input:focus{outline:none}
.m3.app-ui .m3-form .ff :is(input,textarea):focus{outline:none}

/* ---------- beágyazott asztali modulok (telefonon is használható legyen) ---------- */
.m3-desk{min-width:0}
.m3 .app-ui[data-m3]{background:transparent;min-height:0!important;font-family:var(--f-sans)}
.m3 .app-ui[data-m3] .rz-body{display:block;min-height:0}
.m3 .app-ui[data-m3] .rz-main{display:block;min-width:0;padding:0;margin:0;max-width:none}
.m3 .app-ui[data-m3] .rz-work{padding:12px 12px 24px;max-width:none;min-width:0}
.m3.tablet .app-ui[data-m3] .rz-work{padding:16px 18px 28px}
.m3.phone .app-ui[data-m3] .rz-work table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.m3.phone .app-ui[data-m3] .rz-work img{max-width:100%;height:auto}
.m3.phone .app-ui[data-m3] .rz-work [style*="min-width: 7"],.m3.phone .app-ui[data-m3] .rz-work [style*="min-width: 8"],.m3.phone .app-ui[data-m3] .rz-work [style*="min-width: 9"]{min-width:0!important}
.m3.phone .app-ui[data-m3] .rz-work [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
.m3.phone .app-ui[data-m3] .rz-work [style*="display: flex"]{flex-wrap:wrap}
.m3.phone .app-ui[data-m3] .rz-work input,.m3.phone .app-ui[data-m3] .rz-work select,.m3.phone .app-ui[data-m3] .rz-work textarea{max-width:100%}
.m3.phone .app-ui[data-m3] .rz-subtabs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin-left:-12px!important;margin-right:-12px!important;padding:0 12px 2px}
.m3.phone .app-ui[data-m3] .rz-subtabs::-webkit-scrollbar{display:none}
.m3.phone .app-ui[data-m3] .rz-subtab{flex:none;white-space:nowrap}
.m3-deskload{margin:24px 16px;padding:18px;text-align:center;color:var(--mute);border:1.5px dashed var(--line-2);border-radius:12px}
.m3-hostwrap[hidden]{display:none!important}

/* ---------- térkép, súgó, párosító ---------- */
.m3-map{padding:12px 12px 24px}
.m3.tablet .m3-map{padding:16px 18px 28px}
.m3-pz{min-height:60vh}
/* M3b (Dávid, 2026-10-08) */
/* 1) Szerszámpárosító – a Minőségpolc becsukott sora (mindenhol); nyitva a „Becsukás” gomb a „Segíts választani” mellett */
.pz-shelfcard.pz-shelf-zart{padding:0}
.pz-shelfbar{display:flex;flex-direction:column}
.pz-shelf-tg{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;padding:11px 16px;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:inherit}
.pz-shelf-tg .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pz-shelf-tg .q{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-shelf-open{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--r-1,8px);background:var(--sheet);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.pz-shelf-tg:hover .pz-shelf-open{border-color:var(--ink-2)}
.pz-shelf-tg:focus-visible{outline:2px solid var(--petrol);outline-offset:-2px}
.pz-shelf-sel{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px;margin-top:-2px}
.pz-shelf-sel .rz-grade svg:last-child{margin-left:2px;opacity:.75}
.pz-shelf-btns{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.pz-narrow .pz-shelf-tg{padding:10px 12px}
.pz-narrow .pz-shelf-sel{padding:0 12px 10px}
.pz-narrow .pz-shelf-btns{margin-left:0}
/* 2) Partnertérkép – érintéssel a térkép kezeli a mozdulatot (egy ujj: mozgatás bármerre, két ujj: nagyítás); az oldal nem mozdul */
.rz-hm-stage{touch-action:none;-webkit-touch-callout:none}
.rz-hm-svg{-webkit-tap-highlight-color:transparent}
/* 3) M3 éjjeli téma: a Szerszámpárosító saját (világos) tokenkörében a legördülők (feladatválasztó, rendezés) is a párosító színét
      kapják – eddig a keret sötét mezőháttere és a párosító sötét szövege találkozott, a szöveg nem látszott */
/*    (a keret mezőszabálya :is(input:not(…)×5) miatt nagy fajlagosságú, ezért itt a háttér !important – csak a párosító tokenkörében) */
.m3 .rz-tokens select{background-color:var(--sheet)!important;color:var(--ink)}
/* M3c (Dávid, 2026-10-08): partnertérkép – egyforma kerek pöttyök kategóriaszínnel, kiindulási gombostű, halvány városjel.
   A kategóriaszínek ellenőrizve (dataviz-validátor, minden pár, a lap felületén): világosban minden próba megfelel; éjjeliben a
   piackutatás ↔ címből pár színtévesztésben a 6–8 sávba esik, ezért a piackutatásnak másodlagos jele is van (lyukas pötty / üres gyűrű). */
.rz-hm,.rz-ptk-jel,.rz-ptk{--hm-telepules:#2672B8;--hm-cim:#1E9E74;--hm-igazolt:#D9682E;--hm-pk:#8E2B6B;--hm-vegyes:#39414B;--hm-varos:#B4BAC1;--hm-on:#FFFFFF;--hm-tu:var(--ink)}
html[data-rz-theme="rajz-ejjel"] .rz-hm,html[data-rz-theme="rajz-ejjel"] .rz-ptk-jel,html[data-rz-theme="rajz-ejjel"] .rz-ptk{--hm-telepules:#3987E5;--hm-cim:#199E70;--hm-igazolt:#D95926;--hm-pk:#D46AA8;--hm-vegyes:#C3C8CF;--hm-varos:#4A535D;--hm-on:#0B0E11}
.rz-hm .k-telepules,.rz-hm-jel.k-telepules{--hmc:var(--hm-telepules)}
.rz-hm .k-cim,.rz-hm-jel.k-cim{--hmc:var(--hm-cim)}
.rz-hm .k-igazolt,.rz-hm-jel.k-igazolt{--hmc:var(--hm-igazolt)}
.rz-hm .k-teszt,.rz-hm-jel.k-teszt{--hmc:var(--hm-telepules)}
.rz-hm .k-pk,.rz-hm-jel.k-pk{--hmc:var(--hm-pk)}
.rz-hm .k-vegyes,.rz-hm-jel.k-vegyes{--hmc:var(--hm-vegyes)}
.rz-hm-jel.k-varos{--hmc:var(--hm-varos)}
/* pöttyök a térképen: kitöltött kör a felület színű 1,6 px-es szegéllyel (átfedésnél is elválnak) */
.rz-hm-p .pt{fill:var(--hmc);stroke:var(--sheet);stroke-width:1.6;vector-effect:non-scaling-stroke}
.rz-hm-p .pt-lyuk{fill:var(--sheet);pointer-events:none}
.rz-hm-p .pt-gyuru{fill:var(--sheet);stroke:var(--hmc);stroke-width:2.2;vector-effect:non-scaling-stroke}
.rz-hm-p .pt-gyuru.szagg{stroke-dasharray:2.4 1.8}
.rz-hm-p:hover .pt,.rz-hm-p.on .pt{stroke:var(--ink);stroke-width:2}
.rz-hm-p:hover .pt-gyuru,.rz-hm-p.on .pt-gyuru{stroke-width:3}
/* csoport (több partner egy helyen): a darabszám mindig rajta; a szín az egyféle kategóriáé, vegyesnél semleges */
.rz-hm-cs .cs,.rz-hm-cs.pk .cs{fill:var(--hmc);stroke:var(--sheet);stroke-width:1.6}
.rz-hm-cs .csn,.rz-hm-cs.pk .csn{fill:var(--hm-on)}
.rz-hm-cs:hover .cs,.rz-hm-cs.on .cs{fill:var(--hmc);stroke:var(--ink);stroke-width:2.2}
.rz-hm-cs:hover .csn,.rz-hm-cs.on .csn{fill:var(--hm-on)}
/* halvány városjel */
.rz-hm-varos circle{fill:var(--hm-varos);pointer-events:none}
/* kiindulási gombostű: a sajátod teli, a kollégáké körvonalas; nem fogja el a koppintást (az alatta lévő pötty kattintható marad) */
.rz-hm-tuk{pointer-events:none}
.rz-hm-tu .tu{fill:var(--sheet);stroke:var(--hm-tu);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.rz-hm-tu .tu-pont{fill:var(--hm-tu)}
.rz-hm-tu.sajat .tu{fill:var(--hm-tu);stroke:var(--sheet);stroke-width:1.4}
.rz-hm-tu.sajat .tu-pont{fill:var(--sheet)}
/* jelmagyarázat és listajelek */
.rz-hm-jel .dot{fill:var(--hmc)}
.rz-hm-jel .lyuk{fill:var(--sheet)}
.rz-hm-jel .gyuru{fill:none;stroke:var(--hmc);stroke-width:2}
.rz-hm-jel .gyuru.szagg{stroke-dasharray:2.2 1.6}
.rz-hm-jel .tu{fill:var(--hm-tu,var(--ink))}
.rz-hm-jel .tu-pont{fill:var(--sheet)}
.rz-hm-leg .n{margin-left:4px;color:var(--mute);font-variant-numeric:tabular-nums}
.rz-hm-tutipp{align-items:center}
.rz-ptk-jel.pk .dot{fill:var(--hm-pk)}
.rz-ptk-jel.pk .lyuk{fill:var(--sheet)}
/* Beállítások › Általános: Kiindulási pont kártya */
.rz-ki{margin:0 0 14px}
.rz-ki .rz-ki-sor{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr);gap:6px 14px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.rz-ki .rz-ki-sor:first-of-type{border-top:0;padding-top:0}
.rz-ki .rz-ki-sor>.small{grid-column:1/-1}
.rz-ki-nev{display:flex;flex-direction:column;gap:2px;min-width:0}
.rz-ki-mezo{display:flex;gap:8px;align-items:center;min-width:0;flex-wrap:wrap}
.rz-ki-mezo .rz-input{flex:1 1 180px;min-width:0;max-width:340px;height:34px}
.rz-ki-hiba{color:var(--bad)}
@media (max-width:640px){.rz-ki .rz-ki-sor{grid-template-columns:1fr}}
.rz-ki-fej{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.rz-ki .rz-ki-b{display:flex;flex-direction:column;gap:4px}
.rz-ki-kol{display:flex;flex-direction:column;gap:3px;padding:12px 0 4px;border-top:1px solid var(--line);margin-top:6px}
.rz-ki-kicker{font-family:var(--f-cond);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}
.rz-ki-kol+.rz-ki-sor{border-top:0}