:root{
    --green:#3a7d44; --green-dark:#2c5e34; --green-light:#dff0e0;
    --soil:#7c5a3a; --soil-light:#efe6db; --bg:#f6f8f5; --ink:#243024;
    --line:#cdd8cd; --accent:#e08a2b; --water:#3b82c4; --fert:#9b6b2f;
    --card:#ffffff;
  }
  *{box-sizing:border-box}
  body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}
  body>.app-header{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;padding:22px 26px}
  body>.app-header h1{margin:0;font-size:1.55rem}
  body>.app-header p{margin:6px 0 0;opacity:.92;font-size:.95rem}
  .wrap{max-width:1180px;margin:0 auto;padding:20px}
  .grid{display:grid;grid-template-columns:380px 1fr;gap:22px;align-items:start}
  @media(max-width:900px){.grid{grid-template-columns:1fr}}
  .card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
  .card h2{margin:0 0 12px;font-size:1.1rem;color:var(--green-dark);border-bottom:2px solid var(--green-light);padding-bottom:8px}
  .card h3{font-size:.98rem;margin:16px 0 8px;color:var(--soil)}
  label{display:block;font-size:.85rem;font-weight:600;margin:10px 0 4px}
  input[type=number],input[type=text],select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:.95rem;background:#fff}
  .row{display:flex;gap:8px}
  .row>*{flex:1}
  button{cursor:pointer;border:none;border-radius:8px;font-size:.92rem;font-weight:600;padding:9px 14px;transition:.15s}
  .btn-primary{background:var(--green);color:#fff;width:100%;padding:12px;font-size:1.02rem}
  .btn-primary:hover{background:var(--green-dark)}
  .btn-add{background:var(--green-light);color:var(--green-dark);margin-top:8px}
  .btn-add:hover{background:#cfe6d1}
  .btn-ghost{background:#f0f0f0;color:#444}
  .btn-del{background:#fbe3e3;color:#b03030;padding:6px 10px;flex:0 0 auto}
  .unit-line{display:flex;gap:6px;align-items:center;margin-bottom:8px}
  .unit-line input{flex:1}
  .unit-line .lbl{flex:0 0 90px;font-size:.82rem;font-weight:600}
  .bed-item,.pot-item{background:var(--soil-light);border-radius:8px;padding:10px;margin-bottom:8px}
  .crop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:320px;overflow:auto;padding:4px;border:1px solid var(--line);border-radius:8px}
  .crop-chip{display:flex;align-items:center;gap:6px;font-size:.86rem;padding:5px 7px;border-radius:7px;cursor:pointer;border:1px solid transparent}
  .crop-chip:hover{background:var(--green-light)}
  .crop-chip.sel{background:var(--green-light);border-color:var(--green)}
  .crop-chip .dot{width:13px;height:13px;border-radius:3px;flex:0 0 auto}
  .crop-placed-count{display:block;color:#6b7b6b;font-size:.68rem;line-height:1.15;margin-left:22px}
  .crop-chip input{width:auto;margin:0}
  .tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}
  .tab{padding:8px 14px;border-radius:8px 8px 0 0;background:#e8ede8;font-weight:600;font-size:.9rem;cursor:pointer}
  .tab.active{background:var(--green);color:#fff}
  .panel{display:none}
  .panel.active{display:block}
  table{width:100%;border-collapse:collapse;font-size:.85rem}
  th,td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}
  th{background:var(--green-light);color:var(--green-dark)}
  tfoot td{background:var(--soil-light);font-weight:700}
  .cal-cell{text-align:center;font-weight:700;font-size:.78rem}
  .cal-sow{background:#fde9c8;color:#9b6b2f}
  .cal-plant{background:#d7ecc4;color:#3a7d44}
  .cal-harvest{background:#f6c9c0;color:#b04a36}
  .legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.82rem;margin:10px 0}
  .legend span{display:inline-flex;align-items:center;gap:6px}
  .legend i{width:14px;height:14px;border-radius:3px;display:inline-block}
  .empty{color:#888;font-style:italic;padding:30px;text-align:center}
  .bed-svg-title{font-weight:700;fill:var(--green-dark)}
  .pill{display:inline-block;padding:2px 8px;border-radius:20px;font-size:.74rem;font-weight:600}
  .pill-low{background:#e3f0e3;color:#3a7d44}
  .pill-med{background:#fdf0d5;color:#9b6b2f}
  .pill-high{background:#dce8f6;color:#3b6fa8}
  .note{background:#fff8e8;border-left:4px solid var(--accent);padding:10px 12px;border-radius:0 8px 8px 0;font-size:.86rem;margin:8px 0}
  .note-blue{background:#eaf2fb;border-left-color:var(--water)}
  .toolbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}
  .summary{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
  .stat{background:var(--green-light);border-radius:10px;padding:10px 16px;text-align:center;min-width:90px}
  .stat b{display:block;font-size:1.4rem;color:var(--green-dark)}
  .stat small{font-size:.74rem;color:#566}
  .saved-tag{font-size:.78rem;color:var(--green);margin-left:auto}
  svg .bed-rect{fill:var(--soil-light);stroke:var(--soil);stroke-width:2}
  svg .plot-rect{fill:#eef6ea;stroke:var(--green);stroke-width:2}
  svg.layout-svg{touch-action:none;user-select:none;max-width:100%;height:auto}
  .beds-scroll{overflow-x:auto}
  g.plant{cursor:grab}
  g.plant:active{cursor:grabbing}
  .region-box{background:var(--green-light);border-radius:8px;padding:10px 12px;font-size:.83rem;margin-top:10px}
  .region-box b{color:var(--green-dark)}
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  }
  @media print{
    body>.app-header,.input-col,.toolbar,.tabs{display:none!important}
    .grid{grid-template-columns:1fr}
    .panel{display:block!important;page-break-inside:avoid}
    .card{box-shadow:none}
    .care-card>.care-body{display:block!important}
    .care-card>summary::before{display:none}
    #careOut .btn-ghost{display:none!important}
  }
  .foot{font-size:.78rem;color:#778;text-align:center;padding:18px}
  .content-ed{margin-top:8px;padding:10px;background:#fff;border:1px dashed var(--green);border-radius:8px}
  .content-ed .ce-row{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:.83rem}
  .content-ed .ce-row .dot{width:11px;height:11px;border-radius:3px;flex:0 0 auto}
  .content-ed .ce-row input{width:52px;flex:0 0 auto}
  .ce-cap{font-size:.78rem;margin-top:6px;font-weight:600}
  .ce-cap.over{color:#b03030}
  .ce-cap.ok{color:var(--green-dark)}
  .pot-num{font-weight:700;fill:var(--soil)}
  .custom-form{background:#fff;border:1px dashed var(--green);border-radius:8px;padding:12px;margin:0 0 10px}
  .custom-form .cf-field{margin-bottom:6px}
  .custom-form .cf-field label{margin:0 0 2px}
  .mrow{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;margin:2px 0 8px}
  .mtoggle{padding:4px 0;font-size:.68rem;border:1px solid var(--line);background:#fff;border-radius:5px;cursor:pointer;font-weight:600;color:#999}
  .mtoggle.on{background:var(--green);color:#fff;border-color:var(--green)}
  .chip-del{cursor:pointer;color:#b03030;font-weight:700;padding:0 3px;font-size:.9rem}
  .mini{font-size:.74rem;color:#778;display:block;margin-bottom:2px}
  .bedtype{display:flex;gap:4px;align-items:center;margin-bottom:5px;background:var(--soil-light);padding:5px 6px;border-radius:6px}
  .bedtype input{width:100%;padding:5px}
  .bedtype .x{flex:0 0 auto;padding:5px 8px}
  .gnote{background:#eef6ea;border-left:4px solid var(--green);padding:8px 10px;border-radius:0 8px 8px 0;font-size:.84rem;margin:8px 0}
  .lang-switch{position:absolute;top:18px;right:22px;display:flex;gap:4px}
  .lang-switch button{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:6px;padding:4px 9px;font-size:.8rem;font-weight:600}
  .lang-switch button.active{background:#fff;color:var(--green-dark);border-color:#fff}
  body>.app-header{position:relative}
  .warn-box{background:#fff3e0;border-left:4px solid var(--accent);padding:8px 10px;border-radius:0 8px 8px 0;font-size:.8rem;margin-top:8px;color:#8a5a1a}
  .conf-panel{background:#fff3e0;border-left:4px solid #c0392b;border-radius:0 8px 8px 0;margin:12px 0;font-size:.84rem}
  .conf-panel>summary{cursor:pointer;padding:9px 12px;font-weight:700;color:#8a2a1a;list-style:none}
  .conf-panel>summary::-webkit-details-marker{display:none}
  .conf-panel>summary::before{content:'▸ ';display:inline-block;transition:transform .15s}
  .conf-panel[open]>summary::before{content:'▾ '}
  .conf-body{padding:2px 12px 10px}
  .conf-item{margin:5px 0;border-left:3px solid #e0a070;background:#fff8ef;border-radius:0 6px 6px 0}
  .conf-item>summary{cursor:pointer;padding:6px 10px;font-weight:700;color:#8a4a1a;list-style:none}
  .conf-item>summary::-webkit-details-marker{display:none}
  .conf-item>summary::before{content:'▸ ';color:#b06a30}
  .conf-item[open]>summary::before{content:'▾ ';color:#b06a30}
  .conf-rows{padding:2px 12px 9px;color:#7a3a1a}
  .care-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:12px}
  .care-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;align-self:start}
  .care-card>summary{cursor:pointer;list-style:none;padding:10px 12px;font-size:.95rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .care-card>summary::-webkit-details-marker{display:none}
  .care-card>summary::before{content:'▸';color:#8aa078;font-size:.8rem}
  .care-card[open]>summary::before{content:'▾';color:#8aa078;font-size:.8rem}
  .care-card[open]>summary{border-bottom:1px solid var(--line)}
  .care-body{padding:9px 12px 11px}
  .sun-badge{margin-left:auto;font-size:.72rem;background:#fff7e0;color:#9a6a10;border-radius:10px;padding:2px 8px;white-space:nowrap}
  .care-rec{font-size:.82rem;background:#f1f8ec;border-left:3px solid var(--green);border-radius:0 6px 6px 0;padding:6px 8px;margin-bottom:7px;color:#33502f;line-height:1.35}
  .care-line{font-size:.8rem;margin:3px 0;line-height:1.3}
  .di-thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;cursor:zoom-in;border:1px solid var(--line);vertical-align:middle;margin-right:6px}
  .lightbox{position:fixed;inset:0;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out}
  .lightbox img{max-width:92%;max-height:92%;border-radius:8px;box-shadow:0 6px 30px rgba(0,0,0,.5)}
  .di-photo-btn{cursor:pointer;display:inline-flex;align-items:center;gap:4px}
  .guide-item{border-bottom:1px solid var(--green-light)}
  .guide-item summary{cursor:pointer;font-weight:600;color:var(--green-dark);padding:8px 2px;list-style-position:inside}
  .guide-item summary::marker{color:var(--green)}
  .guide-body{font-size:.86rem;padding:2px 4px 10px;color:#3a4a3a}
  .tip-card{background:var(--soil-light);border-radius:8px;padding:8px 10px;margin-bottom:8px}
  .tip-card a{text-decoration:none}
  /* Toast obvestila (nadomestek za blokirni alert) */
  #toastHost{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:2500000;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:92vw}
  #toastHost .toast{background:#243024;color:#fff;padding:11px 16px;border-radius:10px;font-size:.92rem;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.22);opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;max-width:92vw;text-align:left;white-space:pre-line;line-height:1.4}
  #toastHost .toast.show{opacity:1;transform:translateY(0)}
  #toastHost .toast.ok{background:var(--green-dark)}
  #toastHost .toast.warn{background:#b07419}
  #toastHost .toast.err{background:#b03030}
  @media print{#toastHost{display:none}}