/* ============================================================
   Daneshdan Supervisor Manager v1.3 — بازطراحی کامل ظاهری
   فونت: بی‌نازنین (محلی داخل افزونه) | RTL | واکنش‌گرا
   ============================================================ */

@font-face {
    font-family: 'BNazanin';
    src: url('../fonts/BNazanin.woff2') format('woff2'),
         url('../fonts/BNazanin.woff') format('woff'),
         url('../fonts/BNazanin.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --dd-primary: #1d4ed8;
    --dd-primary-dark: #173a8e;
    --dd-secondary: #0ea5e9;
    --dd-accent: #f59e0b;
    --dd-accent-light: #fbbf24;
    --dd-success: #0f9d69;
    --dd-danger: #dc2626;
    --dd-warning: #d97706;
    --dd-text: #0f172a;
    --dd-muted: #5b6b83;
    --dd-border: rgba(100, 116, 139, .2);
    --dd-border-strong: rgba(100, 116, 139, .34);
    --dd-bg: #eef6ff;
    --dd-bg-soft: #e0f2fe;
    --dd-card: rgba(255, 255, 255, .97);
    --dd-white: #ffffff;
    --dd-shadow-sm: 0 4px 12px rgba(15, 23, 42, .07);
    --dd-shadow: 0 16px 36px rgba(29, 78, 216, .13);
    --dd-shadow-lg: 0 22px 50px rgba(15, 23, 42, .14);
    --dd-radius: 22px;
    --dd-radius-sm: 16px;
    --dd-radius-xs: 13px;
    --dd-gradient: linear-gradient(135deg, var(--dd-primary) 0%, var(--dd-secondary) 72%, #38bdf8 100%);
    --dd-transition: all .22s ease;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'BNazanin', Vazirmatn, Tahoma, Arial, sans-serif;
    background: radial-gradient(circle at top right, rgba(14, 165, 233, .1), transparent 30%), linear-gradient(180deg, #eef6ff 0%, #f8fbff 100%);
    color: var(--dd-text);
    line-height: 1.9;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

a {
    color: var(--dd-primary);
    text-decoration: none;
}

/* ---------- حذف عناصر اضافی قالب هنگام نمایش پنل ---------- */
body.dd-sm-panel-active #wpadminbar,
body.dd-sm-panel-active header,
body.dd-sm-panel-active footer,
body.dd-sm-panel-active .site-header,
body.dd-sm-panel-active .site-footer,
body.dd-sm-panel-active #masthead,
body.dd-sm-panel-active #colophon,
body.dd-sm-panel-active .entry-header,
body.dd-sm-panel-active .page-header,
body.dd-sm-panel-active .post-thumbnail {
    display: none !important;
}

body.dd-sm-panel-active .site-content,
body.dd-sm-panel-active .content-area,
body.dd-sm-panel-active .entry-content,
body.dd-sm-panel-active .elementor,
body.dd-sm-panel-active .elementor-section,
body.dd-sm-panel-active .elementor-section-wrap,
body.dd-sm-panel-active .elementor-container,
body.dd-sm-panel-active .elementor-column,
body.dd-sm-panel-active .elementor-widget-wrap,
body.dd-sm-panel-active .elementor-widget,
body.dd-sm-panel-active .elementor-widget-container,
body.dd-sm-panel-active .elementor-shortcode,
body.dd-sm-panel-active .dialog-widget-content,
body.dd-sm-panel-active main,
body.dd-sm-panel-active article {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

.dd-sm-root {
    position: relative;
    max-width: min(1680px, calc(100vw - 16px));
    margin: 0 auto;
    padding: 18px 10px 46px;
    direction: rtl;
}

/* صفحه مدیریت یک کاربر: باریک‌تر و منظم — بدون باکس‌های اضافی */
.dd-sm-root--user {
    max-width: min(1180px, calc(100vw - 16px));
}

/* ============================================================
   نوار بالایی (برند + حمل‌ونقل)
   ============================================================ */
.dd-sm-topbar {
    margin-bottom: 18px;
}

.dd-sm-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 20px;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: var(--dd-radius);
    box-shadow: var(--dd-shadow-sm);
}

.dd-sm-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--dd-text);
    min-width: 0;
}

.dd-sm-brand-mark {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 17px;
    background: var(--dd-gradient);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    box-shadow: 0 16px 30px rgba(29, 78, 216, .25);
}

.dd-sm-brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.45;
    text-align: start;
}

.dd-sm-brand-text strong {
    font-size: 21px;
    font-weight: 700;
    color: var(--dd-primary-dark);
}

.dd-sm-brand-text small {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--dd-muted);
}

.dd-sm-topbar-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.dd-sm-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    border-radius: 999px;
    background: rgba(29, 78, 216, .07);
    border: 1px solid rgba(29, 78, 216, .14);
    color: var(--dd-primary-dark);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

/* ============================================================
   کارت‌ها، فرم‌ها و دکمه‌ها
   ============================================================ */
.dd-sm-card {
    background: var(--dd-card);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: var(--dd-radius);
    box-shadow: var(--dd-shadow);
    padding: 26px;
}

.dd-sm-card + .dd-sm-card {
    margin-top: 16px;
}

.dd-sm-hero-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(135deg, rgba(255, 255, 255, .95), rgba(224, 242, 254, .95));
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: var(--dd-radius);
    box-shadow: var(--dd-shadow);
    padding: 30px;
    overflow: hidden;
}

/* دکمه‌ها — ارتفاع یکسان برای تقارن */
.dd-sm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    cursor: pointer;
    padding: 11px 20px;
    min-height: 46px;
    border-radius: var(--dd-radius-xs);
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--dd-transition);
    color: inherit;
    white-space: nowrap;
}

.dd-sm-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(15, 23, 42, .1);
}

.dd-sm-btn:active {
    transform: translateY(0);
}

.dd-sm-btn-primary {
    background: var(--dd-gradient);
    color: #fff;
    box-shadow: 0 12px 24px rgba(29, 78, 216, .28);
}

.dd-sm-btn-ghost {
    background: #fff;
    color: var(--dd-text);
    border: 1px solid var(--dd-border);
    box-shadow: var(--dd-shadow-sm);
}

.dd-sm-btn-danger {
    background: #fff5f5;
    color: var(--dd-danger);
    border: 1px solid rgba(220, 38, 38, .2);
}

.dd-sm-btn-sm {
    padding: 8px 13px;
    min-height: 40px;
    font-size: 14px;
    border-radius: 12px;
}

.dd-sm-btn-xl {
    padding: 14px 24px;
    min-height: 52px;
    font-size: 16px;
    width: 100%;
}

/* فرم‌ها */
.dd-sm-form label,
.dd-sm-inline-form label,
.dd-sm-block {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: var(--dd-muted);
    font-size: 15px;
}

.dd-sm-form label > span,
.dd-sm-inline-form label span,
.dd-sm-block > span {
    color: var(--dd-text);
    font-weight: 700;
    font-size: 15.5px;
}

.dd-sm-form input[type=text],
.dd-sm-form input[type=password],
.dd-sm-form input[type=number],
.dd-sm-form input[type=date],
.dd-sm-form input[type=file],
.dd-sm-form textarea,
.dd-sm-inline-form input[type=date],
.dd-sm-inline-form input[type=file],
.dd-sm-doc-row input {
    width: 100%;
    border: 1px solid var(--dd-border);
    background: #fff;
    padding: 13px 15px;
    border-radius: var(--dd-radius-xs);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    color: var(--dd-text);
    transition: var(--dd-transition);
}

.dd-sm-form textarea {
    resize: vertical;
    min-height: 110px;
}

.dd-sm-form input:focus,
.dd-sm-form textarea:focus,
.dd-sm-inline-form input:focus,
.dd-sm-doc-row input:focus {
    outline: none;
    border-color: rgba(29, 78, 216, .5);
    box-shadow: 0 0 0 4px rgba(29, 78, 216, .12);
}

.dd-sm-form input[readonly] {
    background: #f6f9fd;
    color: var(--dd-muted);
}

.dd-sm-stack > * + * {
    margin-top: 15px;
}

