/* Safina Garden: a living garden record. Layout: overview (health ring + numbers), plant cards, garden journal; plant profiles open in a dialog. Matches the site's forest / gold / cream palette. */
.sgdb{
  --forest:#173b30;--forest-2:#1f5142;--leaf:#3f7f5f;--mint:#e3eee7;--cream:#fffdf8;--sand:#f7f3ea;--paper:#ffffff;
  --ink:#1e271f;--muted:#5a685f;--line:#e4e0d4;--gold:#e7c76e;--gold-2:#d4b055;--gold-ink:#7b5b32;
  --ok:#2f7d57;--ok-bg:#e2f0e7;--rec:#8a6a12;--rec-bg:#f7efd6;--warn:#b4561f;--warn-bg:#fbe8da;--crit:#b3261e;--crit-bg:#f9dedc;
  --t-trees:#e5efea;--t-veg:#edf1e4;--t-flowers:#f3ecd9;
  --shadow:0 1px 2px rgba(23,59,48,.06),0 8px 24px rgba(23,59,48,.08);
  --shadow-lg:0 2px 4px rgba(23,59,48,.06),0 22px 48px rgba(23,59,48,.16);
  --serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;
  font:16px/1.55 var(--sans);color:var(--ink);text-align:left}
.sgdb *,.sgdb *::before,.sgdb *::after{box-sizing:border-box}
html.sgdb-lock,html.sgdb-lock body{overflow:hidden}
.sgdb [hidden]{display:none!important}
.sgdb img{max-width:100%;display:block}
.sgdb svg{display:block}
.sgdb button{-webkit-appearance:none;appearance:none;margin:0;padding:0;min-width:0;min-height:0;width:auto;height:auto;font:inherit;line-height:1.2;text-transform:none;letter-spacing:normal;box-shadow:none;cursor:pointer;border:0;background:none;color:inherit;text-align:inherit}
.sgdb button:disabled{opacity:.55;cursor:default}
.sgdb button:focus-visible,.sgdb a:focus-visible,.sgdb .sgdb-field input:focus-visible,.sgdb .sgdb-field select:focus-visible,.sgdb .sgdb-field textarea:focus-visible,.sgdb .sgdb-search input:focus-visible{outline:3px solid var(--gold-2);outline-offset:2px}
.sgdb .sgdb-ico{display:inline-flex;width:20px;height:20px;flex:none}
.sgdb .sgdb-ico svg{width:100%;height:100%}

