/* ============ سایرن شاپ — پنل ثبت آگهی ============ */
:root{
  --bg:#070c14; --bg2:#0a1420;
  --card:rgba(255,255,255,.045); --card2:#0f1a28;
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.14);
  --txt:#eaf2f7; --mut:#8595a6; --mut2:#5c6b7d;
  --aqua:#31d8c9; --aqua2:#1aa79c; --gold:#ffd257; --gold2:#ffb020;
  --blue:#3d7bff; --green:#2fbe6a; --red:#ff5c72;
  --radius:18px; --radius-sm:12px;
  --shadow:0 24px 60px rgba(0,0,0,.5);
  --font:'Vazirmatn',Tahoma,'Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:var(--font);color:var(--txt);min-height:100vh;
  background:
    radial-gradient(1100px 550px at 88% -10%,rgba(49,216,201,.16),transparent 55%),
    radial-gradient(900px 500px at -8% 108%,rgba(61,123,255,.14),transparent 55%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  background-attachment:fixed;line-height:1.7}
a{color:var(--aqua);text-decoration:none}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:20px}

.wrap{max-width:640px;margin:0 auto;padding:22px 18px 60px}
.brand{display:flex;align-items:center;gap:12px;justify-content:center;padding:14px 0 6px}
.brand .logo{font-size:40px;filter:drop-shadow(0 6px 16px rgba(49,216,201,.45))}
.brand .logo-img{width:56px;height:56px;border-radius:14px;object-fit:cover;
  box-shadow:0 8px 22px rgba(255,210,87,.28);border:1px solid rgba(255,210,87,.25)}
.logo-hero{width:110px;height:110px;border-radius:24px;object-fit:cover;margin:0 auto 6px;
  display:block;box-shadow:0 14px 40px rgba(255,210,87,.3);border:1px solid rgba(255,210,87,.3)}
.brand b{font-size:20px}
.brand span{display:block;font-size:11px;color:var(--mut)}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;backdrop-filter:blur(12px);margin-bottom:16px}
.welcome{white-space:pre-line;font-size:13.5px;line-height:2.1;
  background:linear-gradient(180deg,rgba(49,216,201,.06),rgba(255,255,255,.02));
  border:1px solid rgba(49,216,201,.18)}
.welcome b{color:#bff4ee}

.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;
  background:var(--card);border:1px solid var(--line);font-size:12.5px}
.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}

h1{font-size:21px;margin:0 0 4px}
.sub{color:var(--mut);font-size:12.5px;margin-bottom:18px}

label.f{display:block;font-size:13px;color:#c6d2dc;margin:18px 0 8px;font-weight:600}
label.f .req{color:var(--red)}
label.f .opt{color:var(--mut);font-weight:400;font-size:11px}
input.t,textarea.t,select.t{width:100%;padding:13px 14px;border-radius:var(--radius-sm);
  border:1px solid var(--line);background:rgba(0,0,0,.3);color:var(--txt);font-size:14px;font-family:inherit}
textarea.t{min-height:96px;resize:vertical}
input.t:focus,textarea.t:focus,select.t:focus{outline:none;border-color:var(--aqua);
  box-shadow:0 0 0 3px rgba(49,216,201,.15)}
input.t[readonly]{opacity:.75;cursor:not-allowed}
.hint{font-size:11px;color:var(--mut);margin-top:6px}

/* گروه انتخاب (چیپ‌ها) */
.opts{display:flex;flex-wrap:wrap;gap:9px}
.opt{position:relative;cursor:pointer}
.opt input{position:absolute;opacity:0}
.opt span{display:inline-flex;align-items:center;gap:7px;padding:11px 16px;border-radius:12px;
  border:1px solid var(--line2);background:rgba(255,255,255,.03);font-size:13px;transition:.15s}
.opt input:checked + span{border-color:var(--aqua);background:rgba(49,216,201,.14);color:#bff4ee;
  box-shadow:0 0 0 2px rgba(49,216,201,.25)}

/* آپلود عکس */
.drop{position:relative;border:1.5px dashed rgba(49,216,201,.4);border-radius:16px;padding:30px 20px;
  text-align:center;cursor:pointer;transition:.2s;overflow:hidden;
  background:linear-gradient(180deg,rgba(49,216,201,.07),rgba(61,123,255,.04))}
.drop::before{content:"";position:absolute;inset:0;
  background:radial-gradient(200px 90px at 50% 0,rgba(49,216,201,.16),transparent 70%);pointer-events:none}
.drop:hover{border-color:var(--aqua);transform:translateY(-1px);
  box-shadow:0 10px 30px rgba(49,216,201,.15)}
.drop .ic{font-size:40px;filter:drop-shadow(0 6px 14px rgba(49,216,201,.4))}
.drop .t2{font-size:13.5px;color:#bcd5da;margin-top:10px;font-weight:600}
.drop .t3{font-size:11px;color:var(--mut);margin-top:3px}
.preview-img{max-width:100%;border-radius:14px;margin-top:12px;display:none;
  border:1px solid var(--line2);box-shadow:0 10px 26px rgba(0,0,0,.4)}

/* select نیتیو (fallback) با فلش سفارشی */
select.t{-webkit-appearance:none;appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);
  background-position:calc(18px) center,calc(23px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-left:38px}

/* دراپ‌داون سفارشی */
.csel{position:relative;user-select:none}
.csel-head{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--line);
  background:rgba(0,0,0,.3);color:var(--txt);font-size:14px;display:flex;align-items:center;
  justify-content:space-between;cursor:pointer;transition:.15s}
.csel-head .chev{width:8px;height:8px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);
  transform:rotate(45deg);margin-top:-3px;transition:.2s;flex-shrink:0}
