/* Giso warm luxury design tokens — visual-only shared layer. */
:root {
  --giso-cream-0: #fffdf8;
  --giso-cream-1: #fff8ed;
  --giso-cream-2: #fbf0df;
  --giso-gold: #d4af37;
  --giso-gold-deep: #a78319;
  --giso-brown: #5a3e1b;
  --giso-brown-soft: #8b6f5c;
  --giso-rose: #e89090;
  --giso-rose-soft: #f7dfdc;
  --giso-glass: rgba(255, 253, 248, .78);
  --giso-glass-strong: rgba(255, 255, 255, .9);
  --giso-border: rgba(212, 175, 55, .26);
  --giso-radius: 18px;
  --giso-shadow: 0 12px 32px rgba(90, 62, 27, .09);
}

/* Shared panel polish: no route, form, or state changes. */
.pnl-body, .pu-body {
  background: linear-gradient(145deg, var(--giso-cream-1), var(--giso-cream-2));
  color: var(--giso-brown);
  font-family: 'Vazirmatn', sans-serif;
}
.pnl-card, .pnl-table-wrap, .pu-card {
  background: var(--giso-glass);
  border-color: var(--giso-border);
  border-radius: var(--giso-radius);
  box-shadow: var(--giso-shadow);
  backdrop-filter: blur(10px);
}
.pnl-nav-item, .pu-nav-item { transition: background .2s ease, color .2s ease, transform .2s ease; }
.pnl-nav-item:hover, .pu-nav-item:hover { transform: translateY(-1px); }
.pnl-btn, .pu-btn { border-radius: 13px; font-family: inherit; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.pnl-btn:hover, .pu-btn:hover { transform: translateY(-1px); }
.pnl-h1, .pu-h1, .pnl-card h3, .pu-card h3 { color: var(--giso-brown); }
.pnl-sub, .pu-sub, .pnl-muted, .pu-muted { color: var(--giso-brown-soft); }
.pnl-bell-btn, .pu-bell-btn {
  border-color: rgba(212, 175, 55, .5);
  background: linear-gradient(145deg, var(--giso-cream-0), var(--giso-rose-soft));
  color: var(--giso-gold-deep);
  box-shadow: 0 8px 22px rgba(90, 62, 27, .12);
}
.pnl-bell-btn:hover, .pu-bell-btn:hover { box-shadow: 0 12px 28px rgba(212, 175, 55, .24); }

@media (max-width: 640px) {
  .pnl-content, .pu-content { padding: 15px 12px; }
  .pnl-card, .pu-card { padding: 15px; border-radius: 16px; }
  .pnl-h1, .pu-h1 { font-size: 1.15rem !important; }
  .pnl-btn, .pu-btn { min-height: 40px; }
}

/* ═══ نوتیفیکیشن درون‌سایتی — Bell + Toast (افزوده: ۱۴۰۵/۰۶/۰۱) ═══ */
.giso-bell-wrap{position:relative;display:inline-flex;align-items:center;margin-inline-start:6px}
.giso-bell-badge{position:absolute;top:-4px;inset-inline-start:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:linear-gradient(160deg,#e0526f,#c73e5c);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 2px 6px rgba(199,62,92,.4);pointer-events:none}
.giso-bell-drop{position:absolute;top:calc(100% + 10px);inset-inline-end:-8px;width:min(340px,calc(100vw - 40px));background:#fffdf8;border:1.5px solid rgba(212,175,55,.4);border-radius:16px;box-shadow:0 14px 40px rgba(139,90,43,.18);z-index:9999;overflow:hidden;animation:gisoBellDropIn .18s ease}
@keyframes gisoBellDropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.giso-bell-drop-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:linear-gradient(160deg,#fff9f0,#f5e6d3);border-bottom:1px solid rgba(212,175,55,.25);font-size:13px;font-weight:600;color:#6b4a2a}
.giso-bell-drop-head a{color:#b8941f;text-decoration:none;font-size:12px;white-space:nowrap}
.giso-bell-drop-body{max-height:320px;overflow-y:auto;padding:6px}
.giso-bell-item{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:12px;text-decoration:none;color:#3d2c1c;font-size:13px}
.giso-bell-item:hover{background:rgba(212,175,55,.12)}
.giso-bell-item.is-unread{background:rgba(212,175,55,.1)}
.giso-bell-item.is-unread strong{color:#8a6d1f}
.giso-bell-icon{font-size:16px;line-height:1.2}
.giso-bell-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.giso-bell-text strong{font-size:13px}
.giso-bell-text span{color:#8a7a66;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.giso-bell-empty{padding:18px 14px;text-align:center;color:#a08c72;font-size:13px}
.giso-toast-wrap{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:min(420px,calc(100vw - 28px))}
.giso-toast{pointer-events:auto;display:flex;gap:10px;align-items:flex-start;background:rgba(255,253,248,.97);border:1.5px solid rgba(212,175,55,.45);border-radius:16px;box-shadow:0 12px 34px rgba(139,90,43,.2);padding:12px 14px;font-size:13.5px;color:#3d2c1c;opacity:0;transform:translateY(-10px);transition:opacity .35s ease,transform .35s ease;direction:rtl;text-align:right}
.giso-toast.show{opacity:1;transform:none}
.giso-toast-icon{font-size:17px;line-height:1.3}
.giso-toast-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.giso-toast-text strong{font-size:13.5px}
.giso-toast-text span{color:#8a7a66;font-size:12.5px}
.giso-flash-wrap.giso-flash-toasted{display:none}
@media (max-width:640px){
  .giso-toast-wrap{top:10px;width:calc(100vw - 20px)}
  .giso-bell-drop{width:calc(100vw - 60px)}
}