/* =========================================================
   Drone Investment — Public CSS (v1.2 mobile-first redesign)
   Mobile-first. Progressive enhancement at >=720px and >=1024px.
   - Fluid type, safe tap targets (>=44px), no horizontal scroll
   - Hamburger nav, collapsible mobile dashboard tabs
   - Tables transform to stacked cards under 720px
   - 16px input font-size to prevent iOS zoom on focus
   ========================================================= */

:root{
  --drone-accent:#d4a017;
  --drone-accent-dark:#a87f0f;
  --drone-bg:#0e0e0f;
  --drone-bg-2:#161617;
  --drone-bg-3:#0b0b0b;
  --drone-fg:#f4f1e8;
  --drone-muted:#a8a59c;
  --drone-line:rgba(212,160,23,.18);
  --drone-line-soft:rgba(255,255,255,.06);
  --drone-radius:12px;
  --drone-radius-lg:16px;
  --drone-tap:44px;
  --drone-pad:clamp(16px,4vw,36px);
  --drone-shadow:0 10px 30px -12px rgba(0,0,0,.6);
  --drone-font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* Reset specific to the plugin namespace (avoid affecting theme) */
.drone-header,.drone-section,.drone-footer,.drone-cta-banner,.drone-hero,
.drone-modal{font-family:var(--drone-font);color:var(--drone-fg);-webkit-text-size-adjust:100%;}
.drone-header *,.drone-section *,.drone-footer *,.drone-cta-banner *,.drone-hero *,.drone-modal *{box-sizing:border-box;}
.drone-section img,.drone-hero img,.drone-footer img,.drone-modal img{max-width:100%;height:auto;display:block;}

.drone-accent{color:var(--drone-accent);}
.drone-muted{color:var(--drone-muted);}
.drone-eyebrow{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--drone-accent);font-weight:600;margin-bottom:8px;}

/* ---------- Header & Nav (mobile-first hamburger) ---------- */
.drone-header{
  background:var(--drone-bg);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px var(--drone-pad);
  border-bottom:1px solid var(--drone-line);
  position:sticky;top:0;z-index:50;
}
.drone-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--drone-fg);font-weight:700;font-size:17px;min-height:var(--drone-tap);}
.drone-brand img{height:34px;width:auto;}
.drone-logo-mark{color:var(--drone-accent);font-size:22px;}
.drone-brand-name{letter-spacing:.04em;}

.drone-nav-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:var(--drone-tap);height:var(--drone-tap);
  background:transparent;border:1px solid var(--drone-line);border-radius:10px;
  color:var(--drone-fg);cursor:pointer;padding:0;
}
.drone-nav-toggle span,.drone-nav-toggle span::before,.drone-nav-toggle span::after{
  content:"";display:block;width:20px;height:2px;background:currentColor;position:relative;border-radius:2px;transition:.2s;
}
.drone-nav-toggle span::before{position:absolute;top:-6px;left:0;width:20px;}
.drone-nav-toggle span::after{position:absolute;top:6px;left:0;width:20px;}
.drone-nav-toggle[aria-expanded="true"] span{background:transparent;}
.drone-nav-toggle[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg);}
.drone-nav-toggle[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg);}

.drone-nav{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;
  justify-content:flex-end;
}
.drone-nav a{
  color:var(--drone-fg);text-decoration:none;font-size:14px;
  padding:8px 10px;border-radius:8px;
  min-height:var(--drone-tap);display:inline-flex;align-items:center;
}
.drone-nav a:hover,.drone-nav a:focus-visible{background:rgba(212,160,23,.08);color:var(--drone-accent);outline:none;}

/* Mobile: hide duplicate Logout in top header — keep only the sidebar Logout */
@media (max-width:719px){
  .drone-nav a[href*="action=logout"]{display:none;}
}

@media (min-width:720px){
  .drone-nav-toggle{display:none;}
  .drone-nav{
    display:flex;position:static;flex-direction:row;align-items:center;gap:14px;
    background:transparent;border:0;padding:0;box-shadow:none;
  }
  .drone-nav a{padding:6px 10px;font-size:14px;min-height:auto;}
}

