/* Shared "محول کردن لیدهای بدون مسئول" (round-robin) modal styles.
 *
 * Extracted from modern-theme.css so BOTH surfaces can use one source of truth:
 *   - classic manager dashboard  -> loaded via the template:layout:css hook
 *   - isolated sales-manager V2  -> loaded directly by sales_manager_v2/layout.php
 *
 * The classic-only mobile coexistence rules (bottom-nav hiding and the
 * --crm-layer-* z-index stack) intentionally stay in modern-theme.css: they
 * target chrome that does not exist in the isolated V2 shell.
 */
.lead-assignment-open{overflow:hidden !important}
.lead-assignment-sheet[hidden]{display:none !important}
.lead-assignment-sheet{
    position:fixed !important;
    inset:0 !important;
    z-index:12000 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    direction:rtl !important;
}
.lead-assignment-backdrop{
    position:absolute !important;
    inset:0 !important;
    background:rgba(15,23,42,.42) !important;
}
.lead-assignment-dialog{
    position:relative !important;
    width:100% !important;
    max-height:92vh !important;
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    padding:10px 16px 16px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:20px 20px 0 0 !important;
    background:#fff !important;
    box-shadow:0 -18px 60px rgba(15,23,42,.22) !important;
    overflow-y:auto !important;
    box-sizing:border-box !important;
}
.lead-assignment-handle{
    width:48px !important;
    height:5px !important;
    margin:0 auto 2px !important;
    border-radius:999px !important;
    background:#cbd5e1 !important;
}
.lead-assignment-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;
}
.lead-assignment-head h2{
    margin:0 !important;
    color:#0f172a !important;
    font-size:20px !important;
    font-weight:950 !important;
    line-height:1.5 !important;
}
.lead-assignment-head p{
    margin:5px 0 0 !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:750 !important;
    line-height:1.9 !important;
}
.lead-assignment-close{
    flex:0 0 auto !important;
    width:34px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:10px !important;
    background:#f1f5f9 !important;
    color:#334155 !important;
    font-size:24px !important;
    line-height:1 !important;
    box-shadow:none !important;
}
.lead-assignment-message{
    padding:10px 12px !important;
    border-radius:10px !important;
    border:1px solid #bfdbfe !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
    font-size:12.5px !important;
    font-weight:850 !important;
    line-height:1.8 !important;
}
.lead-assignment-message.is-error{
    border-color:#fecaca !important;
    background:#fef2f2 !important;
    color:#b91c1c !important;
}
.lead-assignment-step{
    display:none !important;
    flex-direction:column !important;
    gap:14px !important;
}
.lead-assignment-step.is-active{
    display:flex !important;
}
.lead-assignment-summary{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
}
.lead-assignment-summary>div{
    padding:12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:12px !important;
    background:#f8fafc !important;
}
.lead-assignment-summary strong{
    display:block !important;
    color:#0f172a !important;
    font-size:17px !important;
    font-weight:950 !important;
    line-height:1.4 !important;
}
.lead-assignment-summary span,.lead-assignment-helper{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:750 !important;
    line-height:1.8 !important;
}
.lead-assignment-helper{margin:0 !important}
.lead-assignment-methods{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
}
.lead-assignment-method{
    position:relative !important;
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
    padding:12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:12px !important;
    background:#fff !important;
    cursor:pointer !important;
}
.lead-assignment-method.is-selected{
    border-color:#93c5fd !important;
    background:#eff6ff !important;
}
.lead-assignment-method.is-disabled{
    opacity:.6 !important;
    background:#f8fafc !important;
    border-color:#e2e8f0 !important;
    cursor:not-allowed !important;
}
.lead-assignment-method input{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
}
.lead-assignment-control{
    flex:0 0 22px !important;
    width:22px !important;
    height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-top:2px !important;
    border:2px solid #cbd5e1 !important;
    border-radius:999px !important;
    background:#fff !important;
    box-sizing:border-box !important;
}
.lead-assignment-method.is-selected .lead-assignment-control{
    border-color:#2563eb !important;
    background:#fff !important;
}
.lead-assignment-method.is-selected .lead-assignment-control:after{
    content:"" !important;
    width:10px !important;
    height:10px !important;
    border-radius:999px !important;
    background:#2563eb !important;
}
.lead-assignment-method strong{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:950 !important;
}
.lead-assignment-method em{
    padding:2px 8px !important;
    border-radius:999px !important;
    background:#dbeafe !important;
    color:#2563eb !important;
    font-size:11px !important;
    font-style:normal !important;
    font-weight:900 !important;
}
.lead-assignment-method small{
    display:block !important;
    margin-top:4px !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:750 !important;
    line-height:1.8 !important;
}
.lead-assignment-section h3{
    margin:0 0 8px !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:950 !important;
}
.lead-assignment-experts,.lead-assignment-preview{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}
.lead-assignment-expert,.lead-assignment-preview-row{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:12px !important;
    background:#fff !important;
}
.lead-assignment-expert.is-selected{
    border-color:#93c5fd !important;
    background:#eff6ff !important;
}
.lead-assignment-avatar{
    flex:0 0 36px !important;
    width:36px !important;
    height:36px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#e0e7ff !important;
    color:#4338ca !important;
    font-size:12px !important;
    font-weight:950 !important;
}
.lead-assignment-expert-main,.lead-assignment-preview-main{
    flex:1 1 auto !important;
    min-width:0 !important;
}
.lead-assignment-expert-main strong,.lead-assignment-preview-main strong{
    display:block !important;
    color:#0f172a !important;
    font-size:13px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
.lead-assignment-expert-main small{
    display:block !important;
    color:#64748b !important;
    font-size:11.5px !important;
    font-weight:750 !important;
}
.lead-assignment-expert-count,.lead-assignment-preview-row b{
    color:#2563eb !important;
    font-size:12px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}
.lead-assignment-check{
    flex:0 0 auto !important;
    width:20px !important;
    height:20px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:2px solid #cbd5e1 !important;
    border-radius:6px !important;
    background:#fff !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:950 !important;
    line-height:1 !important;
    box-sizing:border-box !important;
}
.lead-assignment-expert.is-selected .lead-assignment-check{
    border-color:#2563eb !important;
    background:#2563eb !important;
}
.lead-assignment-expert.is-selected .lead-assignment-check:after{
    content:"✓" !important;
}
.lead-assignment-expert input{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
}
.lead-assignment-preview{
    min-height:48px !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:800 !important;
}
.lead-assignment-preview-main em{
    position:relative !important;
    display:block !important;
    height:6px !important;
    margin-top:6px !important;
    border-radius:999px !important;
    background:#e2e8f0 !important;
    overflow:hidden !important;
}
.lead-assignment-preview-main i{
    display:block !important;
    height:100% !important;
    border-radius:999px !important;
    background:#2563eb !important;
}
.lead-assignment-retry{
    min-height:38px !important;
    padding:0 14px !important;
    align-self:flex-start !important;
    border:1px solid #bfdbfe !important;
    border-radius:10px !important;
    background:#eff6ff !important;
    color:#2563eb !important;
    font-size:12.5px !important;
    font-weight:950 !important;
    box-shadow:none !important;
}
.lead-assignment-footer{
    position:sticky !important;
    bottom:-16px !important;
    margin:2px -16px -16px !important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)) !important;
    border-top:1px solid #e2e8f0 !important;
    background:rgba(255,255,255,.96) !important;
    backdrop-filter:blur(14px) !important;
}
.lead-assignment-footer p{
    margin:0 0 10px !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:750 !important;
    line-height:1.8 !important;
}
.lead-assignment-dialog.is-empty .lead-assignment-summary,
.lead-assignment-dialog.is-empty .lead-assignment-helper,
.lead-assignment-dialog.is-empty .lead-assignment-methods,
.lead-assignment-dialog.is-empty .lead-assignment-section,
.lead-assignment-dialog.is-empty .lead-assignment-footer p{
    display:none !important;
}
.lead-assignment-dialog.is-empty .lead-assignment-secondary{
    display:none !important;
}
.lead-assignment-footer-actions{
    display:grid !important;
    grid-template-columns:1fr 1.4fr !important;
    gap:10px !important;
}
.lead-assignment-dialog.is-empty .lead-assignment-footer-actions{
    grid-template-columns:1fr !important;
}
.lead-assignment-primary,.lead-assignment-secondary{
    min-height:46px !important;
    border-radius:12px !important;
    font-size:14px !important;
    font-weight:950 !important;
    box-shadow:none !important;
}
.lead-assignment-primary{
    border:1px solid #2563eb !important;
    background:#2563eb !important;
    color:#fff !important;
}
.lead-assignment-primary:disabled{
    opacity:.55 !important;
    cursor:not-allowed !important;
}
.lead-assignment-secondary{
    border:1px solid #e2e8f0 !important;
    background:#fff !important;
    color:#475569 !important;
}
@media (min-width:768px){
    .lead-assignment-sheet{align-items:center !important;padding:20px !important}
    .lead-assignment-dialog{
        max-width:620px !important;
        border-radius:18px !important;
        padding:16px !important;
        box-shadow:0 24px 80px rgba(15,23,42,.26) !important;
    }
    .lead-assignment-handle{display:none !important}
    .lead-assignment-footer{
        bottom:-16px !important;
        border-radius:0 0 16px 16px !important;
    }
}