.dd-sm-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.dd-sm-full {
    grid-column: 1 / -1;
}

/* هشدارها */
.dd-sm-alert {
    padding: 15px 17px;
    border-radius: var(--dd-radius-sm);
    margin: 0 0 15px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid transparent;
    line-height: 1.9;
}

.dd-sm-alert-success {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #0f7a4f;
}

.dd-sm-alert-error {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #b91c1c;
}

/* ============================================================
   صفحه ورود
   ============================================================ */
.dd-sm-login-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .95fr);
    gap: 22px;
    align-items: stretch;
    min-height: calc(100vh - 200px);
    padding-top: 6px;
}

.dd-sm-hero-card h1 {
    margin: 10px 0 12px;
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.5;
    font-weight: 700;
}

.dd-sm-hero-card p {
    margin: 0;
    color: var(--dd-muted);
    font-size: 16px;
}

.dd-sm-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(245, 158, 11, .14);
    color: #925c00;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .01em;
}

.dd-sm-feature-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 22px;
}

.dd-sm-feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: var(--dd-radius-sm);
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(100, 116, 139, .16);
    box-shadow: var(--dd-shadow-sm);
    font-weight: 700;
    color: var(--dd-text);
}

.dd-sm-feature-item span:first-child {
    font-size: 22px;
}

.dd-sm-card-header {
    text-align: center;
    margin-bottom: 20px;
}

.dd-sm-logo {
    width: 86px;
    height: 86px;
    border-radius: 26px;
    background: var(--dd-gradient);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 40px;
    margin: 0 auto 14px;
    box-shadow: 0 18px 34px rgba(29, 78, 216, .25);
}

.dd-sm-card-header h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
}

.dd-sm-card-header p {
    margin: 8px 0 0;
    color: var(--dd-muted);
    font-size: 15px;
}

.dd-sm-card-footer {
    text-align: center;
    color: var(--dd-muted);
    font-size: 13.5px;
    margin-top: 16px;
}

.dd-sm-login {
    width: 100%;
    max-width: none;
    padding: 32px;
}

/* ============================================================
   هیرو (داشبورد) — KPI ها متقارن
   ============================================================ */
.dd-sm-hero {
    display: grid;
    grid-template-columns: 1.15fr .95fr;
    gap: 20px;
    align-items: stretch;
    margin-bottom: 18px;
}

.dd-sm-hero-copy {
    background: linear-gradient(135deg, #173a8e 0%, #1d4ed8 48%, #0ea5e9 100%);
    padding: 30px;
    border-radius: 26px;
    color: #fff;
    box-shadow: 0 22px 44px rgba(29, 78, 216, .24);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dd-sm-hero-copy h1 {
    margin: 8px 0 12px;
    font-size: clamp(26px, 2.6vw, 34px);
    line-height: 1.5;
    font-weight: 700;
}

.dd-sm-hero-copy p {
    color: rgba(255, 255, 255, .9);
    font-size: 16px;
}

.dd-sm-hero-copy .dd-sm-eyebrow {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.dd-sm-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.dd-sm-hero-tags .dd-sm-chip {
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
}

.dd-sm-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.dd-sm-kpi {
    padding: 20px;
    border-radius: 22px;
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(255, 255, 255, .8);
    box-shadow: var(--dd-shadow);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 132px;
    gap: 6px;
}

.dd-sm-kpi-label {
    font-size: 14px;
    font-weight: 700;
    color: var(--dd-muted);
}

.dd-sm-kpi-value {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--dd-primary-dark);
}

.dd-sm-kpi-value-small {
    font-size: 17px;
    line-height: 1.8;
}

/* ============================================================
   نوار خوش‌آمدگویی + تاریخ + خروج — چیدمان متقارن
   ============================================================ */
.dd-sm-header {
    background: var(--dd-gradient);
    color: #fff;
    padding: 20px 26px;
    border-radius: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    box-shadow: 0 20px 40px rgba(29, 78, 216, .22);
    margin-bottom: 18px;
    border: 1px solid rgba(255, 255, 255, .2);
}

.dd-sm-header-left {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
}

.dd-sm-avatar {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    backdrop-filter: blur(6px);
}

.dd-sm-welcome {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
}

.dd-sm-sub {
    font-size: 14.5px;
    opacity: .95;
}

.dd-sm-header-right {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.dd-sm-clock {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.5;
    padding: 10px 18px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: var(--dd-radius-sm);
    min-width: 176px;
}

.dd-sm-date {
    font-size: 14.5px;
    opacity: .95;
    font-weight: 700;
}

.dd-sm-time {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: .04em;
    direction: ltr;
    text-align: center;
}

.dd-sm-logout-form {
    margin: 0;
}

.dd-sm-logout-form .dd-sm-btn {
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .25);
    color: #fff;
    min-width: 104px;
}

/* ============================================================
   شبکه اصلی: منوی کناری (بالا) + محتوا
   ============================================================ */
.dd-sm-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: start;
}

.dd-sm-side-card {
    padding: 18px 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(240, 249, 255, .97));
    border: 1px solid rgba(255, 255, 255, .85);
    box-shadow: 0 18px 38px rgba(29, 78, 216, .12);
}

/* سه باکس فهرست/افزودن/حذف‌شده — هم‌اندازه و متقارن */
.dd-sm-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.dd-sm-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 14px;
    min-height: 74px;
    border-radius: 18px;
    color: var(--dd-text);
    text-decoration: none;
    font-weight: 700;
    font-size: 16.5px;
    transition: var(--dd-transition);
    background: rgba(255, 255, 255, .95);
    border: 1px solid var(--dd-border);
    box-shadow: var(--dd-shadow-sm);
    text-align: center;
}

.dd-sm-nav a span:first-child {
    font-size: 22px;
    line-height: 1;
}

.dd-sm-nav a:hover {
    background: #eff6ff;
    transform: translateY(-2px);
}

.dd-sm-nav a.is-active {
    background: var(--dd-gradient);
    color: #fff;
    box-shadow: 0 14px 28px rgba(29, 78, 216, .25);
    border-color: transparent;
}

.dd-sm-tip {
    margin-top: 14px;
    color: var(--dd-muted);
    font-size: 13.5px;
    line-height: 1.9;
    text-align: center;
}

.dd-sm-main {
    width: 100%;
    min-width: 0;
}

/* سربرگ بخش‌ها */
.dd-sm-section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.dd-sm-section-title {
    margin: 0;
    font-size: 23px;
    font-weight: 700;
    color: var(--dd-text);
    line-height: 1.6;
}

.dd-sm-section-sub {
    color: var(--dd-muted);
    font-size: 14px;
    margin-top: 3px;
}

.dd-sm-card-mini-title {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 700;
}

.dd-sm-strong {
    font-weight: 700;
}

.dd-sm-muted {
    color: var(--dd-muted);
    font-size: 14px;
}

/* ============================================================
   جدول کاربران
   ============================================================ */
.dd-sm-table-wrap {
    overflow: auto;
    border: 1px solid var(--dd-border);
    border-radius: var(--dd-radius-sm);
    background: #fff;
}

.dd-sm-data-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 860px;
    background: #fff;
}

.dd-sm-data-table th,
.dd-sm-data-table td {
    padding: 14px 15px;
    border-bottom: 1px solid rgba(100, 116, 139, .15);
    vertical-align: middle;
    text-align: right;
    font-size: 15px;
}

.dd-sm-data-table thead th {
    background: #f3f8ff;
    font-size: 14.5px;
    color: #334155;
    position: sticky;
    top: 0;
    z-index: 1;
    font-weight: 700;
}

.dd-sm-data-table tbody tr:hover {
    background: #fbfdff;
}

/* دکمه‌های «مدیریت» و «حذف» — هم‌تراز و هم‌اندازه کنار هم */
.dd-sm-row-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.dd-sm-row-actions form {
    margin: 0;
    display: inline-flex;
}

.dd-sm-row-actions .dd-sm-btn {
    min-width: 88px;
}

.dd-sm-empty {
    text-align: center;
    color: var(--dd-muted);
    padding: 40px 24px;
    font-size: 16px;
}

