.admin-tabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px;box-shadow:var(--shadow)}
.admin-tab{padding:8px 16px;border-radius:10px;border:0;background:transparent;cursor:pointer;font-weight:600;font-size:13px;color:var(--muted);transition:.15s;display:inline-flex;align-items:center;gap:6px}
.admin-tab:hover{background:var(--surface-2);color:var(--text)}
.admin-tab.active{background:var(--primary);color:#fff;box-shadow:0 3px 12px rgba(47,111,237,.3)}
.admin-pane{display:none;flex-direction:column;gap:16px}
.admin-pane.active{display:flex}
.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.admin-stat{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px;min-width:0}
.admin-stat .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:var(--primary-soft);flex-shrink:0}
.admin-stat .ic.green{background:var(--green-soft);color:var(--green)}
.admin-stat .ic.red{background:var(--red-soft);color:var(--red)}
.admin-stat .ic.amber{background:var(--amber-soft);color:var(--amber)}
.admin-stat .ic.purple{background:var(--purple-soft);color:var(--purple)}
.admin-stat .lbl{font-size:12px;color:var(--muted);margin-bottom:4px}
.admin-stat .val{font-size:20px;font-weight:700;line-height:1.2;word-break:break-word}
.role-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}
.role-badge.admin{background:var(--purple-soft);color:var(--purple)}
.role-badge.user{background:var(--primary-soft);color:var(--primary)}
.role-badge.active{background:var(--green-soft);color:var(--green)}
.role-badge.inactive{background:var(--red-soft);color:var(--red)}

.announcement-banner{padding:14px 18px;border-radius:14px;margin-bottom:14px;display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);position:relative;animation:slideDown .3s ease}
@keyframes slideDown{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}
.announcement-banner.info{background:var(--primary-soft);border-color:var(--primary)}
.announcement-banner.warning{background:var(--amber-soft);border-color:var(--amber)}
.announcement-banner.success{background:var(--green-soft);border-color:var(--green)}
.announcement-banner.danger{background:var(--red-soft);border-color:var(--red)}
.announcement-banner .ab-icon{font-size:22px;line-height:1;flex-shrink:0}
.announcement-banner .ab-body{flex:1;min-width:0}
.announcement-banner .ab-title{font-weight:700;font-size:14px;margin-bottom:4px}
.announcement-banner .ab-text{font-size:13px;white-space:pre-wrap;line-height:1.7}
.announcement-banner .ab-close{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:16px;padding:4px 8px;border-radius:8px;flex-shrink:0}
.announcement-banner .ab-close:hover{background:rgba(0,0,0,.08);color:var(--text)}

.log-item{display:flex;gap:12px;padding:10px 12px;border-radius:12px;background:var(--surface-2);margin-bottom:8px;align-items:flex-start;min-width:0}
.log-item .li-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;flex-shrink:0;background:var(--primary-soft)}
.log-item .li-body{flex:1;min-width:0}
.log-item .li-title{font-size:13px;font-weight:600;margin-bottom:2px}
.log-item .li-meta{font-size:11.5px;color:var(--muted);word-break:break-word}
.log-item .li-time{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0}

.color-preview-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.color-preview-row input[type=color]{width:48px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);cursor:pointer;padding:2px}

.user-avatar-cell{display:flex;align-items:center;gap:10px;min-width:0}
.user-avatar-cell .ua{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#7c5cf7);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;overflow:hidden;flex-shrink:0}
.user-avatar-cell .ua img{width:100%;height:100%;object-fit:cover;display:block}

.nav-item.nav-admin-only{display:none}
body.is-admin .nav-item.nav-admin-only{display:flex}
/* مدیریت نمایش گزینه‌های منوی داشبورد */
.menu-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:12px 0 16px;
}
.menu-setting-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface);
}
.menu-setting-label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
}
@media(max-width:700px){
  .menu-settings-grid{grid-template-columns:1fr;}
}


.admin-security-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}
.admin-security-table{min-width:980px}
.admin-security-table th,.admin-security-table td{vertical-align:middle}
.security-ip{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px;white-space:nowrap}
.security-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.security-summary-card{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}
.security-summary-card span{font-size:11px;color:var(--muted)}
.security-summary-card b{font-size:18px}
@media(max-width:700px){.security-summary-grid{grid-template-columns:1fr}.admin-security-table{min-width:900px}}

.login-log-item{align-items:flex-start}
.login-log-item .li-body{min-width:0}
.login-log-item .li-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.login-log-item .login-ip{margin-top:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

.menu-config-row{align-items:center}
.menu-config-row .menu-label-input{max-width:260px}
.menu-icon-input{width:58px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);text-align:center}
.drag-handle{cursor:grab;color:var(--muted);font-size:18px;user-select:none}
#admTopbarItems{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
#admTopbarItems .menu-setting-row{display:flex;align-items:center;gap:8px}
#admTopbarItems .menu-setting-row .input{max-width:260px}

.admin-file-toolbar{margin-top:12px}
.admin-file-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.admin-file-summary .afs{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}
.admin-file-summary .afs span{font-size:11px;color:var(--muted)}
.admin-file-summary .afs b{font-size:17px}
.admin-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:12px}
.admin-file-item{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:10px;display:flex;gap:10px;min-width:0;align-items:flex-start}
.admin-file-preview{width:58px;height:58px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;flex-shrink:0;font-weight:800;color:var(--red)}
.admin-file-preview img{width:100%;height:100%;object-fit:cover;display:block}
.admin-file-body{min-width:0;flex:1}
.admin-file-name{font-weight:700;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}
.admin-file-meta{font-size:10.5px;color:var(--muted);line-height:1.8}
.admin-file-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:700px){.admin-file-summary{grid-template-columns:1fr}.admin-files-grid{grid-template-columns:1fr}}
.admin-file-toolbar{margin-top:12px}
.admin-file-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.admin-file-summary .afs{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}
.admin-file-summary .afs span{font-size:11px;color:var(--muted)}
.admin-file-summary .afs b{font-size:17px}
.admin-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:12px}
.admin-file-item{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:10px;display:flex;gap:10px;min-width:0;align-items:flex-start}
.admin-file-preview{width:58px;height:58px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;flex-shrink:0;font-weight:800;color:var(--red)}
.admin-file-preview img{width:100%;height:100%;object-fit:cover;display:block}
.admin-file-body{min-width:0;flex:1}
.admin-file-name{font-weight:700;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}
.admin-file-meta{font-size:10.5px;color:var(--muted);line-height:1.8}
.admin-file-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:700px){.admin-file-summary{grid-template-columns:1fr}.admin-files-grid{grid-template-columns:1fr}}

.user-file-toolbar{margin-top:12px}
.file-retention-status{min-height:40px;display:flex;align-items:center;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:12px;color:var(--muted)}
.user-file-summary{margin-top:12px}
.user-files-grid{margin-top:12px}

.user-files-pagination{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.user-files-page-size-field{width:170px;margin:0}
.user-files-page-controls{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.user-files-page-info{min-width:105px;text-align:center;font-size:12px;color:var(--muted);font-weight:700}
.user-files-page-controls .btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.user-files-pagination{align-items:stretch}.user-files-page-size-field{width:100%}.user-files-page-controls{width:100%;justify-content:center}}