/* ====== Daneshdan User Monitoring — mobile-first responsive styles ====== */
:root{
  --dd-um-radius:14px;
  --dd-um-tap:44px;
  --dd-um-font-base:16px;
}
body.dd-sm-panel-active{background:radial-gradient(circle at top right,rgba(14,165,233,.1),transparent 30%),linear-gradient(180deg,#eef6ff 0%,#f8fbff 100%);font-size:var(--dd-um-font-base)}
.dd-um-root{max-width:min(1700px,calc(100vw - 16px));margin:0 auto;padding:24px 18px 48px}
.dd-um-root .dd-sm-card,.dd-um-root .dd-sm-hero-card{position:relative;overflow:hidden}
.dd-um-root .dd-sm-card::after,.dd-um-root .dd-sm-hero-card::after{content:"";position:absolute;inset:auto -120px -120px auto;width:240px;height:240px;background:radial-gradient(circle,rgba(59,130,246,.14),transparent 65%);pointer-events:none}

/* login */
.dd-um-login-shell{max-width:620px;margin:40px auto;padding:34px}

/* hero + KPIs */
.dd-um-hero{margin-bottom:18px}
.dd-um-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.dd-sm-kpi{background:rgba(255,255,255,.85);border:1px solid rgba(100,116,139,.15);border-radius:var(--dd-um-radius);padding:16px;box-shadow:0 12px 24px rgba(15,23,42,.05);min-height:96px}
.dd-sm-kpi-value{display:block;font-size:24px;color:#0f172a;margin-top:6px}
.dd-sm-kpi-sub{margin-top:6px;font-size:12px;color:#475569}

/* top actions */
.dd-um-top-actions{margin-top:16px;flex-wrap:wrap;gap:10px}
.dd-um-top-actions .dd-sm-btn{min-height:var(--dd-um-tap);padding:0 18px}

/* filter form */
.dd-um-filter-card{margin-top:16px}
.dd-um-filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}
.dd-um-filter-form .dd-sm-btn{min-height:var(--dd-um-tap)}
.dd-um-filter-form-date{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.dd-um-filter-form-search{grid-template-columns:minmax(180px,280px) minmax(260px,1.3fr) auto auto}
.dd-um-filter-form-search .dd-um-search-field{grid-column:auto}
.dd-um-search-field input[type=text],.dd-um-search-field input[type=search]{font-size:16px}

/* topbar */
.dd-sm-topbar{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(10px);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.75));border-bottom:1px solid rgba(100,116,139,.18);box-shadow:0 4px 12px rgba(15,23,42,.04)}
.dd-sm-topbar .dd-sm-chip{font-size:13px}
.dd-um-logout-btn{min-height:38px}

/* status badges & pills */
.dd-um-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;font-weight:700;font-size:14px;border:1px solid transparent;min-height:36px}
.dd-um-status-badge.status-present{background:#e8fff4;color:#0f9d69;border-color:rgba(15,157,105,.2)}
.dd-um-status-badge.status-absent{background:#fff1f2;color:#dc2626;border-color:rgba(220,38,38,.18)}
.dd-um-status-badge.status-leave{background:#fff7ed;color:#d97706;border-color:rgba(217,119,6,.2)}
.dd-um-status-badge.status-missing{background:#f8fafc;color:#64748b;border-color:rgba(100,116,139,.2)}
.dd-um-report-pill{min-width:104px;min-height:var(--dd-um-tap);padding:9px 16px;border-radius:14px;border:none;font:inherit;font-weight:700;cursor:pointer;transition:.2s all}
.dd-um-report-pill:hover{transform:translateY(-2px)}
.dd-um-report-approved{background:#dcfce7;color:#166534}
.dd-um-report-wait{background:#fef3c7;color:#92400e}
.dd-um-report-missing{background:#fee2e2;color:#b91c1c}
.dd-um-report-pending{background:#e0e7ff;color:#3730a3}

/* ستون گزارش روز در جدول کاربران باید در همهٔ حالت‌ها نمایش داده شود */
.dd-um-users-table td[data-label="گزارش روز"]{display:revert!important}
.dd-um-users-table tbody td[data-label="گزارش روز"] .dd-um-report-pill{display:inline-flex!important;visibility:visible!important;opacity:1!important}
.dd-um-users-table tbody td[data-label="گزارش روز"]{justify-content:flex-start;align-items:center}
.dd-um-users-table tbody td[data-label="گزارش روز"]:before{display:inline-block}
@media (max-width:768px){
  .dd-um-users-table tbody td[data-label="گزارش روز"]{flex-direction:column;align-items:stretch;gap:8px}
  .dd-um-users-table tbody td[data-label="گزارش روز"] .dd-um-report-pill{width:100%}
}

/* table — desktop (default) */
.dd-um-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dd-um-users-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.dd-um-users-table thead th{position:sticky;top:0;background:#eef6ff;color:#0f172a;font-weight:700;font-size:13px;padding:12px 10px;border-bottom:1px solid rgba(100,116,139,.2);z-index:3}
.dd-um-users-table tbody td{padding:14px 10px;border-bottom:1px solid rgba(100,116,139,.12);vertical-align:top}
.dd-um-user-main strong{display:block;font-size:18px;color:#173a8e}
.dd-um-user-badges{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:8px 0 6px}.dd-um-user-badges .dd-sm-chip{font-size:11px;line-height:1.35;padding:4px 10px;max-width:100%}
/* کوچک‌سازی برچسب کاربر نمونه برای رفع مشکل ردیف خالی */
.dd-um-honors-cell{white-space:nowrap}
/* فضای کافی پایین سربرگ برای ردیف بهترین کاربر کل/بخش در دسکتاپ تا برچسب افتخار پوشیده نشود */
.dd-um-users-table tbody tr.dd-um-row-best-global td,
.dd-um-users-table tbody tr.dd-um-row-best-dept td{padding-top:42px!important;padding-bottom:14px!important;position:relative;background-color:#fffbeb}
.dd-um-users-table tbody tr.dd-um-row-best-global::after,
.dd-um-users-table tbody tr.dd-um-row-best-dept::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#d4a017,#f59e0b);pointer-events:none;border-radius:6px 6px 0 0}
.dd-um-stars-mini{display:inline-block;font-size:10px;line-height:1;color:#d4a017;letter-spacing:1px;margin-inline-end:4px;vertical-align:middle;font-weight:700;text-shadow:0 0 2px rgba(212,160,23,.35)}
.dd-um-stars-note{display:inline-block;font-size:10px;color:#b07a00;font-weight:700;margin-inline-end:4px;vertical-align:middle;white-space:nowrap}
.dd-um-stars-empty{display:inline-block;color:#94a3b8;font-size:14px;vertical-align:middle;margin-inline-end:4px}
.dd-um-honors-cell .dd-sm-btn{margin-inline-start:6px;vertical-align:middle}
.dd-um-mobile-only{display:none}

/* سربرگ اختصاصی صفحات صورت‌حساب و لیست غذا */
.dd-um-subpage-hero{margin-bottom:18px;background:linear-gradient(135deg,#eef6ff 0%,#f8fbff 100%);padding:22px 26px}
.dd-um-subpage-head{padding-bottom:6px}
.dd-um-subpage-head-inner{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.dd-um-back-btn{align-self:flex-end;font-weight:700;margin-bottom:6px}

/* چیپ‌های فیلتر سریع بخش در صفحه صورت‌حساب */
.dd-um-dept-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px;padding:4px 0}
.dd-um-dept-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid rgba(100,116,139,.22);color:#173a8e;font-size:13px;font-weight:700;cursor:pointer;transition:.2s all;text-decoration:none;min-height:36px}
.dd-um-dept-chip:hover{border-color:#1d4ed8;background:rgba(29,78,216,.06);transform:translateY(-2px)}
.dd-um-dept-chip.is-active{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(29,78,216,.28)}
.dd-um-detail-btn{min-height:var(--dd-um-tap)}

/* modal */
.dd-um-modal[hidden]{display:none!important}
.dd-um-modal-overlay-scroll{position:fixed}
.dd-um-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-overflow-scrolling:touch}
.dd-um-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);animation:ddUmFadeIn .25s ease}
.dd-um-modal-dialog{position:relative;width:min(1100px,96vw);max-height:88vh;overflow:auto;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,251,255,.98));border-radius:26px;padding:22px 24px;box-shadow:0 24px 70px rgba(15,23,42,.28);animation:ddUmSlideUp .35s cubic-bezier(.2,.8,.25,1)}
.dd-um-modal-dialog .dd-sm-section-head{padding-bottom:14px;border-bottom:1px solid rgba(100,116,139,.12);margin-bottom:14px;gap:16px}
.dd-um-modal-dialog h3.dd-sm-section-title{font-size:20px;color:#0f172a}
.dd-um-modal-dialog .dd-sm-section-sub{font-size:13px}
.dd-um-modal-body{padding-top:10px;max-height:72vh;overflow:auto}
.dd-um-modal-body .dd-sm-card{box-shadow:none;background:#f8fbff}
.dd-um-modal-close{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.92);padding:8px 0;backdrop-filter:blur(8px)}

/* accordion */
.dd-um-accordion{border:1px solid rgba(100,116,139,.16);border-radius:18px;background:#fff;box-shadow:0 10px 18px rgba(15,23,42,.05);margin-bottom:12px;overflow:hidden}
.dd-um-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;font-weight:700;color:#173a8e;min-height:var(--dd-um-tap)}
.dd-um-accordion summary::-webkit-details-marker{display:none}
.dd-um-accordion[open] summary{border-bottom:1px solid rgba(100,116,139,.14)}
.dd-um-accordion>div,.dd-um-accordion>.dd-sm-table-wrap,.dd-um-accordion .dd-um-low-card{padding:14px 18px}
.dd-um-low-card+.dd-um-low-card{border-top:1px dashed rgba(100,116,139,.18)}
.dd-um-low-card{background:#fff;border-radius:14px;padding:12px;border:1px solid rgba(100,116,139,.12);margin-bottom:8px;transition:.2s}
.dd-um-low-card:hover{border-color:rgba(220,38,38,.35);background:rgba(254,226,226,.18)}
.dd-sm-report-panel{background:#f8fbff;border:1px solid rgba(100,116,139,.15);padding:14px;border-radius:16px;margin-top:10px}
.dd-sm-report-panel h5{margin:0 0 8px;font-size:16px;color:#173a8e}
.dd-sm-report-panel ul{margin:0;padding-inline-start:20px}
.dd-sm-report-summary-box,.dd-sm-report-details-box{background:#f8fbff;border:1px solid rgba(100,116,139,.15);border-radius:16px;padding:14px;margin-bottom:12px}

/* live pulse */
.dd-um-live-updated{animation:ddUmPulse 1s ease}
.dd-um-status-badge.dd-um-live-updated{box-shadow:0 0 0 4px rgba(59,130,246,.18)}
@keyframes ddUmPulse{0%{background:#dbeafe}100%{background:transparent}}
@keyframes ddUmFadeIn{from{opacity:0}to{opacity:1}}
@keyframes ddUmSlideUp{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

/* bale status pill */
.dd-sm-bale-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(16,185,129,.1);color:#047857;font-weight:700;font-size:13px;border:1px solid rgba(16,185,129,.2)}
.dd-sm-bale-status.inactive{background:rgba(239,68,68,.1);color:#b91c1c;border-color:rgba(239,68,68,.2)}

/* sticky table header on desktop — حذف sticky برای جلوگیری از همپوشانی سربرگ با ردیف زرد کاربر نمونه */
@media (min-width:1024px){
  .dd-um-users-table thead th{position:static!important;top:auto!important}
  /* فاصلهٔ یک‌سانتی‌متری سربرگ فهرست کاربران از سطرها در دسکتاپ تا هیچ همپوشانی/تداخل با سطر زرد کاربر نمونه نداشته باشد */
  .dd-um-users-card{margin-top:0;position:relative;z-index:0}
  .dd-um-users-card .dd-sm-table-wrap{padding-top:1cm;box-sizing:border-box;background-clip:padding-box;border-top:1px solid transparent}
  .dd-um-users-card .dd-sm-table-wrap > table{border-collapse:separate!important;border-spacing:0;margin-top:0}
  .dd-um-users-card .dd-sm-table-wrap > table > thead > tr > th{position:static!important;background:#eef6ff;border-bottom:2px solid #c7d7ea;color:#0f172a;padding:14px 12px;z-index:auto}
  .dd-um-users-card .dd-sm-table-wrap > table > tbody > tr:first-child > td{position:relative;border-top:2px solid transparent;background-clip:padding-box}
  .dd-um-users-card .dd-sm-section-head{padding-bottom:4px;margin-bottom:0}
}

/* ====================================================================== */
/* ===== Tablet ===== */
@media (max-width:980px){
  .dd-um-root{padding:18px 14px 36px}
  .dd-um-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dd-um-filter-form-search{grid-template-columns:1fr 1fr}
  .dd-um-modal-dialog{width:min(96vw,96vw);padding:18px}
  .dd-sm-kpi-value{font-size:21px}
  .dd-sm-kpi{min-height:88px}
  .dd-sm-topbar-actions .dd-sm-chip{font-size:12px;padding:6px 10px}
}

/* ====================================================================== */
/* ===== Mobile (≤768px) — Card-style stacked table ===== */
@media (max-width:768px){
  /* Reset container paddings to fit narrow screens */
  .dd-um-root{padding:12px 8px 28px}
  .dd-um-login-shell{margin:18px auto;padding:24px 18px}

  /* Topbar becomes compact */
  .dd-sm-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px}
  .dd-sm-brand-text small{display:none}
  .dd-um-chip-date,.dd-um-chip-clock{padding:6px 8px;font-size:11px}
  .dd-sm-topbar-actions{display:flex;align-items:center;gap:6px}
  .dd-um-logout-btn{min-height:40px;padding:8px 14px;font-size:13px}

  /* Hero KPIs: 2 columns */
  .dd-um-hero{margin-bottom:14px}
  .dd-um-kpis,.dd-sm-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dd-sm-kpi{padding:12px;border-radius:12px;min-height:78px}
  .dd-sm-kpi-label{font-size:11px}
  .dd-sm-kpi-value{font-size:18px}
  .dd-sm-kpi-sub{font-size:11px}

  /* Top action buttons: full-width chips, 2 columns */
  .dd-um-top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dd-um-top-actions .dd-sm-btn{width:100%;min-height:46px;font-size:14px;padding:0 12px}

  /* Filter form: stacked, full width inputs */
  .dd-um-filter-form{grid-template-columns:1fr;gap:12px}
  .dd-um-filter-form>label{display:block}
  .dd-um-filter-form .dd-sm-btn{width:100%;min-height:46px}
  .dd-um-filter-form-date,.dd-um-filter-form-search{grid-template-columns:1fr}

  /* Quick-day buttons: 3 columns */
  .dd-sm-quick-days{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .dd-sm-quick-days .dd-sm-btn{width:100%;min-height:46px}

  /* Table → card layout */
  .dd-um-table-scroll{overflow:visible;-webkit-overflow-scrolling:auto;border:0;background:transparent}
  .dd-um-users-table,.dd-um-users-table thead,.dd-um-users-table tbody,.dd-um-users-table tr,.dd-um-users-table th,.dd-um-users-table td{display:table-row-group;border-collapse:separate;border-spacing:0;width:100%}
  .dd-um-users-table thead{display:table-header-group}
  .dd-um-users-table tbody tr{display:table-row}
  .dd-um-users-table th{display:table-cell}
  .dd-um-users-table tbody td{display:table-cell}
  .dd-um-users-table thead{display:none}
  .dd-um-users-table tbody tr{display:block;background:#fff;border:1px solid rgba(100,116,139,.18);border-radius:18px;padding:14px;margin-bottom:14px;box-shadow:0 8px 20px rgba(15,23,42,.06)}
  .dd-um-users-table tbody td{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(100,116,139,.18);text-align:start;min-height:40px}
  .dd-um-users-table tbody td:last-child{border-bottom:none}
  .dd-um-users-table tbody td:before{content:attr(data-label);flex:0 0 auto;font-weight:700;color:#475569;font-size:13px}
  .dd-um-users-table tbody td[data-label="کاربر"]{flex-direction:column;align-items:stretch;gap:8px}
  .dd-um-users-table tbody td[data-label="کاربر"]:before{display:none}
  .dd-um-users-table tbody td[data-label="گزارش روز"]{flex-wrap:wrap}
  .dd-um-user-main strong{font-size:16px}
  .dd-mobile-only-flex{display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%}
  .dd-um-mobile-only{display:inline}
  .dd-um-users-table tbody .dd-um-status-badge{margin-inline-start:auto}
  .dd-um-users-table tbody td[data-label="وضعیت امروز"]{flex-direction:column;align-items:flex-start}

  /* Modal — full screen bottom sheet */
  .dd-um-modal{padding:0;align-items:flex-end}
  .dd-um-modal-dialog{width:100vw;max-width:100vw;max-height:94vh;min-height:60vh;border-radius:22px 22px 0 0;padding:18px 16px 24px;animation:ddUmSlideUp .35s cubic-bezier(.2,.8,.25,1)}
  .dd-um-modal-dialog .dd-sm-section-head{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.95);padding:8px 0 14px;margin:-8px 0 14px}
  .dd-um-modal-dialog .dd-sm-section-head button[data-dd-um-close]{order:-1;position:absolute;left:0;top:8px}
  .dd-um-modal-close-handle{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:46px;height:5px;background:rgba(15,23,42,.18);border-radius:999px}

  /* Buttons: enforce tap-friendly targets */
  .dd-sm-btn,.dd-um-detail-btn,.dd-um-report-pill{min-height:46px}
  .dd-sm-btn-sm{min-height:40px}
  .dd-um-modal-dialog .dd-sm-btn,.dd-um-modal-dialog .dd-um-detail-btn{flex:1 1 calc(50% - 6px);min-height:48px;font-size:15px}

  /* Inputs/font fixes (iOS zoom) */
  input,select,textarea,button{font-size:16px}

  /* Reduce decorative backgrounds on small screens for perf */
  .dd-um-root .dd-sm-card::after,.dd-um-root .dd-sm-hero-card::after{display:none}

  /* KPI / amount rows */
  .dd-sm-kpis dd-sm-kpi,.dd-um-kpis .dd-sm-kpi{padding:12px}

  /* Accordions touch friendly */
  .dd-um-accordion summary{min-height:48px;font-size:15px}
  .dd-um-accordion[open]>div{padding:12px 14px}

  /* Low card grid */
  .dd-um-low-card{padding:10px 12px;border-radius:12px}
}

/* ====================================================================== */
/* ===== Small phone (≤420px) ===== */
@media (max-width:420px){
  .dd-um-root{padding:10px 6px 24px}
  .dd-sm-topbar-inner{padding:8px 10px}
  .dd-sm-topbar-actions .dd-um-chip-date .dd-sm-chip{display:none}
  .dd-um-kpis,.dd-sm-kpis{grid-template-columns:1fr 1fr;gap:8px}
  .dd-sm-kpi{padding:10px;border-radius:10px;min-height:72px}
  .dd-sm-kpi-value{font-size:17px}
  .dd-sm-top-actions,.dd-sm-quick-days{grid-template-columns:1fr 1fr;gap:6px}
  .dd-sm-quick-days{grid-template-columns:repeat(3,1fr)}
  .dd-um-users-table tbody tr{padding:12px;border-radius:16px}
  .dd-um-users-table tbody td{padding:8px 0;font-size:13px}
  .dd-um-users-table tbody td:before{font-size:12px}
  .dd-um-user-main strong{font-size:15px}
  .dd-um-modal-dialog{padding:14px 12px 20px;border-radius:20px 20px 0 0}
  .dd-sm-btn{padding:0 12px;font-size:14px}
}

/* Print: hide controls */
@media print{
  .dd-sm-topbar,.dd-um-top-actions,.dd-um-filter-form,.dd-sm-quick-days,.dd-um-modal{display:none!important}
  .dd-um-users-table thead{display:table-header-group}
  .dd-um-users-table tbody td:before{display:none}
  .dd-um-root{padding:0;max-width:none}
}

/* ===== v1.0.5 mobile user-list polish: full-width cards + symmetric action grid ===== */
.dd-um-mobile-actions-cell{display:none}
.dd-um-detail-btn,.dd-um-report-pill{display:inline-flex;align-items:center;justify-content:center}
@media (max-width:768px){
  .dd-sm-root.dd-um-root,.dd-um-root{width:100%;max-width:100%;margin:0;padding:12px 6px 28px}
  .dd-um-users-table tbody{display:grid;gap:14px}
  .dd-um-users-table tbody tr{width:100%;margin:0;box-sizing:border-box;border-radius:20px;padding:14px 12px 12px}
  .dd-um-users-table tbody td{display:grid!important;grid-template-columns:minmax(88px,108px) minmax(0,1fr);align-items:center;justify-content:initial;gap:10px;padding:10px 0;min-width:0}
  .dd-um-users-table tbody td:before{width:auto;min-width:0;max-width:none;line-height:1.6}
  .dd-um-users-table tbody td>*{min-width:0;max-width:100%}
  .dd-um-users-table tbody td[data-label="کاربر"],
  .dd-um-users-table tbody td[data-label="وضعیت امروز"]{grid-template-columns:1fr}
  .dd-um-users-table tbody td[data-label="کاربر"] .dd-um-user-main,
  .dd-um-users-table tbody td[data-label="وضعیت امروز"] .dd-um-status-badge,
  .dd-um-users-table tbody td[data-label="وضعیت امروز"] .dd-sm-muted{width:100%}
  .dd-um-users-table tbody td[data-label="وضعیت امروز"]:before{margin-bottom:4px}
  .dd-um-users-table tbody tr.dd-um-mobile-actions-enhanced td.dd-um-mobile-action-source{display:none!important}
  .dd-um-users-table tbody td.dd-um-mobile-actions-cell{display:block!important;padding-top:14px;border-top:1px solid rgba(148,163,184,.18);margin-top:4px}
  .dd-um-users-table tbody td.dd-um-mobile-actions-cell:before{display:block;content:attr(data-label);font-weight:800;color:#173a8e;font-size:12px;line-height:1.6;margin:0 0 10px}
  .dd-um-mobile-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dd-um-mobile-action-item{display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:12px;border:1px solid rgba(59,130,246,.16);border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 10px 18px rgba(15,23,42,.05)}
  .dd-um-mobile-action-label{display:block;margin-bottom:10px;text-align:center;font-size:12px;font-weight:800;color:#173a8e}
  .dd-um-mobile-action-body{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;flex:1}
  .dd-um-mobile-action-body .dd-sm-btn,
  .dd-um-mobile-action-body .dd-um-report-pill{width:100%!important;max-width:none;min-width:0;margin:0!important}
  .dd-um-mobile-action-body .dd-um-stars-mini,
  .dd-um-mobile-action-body .dd-um-stars-note,
  .dd-um-mobile-action-body .dd-um-stars-empty{display:block!important;width:100%!important;text-align:center;margin:8px auto 0!important;clear:both}
  .dd-um-mobile-action-body .dd-um-stars-mini{font-size:16px;letter-spacing:3px;line-height:1.4}
  .dd-um-mobile-action-body .dd-um-stars-note{font-size:12px;font-weight:800;line-height:1.5}
  .dd-um-mobile-action-body .dd-um-stars-empty{font-size:18px;color:#94a3b8;line-height:1.4}
  .dd-um-mobile-action-body > .dd-sm-btn{display:block!important;order:0}
  .dd-um-mobile-action-body > .dd-um-stars-mini,
  .dd-um-mobile-action-body > .dd-um-stars-note,
  .dd-um-mobile-action-body > .dd-um-stars-empty{order:2}
  .dd-um-honors-cell .dd-sm-btn{margin-inline-start:0}
  .dd-um-mobile-action-body .dd-um-modal{display:none!important}
}
@media (max-width:420px){
  .dd-sm-root.dd-um-root,.dd-um-root{padding:10px 4px 22px}
  .dd-um-users-table tbody tr{padding:12px 10px}
  .dd-um-users-table tbody td{grid-template-columns:minmax(76px,96px) minmax(0,1fr);gap:8px;font-size:13px}
  .dd-um-mobile-actions-grid{gap:8px}
  .dd-um-mobile-action-item{padding:10px;min-height:116px}
  .dd-um-mobile-action-body .dd-sm-btn,
  .dd-um-mobile-action-body .dd-um-report-pill{min-height:44px;font-size:13px}
}


/* ===== v1.0.7: desktop-mode stability on Android Chrome + always-visible report column ===== */
body.dd-um-force-desktop-layout .dd-um-users-card .dd-sm-table-wrap{
  overflow-x:auto!important;
  border:1px solid rgba(100,116,139,.16)!important;
  background:#fff!important;
}
body.dd-um-force-desktop-layout .dd-um-users-table{display:table!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important}
body.dd-um-force-desktop-layout .dd-um-users-table thead{display:table-header-group!important}
body.dd-um-force-desktop-layout .dd-um-users-table tbody{display:table-row-group!important}
body.dd-um-force-desktop-layout .dd-um-users-table tr{display:table-row!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important}
body.dd-um-force-desktop-layout .dd-um-users-table th,
body.dd-um-force-desktop-layout .dd-um-users-table td{display:table-cell!important;width:auto!important;padding:14px 10px!important;vertical-align:top!important;border-bottom:1px solid rgba(100,116,139,.12)!important;text-align:right!important}
body.dd-um-force-desktop-layout .dd-um-users-table td::before{content:none!important;display:none!important}
body.dd-um-force-desktop-layout .dd-um-users-table td[data-label="کاربر"],
body.dd-um-force-desktop-layout .dd-um-users-table td[data-label="وضعیت امروز"],
body.dd-um-force-desktop-layout .dd-um-users-table td[data-label="گزارش روز"]{flex-direction:initial!important;align-items:initial!important;gap:initial!important}
body.dd-um-force-desktop-layout .dd-um-users-table td.dd-um-mobile-actions-cell{display:none!important}
body.dd-um-force-desktop-layout .dd-um-users-table tbody tr.dd-um-mobile-actions-enhanced td.dd-um-mobile-action-source,
body.dd-um-force-desktop-layout .dd-um-users-table td.dd-um-mobile-action-source{display:table-cell!important}
body.dd-um-force-desktop-layout .dd-um-users-table tbody td[data-label="گزارش روز"] .dd-um-report-pill{display:inline-flex!important;width:auto!important;visibility:visible!important;opacity:1!important}
body.dd-um-force-desktop-layout .dd-um-users-table thead th:last-child,
body.dd-um-force-desktop-layout .dd-um-users-table tbody td[data-label="گزارش روز"]{min-width:120px!important;white-space:nowrap!important}



/* ===== v1.0.8 audio player + transcript diagnostics ===== */
.dd-um-audio-player{display:grid;gap:10px;min-width:min(100%,420px);padding:12px;border:1px solid rgba(59,130,246,.16);border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f6fbff 100%);box-shadow:0 10px 24px rgba(15,23,42,.06)}
.dd-um-audio-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dd-um-audio-time{display:flex;align-items:center;gap:6px;font-weight:700;color:#173a8e;font-variant-numeric:tabular-nums}
.dd-um-audio-seek-wrap{display:block}
.dd-um-audio-seek,
.dd-um-audio-volume input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,#2563eb 0 var(--dd-um-range-progress,0%),rgba(148,163,184,.28) var(--dd-um-range-progress,0%) 100%);outline:none;cursor:pointer}
.dd-um-audio-seek::-webkit-slider-thumb,
.dd-um-audio-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 4px 12px rgba(37,99,235,.24)}
.dd-um-audio-seek::-moz-range-thumb,
.dd-um-audio-volume input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 4px 12px rgba(37,99,235,.24)}
.dd-um-audio-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;align-items:end}
.dd-um-audio-volume,.dd-um-audio-speed{display:grid;gap:6px;color:#475569;font-size:13px;font-weight:700}
.dd-um-audio-volume{grid-template-columns:auto auto 1fr;align-items:center}
.dd-um-audio-volume span,.dd-um-audio-speed span{font-size:12px;color:#64748b}
.dd-um-audio-speed select{min-height:40px;border-radius:12px;border:1px solid rgba(100,116,139,.22);background:#fff;padding:0 12px;font:inherit}
.dd-um-report-preview{line-height:1.95;white-space:pre-wrap;word-break:break-word}
.dd-um-report-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dd-um-report-chip-row .dd-sm-chip{padding:6px 10px;font-size:12px}
.dd-um-transcript-warning{margin-top:10px;padding:10px 12px;border-radius:14px;background:#fff7ed;border:1px solid rgba(217,119,6,.22);color:#9a3412;font-size:13px;line-height:1.9;font-weight:700}
.dd-um-report-transcripts{margin-top:16px}
.dd-um-transcript-card{margin-top:14px;padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(100,116,139,.14);box-shadow:0 8px 18px rgba(15,23,42,.05)}
.dd-um-transcript-card-head{display:grid;gap:4px;margin-bottom:10px}
.dd-um-report-transcript{margin:12px 0 0;padding:14px;border-radius:16px;background:#0f172a;color:#e2e8f0;font-family:inherit;font-size:14px;line-height:2;white-space:pre-wrap;word-break:break-word;direction:rtl}
@media (max-width:768px){
  .dd-um-audio-player{min-width:100%;padding:10px}
  .dd-um-audio-controls{grid-template-columns:1fr 1fr}
  .dd-um-audio-volume{grid-column:1 / -1}
  .dd-um-audio-speed{grid-column:1 / -1}
  .dd-um-report-transcript{font-size:13px;padding:12px}
}