.dd-sm-empty-emoji {
    font-size: 38px;
    margin-bottom: 10px;
}

.dd-sm-badge {
    display: inline-flex;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

.dd-sm-badge-success {
    background: #ecfdf5;
    color: #0f7a4f;
}

.dd-sm-badge-muted {
    background: #eef2f7;
    color: #5b6b83;
}

/* ============================================================
   کارت شناسایی کاربر در صفحه مدیریت کاربر
   ============================================================ */
.dd-sm-user-summary {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 16px;
    align-items: center;
}

.dd-sm-user-summary-extended .dd-sm-section-title {
    margin-bottom: 4px;
}

.dd-sm-user-avatar {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 15px;
    background: var(--dd-gradient);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}

.dd-sm-user-avatar-lg {
    width: 76px;
    height: 76px;
    flex-basis: 76px;
    font-size: 26px;
    border-radius: 22px;
}

.dd-sm-user-meta {
    font-size: 14.5px;
    color: var(--dd-muted);
}

/* نوار تاریخ */
.dd-sm-date-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.dd-sm-date-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.dd-sm-inline-form {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.dd-sm-inline-form label {
    flex: 1;
    min-width: 220px;
}

.dd-sm-calendar-form {
    margin-bottom: 14px;
}

/* دکمه‌های روزهای اخیر — هم‌اندازه */
.dd-sm-recent-days {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dd-sm-day {
    background: #fff;
    border: 1px solid var(--dd-border);
    border-radius: 15px;
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    text-decoration: none;
    color: inherit;
    min-width: 136px;
    transition: var(--dd-transition);
    box-shadow: var(--dd-shadow-sm);
}

.dd-sm-day:hover {
    border-color: rgba(29, 78, 216, .45);
    transform: translateY(-2px);
}

.dd-sm-day-fa {
    font-size: 14px;
    font-weight: 700;
}

.dd-sm-day-wd {
    font-size: 13px;
    color: var(--dd-muted);
}

.dd-sm-day.is-active {
    background: var(--dd-gradient);
    color: #fff;
    border-color: transparent;
}

.dd-sm-day.is-active .dd-sm-day-wd {
    color: rgba(255, 255, 255, .9);
}

/* مدرک غیبت */
.dd-sm-doc-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.dd-sm-doc-row input {
    flex: 1;
    min-width: 0;
    direction: ltr;
    text-align: left;
}

/* ============================================================
   فرم وضعیت حضور/غیاب/مرخصی — کارت‌های متقارن
   ============================================================ */
.dd-sm-status-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.dd-sm-radio-card {
    position: relative;
    cursor: pointer;
    margin: 0;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* ورودی مخفی — فقط ۱ پیکسل و خارج از دید؛ کلیک واقعی توسط برچسب به آن منتقل می‌شود */
.dd-sm-radio-card input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    opacity: 0;
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
}

.dd-sm-radio-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 18px 12px;
    min-height: 112px;
    border: 2px solid var(--dd-border);
    border-radius: 17px;
    background: #fff;
    font-weight: 700;
    font-size: 17px;
    transition: var(--dd-transition);
    position: relative;
    pointer-events: none;
}

/* نشانگر دایره‌ای انتخاب در گوشه کارت */
.dd-sm-radio-content::before {
    content: '';
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid var(--dd-border-strong);
    background: #fff;
    transition: var(--dd-transition);
}

/* حالت انتخاب‌شده: پس‌زمینه آبی کمرنگ + حاشیه آبی + دایره پر */
.dd-sm-radio-card input:checked + .dd-sm-radio-content,
.dd-sm-radio-card.is-selected .dd-sm-radio-content {
    background: #dbeafe;
    border-color: #3b82f6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, .16);
    transform: translateY(-2px);
}

.dd-sm-radio-card input:checked + .dd-sm-radio-content::before,
.dd-sm-radio-card.is-selected .dd-sm-radio-content::before {
    background: #3b82f6;
    border-color: #2563eb;
    box-shadow: inset 0 0 0 4px #fff;
}

.dd-sm-radio-card input:focus-visible + .dd-sm-radio-content {
    outline: 3px solid rgba(59, 130, 246, .5);
    outline-offset: 2px;
}

.dd-sm-radio-card input:active + .dd-sm-radio-content {
    transform: scale(.985);
}

.dd-sm-radio-ico {
    font-size: 30px;
    line-height: 1;
}

.dd-sm-help-box {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    background: #f7fafd;
    border: 1px dashed rgba(29, 78, 216, .3);
    border-radius: 14px;
    padding: 12px 14px;
    color: var(--dd-muted);
    font-size: 14px;
    line-height: 1.9;
}

/* آمار زنده */
.dd-sm-stat-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.dd-sm-stat {
    background: linear-gradient(180deg, #f6faff, #ecf4ff);
    border: 1px solid rgba(100, 116, 139, .18);
    border-radius: 17px;
    padding: 18px;
    text-align: center;
}

.dd-sm-stat-val {
    font-size: 27px;
    font-weight: 700;
    color: #1d4ed8;
}

.dd-sm-stat-lbl {
    font-size: 13px;
    color: var(--dd-muted);
    margin-top: 4px;
}

/* مانده حساب */
.dd-sm-balance-box {
    border: 1px solid var(--dd-border);
    border-radius: 18px;
    background: #fbfdff;
    padding: 18px;
    margin: 10px 0 18px;
}

.dd-sm-balance-head h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.dd-sm-balance-head p {
    margin: 6px 0 0;
    color: var(--dd-muted);
    font-size: 14px;
}

.dd-sm-balance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.dd-sm-balance-col {
    background: #fff;
    border: 1px solid var(--dd-border);
    border-radius: 16px;
    padding: 16px;
    box-shadow: var(--dd-shadow-sm);
}

.dd-sm-balance-col-title {
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 15.5px;
}

.dd-sm-balance-line {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px dashed rgba(100, 116, 139, .22);
    font-size: 14.5px;
}

.dd-sm-balance-line:last-child {
    border-bottom: none;
}

.dd-sm-balance-line.is-total {
    font-size: 15.5px;
    font-weight: 700;
    color: #1e3a8a;
}

.dd-sm-empty-inline {
    padding: 16px;
    border-radius: 14px;
    background: #fff;
    border: 1px dashed var(--dd-border-strong);
    color: var(--dd-muted);
    margin-top: 12px;
}

/* دکمه‌های انتهای فرم — هم‌عرض و متقارن */
.dd-sm-actions-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.dd-sm-actions-row .dd-sm-btn {
    flex: 1;
    min-width: 160px;
}

.dd-sm-balance-mini {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 13.5px;
}

/* ============================================================
   پیشخوان مدیریت وردپرس
   ============================================================ */
.dd-sm-admin-shell {
    max-width: min(1680px, calc(100vw - 16px));
    margin: 18px auto;
    padding-inline: 6px;
    direction: rtl;
}

.dd-sm-admin-hero {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 18px;
    align-items: stretch;
    margin-bottom: 18px;
}

.dd-sm-admin-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

.dd-sm-admin-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.dd-sm-kpis-admin .dd-sm-kpi {
    min-height: 118px;
}

.dd-sm-title {
    margin: 8px 0 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--dd-text);
}

.dd-sm-admin-lead {
    color: var(--dd-muted);
    font-size: 15.5px;
}

.dd-sm-help-list {
    display: grid;
    gap: 12px;
    margin-top: 20px;
}

.dd-sm-help-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 16px 18px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid rgba(100, 116, 139, .16);
}

.dd-sm-help-item strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    border-radius: 12px;
    background: var(--dd-gradient);
    color: #fff;
}

/* انیمیشن ورود */
.dd-sm-anim-in {
    animation: ddFade .35s ease both;
}

@keyframes ddFade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* ============================================================
   واکنش‌گرایی — تبلت و موبایل
   ============================================================ */
