:root{
  --bg:#07130d;
  --panel:#0e1f16;
  --panel2:#12271c;
  --card:#10251a;
  --line:rgba(145,255,187,.15);
  --text:#ecfff3;
  --muted:#9ab9a5;
  --green:#55ff91;
  --green2:#1ed760;
  --yellow:#ffd166;
  --red:#ff6b6b;
  --blue:#61dafb;
  --shadow:0 24px 80px rgba(0,0,0,.45);
  --radius:22px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(85,255,145,.22),transparent 38%),radial-gradient(circle at bottom right,rgba(97,218,251,.10),transparent 35%),var(--bg);color:var(--text);min-height:100vh}
button,input,select,textarea{font:inherit}
button{cursor:pointer;border:0}
a{color:inherit}.hidden{display:none!important}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(560px,100%);background:linear-gradient(180deg,rgba(18,39,28,.96),rgba(10,23,16,.96));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;padding:32px;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent,rgba(85,255,145,.16),transparent);pointer-events:none}.logo{display:flex;align-items:center;gap:14px;margin-bottom:18px}.logo-badge{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,rgba(85,255,145,.14),rgba(97,218,251,.12));display:grid;place-items:center;box-shadow:0 12px 32px rgba(85,255,145,.18);border:1px solid rgba(255,255,255,.08);overflow:hidden;flex:0 0 auto}.logo-badge img{width:100%;height:100%;object-fit:cover;display:block}.brand .logo-badge{width:54px;height:54px;border-radius:16px}h1,h2,h3{margin:0}.auth-card h1{font-size:28px}.subtitle{color:var(--muted);margin:6px 0 22px}.tabs{display:flex;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:4px;margin-bottom:18px}.tabs button{flex:1;padding:11px;border-radius:13px;background:transparent;color:var(--muted)}.tabs button.active{background:rgba(85,255,145,.13);color:var(--green)}.field{display:grid;gap:7px;margin:12px 0}.field label{color:var(--muted);font-size:13px}.input,select,textarea{width:100%;background:#081810;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:12px 13px;outline:none}.input:focus,select:focus,textarea:focus{border-color:rgba(85,255,145,.55);box-shadow:0 0 0 4px rgba(85,255,145,.08)}.btn{border-radius:14px;padding:12px 15px;background:rgba(255,255,255,.07);color:var(--text);border:1px solid var(--line);transition:.15s}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.1)}.btn.primary{background:linear-gradient(135deg,var(--green),var(--green2));color:#06160d;font-weight:800}.btn.danger{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.38);color:#ffd7d7}.btn.warn{background:rgba(255,209,102,.12);border-color:rgba(255,209,102,.35);color:#fff0c7}.btn.small{padding:8px 10px;border-radius:11px;font-size:13px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:rgba(6,18,11,.72);border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand h2{font-size:18px}.brand p{margin:2px 0 0;color:var(--muted);font-size:12px}.nav{display:grid;gap:9px}.nav button{display:flex;align-items:center;gap:10px;background:transparent;color:var(--muted);padding:12px;border-radius:14px;text-align:left}.nav button.active,.nav button:hover{background:rgba(85,255,145,.11);color:var(--text)}.sidebar-footer{position:absolute;bottom:22px;left:22px;right:22px;color:var(--muted);font-size:12px}.main{padding:26px;max-width:1500px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar h1{font-size:30px}.topbar p{color:var(--muted);margin:5px 0 0}.grid{display:grid;gap:16px}.farm-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.card{background:linear-gradient(180deg,rgba(18,39,28,.9),rgba(11,25,17,.9));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 48px rgba(0,0,0,.22);padding:18px}.farm-card{position:relative;overflow:hidden}.farm-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--green),transparent)}.farm-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.farm-title{font-weight:900;font-size:19px}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:999px;padding:6px 9px;font-size:12px;color:var(--muted)}.badge.green{color:var(--green);border-color:rgba(85,255,145,.32);background:rgba(85,255,145,.08)}.badge.yellow{color:var(--yellow);border-color:rgba(255,209,102,.33);background:rgba(255,209,102,.08)}.badge.red{color:#ffb1b1;border-color:rgba(255,107,107,.33);background:rgba(255,107,107,.08)}.data-list{display:grid;gap:9px;margin:14px 0}.data-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.data-row span:first-child{color:var(--muted)}.data-row strong{text-align:right}.farm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:20px}.stat{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:18px;padding:14px}.stat .n{font-size:20px;font-weight:900;margin-bottom:3px}.stat .l{font-size:12px;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;vertical-align:top}.table th{color:var(--muted);font-weight:700;background:rgba(255,255,255,.035)}.log-item{display:grid;gap:6px;border-bottom:1px solid rgba(255,255,255,.07);padding:14px 0}.log-title{font-weight:800}.log-meta{font-size:12px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);display:grid;place-items:center;z-index:50;padding:20px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:linear-gradient(180deg,#10251a,#081810);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:22px}.modal h2{margin-bottom:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .wide{grid-column:1/-1}.toast{position:fixed;right:22px;top:22px;z-index:80;padding:13px 16px;border-radius:15px;background:#10251a;border:1px solid var(--line);box-shadow:var(--shadow)}.toast.err{border-color:rgba(255,107,107,.5);color:#ffd1d1}.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:22px;background:rgba(255,255,255,.03)}.pill-row{display:flex;gap:7px;flex-wrap:wrap}.code{font-family:Consolas,monospace;background:rgba(0,0,0,.24);border:1px solid var(--line);border-radius:12px;padding:9px;word-break:break-all;color:#d8ffe6}.mobile-menu{display:none}
@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar-footer{position:static;margin-top:18px}.main{padding:18px}.form-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.mobile-menu{display:block}.farm-grid{grid-template-columns:1fr}}