.csel.open .csel-head,.csel-head:hover{border-color:var(--aqua)}
.csel.open .csel-head{box-shadow:0 0 0 3px rgba(49,216,201,.15)}
.csel.open .csel-head .chev{transform:rotate(225deg);margin-top:3px;border-color:var(--aqua)}
.csel-panel{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);
  background:var(--card2);border:1px solid var(--line2);border-radius:12px;
  box-shadow:var(--shadow);max-height:230px;overflow-y:auto;display:none;padding:6px}
.csel.open .csel-panel{display:block;animation:cselIn .14s ease}
@keyframes cselIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.csel-opt{padding:11px 13px;border-radius:9px;font-size:14px;cursor:pointer;transition:.12s;display:flex;align-items:center;gap:8px}
.csel-opt:hover{background:rgba(49,216,201,.12)}
.csel-opt.sel{background:rgba(49,216,201,.18);color:#bff4ee;font-weight:700}
.csel-opt.sel::after{content:"✓";margin-right:auto;color:var(--aqua)}

/* تاگل سگمنتی */
.seg{display:flex;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}
.seg-btn{flex:1;text-align:center;padding:11px 8px;border-radius:9px;cursor:pointer;font-size:13.5px;
  font-weight:700;color:var(--mut);transition:.15s;white-space:nowrap}
.seg-btn:hover{color:var(--txt)}
.seg-btn.on{background:linear-gradient(135deg,var(--aqua),var(--aqua2));color:#062a26;
  box-shadow:0 6px 16px rgba(49,216,201,.28)}
.seg.plus .seg-btn.on{font-size:18px}
.seg.mini{padding:3px;gap:3px}
.seg.mini .seg-btn{padding:7px 10px;font-size:12px}

/* حذف فلش‌های زشت input عددی */
input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* اسلاید «درباره ما» */
.acc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;margin-bottom:16px;backdrop-filter:blur(12px)}
.acc-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;
  cursor:pointer;font-weight:700;font-size:14.5px;color:#cfe9e5}
.acc-head:hover{background:rgba(49,216,201,.05)}
.acc-chev{width:9px;height:9px;border-right:2px solid var(--aqua);border-bottom:2px solid var(--aqua);
  transform:rotate(45deg);transition:.25s;flex-shrink:0}
.acc.open .acc-chev{transform:rotate(225deg)}
.acc-body{max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0 18px}
.acc.open .acc-body{max-height:1000px;padding-bottom:18px}