/* Buttons */
.sgdb .sgdb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 20px;border-radius:999px;font:800 14px/1.2 var(--sans);transition:background .18s,transform .18s,box-shadow .18s;white-space:nowrap}
.sgdb .sgdb-btn-gold{background:var(--gold);color:var(--forest)}
.sgdb .sgdb-btn-gold:hover{background:#f3d98d;transform:translateY(-1px)}
.sgdb .sgdb-btn-forest{background:var(--forest);color:#fff}
.sgdb .sgdb-btn-forest:hover{background:var(--forest-2);transform:translateY(-1px)}
.sgdb .sgdb-btn-ghost{background:var(--paper);color:var(--forest);box-shadow:inset 0 0 0 1.5px var(--line)}
.sgdb .sgdb-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--forest)}
.sgdb .sgdb-btn-danger{background:var(--paper);color:var(--crit);box-shadow:inset 0 0 0 1.5px #ecc7c3}
.sgdb .sgdb-btn-danger:hover{background:var(--crit-bg)}
.sgdb .sgdb-btn-sm{min-height:34px;padding:7px 14px;font-size:13px}
.sgdb .sgdb-link{font:800 13px/1.2 var(--sans);color:var(--leaf);padding:4px 2px;border-radius:6px}
.sgdb .sgdb-link:hover{color:var(--forest);text-decoration:underline;text-underline-offset:3px}

/* Overview */
.sgdb .sgdb-overview{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(0,1.55fr);gap:20px;margin-bottom:26px}
.sgdb .sgdb-ringcard{--ring:148px;background:var(--forest);color:#fff;border-radius:28px;padding:26px;display:flex;align-items:center;gap:24px;box-shadow:var(--shadow);background-image:radial-gradient(ellipse at 0% 0%,rgba(83,130,89,.38),transparent 62%)}
.sgdb .sgdb-ring{position:relative;width:var(--ring);height:var(--ring);flex:none}
.sgdb .sgdb-ring svg{width:var(--ring);height:var(--ring);transform:rotate(-90deg)}
.sgdb .sgdb-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.sgdb .sgdb-ring-num{font:500 calc(var(--ring) * .3)/1 var(--serif);color:#fff}
.sgdb .sgdb-legend{flex:1}
.sgdb .sgdb-ring-lbl{font:800 10px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#cfe0d5;margin-top:6px}
.sgdb .sgdb-legend{display:grid;gap:9px;min-width:0}
.sgdb .sgdb-legend-title{font:500 21px/1.2 var(--serif);color:#fff;margin-bottom:4px}
.sgdb .sgdb-legend-row{display:flex;align-items:center;gap:10px;font:14px/1.3 var(--sans);color:#e0ebe4}
.sgdb .sgdb-legend-row b{margin-left:auto;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.sgdb .sgdb-dot{width:10px;height:10px;border-radius:50%;flex:none}
.sgdb .sgdb-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sgdb .sgdb-tile{background:var(--paper);border-radius:22px;padding:18px 18px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;min-width:0}
.sgdb .sgdb-tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--leaf)}
.sgdb .sgdb-tile-num{font:500 34px/1 var(--serif);color:var(--forest);font-variant-numeric:tabular-nums}
.sgdb .sgdb-tile-lbl{font:700 13px/1.35 var(--sans);color:var(--muted)}
.sgdb .sgdb-tile-next{grid-column:1/-1;flex-direction:row;align-items:center;gap:14px;background:var(--sand);box-shadow:inset 0 0 0 1px var(--line)}
.sgdb .sgdb-tile-next .sgdb-ico{width:28px;height:28px;color:var(--gold-ink)}
.sgdb .sgdb-next-txt{font:15px/1.45 var(--sans);color:var(--ink);min-width:0}
.sgdb .sgdb-next-txt b{color:var(--forest)}

/* Toolbar */
.sgdb .sgdb-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 20px}
.sgdb .sgdb-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto}
.sgdb .sgdb-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 15px 8px 12px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);font:700 14px/1.2 var(--sans);color:var(--forest);transition:box-shadow .18s,background .18s}
.sgdb .sgdb-chip:hover{box-shadow:inset 0 0 0 1.5px var(--forest)}
.sgdb .sgdb-chip[aria-pressed="true"]{background:var(--forest);color:#fff;box-shadow:none}
.sgdb .sgdb-chip .sgdb-ico{width:22px;height:22px}
.sgdb .sgdb-chip-n{font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}
.sgdb .sgdb-search{position:relative;flex:0 1 260px;min-width:180px}
.sgdb .sgdb-search .sgdb-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);width:18px;height:18px;pointer-events:none}
.sgdb .sgdb-search input{width:100%;min-height:42px;padding:9px 14px 9px 40px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);font:15px/1.3 var(--sans);color:var(--ink)}
.sgdb .sgdb-select{width:auto;max-width:100%;flex:0 0 auto;margin:0;min-height:42px;padding:8px 34px 8px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173b30' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px;-webkit-appearance:none;appearance:none;font:700 14px/1.2 var(--sans);color:var(--forest)}

/* Plant cards */
.sgdb .sgdb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.sgdb .sgdb-card{display:flex;flex-direction:column;width:100%;background:var(--paper);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s;text-align:left}
.sgdb .sgdb-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.sgdb .sgdb-cover{position:relative;aspect-ratio:4/3;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sgdb .sgdb-cover.trees{background:var(--t-trees)}.sgdb .sgdb-cover.veg{background:var(--t-veg)}.sgdb .sgdb-cover.flowers{background:var(--t-flowers)}
.sgdb .sgdb-cover::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(23,59,48,.07) 1.2px,transparent 1.3px);background-size:16px 16px}
.sgdb .sgdb-cover .sgdb-art{position:relative;width:84px;height:84px;color:#35735b;opacity:.9}
.sgdb .sgdb-cover .sgdb-art svg{width:100%;height:100%}
.sgdb .sgdb-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sgdb .sgdb-card:hover .sgdb-cover img{transform:scale(1.04)}
.sgdb .sgdb-cover-add{position:absolute;left:0;right:0;bottom:12px;text-align:center;font:700 12px/1.3 var(--sans);color:var(--leaf)}
.sgdb .sgdb-badges{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.sgdb .sgdb-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font:800 12px/1.1 var(--sans);white-space:nowrap}
.sgdb .sgdb-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.sgdb .sgdb-pill.ok{background:var(--ok-bg);color:var(--ok)}.sgdb .sgdb-pill.rec{background:var(--rec-bg);color:var(--rec)}
.sgdb .sgdb-pill.warn{background:var(--warn-bg);color:var(--warn)}.sgdb .sgdb-pill.crit{background:var(--crit-bg);color:var(--crit)}
.sgdb .sgdb-pill.none{background:#eef0ec;color:var(--muted)}
.sgdb .sgdb-cover .sgdb-pill{box-shadow:0 2px 8px rgba(0,0,0,.08)}
.sgdb .sgdb-count{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:rgba(23,59,48,.78);color:#fff;font:700 12px/1.1 var(--sans)}
.sgdb .sgdb-count .sgdb-ico{width:14px;height:14px}
.sgdb .sgdb-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.sgdb .sgdb-eyebrow{font:800 10.5px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.sgdb .sgdb-name{font:500 23px/1.15 var(--serif);color:var(--forest);letter-spacing:-.01em}
.sgdb .sgdb-stage{font:14px/1.4 var(--sans);color:var(--muted)}
.sgdb .sgdb-note{font:14px/1.55 var(--sans);color:var(--ink);opacity:.86;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}
.sgdb .sgdb-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}
.sgdb .sgdb-mchip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--sand);font:700 12px/1.2 var(--sans);color:var(--muted)}
.sgdb .sgdb-mchip .sgdb-ico{width:14px;height:14px}
.sgdb .sgdb-mchip.due{background:var(--warn-bg);color:var(--warn)}
.sgdb .sgdb-mchip.late{background:var(--crit-bg);color:var(--crit)}
.sgdb .sgdb-empty{grid-column:1/-1;background:var(--paper);border-radius:24px;padding:40px 24px;text-align:center;color:var(--muted);box-shadow:var(--shadow)}

/* Journal */
.sgdb .sgdb-journal{margin-top:34px;background:var(--paper);border-radius:28px;padding:26px 26px 18px;box-shadow:var(--shadow)}
.sgdb .sgdb-section-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.sgdb .sgdb-h{font:500 26px/1.15 var(--serif);color:var(--forest)}
.sgdb .sgdb-sub{font:14px/1.4 var(--sans);color:var(--muted)}
.sgdb .sgdb-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 26px}
.sgdb .sgdb-feed-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line);width:100%;text-align:left}
.sgdb .sgdb-feed-item:hover .sgdb-feed-what{color:var(--leaf)}
.sgdb .sgdb-feed-ico{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.sgdb .sgdb-feed-ico.care{background:var(--mint);color:var(--leaf)}.sgdb .sgdb-feed-ico.obs{background:var(--rec-bg);color:var(--rec)}.sgdb .sgdb-feed-ico.photo{background:#e8eef6;color:#3b5f8a}
.sgdb .sgdb-feed-what{font:700 14px/1.35 var(--sans);color:var(--forest)}
.sgdb .sgdb-feed-when{font:12.5px/1.4 var(--sans);color:var(--muted);margin-top:2px}
.sgdb .sgdb-fine{margin-top:18px;font:13px/1.5 var(--sans);color:var(--muted);display:flex;gap:10px;align-items:flex-start;background:var(--sand);border-radius:16px;padding:12px 16px}
.sgdb .sgdb-fine .sgdb-ico{color:var(--gold-ink);margin-top:1px}

/* Dialog layer */
.sgdb .sgdb-layer{position:fixed;inset:0;z-index:2147480000;background:rgba(12,32,25,.56);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));animation:sgdbFade .2s ease}
.sgdb .sgdb-panel{position:relative;width:min(1040px,100%);max-height:92vh;overflow:auto;background:var(--cream);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:sgdbRise .26s ease;-webkit-overflow-scrolling:touch}
.sgdb .sgdb-panel.narrow{width:min(640px,100%)}
.sgdb .sgdb-x{position:absolute;right:14px;top:14px;z-index:3;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--forest);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.sgdb .sgdb-x:hover{background:#fff}
@keyframes sgdbFade{from{opacity:0}to{opacity:1}}
@keyframes sgdbRise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}

