/* =========================================================================
   zn-calendar — تقویم آموزشی (zbn-zn-calendar) · طرح: 15-calendar.dc.html
   وابسته به: zn-base.css
   ========================================================================= */

.zncl{position:relative;overflow:hidden;padding:clamp(56px,7vw,104px) 0;background:radial-gradient(940px 540px at 14% -6%,var(--zn-wash2),transparent 62%),var(--zn-bg1);border-top:1px solid rgba(var(--zn-line),.08);}
.zncl-wrap{position:relative;max-width:1280px;margin:0 auto;padding:0 clamp(18px,5vw,64px);}
.zncl-head{text-align:center;margin-bottom:clamp(28px,3.5vw,44px);}
.zncl-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,92,138,.1);border:1px solid rgba(255,92,138,.32);color:var(--zn-soft2);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:800;}
.zncl-title{margin:16px auto 8px;font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.5;background:linear-gradient(110deg,var(--zn-t1) 38%,var(--zn-soft2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.zncl-lead{margin:0 auto;max-width:52ch;font-size:13.5px;line-height:2;color:var(--zn-t5);}

.zncl-card{border-radius:24px;overflow:hidden;border:1px solid rgba(var(--zn-line),.14);background:rgba(255,255,255,.02);}
.zncl-tabs{display:flex;gap:6px;overflow-x:auto;padding:14px;background:var(--zn-deep);scrollbar-width:none;}
.zncl-tabs::-webkit-scrollbar{display:none;}
.zncl-tab{white-space:nowrap;border:1px solid rgba(var(--zn-line),.22);border-radius:11px;padding:10px 18px;background:transparent;color:var(--zn-t3);font-weight:800;font-size:13px;cursor:pointer;transition:all .15s;font-family:inherit;}
.zncl-tab.is-on{border-color:transparent;background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));color:#fff;box-shadow:0 0 22px rgba(255,59,92,.3);}

.zncl-body{padding:8px clamp(16px,3vw,28px) 20px;}
.zncl-row{display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(var(--zn-line),.1);}
.zncl-row.is-hidden{display:none;}
.zncl-name{display:flex;align-items:center;gap:12px;}
.zncl-name .ic{width:44px;height:44px;border-radius:12px;background:rgba(255,59,92,.12);color:var(--zn-soft);display:grid;place-items:center;flex-shrink:0;}
.zncl-name strong{display:block;font-size:14.5px;font-weight:800;color:var(--zn-t1);}
.zncl-name small{font-size:11.5px;color:var(--zn-t6);}
.zncl-cell small{display:block;font-size:11px;color:var(--zn-t6);}
.zncl-cell strong{font-size:13px;color:var(--zn-t2);}
.zncl-actions{display:flex;align-items:center;gap:12px;}
.zncl-status{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:#4ade9b;}
.zncl-status .dot{width:8px;height:8px;border-radius:50%;background:#25b98d;box-shadow:0 0 0 4px rgba(37,185,141,.14);}
.zncl-status.is-closed{color:var(--zn-t5);}
.zncl-status.is-closed .dot{background:var(--zn-t6);box-shadow:0 0 0 4px rgba(120,120,120,.14);}
.zn-scope .zncl-btn{background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));color:#fff;font-size:12px;font-weight:800;padding:9px 15px;border-radius:10px;white-space:nowrap;display:inline-block;}
.zn-scope .zncl-btn:hover{color:#fff;}
.zncl-note{margin:16px 0 4px;padding:11px 15px;border-radius:12px;background:rgba(245,179,1,.08);border:1px solid rgba(245,179,1,.2);color:var(--zn-goldsoft);font-size:12px;line-height:1.8;}
.zncl-note a{color:var(--zn-gold);font-weight:800;}