/* ═══════════════════════════════════════════
   PDF Tools — Complete Design System
   pdf.ad-z.com | v3.0
═══════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

:root {
  --red: #e8003d; --red-d: #c5002f; --red-l: #fff0f4; --red-m: #fda4af;
  --bg: #fff; --bg2: #f8fafc; --bg3: #f1f5f9;
  --bd: #e5e7eb; --bd2: #d1d5db;
  --tx: #111827; --tx2: #374151; --mu: #6b7280; --lt: #9ca3af;
  --green: #16a34a; --blue: #1d4ed8; --orange: #ea580c; --purple: #7c3aed;
  --sh: 0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);
  --sh-md: 0 4px 16px rgba(0,0,0,.1);
  --sh-lg: 0 12px 40px rgba(0,0,0,.14);
  --r: 14px; --r-sm: 9px; --r-lg: 18px; --r-xl: 24px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--tx);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:15px}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}
button{font-family:inherit;cursor:pointer}
::selection{background:var(--red);color:#fff}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:3px}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* ═══ HEADER ═══ */
.hdr{background:#fff;border-bottom:1.5px solid var(--bd);position:sticky;top:0;z-index:600;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.hdr-in{max-width:1400px;margin:0 auto;padding:0 20px;height:66px;display:flex;align-items:center;gap:6px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0;margin-right:10px}
.logo:hover{text-decoration:none}
.logo-sq{width:40px;height:40px;background:var(--red);border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12.5px;font-weight:900;letter-spacing:-.02em;flex-shrink:0}
.logo-nm{font-size:21px;font-weight:900;color:var(--tx);letter-spacing:-.025em}
.logo-nm b{color:var(--red)}
.mnav{display:flex;align-items:center;flex:1;overflow-x:auto;scrollbar-width:none}
.mnav::-webkit-scrollbar{height:0}
.nl{color:var(--tx2);font-size:14px;font-weight:600;padding:0 12px;height:66px;display:flex;align-items:center;border:none;background:none;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;flex-shrink:0;text-decoration:none;cursor:pointer}
.nl:hover{color:var(--red);text-decoration:none}
.nl.active{color:var(--red);border-bottom-color:var(--red)}
.ndrop{position:relative;flex-shrink:0}
.ndrop:hover>.dmenu{display:block}
.dmenu{position:absolute;top:100%;left:0;background:#fff;border:1.5px solid var(--bd);border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:8px;z-index:700;min-width:220px;display:none;animation:fd .15s ease}
@keyframes fd{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.di{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:14px;color:var(--tx);transition:background .1s;text-decoration:none;font-weight:500}
.di:hover{background:var(--red-l);color:var(--red);text-decoration:none}
.dic{font-size:18px;width:24px;text-align:center}
.dsep{height:1px;background:var(--bd);margin:5px 0}
.dh{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--lt);padding:6px 14px 2px}
.hsp{flex:1;min-width:8px}
.hact{display:flex;align-items:center;gap:8px;flex-shrink:0}
.lbtn{height:35px;padding:0 14px;border-radius:20px;font-size:13px;font-weight:700;border:1.5px solid var(--bd);background:var(--bg2);color:var(--tx2);cursor:pointer;transition:all .15s;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;font-family:inherit}
.lbtn:hover{border-color:var(--red);color:var(--red)}
.bnav{height:37px;padding:0 16px;border-radius:20px;font-size:13px;font-weight:700;border:1.5px solid var(--bd);background:var(--bg2);color:var(--tx2);cursor:pointer;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.bnav:hover{border-color:var(--red);color:var(--red);text-decoration:none}
.bnav.pri{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 2px 10px rgba(232,0,61,.25)}
.bnav.pri:hover{background:var(--red-d)}

/* ═══ HERO (Upload screen) ═══ */
.thero{min-height:calc(100vh - 66px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(160deg,#fef9fa 0%,#f8fafc 60%,#fff 100%)}
.thero.small{min-height:auto;padding:28px 20px}
.ubox{width:100%;max-width:680px;text-align:center;display:flex;flex-direction:column;align-items:center}
.ticon{width:108px;height:108px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:58px;margin-bottom:24px;box-shadow:var(--sh-md);animation:ib .5s cubic-bezier(.16,1,.3,1)}
@keyframes ib{from{opacity:0;transform:scale(.55) translateY(24px)}to{opacity:1;transform:none}}
.ttl{font-size:clamp(28px,5.5vw,50px);font-weight:900;letter-spacing:-.03em;color:var(--tx);margin-bottom:10px;line-height:1.08}
.tdc{font-size:17px;color:var(--mu);margin-bottom:34px;max-width:460px;line-height:1.8}
/* Drop zone */
.dz{width:100%;background:#fff;border:3px dashed var(--bd2);border-radius:var(--r-xl);padding:50px 24px;cursor:pointer;transition:all .2s;position:relative;text-align:center}
.dz.over,.dz:hover{border-color:var(--red);background:var(--red-l)}
.dz input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}
.dz-ico{font-size:56px;display:block;margin-bottom:16px;transition:transform .2s}
.dz:hover .dz-ico{transform:translateY(-6px)}
.dz-ttl{font-size:19px;font-weight:700;color:var(--tx);margin-bottom:6px}
.dz-sub{font-size:14.5px;color:var(--mu);margin-bottom:22px}
.dz-btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;padding:14px 34px;border-radius:var(--r);font-size:16px;font-weight:700;border:none;pointer-events:none;font-family:inherit;box-shadow:0 4px 14px rgba(232,0,61,.25)}
.trust{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:13px;color:var(--lt)}
.trust span{display:inline-flex;align-items:center;gap:5px}

/* ═══ WORKSPACE ═══ */
.ws{max-width:1400px;margin:0 auto;padding:24px 20px;display:none}
.ws.show{display:block}
.wsl{display:grid;grid-template-columns:1fr 310px;gap:20px;align-items:start}
@media(max-width:820px){.wsl{grid-template-columns:1fr}}
/* File list panel */
.fpanel{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r-lg);overflow:hidden}
.fpanel-hdr{padding:12px 18px;background:var(--bg2);border-bottom:1px solid var(--bd);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--lt);display:flex;align-items:center;justify-content:space-between}
.fi{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--bd);cursor:grab;transition:background .1s;user-select:none}
.fi:last-child{border-bottom:none}
.fi:hover{background:var(--bg2)}
.fi.drag{opacity:.4;background:var(--bg3)}
.fi.over{background:var(--red-l)}
.fh{color:var(--lt);font-size:17px;flex-shrink:0}
.fnum{width:26px;height:26px;background:var(--red);color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fthumb{width:44px;height:52px;background:var(--bg2);border:1.5px solid var(--bd);border-radius:7px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--mu)}
.finfo{flex:1;min-width:0}
.fname{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fmeta{font-size:12px;color:var(--mu);margin-top:2px}
.fdel{background:none;border:none;color:var(--lt);font-size:18px;padding:4px;transition:color .15s;flex-shrink:0;cursor:pointer}
.fdel:hover{color:var(--red)}
.fadd{width:100%;padding:13px 18px;background:none;border:none;border-top:1.5px dashed var(--bd);color:var(--red);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s;font-family:inherit;position:relative}
.fadd:hover{background:var(--red-l)}
/* Settings panel */
.spanel{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r-lg);overflow:hidden;position:sticky;top:82px}
.shdr{padding:12px 18px;background:var(--bg2);border-bottom:1px solid var(--bd);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--lt)}
.sbody{padding:18px}
.fg{margin-bottom:16px}
.flbl{display:block;font-size:13px;font-weight:600;color:var(--tx2);margin-bottom:7px}
.fsel,.finp{width:100%;height:42px;padding:0 13px;background:#fff;border:1.5px solid var(--bd);border-radius:var(--r-sm);font-size:14px;color:var(--tx);outline:none;transition:border .15s;font-family:inherit}
.fsel:focus,.finp:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(232,0,61,.07)}
.frange{-webkit-appearance:none;width:100%;height:5px;border-radius:3px;background:#e2e8f0;cursor:pointer;border:none;outline:none;padding:0}
.frange::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--red);border:2.5px solid #fff;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.abtn{width:100%;padding:16px 22px;border-radius:var(--r);background:var(--red);color:#fff;font-size:17px;font-weight:800;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;box-shadow:0 4px 16px rgba(232,0,61,.28);letter-spacing:-.01em}
.abtn:hover{background:var(--red-d);transform:translateY(-1px);box-shadow:0 6px 22px rgba(232,0,61,.32)}
.abtn:active{transform:none}
.abtn:disabled{opacity:.5;cursor:not-allowed;transform:none}

/* Info boxes */
.ib{border-radius:var(--r-sm);padding:12px 15px;font-size:13px;line-height:1.7;display:flex;gap:10px;align-items:flex-start;margin-top:10px}
.ib-info{background:var(--red-l);border:1.5px solid var(--red-m);color:#be123c}
.ib-warn{background:#fffbeb;border:1.5px solid #fde68a;color:#92400e}
.ib-ok{background:#f0fdf4;border:1.5px solid #a7f3d0;color:#065f46}
.ib-ico{font-size:16px;flex-shrink:0;margin-top:1px}

/* ═══ PROCESSING ═══ */
.proc{display:none;flex-direction:column;align-items:center;justify-content:center;padding:90px 20px;text-align:center;min-height:calc(100vh - 66px)}
.proc.show{display:flex}
.proc-ico{font-size:64px;margin-bottom:22px;animation:spin 1.5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.proc-ttl{font-size:26px;font-weight:900;margin-bottom:8px}
.proc-sub{font-size:15px;color:var(--mu);margin-bottom:28px}
.pgwrap{width:100%;max-width:440px;background:#e5e7eb;border-radius:30px;height:7px;overflow:hidden;margin-bottom:10px}
.pgbar{height:100%;background:var(--red);border-radius:30px;width:0%;transition:width .25s ease}
.pglbl{font-size:13px;color:var(--mu)}

/* ═══ DONE ═══ */
.done{display:none;flex-direction:column;align-items:center;padding:64px 20px;text-align:center;min-height:calc(100vh - 66px)}
.done.show{display:flex}
.done-ico{font-size:76px;margin-bottom:18px}
.done-ttl{font-size:30px;font-weight:900;margin-bottom:8px;letter-spacing:-.02em}
.done-sub{font-size:15px;color:var(--mu);margin-bottom:30px;max-width:460px}
.rstats{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}
.sc{background:var(--bg2);border:1.5px solid var(--bd);border-radius:var(--r);padding:16px 22px;text-align:center;min-width:100px}
.sc b{display:block;font-size:22px;font-weight:900}
.sc span{font-size:12px;color:var(--mu)}
.sc.ok{background:#f0fdf4;border-color:#a7f3d0}.sc.ok b{color:var(--green)}
.dlbtn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:16px 38px;border-radius:var(--r);font-size:17px;font-weight:800;border:none;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px rgba(22,163,74,.28);transition:all .2s;margin-bottom:16px}
.dlbtn:hover{background:#15803d;transform:translateY(-1px)}
.rtbtn{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-size:14.5px;font-weight:600;background:none;border:none;cursor:pointer;font-family:inherit;padding:10px 18px;border-radius:var(--r-sm);transition:background .15s}
.rtbtn:hover{background:var(--red-l)}

/* ═══ PAGES GRID ═══ */
.pggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;padding:18px}
@media(max-width:560px){.pggrid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:9px}}
.pgcard{background:#fff;border:2.5px solid var(--bd);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:all .18s;position:relative;user-select:none}
.pgcard:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 4px 12px rgba(232,0,61,.12)}
.pgcard.sel{border-color:var(--red);background:var(--red-l)}
.pgcard canvas{width:100%;display:block}
.pglabel{font-size:11px;color:var(--mu);text-align:center;padding:5px;font-weight:500}
.pgchk{position:absolute;top:6px;right:6px;width:22px;height:22px;background:var(--red);border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}
.pgcard.sel .pgchk{display:flex}
.pgnum{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.55);color:#fff;border-radius:5px;font-size:10px;font-weight:700;padding:1px 6px}

/* ═══ HOMEPAGE ═══ */
.home-hero{background:linear-gradient(155deg,#fff5f6 0%,#f8fafc 50%,#fff 100%);border-bottom:1.5px solid var(--bd);padding:70px 20px 54px;text-align:center;position:relative;overflow:hidden}
.home-hero::before{content:'';position:absolute;right:-120px;top:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(232,0,61,.06),transparent 65%);pointer-events:none}
.home-badge{display:inline-flex;align-items:center;gap:8px;background:var(--red-l);border:1.5px solid var(--red-m);color:var(--red);font-size:13px;font-weight:700;padding:7px 18px;border-radius:26px;margin-bottom:22px;letter-spacing:.03em}
.home-h1{font-size:clamp(26px,5vw,54px);font-weight:900;letter-spacing:-.03em;color:#111;margin-bottom:16px;line-height:1.06}
.home-h1 em{color:var(--red);font-style:normal}
.home-p{font-size:17.5px;color:var(--mu);max-width:560px;margin:0 auto 34px;line-height:1.85}
.home-stats{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;margin-bottom:36px}
.hstat{text-align:center}
.hstat b{display:block;font-size:30px;font-weight:900;color:var(--tx);line-height:1}
.hstat span{font-size:13px;color:var(--mu);margin-top:3px;display:block}
/* Category bar */
.cbar{background:#fff;border-bottom:1.5px solid var(--bd);display:flex;overflow-x:auto;position:sticky;top:66px;z-index:500;scrollbar-width:none;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.cbar::-webkit-scrollbar{height:0}
.ctab{padding:15px 22px;font-size:14.5px;font-weight:600;cursor:pointer;color:var(--tx2);border-bottom:3px solid transparent;border-top:none;border-left:none;border-right:none;background:none;transition:all .15s;white-space:nowrap;font-family:inherit;flex-shrink:0}
.ctab:hover{color:var(--red)}
.ctab.on{color:var(--red);border-bottom-color:var(--red)}
/* Tools section */
.tsec{max-width:1400px;margin:0 auto;padding:36px 20px}
.sec-hdr{display:flex;align-items:center;gap:13px;margin-bottom:20px;padding-bottom:14px;border-bottom:1.5px solid var(--bd)}
.sec-ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}
.sec-ttl{font-size:20px;font-weight:800}
.sec-cnt{font-size:12px;font-weight:700;background:var(--bg3);color:var(--mu);padding:4px 10px;border-radius:14px}
/* Tool grid */
.tgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:52px}
@media(max-width:1200px){.tgrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:920px){.tgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.tgrid{grid-template-columns:repeat(2,1fr)}}
/* Tool card */
.tcard{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r-lg);padding:22px 16px 18px;display:flex;flex-direction:column;gap:11px;text-decoration:none;color:inherit;transition:all .22s;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
.tcard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;transform:scaleX(0);transition:transform .22s;transform-origin:left}
.tcard:hover{transform:translateY(-4px);box-shadow:0 8px 26px rgba(0,0,0,.1);text-decoration:none;color:inherit}
.tcard:hover::after{transform:scaleX(1)}
.cico{width:68px;height:68px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;transition:transform .2s}
.tcard:hover .cico{transform:scale(1.08)}
.cnm{font-size:15.5px;font-weight:700;color:#111;line-height:1.3}
.cdsc{font-size:12.5px;color:var(--mu);line-height:1.6}
.cbadge{position:absolute;top:10px;right:10px;font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:22px;text-transform:uppercase}
.b-hot{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}
.b-new{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}
/* Colors */
.co::after{background:var(--orange)}.co:hover{border-color:var(--orange)}
.cg::after{background:var(--green)}.cg:hover{border-color:var(--green)}
.cp::after{background:var(--purple)}.cp:hover{border-color:var(--purple)}
.cr::after{background:var(--red)}.cr:hover{border-color:var(--red)}
.cb::after{background:var(--blue)}.cb:hover{border-color:var(--blue)}
.io{background:#fff7ed}.ig{background:#f0fdf4}.ip{background:#f5f3ff}.ir{background:#fff0f4}.ib2{background:#eff6ff}

/* ═══ RELATED ═══ */
.relsec{background:var(--bg2);border-top:1.5px solid var(--bd);padding:50px 20px}
.rel-ttl{text-align:center;font-size:23px;font-weight:800;margin-bottom:24px}
.relgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px;max-width:960px;margin:0 auto}
.relcard{background:#fff;border:1.5px solid var(--bd);border-radius:var(--r-lg);padding:18px 14px 16px;display:flex;flex-direction:column;gap:9px;text-decoration:none;color:inherit;transition:all .2s;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
.relcard::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--red);transform:scaleX(0);transition:transform .2s;transform-origin:left}
.relcard:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 6px 20px rgba(232,0,61,.1);text-decoration:none;color:inherit}
.relcard:hover::after{transform:scaleX(1)}
.rel-ico{width:46px;height:46px;border-radius:11px;background:var(--red-l);display:flex;align-items:center;justify-content:center;font-size:24px}
.rel-nm{font-size:14px;font-weight:700}
.rel-ds{font-size:12px;color:var(--mu)}

/* ═══ FOOTER ═══ */
.ftr{background:#0f172a;color:#fff;padding:54px 20px 28px}
.fgrid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
@media(max-width:980px){.fgrid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:580px){.fgrid{grid-template-columns:1fr 1fr}}
.fbrand h3{font-size:23px;font-weight:900;margin-bottom:10px}
.fbrand h3 b{color:var(--red-m)}
.fbrand p{font-size:13.5px;color:#64748b;line-height:1.78;max-width:220px;margin-bottom:14px}
.feml{display:inline-flex;align-items:center;gap:6px;color:#94a3b8;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}
.feml:hover{color:var(--red-m)}
.fcol h4{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#475569;margin-bottom:12px}
.fcol a{display:block;color:#94a3b8;font-size:13.5px;margin-bottom:8px;text-decoration:none;transition:color .15s}
.fcol a:hover{color:var(--red-m)}
.fbot{border-top:1px solid #1e293b;padding-top:22px;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.fbot p{font-size:13px;color:#475569}
.flinks{display:flex;gap:16px;flex-wrap:wrap}
.flinks a{font-size:13px;color:#475569;text-decoration:none;transition:color .15s}
.flinks a:hover{color:#94a3b8}

/* ═══ MOBILE NAV ═══ */
.mobnav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:500;background:#fff;border-top:2px solid var(--red);padding:8px 8px env(safe-area-inset-bottom,8px);grid-template-columns:repeat(5,1fr)}
@media(max-width:768px){.mobnav{display:grid}body{padding-bottom:70px}.mnav{display:none}.hact .bnav:not(.pri){display:none}}
.mni{display:flex;flex-direction:column;align-items:center;gap:2px;color:#9ca3af;font-size:9.5px;font-weight:600;background:none;border:none;padding:4px 2px;cursor:pointer;font-family:inherit;transition:color .15s;text-decoration:none}
.mni:hover,.mni.on{color:var(--red)}
.mnico{font-size:22px;line-height:1}

/* ═══ TOAST ═══ */
#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);z-index:9999;background:#111;color:#fff;padding:12px 24px;border-radius:var(--r);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:var(--sh-lg);transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;opacity:0;pointer-events:none;max-width:94vw}
#toast.show{transform:translateX(-50%) translateY(0);opacity:1}
#toast.ok{background:#059669}#toast.err{background:#dc2626}

/* ═══ SIGN PAD ═══ */
.sigtabs{display:flex;border-bottom:1px solid var(--bd);margin-bottom:14px}
.sigtab{flex:1;padding:10px;border:none;background:none;font-size:14px;font-weight:600;color:var(--mu);cursor:pointer;border-bottom:3px solid transparent;font-family:inherit;transition:all .15s}
.sigtab.on{color:var(--red);border-bottom-color:var(--red)}


/* Dropdown click support (mobile fix) */
.ndrop.open>.dmenu{display:block}
.nl.droptrigger{cursor:pointer}
.nl.droptrigger:hover{text-decoration:none}
/* Active nav link */
.nl.active{color:var(--red);border-bottom-color:var(--red)}
/* Fix details/summary FAQ arrow */
details>summary::-webkit-details-marker{display:none}
details[open]>summary span{transform:rotate(180deg);display:inline-block;transition:transform .2s}

/* ═══ UTILITY ═══ */
.hide{display:none!important}
.yr{display:inline}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fadein{animation:fadeIn .3s ease}