/* عنوان و آیدی‌های لمسی */
.w-title{font-size:15px;font-weight:800;color:#bff4ee;margin-bottom:14px}
.w-links{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}
.tglink{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:13px;
  background:linear-gradient(135deg,rgba(49,216,201,.1),rgba(61,123,255,.06));
  border:1px solid rgba(49,216,201,.25);transition:.15s}
.tglink:hover{border-color:var(--aqua);transform:translateY(-1px);box-shadow:0 8px 20px rgba(49,216,201,.16)}
.tglink:active{transform:translateY(0)}
.tglink .tl-emo{font-size:22px;flex-shrink:0}
.tglink .tl-txt{display:flex;flex-direction:column;line-height:1.5}
.tglink .tl-txt b{font-size:13px;color:var(--txt);font-weight:700}
.tglink .tl-id{font-size:12px;color:var(--aqua);direction:ltr}
.tglink .tl-go{margin-right:auto;font-size:11px;color:var(--aqua);white-space:nowrap;opacity:.85}
.w-notes{font-size:12.5px;line-height:2.15;color:#b9c6d0}

/* کارت‌های سیو */
.saves-list{display:flex;flex-direction:column;gap:9px}
.save-card{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:14px;
  border:1px solid var(--line2);background:rgba(255,255,255,.02);cursor:pointer;transition:.16s;flex-wrap:wrap}
.save-card:hover{border-color:rgba(49,216,201,.4)}
.save-card.sel{border-color:var(--aqua);background:rgba(49,216,201,.1);
  box-shadow:0 0 0 2px rgba(49,216,201,.18)}
.sc-check{width:24px;height:24px;border-radius:8px;border:2px solid var(--line2);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;transition:.16s;font-size:14px;color:#062a26}
.save-card.sel .sc-check{background:linear-gradient(135deg,var(--aqua),var(--aqua2));border-color:var(--aqua)}
.save-card.sel .sc-check::after{content:"✓";font-weight:900}
.sc-name{font-size:14px;font-weight:600;flex:1;min-width:90px}
.sc-seg{opacity:.4;pointer-events:auto;transition:.16s;max-width:170px}
.save-card.sel .sc-seg{opacity:1}

/* سیوها */
.save-row{display:flex;gap:9px;align-items:center;margin-bottom:9px;flex-wrap:wrap}
.save-row .idx{width:26px;height:26px;border-radius:8px;background:rgba(49,216,201,.15);
  color:#bff4ee;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.save-row select{flex:1;min-width:120px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;
  border:0;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;font-family:inherit;transition:.15s;width:100%}
.btn:active{transform:translateY(1px)}
.btn.main{color:#062a26;background:linear-gradient(135deg,var(--aqua),var(--aqua2));
  box-shadow:0 12px 30px rgba(49,216,201,.28)}
.btn.gold{color:#2a1d00;background:linear-gradient(135deg,var(--gold),var(--gold2))}
.btn.ghost{background:var(--card);border:1px solid var(--line2);color:var(--txt)}
.btn.sm{width:auto;padding:9px 15px;font-size:12.5px}

/* پیش‌نمایش آگهی */
.adprev{white-space:pre-line;font-size:13px;line-height:2;background:rgba(0,0,0,.28);
  border:1px solid var(--line);border-radius:14px;padding:16px;color:#d7e2ea}
.adprev b{color:#fff}

.alert{padding:13px 15px;border-radius:12px;font-size:13px;margin-bottom:14px;line-height:1.9}
.alert.err{background:rgba(255,92,114,.12);border:1px solid rgba(255,92,114,.32);color:#ffb3bf}
.alert.suc{background:rgba(47,190,106,.12);border:1px solid rgba(47,190,106,.32);color:#a6f0c6}
.alert.info{background:rgba(49,216,201,.1);border:1px solid rgba(49,216,201,.28);color:#a9ece5}

.center{text-align:center}
.big-emoji{font-size:56px;filter:drop-shadow(0 8px 20px rgba(49,216,201,.4))}
.tg-login{display:flex;justify-content:center;margin-top:18px}
.foot{text-align:center;color:var(--mut2);font-size:11px;margin-top:24px}
.divider{height:1px;background:var(--line);margin:22px 0}