.logo-title{display:flex;flex-direction:column;gap:2px}.logo-title small{color:var(--muted)}
.hero-logo{display:flex;align-items:center;gap:18px;margin-bottom:18px;padding:18px 20px;border-radius:24px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.hero-logo img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.28))}
.hero-logo .text p{margin:6px 0 0;color:var(--muted)}
.btn.plant{background:linear-gradient(135deg,var(--green),var(--green2));color:#06160d;font-weight:800}
.btn.water{background:linear-gradient(135deg,#38bdf8,#1d4ed8);border-color:rgba(56,189,248,.4);color:#f3fbff;font-weight:700}
.btn.harvest{background:linear-gradient(135deg,#00c2a8,#0f766e);border-color:rgba(0,194,168,.35);color:#edfffb}
.btn.worker{background:linear-gradient(135deg,#a78bfa,#7c3aed);border-color:rgba(167,139,250,.35);color:#f7f2ff}
.btn.rent{background:linear-gradient(135deg,#ffd166,#f59e0b);border-color:rgba(245,158,11,.35);color:#2b1a00;font-weight:800}
.btn.upgrade{background:linear-gradient(135deg,#fbbf24,#d97706);border-color:rgba(251,191,36,.35);color:#1f1300;font-weight:900}
.btn.edit{background:linear-gradient(135deg,#94a3b8,#475569);border-color:rgba(148,163,184,.35);color:#f8fbff}
.btn.archive{background:linear-gradient(135deg,#ff7b7b,#b42318);border-color:rgba(255,107,107,.38);color:#fff3f3}
.progress-group{margin:14px 0 6px;display:grid;gap:14px}.progress-card{padding:12px 12px 14px;border-radius:18px;background:rgba(9,24,16,.72);border:1px solid rgba(97,218,251,.15)}
.progress-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;font-size:13px}.progress-head .label{color:#b5d8c3;font-weight:700}.progress-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.progress-head .value{color:#dff7ff;font-weight:700;text-align:right}.progress-percent{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:3px 7px;border-radius:999px;border:1px solid rgba(103,232,249,.26);background:rgba(56,189,248,.10);color:#c9f6ff;font-size:12px;font-weight:900;line-height:1}
.progress-track{height:14px;border-radius:999px;background:rgba(97,218,251,.08);border:1px solid rgba(97,218,251,.18);position:relative;overflow:visible}
.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(56,189,248,.55),rgba(96,165,250,.9));box-shadow:0 0 18px rgba(56,189,248,.25);position:relative;overflow:hidden;transition:width .8s ease}
.progress-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:progressFlow 2s linear infinite}
.progress-track.harvest .progress-fill{background:linear-gradient(90deg,#3b82f6,#67e8f9)}
.progress-track.water .progress-fill{background:linear-gradient(90deg,#2563eb,#38bdf8)}
.progress-track .progress-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#0c2030;border:1px solid rgba(103,232,249,.45);display:grid;place-items:center;box-shadow:0 8px 18px rgba(0,0,0,.35);font-size:12px}
.progress-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-size:12px}
.profile-card{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:16px;align-items:start}
.profile-logo-card{padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(23,53,38,.95),rgba(12,28,20,.95));border:1px solid var(--line)}
.profile-logo-card img{width:100%;max-width:220px;display:block;margin:0 auto 12px auto}
.profile-logo-card p{margin:0;color:var(--muted);text-align:center}
@keyframes progressFlow{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (max-width:900px){.profile-card{grid-template-columns:1fr}.hero-logo{flex-direction:column;text-align:center}.hero-logo img{width:72px;height:72px}}
.log-list{display:grid;gap:12px}
.pretty-log{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:15px;border:1px solid rgba(145,255,187,.14);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));box-shadow:0 10px 28px rgba(0,0,0,.18)}
.pretty-log + .pretty-log{margin-top:0}
.log-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:23px;background:rgba(85,255,145,.10);border:1px solid rgba(85,255,145,.18);box-shadow:inset 0 0 18px rgba(255,255,255,.03)}
.log-body{min-width:0}.log-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.log-title{font-weight:900;font-size:16px}.log-meta{font-size:12px;color:var(--muted);margin-top:4px}.log-pill{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055)}
.log-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.log-detail{padding:10px 11px;border-radius:14px;background:rgba(5,16,10,.62);border:1px solid rgba(255,255,255,.07);display:grid;gap:4px}.log-detail span{color:var(--muted);font-size:12px}.log-detail strong{font-size:13px;word-break:break-word}.log-empty-detail{padding:10px 11px;border-radius:14px;background:rgba(5,16,10,.48);border:1px dashed rgba(145,255,187,.14);color:var(--muted);font-size:13px}
.pretty-log.water .log-icon,.log-pill.water{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.28);color:#c7f2ff}.pretty-log.plant .log-icon,.log-pill.plant{background:rgba(85,255,145,.12);border-color:rgba(85,255,145,.28);color:#d8ffe6}.pretty-log.harvest .log-icon,.log-pill.harvest{background:rgba(20,184,166,.13);border-color:rgba(20,184,166,.28);color:#d7fffa}.pretty-log.worker .log-icon,.log-pill.worker{background:rgba(167,139,250,.13);border-color:rgba(167,139,250,.30);color:#eee7ff}.pretty-log.rent .log-icon,.log-pill.rent{background:rgba(255,209,102,.13);border-color:rgba(255,209,102,.30);color:#fff1c7}.pretty-log.archive .log-icon,.log-pill.archive{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.28);color:#e6edf7}.pretty-log.warning .log-icon,.log-pill.warning{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.32);color:#ffe4b5}.pretty-log.discord .log-icon,.log-pill.discord{background:rgba(96,165,250,.13);border-color:rgba(96,165,250,.30);color:#dcebff}.pretty-log.admin .log-icon,.log-pill.admin{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.28);color:#ffd6d6}.pretty-log.login .log-icon,.log-pill.login,.pretty-log.register .log-icon,.log-pill.register,.pretty-log.profile .log-icon,.log-pill.profile{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#eafff1}
@media (max-width:700px){.pretty-log{grid-template-columns:1fr}.log-icon{width:42px;height:42px}.log-top{flex-direction:column}.log-pill{width:max-content}.log-detail-grid{grid-template-columns:1fr}}

.login-log-panel{margin-top:18px}
.login-log-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.login-log-head h2{font-size:20px}.login-log-head p{margin:5px 0 0;color:var(--muted);font-size:13px}
.login-log-list{max-height:240px;overflow:auto;display:grid;gap:8px;padding-right:6px}
.login-log-list::-webkit-scrollbar{width:8px}.login-log-list::-webkit-scrollbar-thumb{background:rgba(85,255,145,.22);border-radius:999px}.login-log-list::-webkit-scrollbar-track{background:rgba(0,0,0,.18);border-radius:999px}
.login-log-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(5,16,10,.55);border:1px solid rgba(255,255,255,.07)}
.login-log-row strong{display:block;font-size:13px}.login-log-row small{display:block;color:var(--muted);margin-top:2px}.login-dot{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}


.login-box{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:15px;padding:12px 13px;display:grid;gap:4px;color:var(--muted)}
.login-box span{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#8fb69d}.login-box b{font-size:15px;color:var(--text)}
.plant-thumb{width:34px;height:34px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));flex:0 0 auto}.plant-thumb.small{width:28px;height:28px}.plant-thumb.tiny{width:24px;height:24px}.plant-inline{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}.plant-cell{display:inline-flex;align-items:center;gap:9px;font-weight:700}.log-plant-thumb{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.plant-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:360px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.16)}
.plant-option{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 10px;text-align:left;padding:10px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(145,255,187,.13);color:var(--text);min-height:64px}.plant-option:hover{background:rgba(85,255,145,.08);border-color:rgba(85,255,145,.28);transform:translateY(-1px)}.plant-option.selected{background:linear-gradient(135deg,rgba(85,255,145,.18),rgba(97,218,251,.10));border-color:rgba(85,255,145,.65);box-shadow:0 0 0 3px rgba(85,255,145,.08)}.plant-option-img{grid-row:1/3;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.35))}.plant-option-name{font-weight:900}.plant-option small{color:var(--muted);font-size:12px}.log-detail strong .plant-thumb{margin-right:6px}

/* Szép megerősítő ablak */
.confirm-modal{width:min(560px,100%);display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;background:linear-gradient(180deg,#12271c,#081810);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden}
.confirm-modal:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--green),transparent)}
.confirm-modal.danger:before{background:linear-gradient(90deg,#ff7b7b,#ffbf69,transparent)}
.confirm-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-size:28px;background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.28);box-shadow:inset 0 0 22px rgba(255,255,255,.04)}
.confirm-content h2{margin:0 0 8px;font-size:24px}.confirm-content p{margin:0 0 14px;color:var(--muted);line-height:1.45}.confirm-details{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);border-radius:18px;padding:13px 14px;margin:10px 0 16px}.confirm-farm-name{font-weight:900;font-size:18px;color:var(--text);margin-bottom:8px}.confirm-details ul{margin:0;padding-left:18px;color:#c8e7d3;display:grid;gap:5px}.confirm-actions{justify-content:flex-end}
@media (max-width:600px){.confirm-modal{grid-template-columns:1fr}.confirm-icon{width:48px;height:48px}.confirm-actions{justify-content:stretch}.confirm-actions .btn{flex:1}}


.confirm-mini-note{
  margin:10px 0 4px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,209,102,.35);
  background:rgba(255,209,102,.08);
  color:#fff2c8;
  font-size:12px;
  line-height:1.45;
}
.confirm-mini-note b{color:#ffe08a}


.selected-plant-line{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
}
.selected-plant-line .plant-thumb{
  width:38px;
  height:38px;
}


/* Live idő + farm kártya finomítás */
.title-stack{display:grid;gap:4px;align-items:start}
.date-clock{width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;border:1px solid rgba(145,255,187,.17);background:rgba(255,255,255,.045);color:#dfffe9;font-size:13px;font-weight:800;letter-spacing:.02em;box-shadow:inset 0 0 18px rgba(85,255,145,.035)}
.login-box{min-height:66px;text-align:center;justify-items:center;align-content:center;place-items:center}
.farm-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden}
.farm-card .data-list{margin-bottom:12px}
.farm-card .progress-group{margin-bottom:14px}
.farm-actions{margin-top:auto;padding:12px;border:1px solid rgba(145,255,187,.13);border-radius:18px;background:linear-gradient(180deg,rgba(5,16,10,.58),rgba(9,24,16,.72));box-shadow:inset 0 0 22px rgba(255,255,255,.025);align-items:center}
.farm-actions .btn{box-shadow:0 8px 18px rgba(0,0,0,.18)}
.progress-track.complete .progress-fill{width:100%!important;background:linear-gradient(90deg,#3b82f6,#67e8f9);box-shadow:0 0 20px rgba(59,130,246,.35)}
.progress-track.complete .progress-fill::after{animation:none;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.28),rgba(255,255,255,.08))}
.progress-head .value[data-ready-text]{color:#dff7ff}
@media (max-width:900px){.date-clock{font-size:12px}.farm-actions{padding:10px}}


/* Sidebar logo + clock separation */
.sidebar-brand-card{
  margin-bottom:12px;
  padding:12px;
  border-radius:20px;
  border:1px solid rgba(145,255,187,.14);
  background:linear-gradient(135deg,rgba(85,255,145,.06),rgba(255,255,255,.025));
  box-shadow:inset 0 0 18px rgba(85,255,145,.025);
}
.sidebar-clock-card{
  width:100%;
  margin:0 0 20px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(145,255,187,.17);
  background:rgba(255,255,255,.045);
  color:#dfffe9;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  text-align:center;
  box-shadow:inset 0 0 18px rgba(85,255,145,.035);
}
.sidebar .nav{
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}
.date-clock{display:none}
@media (max-width:900px){
  .sidebar-clock-card{font-size:12px;margin-bottom:14px}
  .sidebar .nav{padding-top:12px}
}


.field-hint{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.35}
.progress-track .progress-marker{z-index:3}
.progress-track .progress-marker:nth-of-type(even){margin-top:-14px}
.progress-track .progress-marker:nth-of-type(odd){margin-top:14px}


/* UI finomítás: locsolás jel a csíkon + rendezett farm gombok */
.progress-track{overflow:visible}
.progress-track .progress-marker,
.progress-track .progress-marker:nth-of-type(even),
.progress-track .progress-marker:nth-of-type(odd){
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin-top:0!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  border-radius:50%!important;
  font-size:11px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,rgba(15,44,70,.98),rgba(7,24,36,.98))!important;
  border:1px solid rgba(103,232,249,.68)!important;
  box-shadow:0 0 0 2px rgba(5,16,10,.92),0 4px 10px rgba(0,0,0,.35)!important;
  z-index:4!important;
}
.progress-track .progress-marker:hover{z-index:8!important;transform:translate(-50%,-50%) scale(1.08)!important}

.farm-card{display:flex!important;flex-direction:column!important;min-height:100%}
.farm-actions{
  margin-top:auto!important;
  padding:14px!important;
  display:grid!important;
  gap:10px!important;
  border:1px solid rgba(145,255,187,.15)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(6,18,11,.82),rgba(9,24,16,.92))!important;
  box-shadow:inset 0 0 24px rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.16)!important;
}
.action-section{display:grid;gap:7px}
.action-label{
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#8fb69d;
  font-weight:900;
  padding-left:3px;
}
.action-buttons{display:grid;gap:8px;align-items:stretch}
.action-buttons.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.action-buttons.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.farm-actions .btn{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:9px 8px;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.compact-hint{margin-top:-4px!important}.compact-hint .field-hint{display:block;color:var(--muted);font-size:12px;line-height:1.45}
@media (max-width:520px){.action-buttons.three{grid-template-columns:1fr}.action-buttons.two{grid-template-columns:1fr}}

.forgot-admin-note{
  margin-top:14px;
  text-align:center;
  color:#ff7d7d;
  font-weight:800;
  font-size:13px;
  line-height:1.35;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,107,107,.28);
  background:rgba(255,107,107,.08);
  box-shadow:inset 0 0 18px rgba(255,107,107,.04);
}


/* By zol igazitas minden logo blokkban */
.logo-title{align-items:center;text-align:center}
.logo-title p{width:100%;text-align:center;margin-top:4px}
.hero-logo .text{display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-logo .text p{width:100%;text-align:center;margin-top:6px}
.brand .logo-title h2,.brand .logo-title p{width:100%;text-align:center}


/* Profil jelszó módosítás + lapozható naplók */
.profile-settings-stack{display:grid;gap:16px}
.profile-settings-stack .card h2,.password-card h2{font-size:20px;margin-bottom:10px}
.card-note{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.45}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.section-head h2{font-size:20px;margin:0}
.pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
.pager span{color:var(--muted);font-weight:800;font-size:13px;min-width:58px;text-align:center}
.pager .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none!important}
.login-log-list.paged{max-height:none;overflow:visible}
.account-log.account .login-dot,.pretty-log.account .log-icon,.log-pill.account{background:rgba(96,165,250,.13);border-color:rgba(96,165,250,.30);color:#dcebff}
.account-log.admin .login-dot{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.28);color:#ffd6d6}
.password-card{border-color:rgba(96,165,250,.22);box-shadow:0 16px 48px rgba(0,0,0,.22), inset 0 0 24px rgba(96,165,250,.035)}
@media (max-width:700px){.section-head{align-items:flex-start;flex-direction:column}.pager{flex-wrap:wrap}.profile-settings-stack .form-grid{grid-template-columns:1fr}}


/* Teljes atnezes utani stabilitas/UI finomitas */
.btn[disabled]{opacity:.42;cursor:not-allowed;filter:grayscale(.25);transform:none!important;box-shadow:none!important}
.btn[disabled]:hover{transform:none!important;background:rgba(255,255,255,.07)}
.farm-actions .btn[disabled]{pointer-events:none}
#forgotAdminNote.hidden{display:none!important}
.progress-card{overflow:visible}
.progress-track{overflow:visible!important}
.progress-track .progress-marker{top:50%!important}
.log-detail strong{overflow-wrap:anywhere}
.table td{overflow-wrap:anywhere}

/* Farm sorrendezés és profit módosítás finomítás */
.drag-handle{cursor:grab;user-select:none;position:relative}
.drag-handle:active{cursor:grabbing}
.drag-grip{display:inline-grid;place-items:center;margin-right:8px;width:22px;height:22px;border-radius:8px;border:1px solid rgba(145,255,187,.18);background:rgba(255,255,255,.045);color:#bfffd4;font-size:12px;vertical-align:middle}
.farm-card.dragging{opacity:.55;transform:scale(.985)}
.farm-card.drag-over{outline:2px dashed rgba(85,255,145,.75);outline-offset:6px;box-shadow:0 0 0 6px rgba(85,255,145,.08), var(--shadow)}
.profit-edit-box{margin-top:8px;padding:14px;border-radius:18px;border:1px solid rgba(97,218,251,.22);background:linear-gradient(180deg,rgba(97,218,251,.08),rgba(85,255,145,.045))}
.profit-edit-box h3{font-size:16px;margin:0 0 5px;color:#dfffea}
.profit-edit-box p{margin:0 0 10px;color:var(--muted)}
.profit-edit-box small{display:block;margin-top:6px;color:var(--muted);line-height:1.35}


/* Farm helyadatok kiemelése - egy soros hely blokk */
.farm-head{align-items:flex-start!important}
.farm-head-main{display:grid;gap:9px;min-width:0;flex:1}
.farm-location-panel{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  width:max-content;
  max-width:100%;
  padding:9px 12px;
  border-radius:16px;
  border:1px solid rgba(145,255,187,.18);
  background:linear-gradient(180deg,rgba(5,28,17,.92),rgba(3,16,10,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.12);
  color:#f0fff5;
  font-size:13px;
  line-height:1.25;
}
.farm-location-panel strong{
  font-weight:900;
  white-space:normal;
  overflow-wrap:anywhere;
}
.farm-location-icon{
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:9px;
  background:rgba(85,255,145,.10);
  border:1px solid rgba(145,255,187,.16);
  flex:0 0 auto;
}
.farm-location-sep{color:#8ddcb2;opacity:.75}
.archive-date{font-size:12px;margin-top:1px}
.archive-farm-card .farm-head{cursor:default!important}
@media (max-width:560px){.farm-location-panel{width:100%;gap:6px;font-size:12px;padding:8px 10px}}

/* Farmok oldal felső összegző keret */
.summary-panel{
  margin:0 0 22px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(145,255,187,.18);
  background:linear-gradient(180deg,rgba(14,38,25,.94),rgba(6,23,15,.9));
  box-shadow:0 18px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
}
.summary-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.summary-panel-head h2{font-size:20px;margin:0}
.summary-panel-head p{margin:0;color:var(--muted);font-size:13px}
.summary-panel .summary{margin-top:0}
@media (max-width:700px){.summary-panel{padding:14px}.summary-panel-head{display:grid;align-items:start}}


.farms-topbar{margin-top:4px}
.table-actions{display:flex;gap:8px;flex-wrap:wrap}
.summary-edit-note{padding:12px 14px;border:1px solid rgba(255,209,102,.25);background:rgba(255,209,102,.07);color:#fff0c7;border-radius:16px;margin-bottom:12px;line-height:1.45}
.summary-panel{margin:0 0 26px!important}

/* Alkalmazott kezelő felület */
.employee-info-card{margin-bottom:16px;border-color:rgba(142,255,185,.14)}
.employee-info-card p{color:var(--muted);line-height:1.55;margin:8px 0 0}
.employee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.employee-card{position:relative;overflow:hidden}
.employee-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,rgba(69,255,149,.9),rgba(83,166,255,.8));opacity:.8}
.employee-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.employee-card-head h2{margin:0;color:#f1fff6;font-size:20px}
.employee-card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.employee-perms{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.employee-perm-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}
.employee-perm-row strong{color:#eefdf3}
.mini-perm{display:inline-flex;margin:2px 0 2px 5px;padding:4px 7px;border-radius:999px;border:1px solid rgba(130,255,181,.22);background:rgba(48,255,128,.08);font-size:11px;color:#dfffea;font-weight:800}
.muted-perm{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--muted)}
.employee-permission-list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;padding-right:4px}
.employee-farm-permission{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));padding:12px}
.employee-farm-main{display:flex;align-items:center;gap:9px;color:#f4fff6;font-weight:900}
.employee-farm-main small{margin-left:auto;color:var(--muted);font-weight:600;font-size:12px;text-align:right}
.perm-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.perm-checks label{font-size:13px;color:#dbeee2;display:flex;align-items:center;gap:7px}
.employee-farm-card{border-color:rgba(80,180,255,.18)}
.employee-farm-card .farm-head{cursor:default}
.employee-no-actions{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--muted);font-size:13px}
.proof-field input[type="file"]{padding:11px;background:rgba(0,0,0,.18)}
.proof-preview{margin-top:12px;padding:12px;border:1px solid rgba(97,177,255,.22);border-radius:16px;background:rgba(80,155,255,.07)}
.proof-preview-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#a9cfff;font-weight:900;margin-bottom:8px}
.proof-preview img{display:block;max-width:260px;max-height:220px;border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.25);object-fit:cover}
@media (max-width:760px){.employee-grid{grid-template-columns:1fr}.employee-perm-row{flex-direction:column}.employee-farm-main{align-items:flex-start;flex-direction:column}.employee-farm-main small{margin-left:0;text-align:left}.proof-preview img{max-width:100%}}


/* Automatikus kijelentkeztetés */
.logout-btn{
  margin-top:10px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-color:rgba(255,107,107,.7)!important;
  background:linear-gradient(180deg,rgba(255,107,107,.11),rgba(120,20,20,.16))!important;
  box-shadow:0 0 0 1px rgba(255,107,107,.12),0 10px 22px rgba(255,40,40,.08);
  color:#ffecec!important;
  font-weight:800;
}
.logout-btn:hover{
  border-color:rgba(255,107,107,.95)!important;
  background:linear-gradient(180deg,rgba(255,107,107,.18),rgba(120,20,20,.22))!important;
}
.logout-countdown{
  min-width:58px;
  text-align:center;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,107,107,.42);
  background:rgba(255,107,107,.12);
  color:#ffd0d0;
  font-variant-numeric:tabular-nums;
  font-size:12px;
}
.logout-btn.soon .logout-countdown{
  border-color:rgba(255,209,102,.6);
  background:rgba(255,209,102,.16);
  color:#fff0bd;
}
.admin-session-card{margin:0 0 16px 0}
.admin-session-toolbar{margin:12px 0 0}
.admin-session-toolbar .field{min-width:240px;margin:0}

/* Felület leírás / Help tablet */
.top-fab-group{
  position:fixed;
  top:18px;
  right:18px;
  z-index:35;
  display:flex;
  align-items:center;
  gap:9px;
}
.help-fab,.rules-fab{
  width:42px;
  height:42px;
  border-radius:16px;
  border:1px solid rgba(145,255,187,.30);
  background:linear-gradient(135deg,rgba(85,255,145,.24),rgba(97,218,251,.14));
  color:#ecfff3;
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
  display:grid;
  place-items:center;
  cursor:pointer;
  backdrop-filter:blur(10px);
}
.rules-fab{
  border-color:rgba(255,209,102,.34);
  background:linear-gradient(135deg,rgba(255,209,102,.18),rgba(85,255,145,.12));
}
.help-fab span,.rules-fab span{
  width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  font-weight:1000;
  font-family:Georgia,serif;
  font-size:18px;
  line-height:1;
}
.help-fab:hover,.rules-fab:hover{
  transform:translateY(-1px);
  border-color:rgba(85,255,145,.65);
  box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 0 4px rgba(85,255,145,.08);
}
.help-backdrop{
  position:fixed;
  inset:0;
  z-index:90;
  padding:24px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at top right,rgba(85,255,145,.13),transparent 38%),rgba(0,0,0,.72);
  backdrop-filter:blur(8px);
}
.help-tablet{
  position:relative;
  width:min(980px,calc(100vw - 32px));
  max-height:calc(100vh - 42px);
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(145,255,187,.22);
  background:linear-gradient(180deg,rgba(18,39,28,.98),rgba(7,19,12,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.05);
}
.help-tablet:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--green),var(--blue),transparent);
}
.help-close{
  position:absolute;
  top:16px;
  right:16px;
  z-index:2;
  width:42px;
  height:42px;
  border-radius:15px;
  border:1px solid rgba(255,107,107,.62);
  background:linear-gradient(135deg,rgba(255,107,107,.95),rgba(160,30,30,.92));
  color:#fff;
  font-size:30px;
  line-height:1;
  display:grid;
  place-items:center;
  box-shadow:0 14px 28px rgba(255,40,40,.16);
  cursor:pointer;
}
.help-close:hover{transform:translateY(-1px);filter:brightness(1.08)}
.help-head{
  display:flex;
  align-items:center;
  gap:16px;
  padding:26px 76px 20px 26px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(135deg,rgba(85,255,145,.08),rgba(255,255,255,.02));
}
.help-logo{
  width:72px;
  height:72px;
  border-radius:22px;
  overflow:hidden;
  flex:0 0 auto;
  border:1px solid rgba(145,255,187,.18);
  background:rgba(255,255,255,.05);
  box-shadow:0 14px 32px rgba(0,0,0,.26);
}
.help-logo img{width:100%;height:100%;object-fit:cover;display:block}
.help-kicker{
  display:inline-flex;
  width:max-content;
  margin-bottom:5px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(85,255,145,.24);
  background:rgba(85,255,145,.08);
  color:var(--green);
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.help-head h1{font-size:28px;margin:0 0 5px;color:#f3fff6}
.help-head p{margin:0;color:var(--muted);line-height:1.45;max-width:740px}
.help-scroll{
  max-height:calc(100vh - 178px);
  overflow:auto;
  padding:22px 26px 26px;
}
.help-scroll::-webkit-scrollbar{width:9px}.help-scroll::-webkit-scrollbar-thumb{background:rgba(85,255,145,.24);border-radius:999px}.help-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.18);border-radius:999px}
.help-intro{
  display:grid;
  gap:5px;
  margin-bottom:16px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(255,209,102,.25);
  background:linear-gradient(135deg,rgba(255,209,102,.08),rgba(255,255,255,.025));
  color:#fff3c8;
}
.help-intro strong{font-size:16px;color:#fff7d8}.help-intro span{color:#ddf3e4;line-height:1.5}
.help-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.help-card{
  border:1px solid rgba(145,255,187,.14);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));
  padding:15px;
}
.help-card h2{
  margin:0 0 8px;
  font-size:16px;
  color:#f1fff5;
}

.login-disclaimer-note{
  margin-top:8px;
  text-align:center;
  color:#ffd8a8;
  font-weight:700;
  font-size:12px;
  line-height:1.45;
  padding:8px 11px;
  border-radius:13px;
  border:1px solid rgba(255,184,77,.22);
  background:rgba(255,184,77,.055);
}

.terms-accept-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(145,255,187,.18);
  background:rgba(85,255,145,.055);
  color:#dff7e7;
  font-size:13px;
  line-height:1.4;
}
.terms-accept-row input{
  margin-top:2px;
  accent-color:#42f07a;
}
.inline-rules-link{
  border:0;
  padding:0;
  background:transparent;
  color:#9dffbd;
  font:inherit;
  font-weight:900;
  text-decoration:underline;
  cursor:pointer;
}
.inline-rules-link:hover{color:#ffffff}
.rules-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.rules-tablet .help-intro{
  border-color:rgba(145,255,187,.22);
  background:linear-gradient(135deg,rgba(85,255,145,.08),rgba(255,255,255,.025));
  color:#eaffef;
}

.help-disclaimer-note{
  margin-top:12px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(255,184,77,.28);
  background:rgba(255,184,77,.07);
  color:#ffe7bd;
  line-height:1.55;
  font-size:13px;
}
.help-disclaimer-note b{color:#fff2d8}

.help-card p{
  margin:0;
  color:#b8d6c2;
  line-height:1.5;
  font-size:13px;
}
.help-note{
  margin-top:16px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(97,218,251,.24);
  background:rgba(97,218,251,.06);
  color:#dff9ff;
  line-height:1.55;
}
.help-note b{color:#ffffff}
@media (max-width:900px){
  .top-fab-group{top:12px;right:12px;gap:7px}
  .help-fab,.rules-fab{width:40px;height:40px;border-radius:14px}
  .help-backdrop{padding:12px}
  .help-tablet{border-radius:26px;width:calc(100vw - 18px);max-height:calc(100vh - 18px)}
  .help-head{padding:22px 64px 16px 18px;align-items:flex-start}
  .help-logo{width:58px;height:58px;border-radius:18px}
  .help-head h1{font-size:22px}
  .help-head p{font-size:13px}
  .help-scroll{padding:16px 18px 20px;max-height:calc(100vh - 150px)}
  .help-grid,.rules-list{grid-template-columns:1fr}
  .help-close{top:12px;right:12px;width:38px;height:38px;border-radius:13px;font-size:28px}
}
@media (max-width:520px){
  .help-head{display:grid;gap:10px;padding-right:62px}
  .help-logo{width:54px;height:54px}
  .help-card{padding:13px}
}


/* Hibajelentés oldal */
.bug-report-layout{display:grid;gap:18px}
.bug-report-form-card{border-color:rgba(255,107,107,.22);position:relative;overflow:hidden}
.bug-report-form-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,rgba(255,107,107,.9),rgba(255,209,102,.75),transparent)}
.bug-report-list-card{border-color:rgba(85,255,145,.16)}
.bug-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:12px}
.bug-card{padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));box-shadow:0 12px 30px rgba(0,0,0,.16);overflow:hidden}
.bug-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.bug-card-head h3{font-size:18px;margin:0;color:#f4fff6;overflow-wrap:anywhere}
.bug-card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.bug-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;color:#eaffef;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(0,0,0,.16);margin-bottom:10px}
.bug-link-row{font-size:13px;color:var(--muted);display:flex;gap:7px;align-items:flex-start;flex-wrap:wrap;margin:8px 0}
.bug-link{color:#b7f7ff;text-decoration:none;overflow-wrap:anywhere;border-bottom:1px dashed rgba(183,247,255,.4)}
.bug-link:hover{color:#ffffff;border-bottom-color:#ffffff}
.bug-image{display:block;margin-top:12px;width:max-content;max-width:100%}
.bug-image img{display:block;max-width:320px;max-height:240px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.admin-bug-webhook-card{margin:0 0 16px 0;border-color:rgba(255,107,107,.18)}
.admin-webhook-field{min-width:min(620px,100%);flex:1}
@media (max-width:760px){.bug-report-grid{grid-template-columns:1fr}.bug-card-head{flex-direction:column}.bug-image img{max-width:100%}.admin-webhook-field{min-width:100%}}


/* Több növény egy ültetésben */
.plant-row{
  align-items:flex-start;
}
.plant-mix-display{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
  max-width:100%;
}
.plant-mix-display.compact{
  justify-content:flex-start;
}
.plant-mix-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(145,255,187,.18);
  background:rgba(5,28,17,.72);
  color:#effff5;
  font-size:12px;
  line-height:1;
}
.plant-mix-chip b{
  font-weight:900;
}
.plant-mix-chip em{
  font-style:normal;
  color:#a8e7c1;
  font-weight:700;
  opacity:.9;
}
.plant-mix-box{
  display:grid;
  gap:10px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(145,255,187,.16);
  background:rgba(3,17,10,.48);
}
.plant-mix-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}
.plant-mix-main{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.plant-mix-main b{
  display:block;
  color:#f4fff7;
  font-size:14px;
}
.plant-mix-main small{
  display:block;
  color:#a8e7c1;
  margin-top:3px;
}
.plant-mix-count{
  display:flex;
  align-items:center;
  gap:8px;
}
.plant-mix-count label{
  color:#a8e7c1;
  font-size:12px;
  font-weight:800;
}
.plant-mix-count input{
  width:96px;
  text-align:center;
}
.plant-mix-total{
  margin-top:8px;
  padding:9px 12px;
  border-radius:14px;
  background:rgba(13,67,37,.55);
  border:1px solid rgba(145,255,187,.16);
  color:#eafff0;
  font-weight:900;
}
.plant-mix-total.over{
  background:rgba(80,20,20,.7);
  border-color:rgba(255,90,90,.45);
  color:#ffd9d9;
}
.selected-plant-line.multi{
  align-items:flex-start;
  flex-direction:column;
  gap:8px;
}
@media (max-width: 720px){
  .plant-mix-item{
    align-items:flex-start;
    flex-direction:column;
  }
  .plant-mix-count{
    width:100%;
    justify-content:space-between;
  }
  .plant-mix-count input{
    width:120px;
  }
  .plant-mix-display{
    justify-content:flex-start;
  }
}


/* Kompaktabb farm kártyák - rövidebb, de átlátható elrendezés */
.farm-grid{
  align-items:start!important;
}
.farm-card{
  min-height:auto!important;
  padding:14px!important;
  border-radius:22px!important;
  gap:8px!important;
}
.farm-card .farm-head{
  align-items:center!important;
  gap:10px!important;
  margin-bottom:2px!important;
}
.farm-head-main{
  gap:6px!important;
}
.farm-title{
  font-size:17px!important;
  line-height:1.15!important;
}
.drag-grip{
  width:20px!important;
  height:20px!important;
  margin-right:6px!important;
}
.farm-location-panel{
  padding:6px 9px!important;
  border-radius:13px!important;
  gap:5px!important;
  font-size:12px!important;
  line-height:1.15!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 6px 14px rgba(0,0,0,.10)!important;
}
.farm-card .pill-row{
  gap:6px!important;
  margin:2px 0 4px!important;
}
.farm-card .badge{
  padding:5px 8px!important;
  font-size:11px!important;
  line-height:1!important;
}
.farm-card .data-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin:4px 0 8px!important;
}
.farm-card .data-row{
  min-height:0!important;
  padding:7px 8px!important;
  border-radius:12px!important;
  gap:5px!important;
  align-items:center!important;
}
.farm-card .data-row span{
  font-size:11px!important;
  line-height:1.1!important;
}
.farm-card .data-row strong{
  font-size:12px!important;
  line-height:1.15!important;
  text-align:right!important;
}
.farm-card .data-row.plant-row{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
}
.farm-card .data-row.plant-row > span{
  padding-top:5px!important;
}
.farm-card .plant-mix-display{
  justify-content:flex-end!important;
  gap:5px!important;
  max-height:58px!important;
  overflow:auto!important;
  padding-right:2px!important;
}
.farm-card .plant-mix-display::-webkit-scrollbar{
  height:5px!important;
  width:5px!important;
}
.farm-card .plant-mix-display::-webkit-scrollbar-thumb{
  background:rgba(145,255,187,.22)!important;
  border-radius:999px!important;
}
.farm-card .plant-mix-chip{
  padding:5px 7px!important;
  gap:5px!important;
  font-size:11px!important;
}
.farm-card .plant-mix-chip .plant-thumb,
.farm-card .plant-thumb.tiny{
  width:19px!important;
  height:19px!important;
}
.farm-card .plant-thumb.small{
  width:22px!important;
  height:22px!important;
}
.farm-card .progress-group{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:4px 0 8px!important;
}
.farm-card .progress-card{
  padding:8px 9px 9px!important;
  border-radius:14px!important;
}
.farm-card .progress-head{
  margin-bottom:6px!important;
  gap:6px!important;
  font-size:11px!important;
}
.farm-card .progress-head .label{
  font-size:11px!important;
}
.farm-card .progress-head .value{
  font-size:11px!important;
}
.farm-card .progress-percent{
  min-width:38px!important;
  padding:2px 6px!important;
  font-size:10px!important;
}
.farm-card .progress-track{
  height:10px!important;
}
.farm-card .progress-track .progress-marker{
  width:18px!important;
  height:18px!important;
  font-size:10px!important;
}
.farm-card .progress-meta{
  margin-top:5px!important;
  gap:6px!important;
  font-size:10px!important;
  line-height:1.15!important;
}
.farm-card .farm-actions{
  margin-top:6px!important;
  padding:9px!important;
  border-radius:15px!important;
  gap:8px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
}
.farm-card .action-section{
  gap:5px!important;
  min-width:0!important;
}
.farm-card .action-label{
  font-size:9px!important;
  letter-spacing:.06em!important;
  padding-left:1px!important;
  white-space:nowrap!important;
}
.farm-card .action-buttons{
  gap:5px!important;
}
.farm-card .action-buttons.three,
.farm-card .action-buttons.two{
  grid-template-columns:1fr!important;
}
.farm-card .farm-actions .btn{
  min-height:30px!important;
  padding:6px 6px!important;
  font-size:11px!important;
  border-radius:11px!important;
  box-shadow:0 5px 12px rgba(0,0,0,.16)!important;
}
.farm-card .employee-no-actions{
  grid-column:1 / -1!important;
  font-size:12px!important;
  padding:8px!important;
}
@media (max-width:1200px){
  .farm-card .progress-group{
    grid-template-columns:1fr!important;
  }
  .farm-card .farm-actions{
    grid-template-columns:1fr!important;
  }
  .farm-card .action-buttons.three{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .farm-card .action-buttons.two{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:620px){
  .farm-card{
    padding:12px!important;
  }
  .farm-card .data-list{
    grid-template-columns:1fr!important;
  }
  .farm-card .data-row.plant-row{
    grid-template-columns:1fr!important;
  }
  .farm-card .plant-mix-display{
    justify-content:flex-start!important;
    max-height:90px!important;
  }
  .farm-card .action-buttons.three,
  .farm-card .action-buttons.two{
    grid-template-columns:1fr!important;
  }
}


/* Kompakt kártya finomítás v2 - nagyobb csíkok, régi gomb elrendezés, görgetés nélküli növények */
.farm-card .plant-mix-display{
  justify-content:flex-end!important;
  gap:6px!important;
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
}
.farm-card .plant-mix-chip{
  padding:5px 8px!important;
  gap:5px!important;
  font-size:11px!important;
  line-height:1.1!important;
  white-space:normal!important;
}
.farm-card .plant-mix-chip b,
.farm-card .plant-mix-chip em{
  white-space:normal!important;
}
.farm-card .data-row.plant-row{
  align-items:start!important;
}

/* A két progress csík újra egymás alatt, szépen nagyobb méretben */
.farm-card .progress-group{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:10px 0 12px!important;
}
.farm-card .progress-card{
  padding:11px 12px 13px!important;
  border-radius:18px!important;
}
.farm-card .progress-head{
  margin-bottom:8px!important;
  gap:10px!important;
  font-size:13px!important;
}
.farm-card .progress-head .label{
  font-size:13px!important;
}
.farm-card .progress-head .value{
  font-size:13px!important;
}
.farm-card .progress-percent{
  min-width:46px!important;
  padding:3px 7px!important;
  font-size:12px!important;
}
.farm-card .progress-track{
  height:14px!important;
}
.farm-card .progress-track .progress-marker{
  width:24px!important;
  height:24px!important;
  font-size:12px!important;
}
.farm-card .progress-meta{
  margin-top:8px!important;
  gap:12px!important;
  font-size:12px!important;
  line-height:1.25!important;
}

/* Gombok vissza a régi, átlátható szekciós elrendezésre */
.farm-card .farm-actions{
  margin-top:auto!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  border-radius:18px!important;
}
.farm-card .action-section{
  display:grid!important;
  gap:7px!important;
}
.farm-card .action-label{
  font-size:11px!important;
  letter-spacing:.08em!important;
  padding-left:3px!important;
}
.farm-card .action-buttons{
  display:grid!important;
  gap:8px!important;
}
.farm-card .action-buttons.three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.farm-card .action-buttons.two{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.farm-card .farm-actions .btn{
  min-height:38px!important;
  padding:9px 8px!important;
  font-size:12px!important;
  border-radius:12px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}

/* Kisebb képernyőn ne essen szét */
@media (max-width:520px){
  .farm-card .action-buttons.three,
  .farm-card .action-buttons.two{
    grid-template-columns:1fr!important;
  }
  .farm-card .plant-mix-display{
    justify-content:flex-start!important;
  }
}


/* Farm állapot jelző elhelyezés javítás */
.farm-card .farm-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:8px!important;
}
.farm-card .farm-head-main{
  grid-column:1 / 2!important;
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  gap:6px!important;
}
.farm-card .farm-head > .badge{
  grid-column:2 / 3!important;
  grid-row:1 / 2!important;
  justify-self:end!important;
  align-self:start!important;
  position:static!important;
  margin:0!important;
  white-space:nowrap!important;
  z-index:2!important;
}
.farm-card .farm-location-panel{
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.farm-card .farm-location-panel strong{
  white-space:normal!important;
}
@media (max-width:720px){
  .farm-card .farm-head{
    grid-template-columns:1fr!important;
  }
  .farm-card .farm-head > .badge{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    justify-self:start!important;
  }
}


/* Főbérlő adatok */
.farm-card .landlord-bank-row{
  grid-column:1 / -1!important;
}
.farm-card .landlord-bank-row strong{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}


/* Főbérlő mini kiemelés - parcella/bérlemény alatt */
.farm-card .landlord-mini-panel{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin:4px 0 7px!important;
  padding:7px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,209,102,.20)!important;
  background:linear-gradient(180deg,rgba(255,209,102,.075),rgba(5,18,10,.38))!important;
  box-shadow:inset 0 0 18px rgba(255,255,255,.025)!important;
}
.farm-card .landlord-mini-item{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
  padding:6px 7px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(0,0,0,.14)!important;
}
.farm-card .landlord-mini-item span{
  color:#d8c98d!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
.farm-card .landlord-mini-item strong{
  color:#f4fff7!important;
  font-size:11px!important;
  line-height:1.18!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.farm-card .landlord-mini-item.landlord-bank{
  grid-column:auto!important;
}
@media (max-width:1280px){
  .farm-card .landlord-mini-panel{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:620px){
  .farm-card .landlord-mini-panel{
    grid-template-columns:1fr!important;
  }
}


/* Farmonkénti ültetésszám kiemelés */
.farm-card .farm-planting-count-panel{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:4px 0 7px!important;
  padding:7px 10px!important;
  border-radius:14px!important;
  border:1px solid rgba(85,255,145,.22)!important;
  background:linear-gradient(135deg,rgba(85,255,145,.10),rgba(97,218,251,.055))!important;
  box-shadow:inset 0 0 18px rgba(255,255,255,.025)!important;
}
.farm-card .farm-planting-count-panel span{
  color:#b8e7c7!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
.farm-card .farm-planting-count-panel strong{
  min-width:34px!important;
  text-align:center!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(103,232,249,.30)!important;
  background:rgba(56,189,248,.10)!important;
  color:#e8fff2!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
}


/* Farm szerkesztés / hozzáadás - ültetésszám kézi mező */
.planting-count-edit-card{
  padding:12px!important;
  border-radius:18px!important;
  border:1px solid rgba(85,255,145,.22)!important;
  background:linear-gradient(135deg,rgba(85,255,145,.09),rgba(97,218,251,.055))!important;
}
.planting-count-edit-row{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:10px;
  align-items:center;
}
.planting-count-edit-row input{
  text-align:center;
  font-weight:900;
  font-size:18px;
}
.planting-count-edit-row span{
  color:#a8e7c1;
  font-size:12px;
  line-height:1.35;
}
@media (max-width:620px){
  .planting-count-edit-row{
    grid-template-columns:1fr;
  }
}


/* Discord webhook YouTube segédlet */
.webhook-video-guide{
  margin-top:14px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(88,166,255,.26);
  background:linear-gradient(135deg,rgba(88,166,255,.12),rgba(85,255,145,.06));
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  box-shadow:inset 0 0 20px rgba(255,255,255,.025);
}
.webhook-video-icon{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#ffffff;
  font-weight:950;
  background:linear-gradient(135deg,rgba(239,68,68,.95),rgba(185,28,28,.92));
  box-shadow:0 10px 24px rgba(239,68,68,.18);
}
.webhook-video-text{
  display:grid;
  gap:3px;
  min-width:0;
}
.webhook-video-text b{
  color:#f4fff7;
  font-size:14px;
}
.webhook-video-text span{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.webhook-video-btn,.help-video-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border-radius:13px;
  border:1px solid rgba(239,68,68,.30);
  background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(88,166,255,.10));
  color:#fff7f7;
  font-weight:900;
  padding:10px 12px;
  font-size:12px;
  white-space:nowrap;
  transition:transform .15s ease,filter .15s ease,border-color .15s ease;
}
.webhook-video-btn:hover,.help-video-link:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
  border-color:rgba(239,68,68,.52);
}
.help-video-card{
  border-color:rgba(88,166,255,.24)!important;
  background:linear-gradient(180deg,rgba(88,166,255,.10),rgba(5,18,10,.46))!important;
}
.help-video-card h2{
  color:#dff2ff!important;
}
.help-video-link{
  margin-top:10px;
}
@media (max-width:760px){
  .webhook-video-guide{
    grid-template-columns:auto 1fr;
  }
  .webhook-video-btn{
    grid-column:1 / -1;
    width:100%;
  }
}


/* Info + szabályzat gombok: egymás alatt maradnak, de nem szűkítik a farmkártyák területét */
@media (min-width:901px){
  .main{
    padding-right:32px;
  }

  .top-fab-group{
    right:22px;
    top:22px;
    flex-direction:column;
    gap:10px;
    padding:7px;
    border-radius:22px;
    border:1px solid rgba(145,255,187,.20);
    background:rgba(6,18,11,.62);
    box-shadow:0 18px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(12px);
    z-index:25;
  }

  .top-fab-group .help-fab,
  .top-fab-group .rules-fab{
    position:relative;
  }
}


/* Admin panel rendezés + profil törlés */
.admin-layout{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.admin-hero{
  align-items:center;
}

.admin-overview-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}

.admin-overview-card{
  padding:16px;
  border:1px solid rgba(145,255,187,.18);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(18,48,31,.88),rgba(8,26,17,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 14px 34px rgba(0,0,0,.18);
}

.admin-overview-card strong{
  display:block;
  font-size:24px;
  font-weight:950;
  color:#f3fff7;
  text-shadow:0 2px 0 rgba(0,0,0,.35);
}

.admin-overview-card span{
  display:block;
  margin-top:4px;
  color:#9ee7bb;
  font-weight:800;
}

.admin-overview-card em{
  display:block;
  margin-top:8px;
  color:#c7f6d7;
  opacity:.82;
  font-style:normal;
  font-size:12px;
}

.admin-settings-grid,
.admin-two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.admin-section-card{
  overflow:hidden;
}

.admin-user-table td{
  vertical-align:middle;
}

.table-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.btn.danger{
  background:linear-gradient(180deg,#fb6c66,#c72626);
  color:white;
  border-color:rgba(255,129,129,.52);
  box-shadow:0 10px 24px rgba(190,30,30,.22), inset 0 1px 0 rgba(255,255,255,.18);
}

.btn.danger:hover{
  filter:brightness(1.06);
}

.delete-user-modal{
  max-width:720px;
}

.delete-user-warning{
  margin:8px 0 14px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,105,105,.32);
  background:rgba(77,20,20,.28);
  color:#ffe2df;
  line-height:1.55;
}

.delete-user-facts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 14px;
}

.delete-user-facts span{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(145,255,187,.18);
  background:rgba(12,38,23,.74);
  color:#caf5d7;
  font-weight:800;
}

.admin-bug-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:14px;
}

.admin-bug-card{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(145,255,187,.16);
  background:rgba(7,30,18,.78);
}

.admin-bug-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.admin-bug-head h3{
  margin:0;
  font-size:16px;
}

.admin-bug-head p{
  margin:3px 0 0;
  color:#9fcfaf;
  font-size:12px;
}

.admin-bug-card p{
  white-space:pre-wrap;
  line-height:1.5;
}

.admin-bug-card a{
  display:block;
  color:#63e890;
  word-break:break-all;
  margin-top:8px;
}

.admin-bug-card img{
  display:block;
  width:100%;
  max-height:280px;
  object-fit:contain;
  margin-top:10px;
  border-radius:14px;
  border:1px solid rgba(145,255,187,.18);
  background:#06130b;
}

/* Törölt profil belépési üzenet */
.deleted-profile-backdrop{
  position:fixed;
  inset:0;
  z-index:2000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,10,5,.72);
  backdrop-filter:blur(10px);
}

.deleted-profile-tablet{
  position:relative;
  width:min(560px,100%);
  padding:26px;
  border-radius:28px;
  border:1px solid rgba(255,116,116,.30);
  background:linear-gradient(180deg,rgba(24,56,35,.98),rgba(7,25,16,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08);
  color:#ecfff2;
}

.deleted-profile-close{
  position:absolute;
  right:16px;
  top:16px;
  width:42px;
  height:42px;
  border-radius:15px;
  border:1px solid rgba(255,150,150,.38);
  background:linear-gradient(180deg,#ff6964,#cf2929);
  color:#fff;
  font-size:28px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(185,30,30,.28);
}

.deleted-profile-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  border:1px solid rgba(255,132,132,.32);
  background:rgba(88,20,20,.35);
  font-size:30px;
  margin-bottom:12px;
}

.deleted-profile-tablet h2{
  margin:0 54px 8px 0;
  font-size:26px;
}

.deleted-profile-tablet p{
  margin:0 0 16px;
  color:#c9f2d6;
  line-height:1.5;
}

.deleted-profile-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:16px 0;
}

.deleted-profile-grid div{
  padding:12px;
  border-radius:15px;
  border:1px solid rgba(145,255,187,.16);
  background:rgba(4,20,12,.65);
}

.deleted-profile-grid .wide{
  grid-column:1 / -1;
}

.deleted-profile-grid span{
  display:block;
  color:#91caa4;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:4px;
}

.deleted-profile-grid strong{
  display:block;
  color:#fff;
  white-space:pre-wrap;
}

@media (max-width:900px){
  .admin-settings-grid,
  .admin-two-col{
    grid-template-columns:1fr;
  }

  .deleted-profile-grid{
    grid-template-columns:1fr;
  }
}


/* Admin fülesített, átlátható elrendezés */
.sidebar{
  overflow-y:auto;
  scrollbar-width:thin;
}

.admin-tabbed-layout{
  gap:18px;
}

.admin-tab-hero{
  position:relative;
  overflow:hidden;
}

.admin-quick-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:12px;
}

.admin-quick-btn{
  text-align:left;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(145,255,187,.18);
  background:linear-gradient(180deg,rgba(18,48,31,.86),rgba(7,24,15,.86));
  color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.admin-quick-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(85,255,145,.40);
  background:linear-gradient(180deg,rgba(25,65,40,.92),rgba(9,30,19,.92));
}

.admin-quick-btn b{
  display:block;
  font-size:16px;
  margin-bottom:7px;
}

.admin-quick-btn span{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
}

.admin-overview-grid.compact{
  margin-top:14px;
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr));
}

.admin-user-detail-card{
  overflow:hidden;
}

.admin-user-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.admin-user-detail-head h2{
  margin-top:10px;
  font-size:28px;
}

.btn.ghost{
  background:rgba(255,255,255,.035);
  border-color:rgba(145,255,187,.14);
}

.btn.primary-soft{
  background:rgba(85,255,145,.12);
  color:#dfffe9;
  border-color:rgba(85,255,145,.32);
  font-weight:800;
}

@media (max-width:900px){
  .admin-user-detail-head{
    flex-direction:column;
  }
}


/* Karbantartás mód */
.maintenance-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:
    radial-gradient(circle at 35% 20%, rgba(58,242,128,.12), transparent 34%),
    radial-gradient(circle at 70% 80%, rgba(64,188,255,.08), transparent 36%),
    var(--bg, #031107);
}
.maintenance-card{
  width:min(860px, 96vw);
  border:1px solid rgba(145,255,187,.24);
  border-radius:30px;
  background:linear-gradient(180deg, rgba(15,70,35,.92), rgba(4,25,14,.96));
  box-shadow:0 28px 90px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
  padding:28px;
  color:#ecfff3;
}
.maintenance-head{
  display:flex;
  gap:18px;
  align-items:center;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(145,255,187,.20);
  background:rgba(4,28,15,.62);
}
.maintenance-logo{width:78px;height:78px;flex:0 0 auto}
.maintenance-logo img{width:100%;height:100%;object-fit:contain}
.maintenance-kicker{
  display:inline-flex;
  margin-bottom:6px;
  color:#7dffad;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.maintenance-head h1{margin:0;font-size:30px;line-height:1.12}
.maintenance-head p{margin:8px 0 0;color:#c4e8cf;font-size:16px;line-height:1.55}
.maintenance-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.maintenance-info-grid div{
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(145,255,187,.18);
  background:rgba(5,35,18,.62);
}
.maintenance-info-grid b{display:block;color:#fff;margin-bottom:5px}
.maintenance-info-grid span{color:#bfe6ca;font-size:13px}
.maintenance-login{
  margin-top:16px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.18);
}
.maintenance-login h2{margin:0 0 6px;font-size:20px}
.maintenance-login p{margin:0 0 14px;color:#afd8bd}
.maintenance-login .btn{margin-top:8px;min-width:180px}
.maintenance-note{
  margin-top:16px;
  padding:13px 16px;
  border-radius:18px;
  border:1px solid rgba(255,198,77,.25);
  background:rgba(255,198,77,.08);
  color:#ffe7a5;
  font-weight:800;
}
.admin-maintenance-card.active{
  border-color:rgba(255,105,105,.38);
  box-shadow:0 18px 48px rgba(255,68,68,.08), inset 0 1px 0 rgba(255,255,255,.04);
}
.maintenance-toggle-row{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.maintenance-toggle-row p{margin:0;color:#bfe6ca;line-height:1.5}
.admin-role-check{
  margin:10px 0 14px;
  border-color:rgba(255,198,77,.25);
  background:rgba(255,198,77,.07);
}
.logout-btn.disabled-countdown .logout-countdown{
  background:rgba(52,211,153,.14);
  border-color:rgba(52,211,153,.32);
  color:#baffd6;
}
@media(max-width:720px){
  .maintenance-card{padding:18px;border-radius:24px}
  .maintenance-head{align-items:flex-start;padding:16px}
  .maintenance-logo{width:62px;height:62px}
  .maintenance-head h1{font-size:24px}
  .maintenance-info-grid{grid-template-columns:1fr}
}

/* Farmkártya profit kiemelés */
.farm-profit-row strong.profit-positive{
  color:#ffd86b;
  text-shadow:0 0 10px rgba(255,216,107,.22);
}

.farm-profit-row strong.profit-negative{
  color:#ff5c5c;
  text-shadow:0 0 10px rgba(255,92,92,.24);
}

/* Farmkártya: Lejáratig piros, ha 24 órán belül jár le */
.lease-left-row.lease-soon span,
.lease-left-row.lease-soon strong{
  color:#ff5c5c;
  text-shadow:0 0 10px rgba(255,92,92,.22);
}

/* Progress szöveg kiemelés */
.progress-card .value.progress-ready-text{
  color:#35f278;
  text-shadow:0 0 10px rgba(53,242,120,.24);
}

.progress-card .value.progress-expired-text{
  color:#ffb347;
  text-shadow:0 0 10px rgba(255,179,71,.24);
}

/* Adaptív elrendezés javítás - kisebb kijelzők és telefon */
html,
body,
#app{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

img,
video,
canvas{
  max-width:100%;
}

.app-shell{
  width:100%;
  max-width:100vw;
  grid-template-columns:minmax(238px,280px) minmax(0,1fr);
}

.main{
  min-width:0;
  max-width:min(1500px,100%);
}

.sidebar{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.sidebar .nav{
  min-height:0;
  overflow-y:auto;
  padding-right:4px;
}

.sidebar-footer{
  flex:0 0 auto;
}

.card,
.farm-card,
.summary-panel,
.admin-section-card,
.admin-user-detail-card,
.admin-tab-hero,
.maintenance-card,
.auth-card{
  max-width:100%;
}

.table-wrap{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.table{
  max-width:none;
}

.farm-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));
}

.farm-card,
.farm-card *{
  min-width:0;
}

.farm-title,
.farm-location-panel,
.data-row strong,
.data-row span,
.progress-head,
.progress-meta,
.admin-overview-card,
.admin-quick-btn,
.log-detail,
.bug-card{
  overflow-wrap:anywhere;
}

@media (max-height:760px) and (min-width:901px){
  .sidebar{
    padding:14px!important;
  }

  .sidebar-brand-card{
    padding:10px!important;
    margin-bottom:10px!important;
  }

  .sidebar-brand-card .logo-badge{
    width:52px!important;
    height:52px!important;
    flex:0 0 52px!important;
  }

  .brand h2,
  .logo-title h2{
    font-size:15px!important;
    line-height:1.12!important;
  }

  .sidebar-clock-card{
    margin-bottom:10px!important;
    padding:8px 10px!important;
    font-size:12px!important;
  }

  .sidebar .nav{
    gap:6px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }

  .nav button{
    padding:9px 10px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }

  .sidebar-footer{
    position:static!important;
    margin-top:auto!important;
    display:grid!important;
    gap:8px!important;
  }

  .login-box{
    padding:9px 10px!important;
  }

  .logout-btn{
    width:100%!important;
    justify-content:space-between!important;
  }
}

@media (max-width:1280px){
  .app-shell{
    grid-template-columns:minmax(220px,250px) minmax(0,1fr)!important;
  }

  .main{
    padding:22px!important;
  }

  .farm-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))!important;
    gap:14px!important;
  }

  .admin-overview-grid{
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
  }

  .admin-settings-grid,
  .admin-two-col{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:900px){
  body{
    overflow-x:hidden!important;
  }

  .app-shell{
    display:block!important;
    grid-template-columns:1fr!important;
    min-height:100vh!important;
  }

  .sidebar{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    width:100%!important;
    padding:14px!important;
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
    overflow:visible!important;
  }

  .sidebar-brand-card{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    margin-bottom:10px!important;
    padding:10px!important;
  }

  .sidebar-brand-card .logo-badge{
    width:54px!important;
    height:54px!important;
    flex:0 0 54px!important;
  }

  .brand h2,
  .logo-title h2{
    font-size:16px!important;
    line-height:1.12!important;
  }

  .sidebar-clock-card{
    margin-bottom:12px!important;
  }

  .sidebar .nav,
  .nav{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    padding-right:0!important;
  }

  .nav button{
    min-height:44px!important;
    justify-content:flex-start!important;
    white-space:normal!important;
  }

  .sidebar-footer{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    margin-top:12px!important;
    display:grid!important;
    grid-template-columns:1fr minmax(180px,260px)!important;
    gap:10px!important;
    align-items:stretch!important;
  }

  .login-box,
  .logout-btn{
    min-width:0!important;
  }

  .logout-btn{
    width:100%!important;
    justify-content:space-between!important;
  }

  .main{
    padding:16px!important;
    padding-right:16px!important;
    max-width:100%!important;
  }

  .topbar,
  .farms-topbar,
  .section-head,
  .login-log-head,
  .admin-user-detail-head,
  .bug-card-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  .topbar .btn,
  .farms-topbar .btn{
    width:100%!important;
    justify-content:center!important;
  }

  .top-fab-group{
    position:fixed!important;
    top:10px!important;
    right:10px!important;
    z-index:60!important;
    gap:7px!important;
    padding:6px!important;
  }

  .help-fab,
  .rules-fab{
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
  }

  .summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .summary-panel{
    padding:14px!important;
    margin-bottom:18px!important;
  }

  .admin-overview-grid,
  .admin-overview-grid.compact{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .admin-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .farm-grid,
  .grid{
    grid-template-columns:1fr!important;
  }

  .farm-card{
    width:100%!important;
  }

  .table{
    min-width:720px!important;
  }

  .modal-backdrop,
  .help-backdrop,
  .deleted-profile-backdrop{
    padding:12px!important;
    align-items:start!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  .modal,
  .help-tablet,
  .deleted-profile-tablet,
  .confirm-modal{
    width:100%!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100vh - 24px)!important;
    overflow:auto!important;
  }
}

@media (max-width:620px){
  :root{
    --radius:18px;
  }

  .auth-wrap{
    padding:12px!important;
  }

  .auth-card{
    padding:18px!important;
    border-radius:22px!important;
  }

  .hero-logo{
    padding:14px!important;
    gap:12px!important;
  }

  .hero-logo img{
    width:64px!important;
    height:64px!important;
  }

  .app-shell{
    width:100%!important;
  }

  .sidebar{
    padding:12px!important;
  }

  .sidebar-brand-card{
    border-radius:18px!important;
  }

  .logo-title h2,
  .brand h2{
    font-size:15px!important;
  }

  .sidebar .nav,
  .nav{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }

  .nav button{
    padding:10px 9px!important;
    font-size:13px!important;
    gap:7px!important;
  }

  .sidebar-footer{
    grid-template-columns:1fr!important;
  }

  .main{
    padding:12px!important;
  }

  .topbar h1,
  .help-head h1,
  .maintenance-head h1{
    font-size:24px!important;
    line-height:1.12!important;
  }

  .topbar p,
  .section-head p,
  .muted{
    font-size:13px!important;
  }

  .summary{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .stat{
    padding:11px!important;
    border-radius:14px!important;
  }

  .stat .n{
    font-size:17px!important;
  }

  .stat .l{
    font-size:11px!important;
  }

  .admin-overview-grid,
  .admin-overview-grid.compact,
  .admin-quick-grid{
    grid-template-columns:1fr!important;
  }

  .admin-overview-card{
    padding:13px!important;
    border-radius:15px!important;
  }

  .admin-overview-card strong{
    font-size:22px!important;
  }

  .card{
    padding:14px!important;
    border-radius:18px!important;
  }

  .farm-card{
    padding:12px!important;
    border-radius:18px!important;
  }

  .farm-card .farm-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  .farm-card .farm-head-main,
  .farm-location-panel{
    width:100%!important;
  }

  .farm-card .farm-head .badge{
    align-self:flex-start!important;
  }

  .farm-card .data-list{
    grid-template-columns:1fr!important;
  }

  .farm-card .data-row{
    grid-template-columns:minmax(92px,auto) minmax(0,1fr)!important;
  }

  .farm-card .data-row strong{
    text-align:right!important;
  }

  .landlord-mini-panel{
    grid-template-columns:1fr!important;
  }

  .progress-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:6px!important;
  }

  .progress-right{
    width:100%!important;
    justify-content:space-between!important;
  }

  .progress-meta{
    flex-direction:column!important;
    gap:4px!important;
  }

  .farm-card .farm-actions{
    grid-template-columns:1fr!important;
  }

  .farm-card .action-buttons.three,
  .farm-card .action-buttons.two,
  .action-buttons.three,
  .action-buttons.two{
    grid-template-columns:1fr!important;
  }

  .farm-card .farm-actions .btn,
  .btn{
    min-height:40px!important;
  }

  .form-grid,
  .profile-card,
  .employee-grid,
  .bug-report-grid,
  .maintenance-info-grid{
    grid-template-columns:1fr!important;
  }

  .btn-row{
    flex-direction:column!important;
  }

  .btn-row .btn{
    width:100%!important;
  }

  .modal{
    padding:16px!important;
    border-radius:20px!important;
  }

  .help-tablet,
  .rules-tablet{
    border-radius:22px!important;
  }

  .help-head,
  .maintenance-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:14px!important;
  }

  .help-grid,
  .rules-list{
    grid-template-columns:1fr!important;
  }

  .toast{
    left:12px!important;
    right:12px!important;
    top:12px!important;
    width:auto!important;
  }
}

@media (max-width:420px){
  .sidebar .nav,
  .nav{
    grid-template-columns:1fr!important;
  }

  .summary{
    grid-template-columns:1fr!important;
  }

  .farm-card .data-row{
    grid-template-columns:1fr!important;
  }

  .farm-card .data-row strong{
    text-align:left!important;
  }

  .plant-mix-chip,
  .badge{
    max-width:100%!important;
  }
}

/* Fix bal oldali menü asztali nézetben */
@media (min-width:901px){
  .app-shell{
    grid-template-columns:280px minmax(0,1fr)!important;
  }

  .sidebar{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:280px!important;
    height:100vh!important;
    min-height:100vh!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    z-index:30!important;
  }

  .sidebar .nav{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:4px!important;
  }

  .sidebar-footer{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    margin-top:auto!important;
    display:grid!important;
    gap:10px!important;
    flex:0 0 auto!important;
  }

  .main{
    grid-column:2!important;
    min-width:0!important;
  }
}

@media (min-width:901px) and (max-width:1280px){
  .app-shell{
    grid-template-columns:250px minmax(0,1fr)!important;
  }

  .sidebar{
    width:250px!important;
  }
}

@media (min-width:901px) and (max-height:850px){
  .sidebar{
    padding:14px!important;
  }

  .sidebar-brand-card{
    padding:10px!important;
    margin-bottom:10px!important;
  }

  .sidebar-brand-card .logo-badge{
    width:52px!important;
    height:52px!important;
    flex:0 0 52px!important;
  }

  .brand h2,
  .logo-title h2{
    font-size:15px!important;
    line-height:1.12!important;
  }

  .sidebar-clock-card{
    margin-bottom:10px!important;
    padding:8px 10px!important;
    font-size:12px!important;
  }

  .sidebar .nav{
    gap:6px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }

  .nav button{
    padding:9px 10px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }

  .login-box{
    padding:9px 10px!important;
  }

  .logout-btn{
    width:100%!important;
    justify-content:space-between!important;
  }
}