/* ZipDrip Accounts — sign-in pages + Client Portal. Namespaced under .zda so theme styles don't leak in. */
.zda-page .fl-post-header{display:none !important}
.zda-page .fl-content,.zda-page .fl-post{margin:0 !important;padding:0 !important}
.zda-page .fl-content-full .fl-content{max-width:none}
.zda{--bg:#000;--card:#0d0d0d;--card2:#141414;--line:#2b2b2b;--chrome:#dfe4ea;--dim:#c9ced6;--mute:#7d8189;--ok:#5fd38d;--warn:#f5c451;--err:#ff6b6b;
  font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;color:var(--chrome);background:var(--bg);padding:48px 16px 72px;box-sizing:border-box;line-height:1.5}
.zda *,.zda *::before,.zda *::after{box-sizing:border-box}
.zda a{color:inherit}
.zda-logo{font-weight:800;letter-spacing:.22em;font-size:13px;color:var(--dim);margin-bottom:18px}
.zda-h1{font-family:inherit !important;font-weight:800 !important;font-size:clamp(28px,5vw,40px) !important;line-height:1.1 !important;margin:0 0 10px !important;color:var(--chrome) !important;letter-spacing:-.01em}
.zda h2,.zda h3{font-family:inherit !important;color:var(--chrome) !important;font-weight:800 !important;margin:0 0 6px !important;line-height:1.2 !important}
.zda-lead{color:var(--dim);font-size:16px;margin:0 0 24px}
.zda-muted{color:var(--mute)}
.zda-small{font-size:13px;margin-top:12px}
.zda-auth,.zda-hub{max-width:520px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px clamp(20px,4vw,36px)}
.zda-hub{max-width:980px;background:transparent;border:0;padding:0;text-align:center}
.zda-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;text-align:left;margin-top:8px}
.zda-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.zda-choice{display:flex;flex-direction:column;gap:6px;text-decoration:none !important;transition:border-color .2s,transform .2s}
.zda-choice:hover{border-color:var(--chrome);transform:translateY(-2px)}
.zda-logo-img{display:inline-block;margin-bottom:22px;letter-spacing:0}
.zda-logo-img img{height:56px !important;width:auto !important;max-width:100%;display:block}
.zda-hub .zda-logo-img img{height:72px !important;margin:0 auto}
.zda-featured{grid-column:1/-1;border-color:#4a4d52}
.zda-points{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 18px}
.zda-points li{position:relative;padding-left:16px;color:var(--dim);font-size:14px;line-height:1.5}
.zda-points li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--chrome)}
.zda-points b{color:var(--chrome);font-weight:800}
.zda-choice p{color:var(--dim);margin:0 0 12px;flex:1}
.zda-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);font-weight:700}
.zda-tabs{display:flex;gap:6px;background:#000;border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:20px}
.zda-tab{flex:1;background:transparent;border:0;color:var(--mute);font:inherit;font-weight:700;padding:10px 12px;border-radius:999px;cursor:pointer}
.zda-tab.is-on{background:var(--chrome);color:#000}
.zda-pane{display:none}.zda-pane.is-on{display:block}
.zda-form{display:flex;flex-direction:column;gap:14px}
.zda-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.zda-grid2{grid-template-columns:1fr}}
.zda-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--dim)}
.zda-field small{font-weight:500;color:var(--mute)}
.zda input:not([type]),.zda input[type=text],.zda input[type=email],.zda input[type=password],.zda input[type=tel],.zda input[type=url],.zda input[type=number],.zda textarea,.zda select{
  width:100%;background:#000 !important;border:1px solid var(--line) !important;border-radius:12px !important;color:var(--chrome) !important;font:inherit !important;font-size:15px !important;padding:12px 14px !important;outline:none;box-shadow:none !important;margin:0}
.zda input:focus,.zda textarea:focus,.zda select:focus{border-color:var(--chrome) !important;box-shadow:0 0 0 3px rgba(223,228,234,.15) !important}
.zda-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.zda-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--dim);cursor:pointer}
.zda-check input{margin-top:3px;accent-color:#dfe4ea}
.zda-link{color:var(--chrome) !important;text-decoration:underline;text-underline-offset:3px}
.zda-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--chrome) !important;color:#000 !important;border:1px solid var(--chrome) !important;border-radius:999px !important;padding:13px 22px !important;font:inherit !important;font-weight:800 !important;font-size:15px !important;cursor:pointer;text-decoration:none !important;line-height:1.1 !important;transition:opacity .2s}
.zda-btn:hover{opacity:.88}
.zda-btn:focus-visible,.zda-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}
.zda-btn-ghost{background:transparent !important;color:var(--chrome) !important;border-color:var(--line) !important}
.zda-btn-sm{padding:9px 16px !important;font-size:13px !important;align-self:flex-start}
.zda-btn[disabled]{opacity:.45;cursor:not-allowed}
.zda-alert{max-width:1100px;margin:0 auto 16px;border:1px solid var(--line);background:var(--card2);border-radius:12px;padding:12px 16px;font-size:14px}
.zda-alert-err{border-color:rgba(255,107,107,.5);color:#ffd2d2;margin:0}
.zda-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.zda-foot{margin:22px 0 0;font-size:13px;color:var(--mute);line-height:1.9}

/* ---------- portal app ---------- */
.zda-app{max-width:1100px;margin:0 auto}
.zda-loading{color:var(--mute);text-align:center;padding:60px 0}
.zda-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.zda-top .zda-h1{margin:0 !important}
.zda-nav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:24px}
.zda-nav button{background:none;border:0;border-bottom:2px solid transparent;color:var(--mute);font:inherit;font-weight:800;padding:12px 14px;cursor:pointer;margin-bottom:-1px}
.zda-nav button.is-on{color:var(--chrome);border-color:var(--chrome)}
.zda-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.zda-kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.zda-kpi b{display:block;font-size:28px;font-weight:800;line-height:1.1}
.zda-kpi span{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.zda-design{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:18px}
.zda-dhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.zda-dhead h2{font-size:22px !important}
.zda-meter{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--dim);font-weight:700}
.zda-meter i{display:block;width:90px;height:6px;border-radius:9px;background:#222;overflow:hidden}
.zda-meter i em{display:block;height:100%;background:var(--chrome);border-radius:9px}
.zda-codes{display:flex;flex-direction:column;gap:10px}
.zda-code{display:grid;grid-template-columns:76px 1fr auto;gap:16px;align-items:center;background:#000;border:1px solid var(--line);border-radius:16px;padding:12px}
@media (max-width:640px){.zda-code{grid-template-columns:64px 1fr}.zda-code .zda-acts{grid-column:1/-1}}
.zda-qr{width:76px;height:76px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
@media (max-width:640px){.zda-qr{width:64px;height:64px}}
.zda-qr svg{width:100%;height:100%;display:block}
.zda-ctitle{font-weight:800;font-size:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.zda-dest{font-size:14px;color:var(--dim);word-break:break-all;margin-top:2px}
.zda-dest a{color:var(--chrome) !important}
.zda-cmeta{font-size:12px;color:var(--mute);margin-top:4px}
.zda-chip{display:inline-block;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--dim);letter-spacing:.04em}
.zda-chip.off{color:var(--warn);border-color:rgba(245,196,81,.4)}
.zda-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.zda-mini{background:transparent;border:1px solid var(--line);color:var(--chrome);border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none !important;white-space:nowrap}
.zda-mini:hover{border-color:var(--chrome)}
a.zda-mini{font-family:inherit !important;font-size:13px !important;font-weight:700 !important;line-height:1.2 !important;color:var(--chrome) !important;display:inline-block}
.zda-mini.primary{background:var(--chrome);color:#000;border-color:var(--chrome)}
.zda-edit{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:12px}
.zda-edit input{flex:1;min-width:220px}
.zda-msg{font-size:13px;color:var(--ok)}.zda-msg.err{color:var(--err)}
.zda-add{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.zda-add input{flex:1;min-width:180px}
.zda-empty{border:1px dashed var(--line);border-radius:16px;padding:28px;text-align:center;color:var(--mute)}
.zda-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.zda-filters select{width:auto;min-width:180px}
.zda-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px}
.zda-panel h3{font-size:15px !important;margin-bottom:12px !important}
.zda-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.zda-bars{display:flex;align-items:flex-end;gap:2px;height:140px}
.zda-bars span{flex:1;background:var(--chrome);border-radius:3px 3px 0 0;min-height:2px;opacity:.9;position:relative}
.zda-bars span:hover{opacity:1;background:#fff}
.zda-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--mute);margin-top:6px}
.zda-rank{list-style:none;margin:0;padding:0}
.zda-rank li{display:grid;grid-template-columns:1fr auto;gap:10px;padding:7px 0;border-bottom:1px solid #1c1c1c;font-size:14px;position:relative}
.zda-rank li i{position:absolute;left:0;bottom:-1px;height:2px;background:var(--chrome);opacity:.6}
.zda-rank li b{font-weight:800}
.zda-order{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:10px}
.zda-steps{display:flex;gap:4px;margin-top:8px}
.zda-steps i{width:28px;height:4px;border-radius:9px;background:#262626}
.zda-steps i.on{background:var(--chrome)}
.zda-note{font-size:13px;color:var(--mute);border-top:1px solid var(--line);padding-top:16px;margin-top:8px}
/* ---------- full QR editor ---------- */
.zda-editor{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;margin-top:4px}
.zda-ed{display:flex;flex-direction:column;gap:18px}
.zda-ed-sec{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.zda-ed-sec h3{font-size:15px !important;margin:0 0 12px !important}
.zda-ed-sec summary{cursor:pointer;font-weight:800;list-style:none}
.zda-ed-sec summary::before{content:"+ ";color:var(--mute)}
.zda-ed-sec[open] summary::before{content:"– "}
.zda-ed-sec[open] summary{margin-bottom:12px}
.zda-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:10px}
.zda-type{display:flex;align-items:center;gap:8px;background:#000;border:1px solid var(--line);color:var(--dim);border-radius:12px;padding:10px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-align:left}
.zda-type i{font-style:normal;font-size:16px}
.zda-type:hover{border-color:var(--chrome);color:var(--chrome)}
.zda-type.is-on{background:var(--chrome);border-color:var(--chrome);color:#000}
.zda-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zda-fgrid>*{grid-column:1/-1}
.zda-fgrid>.half{grid-column:auto}
@media (max-width:560px){.zda-fgrid>.half{grid-column:1/-1}}
.zda-req{font-style:normal;color:var(--mute);font-weight:500;font-size:11px}
.zda-color{display:flex;align-items:center;gap:10px}
.zda .zda-color input[type=color]{width:52px !important;height:40px;padding:2px !important;cursor:pointer}
.zda-media{display:flex;flex-direction:column;gap:8px}
.zda-mrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.zda-mrow input{flex:1;min-width:180px}
.zda-mrow label.zda-mini{cursor:pointer}
.zda-mprev img{max-height:90px;max-width:180px;border-radius:10px;border:1px solid var(--line);display:block}
.zda-file{font-size:13px;color:var(--dim)}
.zda-media small{color:var(--mute);font-size:12px;font-weight:500}
.zda-list{display:flex;flex-direction:column;gap:10px}
.zda-list-h{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--dim)}
.zda-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:#000}
.zda-item .zda-item{background:var(--card)}
.zda-item-tools{display:flex;gap:14px;align-items:center;margin-bottom:10px;font-size:13px}
.zda button.zda-link{background:none;border:0;padding:0;font:inherit;font-size:13px;cursor:pointer}
.zda-danger{color:#ff9b9b !important}
.zda-locked{background:transparent;border-style:dashed}
.zda-warn{background:rgba(245,196,81,.08);border:1px solid rgba(245,196,81,.35);color:#f5dc9a;border-radius:10px;padding:10px 12px;font-size:13px;margin:0 0 12px}
.zda-ed-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.zda-gps{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.zda-gps>div{flex:1;min-width:260px}
.zda-gps h3{margin:4px 0 6px !important}
.zda-gps p{margin:0}
/* ---------- guide ---------- */
.zda-modal{position:fixed !important;inset:0;z-index:100000;background:rgba(0,0,0,.78) !important;display:flex;align-items:flex-start;justify-content:center;padding:4vh 14px !important;overflow-y:auto;backdrop-filter:blur(6px)}
.zda-modal-card{background:#0d0d0d;border:1px solid #2b2b2b;border-radius:22px;max-width:640px;width:100%;padding:28px clamp(18px,4vw,34px)}
.zda-modal-logo{height:44px;width:auto;display:block;margin-bottom:16px}
.zda-modal-card h2{font-size:24px !important;margin:0 0 4px !important}
.zda-guide{list-style:none;margin:18px 0 22px;padding:0;display:flex;flex-direction:column;gap:14px}
.zda-guide li{display:flex;gap:14px;align-items:flex-start;border-top:1px solid #1c1c1c;padding-top:14px}
.zda-guide li:first-child{border-top:0;padding-top:0}
.zda-guide i{font-style:normal;font-size:20px;line-height:1.3;width:28px;flex:0 0 28px;text-align:center}
.zda-guide b{display:block;color:var(--chrome);font-weight:800;margin-bottom:2px}
.zda-guide p{margin:0;color:var(--dim);font-size:14px;line-height:1.55}
.zda-gnav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:16px 0 4px;padding-bottom:4px}
.zda-gnav::-webkit-scrollbar{display:none}
.zda-gnav button{flex:0 0 auto;background:transparent;border:1px solid #2b2b2b;color:var(--dim);border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.zda-gnav button.is-on{background:var(--chrome);border-color:var(--chrome);color:#000}
.zda-gintro{color:var(--dim);font-size:14px;margin:12px 0 0;padding:10px 12px;border-left:2px solid var(--chrome);background:#111}
.zda-ed-sec .zda-row h3{margin:0 !important}
.zda-ed-sec .zda-row{margin-bottom:12px}
.zda-warn .zda-link{color:#f5dc9a !important}