/* DLHC অ্যাপ লেয়ার — ইনস্টল বোতাম · সিঙ্ক চিপ · টোস্ট · অফলাইন পেজ
   কম্প্যাক্ট · গ্রেডিয়েন্ট বোতাম · নীল শ্যাডো · ছোট কর্নার */
:root{ --dl-blue:#1a5fb4; --dl-blue2:#2f7bdd; --dl-sh:rgba(26,95,180,.34); }

/* ---- টপ বারের অ্যাপ ডাউনলোড বোতাম ---- */
.tb-app{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;height:22px;padding:0 9px;
  border-radius:3px;font-weight:700;font-size:.74rem;line-height:1;color:#fff!important;white-space:nowrap;
  background:linear-gradient(135deg,#1f9d55,#2fbd6c);box-shadow:0 2px 7px rgba(31,157,85,.42);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s ease,filter .2s ease}
.tb-app:hover{transform:scale(1.14) translateY(-1px);box-shadow:0 7px 18px rgba(31,157,85,.55);filter:brightness(1.08)}
.tb-app:active{transform:scale(1.04)}
.tb-app svg{width:12px;height:12px;flex:0 0 auto}
.is-app .tb-app[data-app-install]{display:none}

/* ---- সাধারণ অ্যাপ বোতাম ---- */
.dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;height:34px;
  padding:0 14px;border:0;border-radius:3px;cursor:pointer;font:700 12.5px/1 inherit;color:#fff;text-decoration:none;
  background:linear-gradient(135deg,var(--dl-blue),var(--dl-blue2));box-shadow:0 2px 8px var(--dl-sh);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s ease,filter .2s ease}
.dl-btn:hover{transform:scale(1.14) translateY(-1px);box-shadow:0 8px 20px var(--dl-sh);filter:brightness(1.08)}
.dl-btn:active{transform:scale(1.04)}
.dl-btn.green{background:linear-gradient(135deg,#1f9d55,#2fbd6c);box-shadow:0 2px 8px rgba(31,157,85,.4)}
.dl-btn.red{background:linear-gradient(135deg,#c2101d,#e11d2a);box-shadow:0 2px 8px rgba(225,29,42,.4)}
.dl-btn.ghost{background:linear-gradient(135deg,#334155,#475569);box-shadow:0 2px 8px rgba(51,65,85,.35)}
.dl-btn svg{width:15px;height:15px;flex:0 0 auto}

/* ---- সিঙ্ক স্ট্যাটাস চিপ ---- */
.dl-chip{position:fixed;left:10px;bottom:10px;z-index:300;display:none;align-items:center;gap:6px;
  height:28px;padding:0 11px;border-radius:3px;font:700 11.5px/1 inherit;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,#1f9d55,#2fbd6c);box-shadow:0 3px 12px rgba(31,157,85,.45);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s ease}
.dl-chip.on{display:inline-flex}
.dl-chip:hover{transform:scale(1.12)}
.dl-chip.off{background:linear-gradient(135deg,#7c2d12,#b45309);box-shadow:0 3px 12px rgba(180,83,9,.45)}
.dl-chip.busy{background:linear-gradient(135deg,var(--dl-blue),var(--dl-blue2));box-shadow:0 3px 12px var(--dl-sh)}
.dl-chip i{width:7px;height:7px;border-radius:50%;background:#fff;flex:0 0 auto}
.dl-chip.busy i{animation:dlpulse .9s ease-in-out infinite}
@keyframes dlpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}

/* ---- টোস্ট ---- */
.dl-toast{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:400;max-width:min(92vw,420px);
  padding:11px 16px;border-radius:3px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;
  font:600 13px/1.45 inherit;box-shadow:0 8px 26px rgba(26,95,180,.5);animation:dlin .28s cubic-bezier(.2,.8,.3,1.4)}
.dl-toast.err{background:linear-gradient(135deg,#7f1d1d,#c2101d);box-shadow:0 8px 26px rgba(225,29,42,.45)}
.dl-toast.go{opacity:0;transform:translate(-50%,14px);transition:all .5s ease}
@keyframes dlin{from{opacity:0;transform:translate(-50%,18px)}}

/* ---- মৃদু প্রস্তাব বার ---- */
.dl-nudge{position:fixed;left:50%;bottom:12px;transform:translate(-50%,20px);opacity:0;z-index:350;
  display:flex;align-items:center;gap:8px;max-width:min(94vw,560px);padding:9px 12px;border-radius:4px;
  background:#fff;box-shadow:0 10px 30px rgba(26,95,180,.32);transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.3,1.4)}
.dl-nudge.in{opacity:1;transform:translate(-50%,0)}
.dl-nudge .tx{flex:1 1 auto;min-width:0;font-size:.86rem;line-height:1.45;color:#334155}
.dl-nudge .tx b{color:#0f172a}
.dl-nudge .dl-btn.sm{height:28px;padding:0 11px;font-size:11.5px;flex:0 0 auto}
@media(max-width:520px){ .dl-nudge{left:8px;right:8px;transform:translateY(20px);max-width:none}
  .dl-nudge.in{transform:translateY(0)} .dl-nudge .tx{font-size:.8rem} }

/* ---- ইনস্টল শিট ---- */
.dl-sheet{position:fixed;inset:0;z-index:500;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:14px;
  animation:dlfade .2s ease;backdrop-filter:blur(2px)}
@keyframes dlfade{from{opacity:0}}
.dl-sheet-c{background:#fff;border-radius:6px;padding:14px 16px;max-width:390px;width:100%;
  box-shadow:0 14px 40px rgba(26,95,180,.4);animation:dlup .26s cubic-bezier(.2,.8,.3,1.4)}
@keyframes dlup{from{opacity:0;transform:translateY(16px) scale(.97)}}
.dl-sheet-c b{display:block;font-size:1rem;margin-bottom:6px;color:#0f172a}
.dl-sheet-c p{margin:0 0 12px;font-size:.9rem;line-height:1.6;color:#334155}
.dl-sheet-b{display:flex;gap:8px;justify-content:flex-end}

/* ---- অফলাইন / অ্যাপ পেজ ---- */
.dl-wrap{max-width:1100px;margin:0 auto;padding:14px}
.dl-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.dl-head h1{margin:0;font-size:1.25rem;flex:1 1 auto}
.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.dl-card{background:#fff;border-radius:6px;padding:10px 12px;box-shadow:0 2px 10px rgba(26,95,180,.14);
  transition:transform .18s ease,box-shadow .18s ease}
.dl-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(26,95,180,.22)}
.dl-card *{margin:0}
.dl-card h4{font-size:.97rem;line-height:1.4;margin-bottom:4px;color:#0f172a}
.dl-card p{font-size:.86rem;color:#475569;line-height:1.55}
.dl-card .dt{font-size:.76rem;color:#64748b;font-weight:700;margin-top:5px}
.dl-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.dl-tab{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:3px;cursor:pointer;
  font:700 12px/1 inherit;color:#fff;background:linear-gradient(135deg,#64748b,#94a3b8);box-shadow:0 2px 7px rgba(100,116,139,.35);
  transition:transform .2s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s ease}
.dl-tab:hover{transform:scale(1.12)}
.dl-tab.on{background:linear-gradient(135deg,#0f172a,#1e3a8a);box-shadow:0 4px 14px var(--dl-sh)}
.dl-note{background:#eff6ff;border-left:3px solid var(--dl-blue);border-radius:3px;padding:9px 12px;font-size:.88rem;
  color:#1e3a8a;margin-bottom:12px;line-height:1.6}
.dl-empty{text-align:center;padding:26px 12px;color:#64748b;font-size:.92rem}

/* ---- মোবাইলে টপ বার কম্প্যাক্ট: অ্যাপ বোতাম যোগ হলেও যেন বাড়তি সারি না বাড়ে ---- */
@media(max-width:640px){
  .topbar{font-size:.74rem}
  .topbar .wrap{gap:5px 8px;min-height:0;padding-top:5px;padding-bottom:5px}
  .topbar .tb-r{gap:10px}
  /* ইমেইলের লম্বা টেক্সট মোবাইলে শুধু আইকন — এক সারিতেই সব ধরে (SVG-র মাপ আলাদা করে দেওয়া) */
  .topbar .tb-r>a[href^="mailto:"]{font-size:0;gap:0}
  .topbar .tb-r>a[href^="mailto:"] svg{width:15px;height:15px;font-size:15px}
  .tb-app{height:23px;padding:0 9px;font-size:.75rem}
}
@media(max-width:520px){
  .dl-grid{grid-template-columns:1fr}
  .dl-chip{left:8px;bottom:8px;height:26px;font-size:11px}
}