/* Plant profile */
.sgdb .sgdb-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.sgdb .sgdb-gallery{padding:18px;background:var(--paper)}
.sgdb .sgdb-hero{position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.sgdb .sgdb-hero.trees{background:var(--t-trees)}.sgdb .sgdb-hero.veg{background:var(--t-veg)}.sgdb .sgdb-hero.flowers{background:var(--t-flowers)}
.sgdb .sgdb-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(23,59,48,.07) 1.2px,transparent 1.3px);background-size:16px 16px}
.sgdb .sgdb-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.sgdb .sgdb-hero .sgdb-art{position:relative;width:110px;height:110px;color:#35735b}
.sgdb .sgdb-hero .sgdb-art svg{width:100%;height:100%}
.sgdb .sgdb-hero-btn{position:absolute;inset:0;width:100%;height:100%}
.sgdb .sgdb-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.sgdb .sgdb-thumb{flex:none;width:76px;height:76px;border-radius:14px;overflow:hidden;position:relative;box-shadow:inset 0 0 0 2px transparent}
.sgdb .sgdb-thumb img{width:100%;height:100%;object-fit:cover}
.sgdb .sgdb-thumb[aria-current="true"]{box-shadow:0 0 0 3px var(--gold)}
.sgdb .sgdb-thumb-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--sand);color:var(--leaf);font:800 11px/1.2 var(--sans);box-shadow:inset 0 0 0 1.5px dashed var(--line);border:1.5px dashed #cbd5c8}
.sgdb .sgdb-info{padding:30px 30px 26px;display:flex;flex-direction:column;gap:10px;min-width:0}
.sgdb .sgdb-info .sgdb-name{font-size:clamp(28px,3.2vw,38px)}
.sgdb .sgdb-facts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sgdb .sgdb-fact{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font:700 12.5px/1.2 var(--sans);color:var(--muted)}
.sgdb .sgdb-lede{font:16px/1.65 var(--sans);color:var(--ink)}
.sgdb .sgdb-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.sgdb .sgdb-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);margin-top:12px;align-self:flex-start;max-width:100%;overflow-x:auto}
.sgdb .sgdb-tab{padding:9px 16px;border-radius:999px;font:800 13px/1.2 var(--sans);color:var(--muted);white-space:nowrap}
.sgdb .sgdb-tab[aria-selected="true"]{background:var(--forest);color:#fff}
.sgdb .sgdb-tabpanel{margin-top:6px}

/* Timeline */
.sgdb .sgdb-timeline{position:relative;display:grid;gap:12px;padding-left:22px}
.sgdb .sgdb-timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--line);border-radius:2px}
.sgdb .sgdb-ev{position:relative;background:var(--paper);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow)}
.sgdb .sgdb-ev::before{content:"";position:absolute;left:-21px;top:18px;width:12px;height:12px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 3px var(--cream)}
.sgdb .sgdb-ev.obs::before{background:var(--gold-2)}
.sgdb .sgdb-ev-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sgdb .sgdb-ev-date{font:800 11px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink)}
.sgdb .sgdb-ev-title{font:700 16px/1.35 var(--sans);color:var(--forest);margin-top:2px}
.sgdb .sgdb-ev-sub{font:14px/1.5 var(--sans);color:var(--muted);margin-top:4px}
.sgdb .sgdb-ev-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sgdb .sgdb-sev{display:inline-flex;gap:3px;align-items:center}
.sgdb .sgdb-sev i{width:8px;height:8px;border-radius:50%;background:#e2ddd0}
.sgdb .sgdb-sev i.on{background:var(--warn)}
.sgdb .sgdb-none{background:var(--paper);border-radius:18px;padding:22px;text-align:center;color:var(--muted);font:14px/1.5 var(--sans);box-shadow:inset 0 0 0 1.5px dashed var(--line);border:1.5px dashed #d6dccf}
.sgdb .sgdb-photogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.sgdb .sgdb-ph{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--sand)}
.sgdb .sgdb-ph img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.sgdb .sgdb-ph:hover img{transform:scale(1.05)}

/* Forms */
.sgdb .sgdb-form{padding:30px}
.sgdb .sgdb-form-h{font:500 28px/1.15 var(--serif);color:var(--forest);margin:0 50px 4px 0}
.sgdb .sgdb-form-sub{font:14px/1.5 var(--sans);color:var(--muted);margin-bottom:18px}
.sgdb .sgdb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sgdb .sgdb-field{display:grid;gap:6px;min-width:0}
.sgdb .sgdb-field.full{grid-column:1/-1}
.sgdb .sgdb-field label,.sgdb .sgdb-field .sgdb-lbl{font:800 12.5px/1.3 var(--sans);color:var(--muted);letter-spacing:.02em}
.sgdb .sgdb-field input,.sgdb .sgdb-field select,.sgdb .sgdb-field textarea{width:100%;min-height:46px;padding:11px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--paper);font:16px/1.4 var(--sans);color:var(--ink);margin:0;box-shadow:none}
.sgdb .sgdb-field input[readonly]{background:var(--sand);color:var(--muted)}
.sgdb .sgdb-field textarea{min-height:96px;resize:vertical}
.sgdb .sgdb-seg{display:flex;flex-wrap:wrap;gap:8px}
.sgdb .sgdb-seg button{min-height:40px;padding:8px 14px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);font:800 13px/1.2 var(--sans);color:var(--muted)}
.sgdb .sgdb-seg button[aria-pressed="true"].ok{background:var(--ok-bg);color:var(--ok);box-shadow:inset 0 0 0 1.5px var(--ok)}
.sgdb .sgdb-seg button[aria-pressed="true"].rec{background:var(--rec-bg);color:var(--rec);box-shadow:inset 0 0 0 1.5px var(--rec)}
.sgdb .sgdb-seg button[aria-pressed="true"].warn{background:var(--warn-bg);color:var(--warn);box-shadow:inset 0 0 0 1.5px var(--warn)}
.sgdb .sgdb-seg button[aria-pressed="true"].crit{background:var(--crit-bg);color:var(--crit);box-shadow:inset 0 0 0 1.5px var(--crit)}
.sgdb .sgdb-seg button[aria-pressed="true"].plain{background:var(--forest);color:#fff;box-shadow:none}
.sgdb .sgdb-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;align-items:center}
.sgdb .sgdb-form-actions .sgdb-spacer{flex:1}
.sgdb .sgdb-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sgdb .sgdb-err{font:700 14px/1.4 var(--sans);color:var(--crit);margin-top:12px;min-height:1.2em}
.sgdb .sgdb-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;border-radius:22px;border:2px dashed #c9d4c6;background:var(--paper);color:var(--leaf);text-align:center;padding:20px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s,background .2s}
.sgdb .sgdb-drop:hover,.sgdb .sgdb-drop.over{border-color:var(--leaf);background:#f6faf6}
.sgdb .sgdb-drop .sgdb-ico{width:40px;height:40px}
.sgdb .sgdb-drop b{font:800 15px/1.3 var(--sans);color:var(--forest)}
.sgdb .sgdb-drop span.sgdb-sub{font-size:13px}
.sgdb .sgdb-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sgdb .sgdb-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}