/* ---------- Buttons (touch-safe) ---------- */
.drone-btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--drone-accent);color:#111;font-weight:600;
  padding:12px 20px;border-radius:10px;text-decoration:none;
  border:none;cursor:pointer;font-size:15px;line-height:1.2;
  min-height:var(--drone-tap);
  transition:background .2s,transform .1s;
  -webkit-tap-highlight-color:transparent;
}
.drone-btn:hover,.drone-btn:focus-visible{background:var(--drone-accent-dark);color:#000;outline:none;}
.drone-btn:active{transform:scale(.98);}
.drone-btn-ghost{background:transparent;color:var(--drone-accent);border:1px solid var(--drone-accent);}
.drone-btn-ghost:hover,.drone-btn-ghost:focus-visible{background:var(--drone-accent);color:#111;}
.drone-btn-lg{padding:14px 26px;font-size:16px;}
.drone-btn-block{display:flex;width:100%;text-align:center;}

/* ---------- Hero ---------- */
.drone-hero{
  background:linear-gradient(135deg,#0e0e0f 0%,#1a1408 100%);
  padding:clamp(48px,9vw,96px) var(--drone-pad);text-align:center;
}
.drone-hero-inner{max-width:880px;margin:0 auto;}
.drone-hero h1{font-size:clamp(30px,6vw,52px);line-height:1.1;margin:8px 0 16px;font-weight:800;}
.drone-lead{font-size:clamp(15px,2.3vw,18px);color:var(--drone-muted);max-width:680px;margin:0 auto 28px;line-height:1.55;}
.drone-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.drone-cta-row .drone-btn{flex:1 1 220px;max-width:320px;}

/* ---------- Sections ---------- */
.drone-section{background:var(--drone-bg);padding:clamp(40px,7vw,72px) var(--drone-pad);}
.drone-section-head{text-align:center;max-width:720px;margin:0 auto 32px;}
.drone-section-head h2{font-size:clamp(24px,4.5vw,36px);margin:6px 0 10px;line-height:1.2;}
.drone-section-head p{color:var(--drone-muted);line-height:1.55;}

/* ---------- Plans ---------- */
.drone-plans{
  display:grid;gap:18px;max-width:1180px;margin:0 auto;
  grid-template-columns:1fr;
}
@media (min-width:640px){.drone-plans{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.drone-plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}}
.drone-plan{
  background:var(--drone-bg-2);border:1px solid var(--drone-line);
  border-radius:var(--drone-radius-lg);padding:24px;
  position:relative;display:flex;flex-direction:column;
}
.drone-plan.is-featured{border-color:var(--drone-accent);box-shadow:0 0 0 1px var(--drone-accent),0 20px 40px -20px rgba(212,160,23,.4);}
.drone-plan-badge{position:absolute;top:-12px;left:20px;background:var(--drone-accent);color:#111;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.08em;text-transform:uppercase;}
.drone-plan h3{font-size:20px;margin:0 0 12px;}
.drone-price{margin:8px 0 12px;}
.drone-currency{color:var(--drone-accent);font-weight:700;margin-right:4px;}
.drone-price-amt{font-size:clamp(28px,5vw,36px);font-weight:800;}
.drone-price-period{color:var(--drone-muted);margin-left:4px;font-size:14px;}
.drone-roi-pill{display:inline-block;background:rgba(212,160,23,.12);color:var(--drone-accent);padding:6px 10px;border-radius:6px;font-size:12px;margin-bottom:16px;}
.drone-features{list-style:none;padding:0;margin:0 0 24px;flex:1;}
.drone-features li{padding:8px 0 8px 24px;position:relative;color:var(--drone-fg);font-size:14px;border-bottom:1px solid var(--drone-line-soft);line-height:1.45;}
.drone-features li::before{content:"✓";color:var(--drone-accent);position:absolute;left:0;top:8px;font-weight:700;}

/* ---------- Stats ---------- */
.drone-stats{max-width:1100px;margin:48px auto 0;display:grid;gap:20px;text-align:center;
  grid-template-columns:repeat(2,1fr);}
@media (min-width:720px){.drone-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}}
.drone-stats strong{display:block;font-size:clamp(28px,5vw,38px);color:var(--drone-accent);font-weight:800;}
.drone-stats span{color:var(--drone-muted);font-size:13px;}

/* ---------- ROI Calculator ---------- */
.drone-calc-section{background:#101010;}
.drone-calc{
  max-width:920px;margin:0 auto;background:var(--drone-bg-2);
  border:1px solid var(--drone-line);border-radius:var(--drone-radius-lg);
  padding:24px;display:grid;gap:24px;grid-template-columns:1fr;
}
@media (min-width:760px){.drone-calc{grid-template-columns:1fr 1fr;}}
.drone-calc label{display:block;margin-bottom:16px;color:var(--drone-muted);font-size:13px;}
.drone-calc input{
  width:100%;background:var(--drone-bg-3);border:1px solid var(--drone-line);
  color:#fff;padding:12px;border-radius:10px;margin-top:6px;
  font-size:16px; /* prevent iOS zoom */
  min-height:var(--drone-tap);
}
.drone-calc-results{display:flex;flex-direction:column;gap:10px;justify-content:center;}
.drone-calc-results > div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;background:var(--drone-bg-3);border:1px solid var(--drone-line);border-radius:10px;font-size:14px;}
.drone-calc-results strong{color:var(--drone-accent);}

/* ---------- Steps ---------- */
.drone-steps{list-style:none;padding:0;display:grid;gap:14px;max-width:1100px;margin:0 auto;
  grid-template-columns:1fr;}
@media (min-width:520px){.drone-steps{grid-template-columns:repeat(2,1fr);}}
@media (min-width:900px){.drone-steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}}
.drone-steps li{background:var(--drone-bg-2);border:1px solid var(--drone-line);border-radius:var(--drone-radius);padding:20px;text-align:center;}
.drone-steps strong{display:block;color:var(--drone-accent);margin-bottom:6px;}
.drone-steps span{color:var(--drone-muted);font-size:13px;}

/* ---------- Forms ---------- */
.drone-apply-section{background:#101010;}
.drone-form{
  max-width:760px;margin:0 auto;background:var(--drone-bg-2);
  border:1px solid var(--drone-line);padding:22px;border-radius:var(--drone-radius-lg);
}
.drone-form label{display:block;margin-bottom:14px;color:var(--drone-muted);font-size:13px;}
.drone-form input,.drone-form select,.drone-form textarea{
  width:100%;background:var(--drone-bg-3);border:1px solid var(--drone-line);
  color:#fff;padding:12px;border-radius:10px;margin-top:6px;
  font-size:16px; /* prevent iOS zoom on focus */
  font-family:inherit;line-height:1.4;min-height:var(--drone-tap);
}
.drone-form textarea{min-height:96px;resize:vertical;}
.drone-form input:focus,.drone-form select:focus,.drone-form textarea:focus{
  outline:none;border-color:var(--drone-accent);box-shadow:0 0 0 3px rgba(212,160,23,.18);
}
.drone-form input[type=file]{padding:10px;background:rgba(148,163,184,.06);border:1px dashed rgba(148,163,184,.3);color:#cbd5e1;}
.drone-form input[readonly]{background:#070707;color:var(--drone-muted);}
.drone-form button{margin-top:8px;}
.drone-form-msg{margin-top:14px;font-size:13px;min-height:1em;}
.drone-form-msg.ok{color:#7ee787;} .drone-form-msg.err{color:#ff7a7a;}

.drone-row{display:grid;grid-template-columns:1fr;gap:12px;}
@media (min-width:560px){.drone-row{grid-template-columns:1fr 1fr;}}

/* ---------- Testimonials ---------- */
.drone-testimonials .drone-cards{display:grid;gap:16px;max-width:1180px;margin:0 auto;
  grid-template-columns:1fr;}
@media (min-width:640px){.drone-testimonials .drone-cards{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.drone-testimonials .drone-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}}
.drone-card{background:var(--drone-bg-2);border:1px solid var(--drone-line);border-radius:var(--drone-radius);padding:22px;}
.drone-card p{margin:0 0 12px;color:var(--drone-fg);line-height:1.55;}
.drone-card strong{display:block;color:var(--drone-accent);}
.drone-card span{color:var(--drone-muted);font-size:13px;}

/* ---------- Auth ---------- */
.drone-auth-section{background:#0b0b0b;}
.drone-auth-grid{display:grid;gap:16px;max-width:880px;margin:0 auto;grid-template-columns:1fr;}
@media (min-width:720px){.drone-auth-grid{grid-template-columns:1fr 1fr;}}
.drone-auth-box{background:var(--drone-bg-2);border:1px solid var(--drone-line);padding:22px;border-radius:var(--drone-radius);}

/* ---------- CTA banner ---------- */
.drone-cta-banner{background:linear-gradient(135deg,#a87f0f,#d4a017);color:#111;text-align:center;padding:clamp(40px,7vw,68px) var(--drone-pad);}
.drone-cta-banner h2{font-size:clamp(24px,5vw,38px);margin:0 0 10px;}
.drone-cta-banner p{margin:0 auto 22px;max-width:620px;line-height:1.55;}
.drone-cta-banner .drone-btn{background:#111;color:var(--drone-accent);}
.drone-cta-banner .drone-btn:hover{background:#000;}

/* ---------- Footer ---------- */
.drone-footer{background:#070707;color:var(--drone-fg);padding:44px var(--drone-pad) 20px;border-top:1px solid var(--drone-line);}
.drone-footer-grid{display:grid;gap:24px;max-width:1180px;margin:0 auto 28px;
  grid-template-columns:1fr;}
@media (min-width:560px){.drone-footer-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:900px){.drone-footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}}
.drone-footer h4{color:var(--drone-accent);margin:0 0 12px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;}
.drone-footer ul{list-style:none;padding:0;margin:0;color:var(--drone-muted);}
.drone-footer ul li{padding:6px 0;}
.drone-footer ul li a{color:var(--drone-muted);text-decoration:none;display:inline-block;min-height:32px;}
.drone-footer ul li a:hover{color:var(--drone-accent);}
.drone-footer p{color:var(--drone-muted);font-size:13px;line-height:1.6;}
.drone-footer-bottom{text-align:center;color:var(--drone-muted);font-size:12px;border-top:1px solid var(--drone-line);padding-top:16px;max-width:1180px;margin:0 auto;}

/* =========================================================
   DASHBOARD
   ========================================================= */
.drone-dash{
  display:grid;gap:16px;max-width:1180px;margin:0 auto;
  grid-template-columns:1fr;
}
@media (min-width:960px){.drone-dash{grid-template-columns:240px 1fr;gap:24px;}}

.drone-dash-side{
  background:var(--drone-bg-2);border:1px solid var(--drone-line);
  border-radius:var(--drone-radius);padding:16px;
  display:flex;flex-direction:column;gap:14px;
}
.drone-user{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--drone-line);padding-bottom:12px;}
.drone-user strong{display:block;font-size:15px;}
.drone-user span{display:block;color:var(--drone-muted);font-size:12px;word-break:break-all;}
.drone-avatar{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--drone-accent);color:#111;font-weight:700;display:flex;align-items:center;justify-content:center;}

/* ---------- Sidebar tabs: kebab (3-dot) on mobile, vertical list on desktop ---------- */
.drone-tabs-wrap{position:relative;}

/* Kebab (3-dot) trigger — visible on mobile only */
.drone-tabs-kebab{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;background:var(--drone-bg-2);border:1px solid var(--drone-line);
  color:var(--drone-fg);padding:12px 14px;border-radius:10px;cursor:pointer;
  font:inherit;min-height:var(--drone-tap);
}
.drone-tabs-kebab:focus-visible{outline:2px solid var(--drone-accent);outline-offset:2px;}
.drone-tabs-kebab .drone-kebab-label{font-weight:600;font-size:14px;}
.drone-tabs-kebab .drone-kebab-dots,
.drone-tabs-kebab .drone-kebab-lines{
  display:inline-flex;flex-direction:column;gap:4px;align-items:stretch;justify-content:center;
  width:24px;height:24px;
}
.drone-tabs-kebab .drone-kebab-dots span{
  width:4px;height:4px;border-radius:50%;background:currentColor;display:block;align-self:center;
}
.drone-tabs-kebab .drone-kebab-lines span{
  width:22px;height:2px;border-radius:2px;background:currentColor;display:block;
}

/* Mobile-first: tabs are a vertical dropdown collapsed by default */
.drone-tabs{
  display:none;flex-direction:column;gap:4px;
  background:var(--drone-bg-2);border:1px solid var(--drone-line);border-radius:10px;
  padding:6px;margin-top:6px;
  position:absolute;left:0;right:0;top:100%;z-index:30;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.drone-tabs.is-open{display:flex;}
.drone-tabs button{
  background:transparent;border:1px solid transparent;color:var(--drone-fg);
  text-align:left;padding:12px 12px;border-radius:8px;cursor:pointer;
  font-size:14px;white-space:normal;min-height:var(--drone-tap);font-family:inherit;
}
.drone-tabs button:hover,.drone-tabs button:focus-visible{background:rgba(212,160,23,.08);outline:none;}
.drone-tabs button.active{background:var(--drone-accent);color:#111;font-weight:600;border-color:var(--drone-accent);}

/* Desktop/laptop: hide kebab, always-visible vertical sidebar */
@media (min-width:720px){
  .drone-tabs-kebab{display:none;}
  .drone-tabs{
    display:flex;position:static;box-shadow:none;background:transparent;
    border:0;padding:0;margin-top:0;
  }
  .drone-tabs button{border-radius:8px;padding:10px 12px;}
}

.drone-dash-main{background:var(--drone-bg-2);border:1px solid var(--drone-line);border-radius:var(--drone-radius);padding:18px;}
@media (min-width:720px){.drone-dash-main{padding:24px;}}
.drone-tab h3{margin-top:0;color:var(--drone-accent);font-size:clamp(18px,3vw,22px);}
.drone-tab h4{font-size:15px;margin:14px 0 8px;}

.drone-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;}
.drone-quick-actions .drone-btn{flex:1 1 140px;}

.drone-tiles{display:grid;gap:10px;margin-bottom:20px;
  grid-template-columns:repeat(2,1fr);}
@media (min-width:560px){.drone-tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}}
.drone-tiles > div{background:var(--drone-bg-3);border:1px solid var(--drone-line);border-radius:10px;padding:14px;}
.drone-tiles span{display:block;color:var(--drone-muted);font-size:12px;margin-bottom:6px;}
.drone-tiles strong{font-size:clamp(18px,4vw,22px);color:var(--drone-accent);display:block;}
.drone-tiles small{display:block;margin-top:4px;font-size:11px;}

/* ---------- Tables → stacked cards on mobile ---------- */
.drone-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;}
.drone-table{width:100%;border-collapse:collapse;font-size:13px;}
.drone-table th,.drone-table td{padding:10px;border-bottom:1px solid var(--drone-line);text-align:left;}
.drone-table th{color:var(--drone-muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.06em;}

@media (max-width:719px){
  .drone-table,.drone-table thead,.drone-table tbody,.drone-table tr,.drone-table th,.drone-table td{display:block;}
  .drone-table thead{position:absolute;left:-9999px;top:-9999px;}
  .drone-table tr{
    background:var(--drone-bg-3);border:1px solid var(--drone-line);
    border-radius:10px;padding:10px 12px;margin-bottom:10px;
  }
  .drone-table td{
    border:0;padding:8px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;
    font-size:14px;text-align:right;border-bottom:1px solid var(--drone-line-soft);
  }
  .drone-table td:last-child{border-bottom:0;}
  .drone-table td::before{
    content:attr(data-label);color:var(--drone-muted);font-size:12px;
    text-transform:uppercase;letter-spacing:.06em;font-weight:600;
    text-align:left;flex:0 0 40%;
  }
}

/* Status pills */
.drone-status{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;background:#222;color:#ccc;display:inline-block;letter-spacing:.04em;}
.drone-status-completed,.drone-status-approved{background:rgba(126,231,135,.15);color:#7ee787;}
.drone-status-pending{background:rgba(212,160,23,.18);color:var(--drone-accent);}
.drone-status-rejected,.drone-status-failed{background:rgba(255,122,122,.15);color:#ff7a7a;}
.drone-status-none{background:rgba(168,165,156,.15);color:var(--drone-muted);}

/* ---------- Payment-method info + alerts ---------- */
.drone-pay-info{background:var(--drone-bg-3);border:1px solid var(--drone-line);border-radius:10px;padding:14px;margin-bottom:14px;}
.drone-pay-info code{display:block;margin-top:6px;padding:8px;background:#000;border-radius:6px;color:var(--drone-accent);font-size:13px;word-break:break-all;}
.drone-alert{background:rgba(212,160,23,.1);border:1px solid var(--drone-accent);color:var(--drone-fg);padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:14px;line-height:1.5;}

/* ---------- Security grid ---------- */
.drone-security-grid{display:grid;gap:16px;grid-template-columns:1fr;}
@media (min-width:820px){.drone-security-grid{grid-template-columns:1fr 1fr;}}

/* ---------- Global market widget ---------- */
.drone-global-stats{background:var(--drone-bg-3);border:1px solid var(--drone-line);border-radius:var(--drone-radius);padding:18px;}
.drone-global-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:16px;}
.drone-live-tiles{display:flex;flex-wrap:wrap;gap:8px;}
.drone-live-tiles > div{background:#000;border:1px solid var(--drone-line);border-radius:8px;padding:8px 12px;min-width:90px;font-size:13px;}
.drone-live-tiles span{display:block;color:var(--drone-muted);font-size:11px;}
.drone-live-tiles strong{color:var(--drone-accent);}
.drone-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4444;animation:dronePulse 1.5s infinite;}
@keyframes dronePulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.drone-region-grid{display:grid;gap:10px;margin-top:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));}
.drone-region-grid > div{background:#000;border:1px solid var(--drone-line);border-radius:8px;padding:10px;font-size:13px;}

/* ---------- Modal ---------- */
.drone-modal{position:fixed;inset:0;background:rgba(2,6,23,.78);z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:0;backdrop-filter:blur(4px);}
.drone-modal[hidden]{display:none!important;}
.drone-modal-inner{
  background:#0f172a;border:1px solid rgba(148,163,184,.18);
  border-radius:14px 14px 0 0;padding:22px;
  width:100%;max-height:92vh;overflow:auto;
  position:relative;color:#e2e8f0;
  animation:droneSlideUp .25s ease-out;
}
@keyframes droneSlideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}
@media (min-width:640px){
  .drone-modal{align-items:center;padding:20px;}
  .drone-modal-inner{max-width:520px;border-radius:14px;animation:droneFadeIn .2s ease-out;}
  @keyframes droneFadeIn{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:scale(1);}}
}
.drone-modal-close{
  position:absolute;top:8px;right:10px;background:transparent;border:0;
  color:#cbd5e1;font-size:28px;cursor:pointer;
  width:var(--drone-tap);height:var(--drone-tap);line-height:1;
  display:flex;align-items:center;justify-content:center;border-radius:8px;
}
.drone-modal-close:hover,.drone-modal-close:focus-visible{background:rgba(255,255,255,.06);outline:none;}
.drone-modal-inner h3{margin:0 0 10px;color:#f1f5f9;}

/* ---------- Utilities ---------- */
.drone-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

/* Payment methods info (Add Funds tab) */
.drone-pay-methods{margin:0 0 1.25rem;padding:1rem;border:1px solid var(--drone-border,#e5e7eb);border-radius:.75rem;background:var(--drone-surface,#f9fafb);}
.drone-pay-methods h4{margin:0 0 .25rem;font-size:1rem;}
.drone-pay-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;margin-top:.75rem;}
.drone-pay-card{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;border:1px solid var(--drone-border,#e5e7eb);border-radius:.6rem;background:#fff;}
.drone-pay-card-head{display:flex;align-items:center;justify-content:space-between;}
.drone-pay-card-body{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.drone-pay-dest{flex:1 1 auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;padding:.4rem .5rem;background:#f3f4f6;border-radius:.4rem;word-break:break-all;overflow-wrap:anywhere;}
.drone-pay-hint{margin:0;font-size:.8rem;}
.drone-btn-small{padding:.35rem .65rem;font-size:.8rem;min-height:36px;}
@media (max-width:480px){
  .drone-pay-methods-grid{grid-template-columns:1fr;}
}

/* ============================================================
   v1.2.4 — Light/Dark theme toggle + secure signup form styles
   ============================================================ */

/* Theme toggle button */
.drone-theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;min-width:40px;
  background:transparent;border:1px solid var(--drone-line);
  border-radius:50%;color:var(--drone-fg);cursor:pointer;
  margin-left:6px;font-size:18px;line-height:1;padding:0;
  transition:background .2s,border-color .2s,transform .2s;
}
.drone-theme-toggle:hover{background:rgba(212,160,23,.10);border-color:var(--drone-accent);transform:rotate(15deg);}
.drone-theme-toggle:focus-visible{outline:2px solid var(--drone-accent);outline-offset:2px;}

/* ---------- Light theme ---------- */
html.drone-theme-light{
  --drone-bg:#ffffff;
  --drone-bg-2:#f6f6f4;
  --drone-bg-3:#eeeae0;
  --drone-fg:#1a1a1c;
  --drone-muted:#5a5752;
  --drone-line:rgba(168,127,15,.28);
  --drone-line-soft:rgba(0,0,0,.08);
  --drone-shadow:0 10px 30px -16px rgba(0,0,0,.18);
}
html.drone-theme-light body{background:var(--drone-bg);color:var(--drone-fg);}
html.drone-theme-light .drone-header,
html.drone-theme-light .drone-section,
html.drone-theme-light .drone-footer,
html.drone-theme-light .drone-cta-banner,
html.drone-theme-light .drone-hero,
html.drone-theme-light .drone-modal{color:var(--drone-fg);}
html.drone-theme-light .drone-auth-box,
html.drone-theme-light .drone-card,
html.drone-theme-light .drone-pay-card,
html.drone-theme-light .drone-dash-main,
html.drone-theme-light .drone-tabs,
html.drone-theme-light .drone-modal-inner{
  background:var(--drone-bg-2);color:var(--drone-fg);
  border-color:var(--drone-line-soft);
}
html.drone-theme-light input,
html.drone-theme-light select,
html.drone-theme-light textarea{
  background:#fff;color:var(--drone-fg);
  border:1px solid var(--drone-line-soft);
}
html.drone-theme-light .drone-btn-ghost{color:var(--drone-fg);border-color:var(--drone-line);}
html.drone-theme-light .drone-nav a{color:var(--drone-fg);}
html.drone-theme-light table{color:var(--drone-fg);}
html.drone-theme-light .drone-muted{color:var(--drone-muted);}

/* ---------- Secure signup form layout ---------- */
.drone-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media (max-width:520px){ .drone-form-row{grid-template-columns:1fr;} }

.drone-check{
  display:flex;align-items:flex-start;gap:10px;
  font-size:13px;line-height:1.4;color:var(--drone-muted);
  margin-top:6px;cursor:pointer;
}
.drone-check input[type=checkbox]{
  width:18px;height:18px;margin-top:2px;accent-color:var(--drone-accent);flex:0 0 18px;
}

.drone-captcha-label{
  background:rgba(212,160,23,.06);
  border:1px dashed var(--drone-line);
  padding:10px 12px;border-radius:10px;
}
.drone-captcha-label strong{
  display:inline-block;padding:2px 8px;border-radius:6px;
  background:var(--drone-bg-3);color:var(--drone-accent);font-family:monospace;
}

.drone-hp{position:absolute !important;left:-9999px !important;height:0 !important;width:0 !important;overflow:hidden !important;}