@font-face{font-family:"Vazirmatn";src:url("Vazirmatn-Variable.f6d31671339d.woff2") format("woff2");font-weight:100 900;font-display:swap}
html,body,input,select,textarea,button{font-family:"Vazirmatn",system-ui,sans-serif!important}

/* ---------------------------------------------------------------- tokens */
:root{
  --im-brand:#2563eb;--im-brand-ink:#1d4ed8;--im-brand-soft:#eff6ff;
  --im-card:#fff;--im-line:#e4e4e7;--im-line-soft:#f4f4f5;--im-hover:#fafafa;
  --im-ink:#18181b;--im-ink-2:#3f3f46;--im-muted:#71717a;
  --im-track:#f4f4f5;--im-ok:#2f9e6a;--im-warn:#b7791f;--im-warn-soft:#fdf3e1;
}
html.dark{
  --im-brand:#2563eb;--im-brand-ink:#60a5fa;--im-brand-soft:#1e293b;
  --im-card:#232327;--im-line:#303036;--im-line-soft:#27272a;--im-hover:#2a2a2f;
  --im-ink:#fafafa;--im-ink-2:#d4d4d8;--im-muted:#a1a1aa;
  --im-track:#303036;--im-ok:#48bb84;--im-warn:#e3a645;--im-warn-soft:rgba(227,166,69,.12);
}

/* ---------------------------------------------------------------- Solar icons (replace the Material font) */
.material-symbols-outlined{font-family:inherit!important;display:inline-flex!important;align-items:center;justify-content:center;line-height:1}
.im-svg{width:1.15em;height:1.15em;flex:none}
.im-ic{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:20px}
.im-ic .im-svg{width:1em;height:1em}
.im-duo{display:none}
a.active .im-lin{display:none}
a.active .im-duo{display:inline}
[dir=rtl] .im-flip{transform:scaleX(-1)}
[dir=rtl] .material-symbols-outlined.mr-3,[dir=rtl] .material-symbols-outlined.mr-2{margin-right:0!important;margin-left:.75rem!important}
[dir=rtl] .material-symbols-outlined.ml-auto{margin-left:0!important;margin-right:auto!important}
/* checkbox tick was a Material ligature in CSS content */
input[type=checkbox]::after{font-family:inherit!important;content:""!important}
input[type=checkbox]:checked::after{content:""!important;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}

/* ---------------------------------------------------------------- RTL fixes for Unfold tables */
[dir=rtl] .result-list th,[dir=rtl] .result-list td{text-align:right!important}
[dir=rtl] #result_list thead th .flex{justify-content:flex-start}
.result-list td,.result-list th{font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------------- list & form helpers */
.im-thumb{border-radius:8px;object-fit:cover;display:block;background:var(--im-track)}
.im-round{border-radius:999px!important}
.im-noimg{display:block;border-radius:8px;background:var(--im-track)}
.im-preview{width:160px;height:160px;border-radius:14px;object-fit:cover;border:1px solid var(--im-line)}
.im-note{font-size:12px;color:var(--im-muted);margin-top:6px}
.im-audio{width:100%;max-width:420px;height:40px}
.im-links{font-size:13px;margin-top:6px}.im-links a{color:var(--im-brand);text-decoration:underline}
.im-dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0}
.im-dl dt{font-weight:600;color:var(--im-muted)}.im-dl dd{margin:0;white-space:pre-wrap;word-break:break-word}

/* ---------------------------------------------------------------- dashboard */
.db{display:flex;flex-direction:column;gap:20px;padding-block:8px 24px;color:var(--im-ink)}
.db a{color:inherit;text-decoration:none}
.tnum{font-variant-numeric:tabular-nums}
.muted{color:var(--im-muted)}

.db-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.db-head h1{margin:0;font-size:24px;line-height:36px;font-weight:800;letter-spacing:-.01em}
.db-head p{margin:2px 0 0;font-size:13.5px;color:var(--im-muted)}
.db-actions{display:flex;gap:8px;flex-wrap:wrap}
.db-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--im-line);
  background:var(--im-card);font-size:14px;font-weight:600;color:var(--im-ink-2)!important;transition:background .15s,border-color .15s}