/* Lightbox */
.sgdb .sgdb-lightbox{position:fixed;inset:0;z-index:2147480100;background:rgba(8,18,14,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px 20px;animation:sgdbFade .2s ease}
.sgdb .sgdb-lightbox img{max-width:min(1200px,100%);max-height:calc(100vh - 170px);border-radius:14px;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.sgdb .sgdb-lb-cap{color:#e0ebe4;font:15px/1.5 var(--sans);text-align:center;margin-top:14px;max-width:70ch}
.sgdb .sgdb-lb-cap small{display:block;color:#9fb4a8;font-size:12.5px;margin-top:2px}
.sgdb .sgdb-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center}
.sgdb .sgdb-lb-nav:hover{background:rgba(255,255,255,.26)}
.sgdb .sgdb-lb-prev{left:max(12px,env(safe-area-inset-left,0px))}.sgdb .sgdb-lb-next{right:max(12px,env(safe-area-inset-right,0px))}
.sgdb .sgdb-lb-close{position:absolute;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center}
.sgdb .sgdb-lb-tools{display:flex;gap:10px;margin-top:12px}
.sgdb .sgdb-lb-tools .sgdb-btn-sm{background:rgba(255,255,255,.12);color:#fff}
.sgdb .sgdb-lb-tools .sgdb-btn-sm:hover{background:rgba(255,255,255,.22)}

/* Toast */
.sgdb .sgdb-toast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;z-index:2147480200;background:var(--forest);color:#fff;padding:13px 22px;border-radius:999px;font:700 14px/1.3 var(--sans);box-shadow:0 12px 30px rgba(0,0,0,.25);transition:opacity .25s,transform .25s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}
.sgdb .sgdb-toast.show{opacity:1;transform:translate(-50%,0)}
.sgdb .sgdb-toast.bad{background:var(--crit)}
.sgdb .sgdb-loading{padding:40px;text-align:center;color:var(--muted)}

/* Responsive */
@media (max-width:980px){
  .sgdb .sgdb-overview{grid-template-columns:1fr}
  .sgdb .sgdb-profile{grid-template-columns:1fr}
  .sgdb .sgdb-info{padding:22px 20px 24px}
}
@media (max-width:640px){
  .sgdb .sgdb-ringcard{--ring:112px;padding:20px 18px;gap:16px;border-radius:24px}
  .sgdb .sgdb-ring-lbl{font-size:9px;margin-top:4px}
  .sgdb .sgdb-legend{gap:7px}
  .sgdb .sgdb-legend-title{font-size:18px}
  .sgdb .sgdb-legend-row{font-size:13px;gap:8px}
  .sgdb .sgdb-tabs{display:flex;width:100%}
  .sgdb .sgdb-tab{flex:1;padding:9px 6px;font-size:12.5px;text-align:center}
  .sgdb .sgdb-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sgdb .sgdb-tile{padding:15px;border-radius:18px}
  .sgdb .sgdb-tile-num{font-size:28px}
  .sgdb .sgdb-search{flex:1 1 100%}
  .sgdb .sgdb-select{flex:1 1 auto}
  .sgdb .sgdb-grid{grid-template-columns:1fr;gap:16px}
  .sgdb .sgdb-layer{padding:0;align-items:flex-end}
  .sgdb .sgdb-panel,.sgdb .sgdb-panel.narrow{width:100%;max-height:94vh;border-radius:24px 24px 0 0}
  .sgdb .sgdb-fields{grid-template-columns:1fr}
  .sgdb .sgdb-form{padding:24px 18px max(24px,env(safe-area-inset-bottom,0px))}
  .sgdb .sgdb-journal{padding:20px 18px 12px;border-radius:22px}
  .sgdb .sgdb-gallery{padding:12px}
}
@media (prefers-reduced-motion:reduce){.sgdb *{transition:none!important;animation:none!important}}