/* Shared glass-card theme for feedback.html and admin.html (same look as Orbis Fleet Status) */
:root{
  --bg:#ECEDF0;--veil:linear-gradient(180deg,rgba(236,237,240,.62) 0%,rgba(236,237,240,.50) 45%,rgba(236,237,240,.72) 100%);
  --surface:#FFFFFF;--fg:#1D1D1F;--brand:#2E3136;--mute:#6E6E73;--line:#E4E6E9;--track:#EEEFF1;
  --card-bg:rgba(255,255,255,.66);--card-line:rgba(46,49,54,.16);--chip-bg:rgba(244,245,247,.7);
  --card-shadow:0 1px 2px rgba(46,49,54,.08),0 4px 10px -4px rgba(46,49,54,.10),0 16px 32px -18px rgba(46,49,54,.30);
  --ico-bg:#2E3136;--ico-fg:#FFFFFF;--accent:#5E6E58;--ok:#1E7B34;--warn:#FF9F0A;--err:#D70015;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;isolation:isolate}
body::before{content:"";position:fixed;inset:-40px;z-index:-2;background:url(bg.jpg) center 55%/cover no-repeat;filter:blur(8px) saturate(1.15);transform:scale(1.05)}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:var(--veil)}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* top bar */
.top{position:sticky;top:0;z-index:20;background:var(--card-bg);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);border-bottom:1px solid var(--card-line)}
.top-in{max-width:1320px;margin:0 auto;padding:12px clamp(16px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.logo img{height:30px;width:auto;display:block}
.logo .lw{display:none}
.toplab{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}

/* glass card */
.card{background:var(--card-bg);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);border:1px solid var(--card-line);box-shadow:var(--card-shadow);border-radius:clamp(20px,2vw,28px);padding:clamp(20px,2.4vw,32px)}
.ch{display:flex;align-items:center;gap:14px}
.ico{width:44px;height:44px;border-radius:28%;background:var(--ico-bg);color:var(--ico-fg);display:flex;align-items:center;justify-content:center;flex:none}
.ico svg{width:54%;height:54%}
.lab{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.stp{display:inline-flex;align-items:center;justify-content:center;width:1.75em;height:1.75em;margin-right:.5em;border-radius:980px;background:var(--fg);color:var(--bg);font-size:.95em;letter-spacing:0;vertical-align:.05em}
.plc{margin-top:2px;font-size:clamp(17px,1.5vw,21px);font-weight:650;letter-spacing:-.02em}
.mute{color:var(--mute)}

/* buttons + fields */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 24px;border:0;border-radius:980px;background:var(--brand);color:var(--bg);font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s,opacity .2s}
.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.55;cursor:default}
.btn.ghost{background:var(--chip-bg);color:var(--fg);border:1px solid var(--card-line)}
.btn.sm{min-height:38px;padding:7px 16px;font-size:14px}
.fld{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--mute)}
.inp{width:100%;font-size:16px;padding:12px 14px;border-radius:12px;border:1px solid var(--card-line);background:var(--chip-bg);color:var(--fg);min-height:48px}
textarea.inp{min-height:90px;resize:vertical}
.inp:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px rgba(46,49,54,.14)}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(20px);opacity:0;z-index:60;padding:12px 20px;border-radius:980px;background:var(--brand);color:var(--bg);font-size:15px;font-weight:600;transition:opacity .25s,transform .25s;pointer-events:none;max-width:calc(100% - 32px)}
.toast.on{opacity:1;transform:translateX(-50%)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}