@media (max-width: 1180px) {
    .dd-sm-login-layout,
    .dd-sm-hero,
    .dd-sm-admin-hero,
    .dd-sm-grid {
        grid-template-columns: 1fr;
    }

    .dd-sm-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .dd-sm-kpis,
    .dd-sm-balance-grid,
    .dd-sm-grid-2,
    .dd-sm-stat-row {
        grid-template-columns: 1fr 1fr;
    }

    .dd-sm-nav {
        grid-template-columns: 1fr;
    }

    .dd-sm-nav a {
        min-height: 60px;
    }

    .dd-sm-header {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
    }

    .dd-sm-header-right {
        justify-content: space-between;
    }

    .dd-sm-clock {
        align-items: center;
        flex: 1;
    }
}

@media (max-width: 860px) {
    .dd-sm-grid-2 {
        grid-template-columns: 1fr;
    }

    .dd-sm-kpis {
        grid-template-columns: 1fr 1fr;
    }

    .dd-sm-user-summary {
        grid-template-columns: auto 1fr;
    }

    .dd-sm-user-summary > .dd-sm-btn {
        grid-column: 1 / -1;
        width: 100%;
    }

    .dd-sm-status-grid {
        grid-template-columns: 1fr;
    }

    .dd-sm-radio-content {
        min-height: 88px;
        flex-direction: row;
        gap: 14px;
    }

    /* جدول در تبلت و موبایل به کارت‌های ردیفی تبدیل می‌شود (محور RTL درست) */
    .dd-sm-table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .dd-sm-data-table {
        min-width: 0;
        border-collapse: separate;
    }

    .dd-sm-data-table thead {
        display: none;
    }

    .dd-sm-data-table,
    .dd-sm-data-table tbody,
    .dd-sm-data-table tr,
    .dd-sm-data-table td {
        display: block;
        width: 100%;
    }

    .dd-sm-data-table tr {
        padding: 14px;
        border-bottom: 1px solid rgba(100, 116, 139, .16);
        background: #fff;
        border-radius: 16px;
        margin-bottom: 10px;
    }

    .dd-sm-data-table td {
        padding: 8px 118px 8px 0;
        position: relative;
        border-bottom: none;
        min-height: 40px;
        text-align: right;
    }

    .dd-sm-data-table td::before {
        content: attr(data-label);
        position: absolute;
        right: 0;
        top: 8px;
        width: 104px;
        color: var(--dd-muted);
        font-size: 13px;
        font-weight: 700;
        line-height: 1.6;
    }

    .dd-sm-row-actions {
        justify-content: flex-start;
    }

    .dd-sm-row-actions .dd-sm-btn {
        flex: 1;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .dd-sm-root {
        max-width: 100%;
        padding: 10px 8px 30px;
    }

    .dd-sm-root--user {
        max-width: 100%;
    }

    .dd-sm-topbar-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 14px;
    }

    .dd-sm-brand {
        justify-content: center;
        text-align: center;
    }

    .dd-sm-topbar-actions {
        justify-content: center;
    }

    .dd-sm-card,
    .dd-sm-hero-card {
        padding: 18px;
    }

    .dd-sm-hero-copy {
        padding: 22px;
    }

    .dd-sm-header {
        padding: 18px;
    }

    .dd-sm-header-left {
        justify-content: center;
        text-align: center;
    }

    .dd-sm-header-right {
        flex-direction: column;
        align-items: stretch;
    }

    .dd-sm-clock {
        min-width: 0;
        width: 100%;
    }

    .dd-sm-logout-form,
    .dd-sm-logout-form .dd-sm-btn {
        width: 100%;
    }

    .dd-sm-kpis {
        grid-template-columns: 1fr;
    }

    .dd-sm-section-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .dd-sm-section-head .dd-sm-btn {
        width: 100%;
    }

    /* کارت‌های ردیفی در صفحه‌های خیلی کوچک — اصلاح جهت RTL */
    .dd-sm-data-table tr {
        margin-bottom: 8px;
    }

    .dd-sm-data-table td {
        padding: 8px 116px 8px 0;
        min-height: 40px;
    }

    .dd-sm-data-table td::before {
        width: 102px;
    }

    .dd-sm-row-actions {
        justify-content: flex-start;
    }

    .dd-sm-date-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .dd-sm-date-actions {
        justify-content: space-between;
    }

    .dd-sm-date-actions .dd-sm-btn {
        flex: 1;
    }

    .dd-sm-inline-form {
        flex-direction: column;
        align-items: stretch;
    }

    .dd-sm-inline-form .dd-sm-btn {
        width: 100%;
    }

    .dd-sm-recent-days {
        flex-wrap: wrap;
    }

    .dd-sm-day {
        min-width: calc(50% - 5px);
        flex: 1;
    }

    .dd-sm-doc-row {
        flex-direction: column;
        align-items: stretch;
    }

    .dd-sm-balance-grid,
    .dd-sm-stat-row {
        grid-template-columns: 1fr;
    }

    .dd-sm-actions-row {
        flex-direction: column;
    }

    .dd-sm-actions-row .dd-sm-btn {
        width: 100%;
    }

    .dd-sm-user-summary {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .dd-sm-user-summary > .dd-sm-btn {
        width: 100%;
    }
}

/* ===== نسخه ۱٫۸٫۰: تأیید گزارش، امتیاز منفی، ارزیابی ===== */
.dd-sm-btn-success{background:#16a34a;border-color:#15803d;color:#fff}
.dd-sm-btn-success:hover{background:#15803d;color:#fff}
.dd-sm-report-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.dd-sm-report-actions form{display:inline-block;margin:0}
.dd-sm-badge-error{background:#fee2e2;color:#b91c1c}
.dd-sm-report-daily{border-inline-start:4px solid #16a34a}
.dd-sm-report-details{white-space:pre-line}


.dd-sm-row-actions-wrap {
    flex-wrap: wrap;
}

.dd-sm-action-tabs {
    margin-top: 16px;
}

.dd-sm-score-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}

.dd-sm-kpi-compact {
    min-height: 100%;
}

.dd-sm-score-breakdown {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
}

.dd-sm-score-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(29, 78, 216, .05);
    border: 1px solid rgba(29, 78, 216, .08);
}

.dd-sm-honor-history {
    display: grid;
    gap: 12px;
}

.dd-sm-honor-item {
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(245, 158, 11, .08);
    border: 1px solid rgba(245, 158, 11, .16);
}

.dd-sm-honor-title {
    font-weight: 700;
    color: var(--dd-primary-dark);
}

.dd-sm-inline-form select {
    width: 100%;
    border: 1px solid var(--dd-border);
    background: #fff;
    padding: 13px 15px;
    border-radius: var(--dd-radius-xs);
    font-family: inherit;
    font-size: 16px;
    color: var(--dd-text);
}


/* ===== نسخه ۱٫۸٫۱ — بازطراحی فهرست کاربران، حضور و غیاب و گزارش‌ها ===== */
.dd-sm-badge-warning{background:#fff7ed;color:#b45309}
.dd-sm-text-warning{color:#b45309}
.dd-sm-actions-equal{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px;align-items:stretch}
.dd-sm-actions-equal form{display:block}
.dd-sm-actions-equal .dd-sm-btn,
.dd-sm-actions-equal form .dd-sm-btn{width:100%;min-width:0;min-height:40px}
.dd-sm-list-actions{min-width:620px}
.dd-sm-user-list-table th,.dd-sm-user-list-table td{white-space:normal}
.dd-sm-user-list-table .dd-sm-balance-mini{gap:4px}
.dd-sm-user-list-table .dd-sm-balance-mini div{line-height:1.7}
.dd-sm-report-shell .dd-sm-inline-form input[type=date]{max-width:240px}
.dd-sm-report-headline{font-size:15px;color:var(--dd-primary-dark);font-weight:700}
.dd-sm-quick-days{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}
.dd-sm-report-summary-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px;flex-wrap:wrap}
.dd-sm-report-summary-box{padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#f7fbff,#eef6ff);border:1px solid rgba(29,78,216,.14);margin-bottom:14px}
.dd-sm-report-summary-box p{margin:8px 0 0}
.dd-sm-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
.dd-sm-report-panel{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--dd-border);box-shadow:var(--dd-shadow-sm)}
.dd-sm-report-panel h5{margin:0 0 10px;font-size:16px;color:var(--dd-primary-dark)}
.dd-sm-report-panel ul{margin:0;padding:0 18px 0 0}
.dd-sm-report-panel li{margin:0 0 8px}
.dd-sm-report-ignored{margin-top:14px;padding:12px 14px;border-radius:14px;background:#fff7ed;border:1px dashed rgba(180,83,9,.3);color:#7c2d12}
.dd-sm-raw-report{padding:16px 0;border-top:1px solid rgba(100,116,139,.14)}
.dd-sm-raw-report:first-of-type{border-top:none;padding-top:0}
.dd-sm-raw-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px}
.dd-sm-raw-title{font-size:16px;font-weight:700;color:var(--dd-primary-dark)}
.dd-sm-raw-text{padding:14px 16px;border-radius:16px;background:#fbfdff;border:1px solid rgba(100,116,139,.16);margin-bottom:12px;line-height:2}
.dd-sm-btn-warning{background:#fff7ed;color:#b45309;border:1px solid rgba(180,83,9,.2)}
.dd-sm-btn-warning:hover{color:#92400e}
.dd-sm-radio-content{padding:12px 10px;min-height:82px;border-radius:15px;font-size:15px;gap:5px}
.dd-sm-radio-content::before{top:10px;right:10px;width:15px;height:15px}
.dd-sm-radio-ico{font-size:22px}
.dd-sm-status-grid{gap:10px;margin-bottom:14px}
.dd-sm-help-box{min-height:48px;padding:10px 12px;font-size:13.5px}
.dd-sm-stat-row{gap:10px;margin:14px 0}
.dd-sm-stat{padding:14px;border-radius:15px}
.dd-sm-stat-val{font-size:23px}
.dd-sm-balance-box{padding:14px 16px;border-radius:16px;margin:8px 0 16px}
.dd-sm-balance-head h4{font-size:16px}
.dd-sm-balance-head p{font-size:13px}
.dd-sm-balance-grid{gap:10px;margin-top:10px}
.dd-sm-balance-col{padding:13px 14px;border-radius:14px}
.dd-sm-balance-line{padding:7px 0;font-size:14px}
.dd-sm-actions-row .dd-sm-btn{min-height:44px}
@media (max-width: 1200px){
  .dd-sm-actions-equal{grid-template-columns:repeat(3,minmax(110px,1fr))}
  .dd-sm-list-actions{min-width:420px}
}
@media (max-width: 860px){
  .dd-sm-actions-equal{grid-template-columns:repeat(2,minmax(110px,1fr))}
  .dd-sm-list-actions{min-width:280px}
  .dd-sm-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dd-sm-inline-form label{min-width:100%}
}
@media (max-width: 640px){
  .dd-sm-user-list-table,.dd-sm-user-list-table thead,.dd-sm-user-list-table tbody,.dd-sm-user-list-table th,.dd-sm-user-list-table td,.dd-sm-user-list-table tr{display:block}
  .dd-sm-user-list-table thead{display:none}
  .dd-sm-user-list-table tr{padding:12px;border-bottom:1px solid rgba(100,116,139,.14)}
  .dd-sm-user-list-table td{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed rgba(100,116,139,.12)}
  .dd-sm-user-list-table td:last-child{border-bottom:none}
  .dd-sm-user-list-table td::before{content:attr(data-label);font-weight:700;color:var(--dd-primary-dark);min-width:104px}
  .dd-sm-actions-equal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dd-sm-status-grid{grid-template-columns:1fr}
  .dd-sm-stat-row,.dd-sm-balance-grid,.dd-sm-report-grid{grid-template-columns:1fr}
}

/* v2.0 responsive user-list polish */
.dd-sm-data-table thead th{text-align:center!important;vertical-align:middle}
.dd-sm-user-list-table{width:100%;table-layout:fixed}
.dd-sm-user-list-table .dd-sm-list-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-width:270px;margin:auto}
.dd-sm-user-list-table .dd-sm-list-actions form{margin:0;min-width:0}
.dd-sm-user-list-table .dd-sm-list-actions .dd-sm-btn{width:100%;min-height:25px!important;height:25px;padding:2px 3px!important;font-size:10px!important;border-radius:6px;line-height:1.1;white-space:nowrap}
.dd-sm-metric-glass{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border:1px solid rgba(59,130,246,.25);background:rgba(255,255,255,.55);backdrop-filter:blur(8px);border-radius:7px;white-space:nowrap}
.dd-sm-billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.dd-sm-billing-grid>div{padding:12px;border:1px solid var(--dd-border);border-radius:12px;background:rgba(255,255,255,.65)}.dd-sm-billing-value{margin-top:5px;font-weight:700}.dd-sm-billing-total{color:var(--dd-success);font-size:18px}
@media(max-width:900px){.dd-sm-user-list-table{table-layout:auto}.dd-sm-table-wrap{overflow-x:hidden}.dd-sm-user-list-table .dd-sm-list-actions{max-width:230px}.dd-sm-billing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dd-sm-user-list-table .dd-sm-list-actions{max-width:210px}.dd-sm-user-list-table .dd-sm-list-actions .dd-sm-btn{font-size:9px!important}.dd-sm-billing-grid{grid-template-columns:1fr}.dd-sm-user-list-table td,.dd-sm-user-list-table th{padding:7px 4px!important}}


/* ===== v2.2.4 mobile/tablet hide cross-tab nav under each user page ===== */
.dd-sm-action-tabs { margin-top: 16px; }
.dd-sm-action-tab { display: inline-flex; }
.dd-sm-user-danger-zone {
  margin-top: 16px;
  border: 1px dashed rgba(220, 38, 38, .35);
  background: linear-gradient(180deg, #fff, #fff7f7);
}
.dd-sm-user-danger-zone .dd-sm-section-title,
.dd-sm-user-danger-zone .dd-sm-section-sub { color: #7f1d1d; }
.dd-sm-user-delete-form .dd-sm-actions-row { margin-top: 0; }
@media (max-width: 1024px) {
  .dd-sm-action-tab:not(.dd-sm-btn-primary) { display: none !important; }
  .dd-sm-action-tabs { flex-wrap: wrap; }
}
@media (max-width: 860px) {
  .dd-sm-action-tab:not(.dd-sm-btn-primary) { display: none !important; }
}
@media (max-width: 640px) {
  .dd-sm-action-tab:not(.dd-sm-btn-primary) { display: none !important; }
  .dd-sm-action-tabs { justify-content: center; }
}

/* ===== گزارش لحظه‌ای، جمع‌بندی هوش مصنوعی و پلیر صوتی ===== */
.dd-sm-ai-highlight{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(14,165,233,.22);
    background:linear-gradient(135deg, rgba(8,145,178,.08), rgba(59,130,246,.10) 45%, rgba(255,255,255,.96));
    box-shadow:0 18px 38px rgba(2,132,199,.14);
}
.dd-sm-ai-highlight::before{
    content:'';
    position:absolute;
    inset:0 auto auto 0;
    width:180px;
    height:180px;
    background:radial-gradient(circle, rgba(56,189,248,.22), transparent 68%);
    pointer-events:none;
}
.dd-sm-ai-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(14,165,233,.11);
    color:#075985;
    border:1px solid rgba(14,165,233,.18);
    font-size:12px;
    letter-spacing:.12em;
    font-weight:700;
    margin-bottom:10px;
}
.dd-sm-report-details-box{
    padding:16px 18px;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(59,130,246,.14);
    box-shadow:var(--dd-shadow-sm);
}
.dd-sm-attachment-box{margin:-2px 0 12px}
.dd-sm-audio-player{
    padding:16px 18px;
    margin:-2px 0 14px;
    border-radius:18px;
    background:linear-gradient(180deg,#ffffff,#f3f9ff);
    border:1px solid rgba(29,78,216,.12);
    box-shadow:var(--dd-shadow-sm);
}
.dd-sm-audio-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:12px;
}
.dd-sm-audio-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
}
.dd-sm-audio-btn{
    border:none;
    cursor:pointer;
    border-radius:12px;
    padding:10px 14px;
    background:#e8f1ff;
    color:#0f172a;
    font-family:inherit;
    font-size:14px;
    font-weight:700;
    transition:var(--dd-transition);
}
.dd-sm-audio-btn:hover{transform:translateY(-1px)}
.dd-sm-audio-btn-primary{
    background:var(--dd-gradient);
    color:#fff;
    box-shadow:0 10px 20px rgba(29,78,216,.22);
}
.dd-sm-audio-time{
    margin-inline-start:auto;
    font-weight:700;
    color:var(--dd-primary-dark);
    white-space:nowrap;
}
.dd-sm-audio-progress-wrap{margin-bottom:12px}
.dd-sm-audio-progress-wrap input[type=range],
.dd-sm-audio-meta input[type=range]{width:100%}
.dd-sm-audio-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.dd-sm-audio-meta label{
    display:flex;
    flex-direction:column;
    gap:8px;
    font-size:14px;
    color:var(--dd-muted);
    font-weight:700;
}
.dd-sm-audio-meta select,
.dd-sm-audio-meta input[type=range]{
    width:100%;
}
.dd-sm-deleted-shell{
    border:1px dashed rgba(220,38,38,.22);
    background:linear-gradient(180deg,#fff,#fff7f7);
}
.dd-sm-raw-report-deleted{opacity:.92}
@media (max-width: 767px){
    .dd-sm-audio-meta{grid-template-columns:1fr}
    .dd-sm-audio-time{margin-inline-start:0}
}


/* ===== v2.1.1 responsive table + jalali selectors fixes ===== */
.dd-sm-jalali-form{align-items:flex-end;gap:12px}
.dd-sm-jalali-select{flex:1 1 170px;min-width:150px}
.dd-sm-jalali-select select{width:100%;border:1px solid var(--dd-border);background:#fff;padding:13px 15px;border-radius:var(--dd-radius-xs);font-family:inherit;font-size:16px;color:var(--dd-text)}
.dd-sm-metric-summary-grid{margin-top:16px}
.dd-sm-metric-detail-table td,.dd-sm-metric-detail-table th{font-size:14px}
.dd-sm-user-list-table{width:100%;min-width:0!important;table-layout:fixed;border-collapse:separate}
.dd-sm-user-list-table th,.dd-sm-user-list-table td{padding:10px 8px!important;font-size:13px!important;line-height:1.55;overflow-wrap:anywhere;word-break:break-word}
.dd-sm-user-list-table thead th{font-size:13px!important;text-align:center!important}
.dd-sm-user-list-table th:last-child,.dd-sm-user-list-table td:last-child{text-align:center!important}
.dd-sm-user-list-table .dd-sm-list-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:38px;gap:6px;width:100%;max-width:240px;min-width:0!important;margin:0 auto}
.dd-sm-user-list-table .dd-sm-list-actions form{display:block;width:100%;margin:0;min-width:0}
.dd-sm-user-list-table .dd-sm-list-actions .dd-sm-btn,
.dd-sm-user-list-table .dd-sm-list-actions form .dd-sm-btn{display:flex;align-items:center;justify-content:center;width:100%;height:38px;min-height:38px!important;min-width:0!important;padding:4px 2px!important;font-size:11px!important;font-weight:700;border-radius:10px;line-height:1.15;white-space:normal;text-align:center}
.dd-sm-user-list-table td[data-label="مانده حساب"]{min-width:0}
.dd-sm-user-list-table .dd-sm-balance-mini{display:grid;gap:4px;font-size:12px;line-height:1.55}
.dd-sm-user-list-table .dd-sm-balance-mini b{display:block;font-size:12px}
.dd-sm-user-list-table .dd-sm-metric-glass{width:100%;max-width:120px;padding:6px 8px;line-height:1.45;text-align:center}
.dd-sm-table-wrap{overflow-x:hidden}
@media (max-width: 1180px){
  .dd-sm-root{max-width:min(100vw - 10px, 1680px);padding-inline:5px}
  .dd-sm-card{padding:18px}
  .dd-sm-user-list-table th,.dd-sm-user-list-table td{padding:9px 6px!important;font-size:12px!important}
  .dd-sm-user-list-table .dd-sm-list-actions{max-width:222px}
  .dd-sm-user-list-table .dd-sm-list-actions .dd-sm-btn{font-size:10.5px!important;height:36px;min-height:36px!important}
}
@media (max-width: 860px){
  .dd-sm-jalali-select{min-width:100%}
  .dd-sm-user-list-table{table-layout:fixed}
  .dd-sm-user-list-table th,.dd-sm-user-list-table td{font-size:11.5px!important;padding:8px 5px!important}
  .dd-sm-user-list-table .dd-sm-list-actions{max-width:204px;grid-auto-rows:34px;gap:5px}
  .dd-sm-user-list-table .dd-sm-list-actions .dd-sm-btn{height:34px;min-height:34px!important;font-size:9.8px!important}
  .dd-sm-user-list-table .dd-sm-balance-mini{font-size:11px}
}
@media (max-width: 640px){
  .dd-sm-user-list-table,.dd-sm-user-list-table thead,.dd-sm-user-list-table tbody,.dd-sm-user-list-table th,.dd-sm-user-list-table td,.dd-sm-user-list-table tr{display:block}
  .dd-sm-user-list-table thead{display:none}
  .dd-sm-user-list-table tr{padding:12px 10px!important;border-bottom:1px solid rgba(100,116,139,.14)}
  .dd-sm-user-list-table td{display:flex!important;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 0!important;border-bottom:1px dashed rgba(100,116,139,.12);text-align:left!important}
  .dd-sm-user-list-table td::before{content:attr(data-label);font-weight:700;color:var(--dd-primary-dark);min-width:112px;text-align:right}
  .dd-sm-user-list-table td:last-child{border-bottom:none}
  .dd-sm-user-list-table td[data-label="عملیات"]{display:block!important}
  .dd-sm-user-list-table td[data-label="عملیات"]::before{display:block;margin-bottom:8px}
  .dd-sm-user-list-table .dd-sm-list-actions{max-width:none;width:100%;grid-auto-rows:40px}
  .dd-sm-user-list-table .dd-sm-list-actions .dd-sm-btn{height:40px;min-height:40px!important;font-size:11px!important}
  .dd-sm-user-list-table .dd-sm-metric-glass{max-width:none;width:auto}
}

/* ===== v2.1.2 mobile/tablet user-list overhaul + selector visibility fix ===== */
.dd-sm-inline-form select,
.dd-sm-jalali-select select{
  min-height:52px;
  line-height:1.7;
  box-sizing:border-box;
  padding-top:12px;
  padding-bottom:12px;
  background-clip:padding-box;
}
.dd-sm-jalali-select span{display:block;margin-bottom:6px;line-height:1.5}
.dd-sm-jalali-form{align-items:flex-end}
.dd-sm-jalali-select,
.dd-sm-jalali-form .dd-sm-btn{align-self:stretch}
.dd-sm-jalali-form .dd-sm-btn{min-height:52px}

@media (max-width: 980px){
  .dd-sm-table-wrap{overflow:visible;border:none;background:transparent}
  .dd-sm-user-list-table,
  .dd-sm-user-list-table thead,
  .dd-sm-user-list-table tbody,
  .dd-sm-user-list-table th,
  .dd-sm-user-list-table td,
  .dd-sm-user-list-table tr{display:block}
  .dd-sm-user-list-table{table-layout:auto!important;background:transparent}
  .dd-sm-user-list-table thead{display:none}
  .dd-sm-user-list-table tbody{display:grid;gap:14px}
  .dd-sm-user-list-table tr{
    background:#fff;
    border:1px solid rgba(148,163,184,.22);
    border-radius:18px;
    box-shadow:0 14px 30px rgba(15,23,42,.06);
    padding:14px 14px 8px!important;
    overflow:hidden;
  }
  .dd-sm-user-list-table td{
    display:flex!important;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding:10px 0!important;
    border-bottom:1px dashed rgba(100,116,139,.12);
    text-align:left!important;
  }
  .dd-sm-user-list-table td::before{
    content:attr(data-label);
    flex:0 0 128px;
    min-width:128px;
    max-width:128px;
    font-weight:700;
    color:var(--dd-primary-dark);
    text-align:right;
    line-height:1.7;
  }
  .dd-sm-user-list-table td:last-child{border-bottom:none}
  .dd-sm-user-list-table td[data-label="عملیات"]{display:block!important;padding-top:12px!important}
  .dd-sm-user-list-table td[data-label="عملیات"]::before{display:block;max-width:none;min-width:0;margin-bottom:10px}
  .dd-sm-user-list-table .dd-sm-list-actions{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(42px,auto)!important;
    gap:8px!important;
  }
  .dd-sm-user-list-table .dd-sm-list-actions .dd-sm-btn,
  .dd-sm-user-list-table .dd-sm-list-actions form .dd-sm-btn{
    height:auto!important;
    min-height:42px!important;
    padding:8px 6px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  .dd-sm-user-list-table .dd-sm-metric-glass{width:auto;max-width:none}
  .dd-sm-user-list-table td[data-label="نام و مشخصات"] > div,
  .dd-sm-user-list-table td[data-label="وضعیت امروز"] > div,
  .dd-sm-user-list-table td[data-label="مانده حساب"] > a{max-width:100%}
}

@media (max-width: 640px){
  .dd-sm-user-list-table td{flex-direction:column;align-items:stretch;gap:6px}
  .dd-sm-user-list-table td::before{flex:none;min-width:0;max-width:none;text-align:right}
  .dd-sm-user-list-table .dd-sm-list-actions{grid-template-columns:1fr 1fr!important}
  .dd-sm-jalali-form{gap:10px}
  .dd-sm-jalali-select{min-width:100%}
}

/* ===== v2.1.0 patched: user list, billing details, attendance compact controls ===== */
.dd-sm-billing-actions{margin:14px 0 18px;align-items:stretch}
.dd-sm-billing-actions .dd-sm-inline-form{margin:0}
.dd-sm-billing-actions .dd-sm-btn{min-height:44px}
.dd-sm-send-accountant-form{display:flex;flex:1 1 240px}
.dd-sm-send-accountant-form .dd-sm-btn{width:100%}
.dd-sm-billing-details{margin:18px 0 20px}
.dd-sm-billing-detail-table td,.dd-sm-billing-detail-table th{vertical-align:middle}
.dd-sm-user-list-table td[data-label="مانده حساب"],
.dd-sm-user-list-table th[data-label="مانده حساب"]{display:none!important}
.dd-sm-user-list-table .dd-sm-list-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:40px!important;gap:6px!important;width:100%;max-width:300px!important;min-width:0!important;margin:0 auto!important;align-items:stretch}
.dd-sm-user-list-table .dd-sm-list-actions form{display:block;width:100%;margin:0;min-width:0}
.dd-sm-user-list-table .dd-sm-list-actions .dd-sm-btn,
.dd-sm-user-list-table .dd-sm-list-actions form .dd-sm-btn{display:flex;align-items:center;justify-content:center;width:100%;height:40px!important;min-height:40px!important;max-height:40px!important;padding:4px 3px!important;font-size:11px!important;font-weight:700;line-height:1.15!important;white-space:normal;text-align:center;border-radius:10px}
.dd-sm-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:2px 0 14px!important}
.dd-sm-radio-content{min-height:72px!important;padding:10px 8px!important;gap:5px!important;font-size:14px!important;border-radius:14px!important}
.dd-sm-radio-content::before{top:9px;right:9px;width:15px;height:15px}
.dd-sm-radio-ico{font-size:22px!important}
@media (max-width: 980px){
  .dd-sm-user-list-table .dd-sm-list-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:38px!important;max-width:none!important}
  .dd-sm-user-list-table .dd-sm-list-actions .dd-sm-btn,
  .dd-sm-user-list-table .dd-sm-list-actions form .dd-sm-btn{height:38px!important;min-height:38px!important;max-height:38px!important;font-size:10px!important;padding:4px 2px!important}
  .dd-sm-billing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 860px){
  .dd-sm-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dd-sm-radio-content{min-height:64px!important;padding:9px 6px!important;font-size:12.5px!important;flex-direction:column!important;gap:4px!important}
  .dd-sm-radio-ico{font-size:18px!important}
}
@media (max-width: 640px){
  .dd-sm-user-list-table .dd-sm-list-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:36px!important;gap:5px!important}
  .dd-sm-user-list-table .dd-sm-list-actions .dd-sm-btn,
  .dd-sm-user-list-table .dd-sm-list-actions form .dd-sm-btn{height:36px!important;min-height:36px!important;max-height:36px!important;font-size:9px!important;line-height:1.05!important;padding:3px 2px!important}
  .dd-sm-status-grid{gap:6px!important}
  .dd-sm-radio-content{min-height:58px!important;padding:8px 4px!important;font-size:11px!important}
  .dd-sm-radio-ico{font-size:16px!important}
  .dd-sm-billing-grid{grid-template-columns:1fr}
}


/* v2.2.0: supervisor holiday control and stable six-button 3x2 operations grid */
.dd-sm-holiday-control{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:16px 18px;border:1px solid rgba(217,119,6,.25);border-radius:16px;background:linear-gradient(135deg,#fffaf0,#fff);direction:rtl}
.dd-sm-holiday-control>div{display:flex;flex-direction:column;gap:3px;min-width:0}.dd-sm-holiday-control strong{color:#92400e}.dd-sm-holiday-control span{color:var(--dd-muted);font-size:13px}.dd-sm-holiday-control form{flex:0 0 auto;margin:0}.dd-sm-holiday-empty{text-align:center;padding:36px 24px}.dd-sm-holiday-empty p{margin:8px 0 0;color:var(--dd-muted)}
.dd-sm-six-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,40px)!important;gap:8px!important;width:100%!important;max-width:260px!important;min-width:0!important;margin-inline:auto!important;align-items:stretch!important;direction:rtl}
.dd-sm-six-actions form{display:block!important;width:100%!important;margin:0!important;min-width:0!important}.dd-sm-six-actions .dd-sm-btn,.dd-sm-six-actions form .dd-sm-btn{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:4px 5px!important;font-size:12px!important;line-height:1.15!important;white-space:normal!important;text-align:center!important;overflow:hidden}
@media(max-width:1180px){.dd-sm-six-actions{max-width:230px!important;grid-template-rows:repeat(3,38px)!important;gap:7px!important}.dd-sm-six-actions .dd-sm-btn,.dd-sm-six-actions form .dd-sm-btn{height:38px!important;min-height:38px!important;font-size:11px!important}}
@media(max-width:980px){.dd-sm-six-actions{max-width:none!important;width:100%!important;grid-template-rows:repeat(3,40px)!important;gap:8px!important}.dd-sm-six-actions .dd-sm-btn,.dd-sm-six-actions form .dd-sm-btn{height:40px!important;min-height:40px!important;font-size:11px!important}}
@media(max-width:640px){.dd-sm-holiday-control{align-items:stretch;flex-direction:column;gap:10px}.dd-sm-holiday-control form,.dd-sm-holiday-control form .dd-sm-btn{width:100%}.dd-sm-six-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,42px)!important;gap:8px!important}.dd-sm-six-actions .dd-sm-btn,.dd-sm-six-actions form .dd-sm-btn{height:42px!important;min-height:42px!important;font-size:11px!important}}


/* v2.2.1: searchable list and final accessible 3x2 text-only actions */
.dd-sm-user-search{margin:0 0 18px;padding:16px;border:1px solid rgba(37,99,235,.16);border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fff);direction:rtl}
.dd-sm-user-search label{display:block;margin-bottom:8px;color:var(--dd-primary-dark);font-weight:800;font-size:14px}
.dd-sm-user-search-controls{display:flex;align-items:stretch;gap:8px}
.dd-sm-user-search-controls input{flex:1 1 auto;min-width:0;height:44px;padding:0 14px;border:1px solid var(--dd-border);border-radius:10px;background:#fff;color:var(--dd-text);font:inherit;outline:none}
.dd-sm-user-search-controls input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.dd-sm-user-search-controls .dd-sm-btn{min-width:96px;min-height:44px}.dd-sm-user-search-result{margin-top:8px;color:var(--dd-muted);font-size:13px}
.dd-sm-user-list-table .dd-sm-six-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,40px)!important;gap:8px!important;width:100%!important;max-width:360px!important;min-width:0!important;margin-inline:auto!important;align-items:stretch!important;direction:rtl}
.dd-sm-user-list-table .dd-sm-six-actions form{display:block!important;width:100%!important;margin:0!important;min-width:0!important}
.dd-sm-user-list-table .dd-sm-six-actions .dd-sm-btn,.dd-sm-user-list-table .dd-sm-six-actions form .dd-sm-btn{display:flex;align-items:center;justify-content:center;width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:4px 5px!important;font-size:12px!important;line-height:1.2!important;white-space:normal!important;text-align:center!important;overflow:hidden}
@media(max-width:980px){.dd-sm-user-list-table .dd-sm-six-actions{max-width:330px!important;grid-template-rows:repeat(2,38px)!important;gap:7px!important}.dd-sm-user-list-table .dd-sm-six-actions .dd-sm-btn,.dd-sm-user-list-table .dd-sm-six-actions form .dd-sm-btn{height:38px!important;min-height:38px!important;max-height:38px!important;font-size:11px!important}}
@media(max-width:640px){.dd-sm-user-search-controls{flex-wrap:wrap}.dd-sm-user-search-controls input{flex:1 1 100%;height:46px}.dd-sm-user-search-controls .dd-sm-btn{flex:1 1 0;min-width:0}.dd-sm-user-list-table .dd-sm-six-actions{max-width:none!important;grid-template-rows:repeat(2,42px)!important;gap:7px!important}.dd-sm-user-list-table .dd-sm-six-actions .dd-sm-btn,.dd-sm-user-list-table .dd-sm-six-actions form .dd-sm-btn{height:42px!important;min-height:42px!important;max-height:42px!important;font-size:11px!important}}
@media(max-width:639px){.dd-sm-user-list-table td{flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}.dd-sm-user-list-table td::before{flex:0 0 112px!important;min-width:112px!important;max-width:112px!important;text-align:right!important}.dd-sm-user-list-table td>div,.dd-sm-user-list-table td>a,.dd-sm-user-list-table td>span{max-width:calc(100% - 124px);text-align:left}.dd-sm-user-list-table td[data-label="نام و مشخصات"]>div{max-width:calc(100% - 124px);text-align:right}.dd-sm-user-list-table td[data-label="عملیات"]{display:block!important}.dd-sm-user-list-table td[data-label="عملیات"]::before{display:block!important;max-width:none!important;margin-bottom:10px!important}}


/* v2.2.2: mobile-safe cards; labels and values use grid instead of absolute positioning. */
*,*::before,*::after{box-sizing:border-box}
.dd-sm-user-search,.dd-sm-user-search *{box-sizing:border-box}
.dd-sm-user-search-controls{min-width:0;flex-wrap:wrap}
.dd-sm-user-search-controls input{min-width:0}
.dd-sm-live-search-empty[hidden]{display:none!important}
@media (max-width:782px){
  .dd-sm-root{width:100%;max-width:100%;overflow-x:hidden}
  .dd-sm-card,.dd-sm-hero-card,.dd-sm-section-head,.dd-sm-table-wrap{max-width:100%;min-width:0}
  .dd-sm-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .dd-sm-user-list-table,.dd-sm-user-list-table tbody{width:100%;min-width:0}
  .dd-sm-user-list-table tr{display:grid!important;grid-template-columns:1fr;gap:0;width:100%;min-width:0;overflow:hidden;padding:12px;margin-bottom:12px}
  .dd-sm-user-list-table td{position:static!important;display:grid!important;grid-template-columns:minmax(96px,34%) minmax(0,1fr);align-items:start;gap:10px;width:100%;min-width:0;min-height:0;padding:8px 0!important;text-align:right!important;overflow-wrap:anywhere}
  .dd-sm-user-list-table td::before{position:static!important;display:block!important;width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;align-self:start;color:var(--dd-muted);font-size:12px;line-height:1.65;white-space:normal;overflow-wrap:anywhere}
  .dd-sm-user-list-table td>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .dd-sm-user-list-table td[data-label="عملیات"]{display:block!important;padding-top:12px!important;border-top:1px solid rgba(100,116,139,.14);margin-top:4px}
  .dd-sm-user-list-table td[data-label="عملیات"]::before{margin-bottom:10px!important}
  .dd-sm-user-list-table .dd-sm-six-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(40px,auto);height:auto!important;max-width:100%!important;width:100%!important;gap:7px!important}
  .dd-sm-user-list-table .dd-sm-six-actions .dd-sm-btn,.dd-sm-user-list-table .dd-sm-six-actions form .dd-sm-btn{height:auto!important;min-height:40px!important;max-height:none!important;width:100%!important;padding:7px 5px!important;white-space:normal!important;overflow-wrap:anywhere;font-size:11px!important;line-height:1.35!important}
  .dd-sm-user-list-table .dd-sm-six-actions form{min-width:0!important}
}
@media (max-width:430px){
  .dd-sm-card,.dd-sm-hero-card{padding:14px!important}
  .dd-sm-user-list-table td{grid-template-columns:minmax(84px,31%) minmax(0,1fr);gap:8px;font-size:12px}
  .dd-sm-user-list-table .dd-sm-six-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dd-sm-user-list-table .dd-sm-six-actions .dd-sm-btn,.dd-sm-user-list-table .dd-sm-six-actions form .dd-sm-btn{min-height:42px;font-size:11px!important}
}