.db-btn:hover{background:var(--im-hover);border-color:#d4d4d8}
.db-btn--primary{background:var(--im-brand);border-color:var(--im-brand);color:#fff!important}
.db-btn--primary:hover{background:var(--im-brand-ink);border-color:var(--im-brand-ink)}

.db-card{background:var(--im-card);border:1px solid var(--im-line);border-radius:14px;min-width:0}
.db-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 20px;border-bottom:1px solid var(--im-line-soft)}
.db-card__head h2{margin:0;font-size:15px;font-weight:700}
.db-card__head a{display:inline-flex;align-items:center;gap:2px;font-size:13px;color:var(--im-muted)!important}
.db-card__head a:hover{color:var(--im-brand)!important}

.db-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.db-stat{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-inline-start:1px solid var(--im-line-soft);transition:background .15s}
.db-stat:first-child{border-inline-start:0;border-start-start-radius:14px;border-end-start-radius:14px}
.db-stat:last-child{border-start-end-radius:14px;border-end-end-radius:14px}
.db-stat:hover{background:var(--im-hover)}
.db-stat__label{font-size:13px;color:var(--im-muted);font-weight:500}
.db-stat__value{font-size:30px;line-height:40px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.db-stat__sub{font-size:12.5px;color:var(--im-muted)}
.db-stat__sub b{color:var(--im-ink-2);font-weight:700}
.db-stat__sub.is-ok{color:var(--im-ok)}

.db-grid{display:grid;gap:20px;align-items:start}
.db-grid--main{grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr)}
.db-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.db-stack{display:flex;flex-direction:column;gap:20px}

.db-table{width:100%;border-collapse:collapse;font-size:14px}
.db-table th{height:40px;padding:0 20px;text-align:right;font-size:12.5px;font-weight:600;color:var(--im-muted);background:var(--im-line-soft);white-space:nowrap}
.db-table td{height:60px;padding:0 20px;border-top:1px solid var(--im-line-soft);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.db-table th.num,.db-table td.num{text-align:left}
.db-table tbody tr:hover{background:var(--im-hover)}

.db-media{display:flex;align-items:center;gap:12px;min-width:0}
.db-media img,.db-noimg{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none;background:var(--im-track);display:block}
.db-media .round{border-radius:999px}
.db-media__text{display:flex;flex-direction:column;min-width:0;flex:1}
.db-media__text b{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-media__text small{font-size:12.5px;color:var(--im-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-media__end{display:flex;flex-direction:column;align-items:flex-end;font-weight:700;font-size:14px}
.db-media__end small{font-size:11.5px;color:var(--im-muted);font-weight:400}

.db-pill{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#e8f6ef;color:var(--im-ok)}
html.dark .db-pill{background:rgba(72,187,132,.12)}
.db-pill--warn{background:var(--im-warn-soft);color:var(--im-warn)}

.db-health{padding:14px 20px 10px;border-top:1px solid var(--im-line-soft)}
.db-health:first-of-type{border-top:0}
.db-health__title{display:flex;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--im-muted);margin-bottom:4px}
.db-health__title span{font-weight:500}
.db-health__row{display:grid;grid-template-columns:118px 1fr 44px;align-items:center;gap:12px;height:34px;margin-inline:-8px;padding-inline:8px;border-radius:8px;font-size:13.5px}
.db-health__row:hover{background:var(--im-hover)}
.db-health__label{color:var(--im-ink-2)}
.db-health__count{text-align:left;font-weight:700;color:var(--im-warn);display:flex;justify-content:flex-end}
.db-health__row.is-ok .db-health__count{color:var(--im-ok)}
.db-health__row.is-ok .db-health__label{color:var(--im-muted)}

.db-bar{display:block;height:6px;border-radius:999px;background:var(--im-track);overflow:hidden}
.db-bar i{display:block;height:100%;border-radius:inherit;background:var(--im-brand);opacity:.85}
.db-health .db-bar i{background:var(--im-warn)}
.db-bar--thin{height:4px;margin-top:6px}

.db-rank{list-style:none;margin:0;padding:6px 0}
.db-rank a{display:flex;gap:14px;align-items:flex-start;padding:10px 20px}
.db-rank a:hover{background:var(--im-hover)}
.db-rank__n{width:18px;flex:none;font-size:13px;font-weight:700;color:var(--im-muted);padding-top:1px}
.db-rank li:nth-child(-n+3) .db-rank__n{color:var(--im-brand)}
.db-rank__body{flex:1;min-width:0;display:flex;flex-direction:column}
.db-rank__line{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.db-rank__line b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-rank__line span{font-weight:700;flex:none}
.db-rank small{font-size:12.5px;color:var(--im-muted)}

.db-list{list-style:none;margin:0;padding:6px 0}
.db-list a{padding:10px 20px}
.db-list a:hover{background:var(--im-hover)}

.db-genres{display:flex;flex-direction:column;gap:4px;padding:12px 12px}
.db-genre{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:8px}
.db-genre:hover{background:var(--im-hover)}
.db-genre__line{display:flex;justify-content:space-between;font-size:14px;font-weight:600}
.db-genre__line .muted{font-weight:500;font-size:12.5px}

.db-tag{flex:none;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:6px}
.db-tag--takedown{background:#fdecec;color:#c53030}
.db-tag--advertise{background:#e9f1fd;color:#2b6cb0}
html.dark .db-tag--takedown{background:rgba(197,48,48,.15)}
html.dark .db-tag--advertise{background:rgba(43,108,176,.18)}
.db-empty{display:flex;align-items:center;gap:8px;margin:0;padding:22px 20px;font-size:13.5px;color:var(--im-muted)}

@media (max-width:1280px){.db-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.db-stack{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}}
@media (max-width:1024px){.db-grid--main{grid-template-columns:1fr}}
@media (max-width:760px){
  .db-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .db-stat:nth-child(3){border-inline-start:0}
  .db-stat:nth-child(n+3){border-top:1px solid var(--im-line-soft)}
  .db-grid--three,.db-stack{grid-template-columns:1fr;display:grid}
  .hide-sm{display:none}
  .db-table td,.db-table th{padding:0 14px}
}

/* RTL position for Unfold's pseudo icons */
[dir=rtl] input.vDateField,[dir=rtl] input.vTimeField{padding-right:2.4rem!important}
[dir=rtl] fieldset details>summary:after{right:auto!important;left:.75rem}