/* v2.2.3: mobile user-list readability + perfectly even action grid spacing */
@media (max-width:782px){
  .dd-sm-user-list-table td{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .dd-sm-user-list-table td::before{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .dd-sm-user-list-table td[data-label="نام و مشخصات"]{
    align-items:center!important;
  }
  .dd-sm-user-list-table td[data-label="نام و مشخصات"] > div,
  .dd-sm-user-list-table td[data-label="نام و مشخصات"] .dd-sm-strong,
  .dd-sm-user-list-table td[data-label="نام و مشخصات"] .dd-sm-muted{
    max-width:none!important;
    width:auto!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    line-break:auto!important;
    direction:rtl!important;
    text-align:right!important;
  }
  .dd-sm-user-list-table td[data-label="نام و مشخصات"] .dd-sm-strong{
    line-height:1.75!important;
  }
  .dd-sm-user-list-table td[data-label="نام و مشخصات"] .dd-sm-muted{
    font-size:13px!important;
    line-height:1.8!important;
    margin-top:2px!important;
  }
  .dd-sm-user-list-table .dd-sm-six-actions{
    grid-auto-rows:42px!important;
    grid-template-rows:none!important;
    align-items:stretch!important;
    align-content:start!important;
    gap:7px!important;
  }
  .dd-sm-user-list-table .dd-sm-six-actions form{
    margin:0!important;
    align-self:stretch!important;
  }
  .dd-sm-user-list-table .dd-sm-six-actions .dd-sm-btn,
  .dd-sm-user-list-table .dd-sm-six-actions form .dd-sm-btn{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    line-height:1.2!important;
  }
}
@media (max-width:430px){
  .dd-sm-user-list-table td[data-label="نام و مشخصات"]{
    grid-template-columns:minmax(84px,31%) minmax(0,1fr)!important;
  }
  .dd-sm-user-list-table td[data-label="نام و مشخصات"] > div,
  .dd-sm-user-list-table td[data-label="نام و مشخصات"] .dd-sm-strong,
  .dd-sm-user-list-table td[data-label="نام و مشخصات"] .dd-sm-muted{
    max-width:none!important;
    width:auto!important;
  }
  .dd-sm-user-list-table .dd-sm-six-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:44px!important;
    gap:7px!important;
  }
  .dd-sm-user-list-table .dd-sm-six-actions .dd-sm-btn,
  .dd-sm-user-list-table .dd-sm-six-actions form .dd-sm-btn{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:6px 4px!important;
    font-size:10.5px!important;
  }
}