@tailwind components;
@tailwind utilities;

@layer components {
    @font-face {
        font-family: "Vazirmatn";
        src: url("/plugins/ModernTheme/assets/fonts/vazirmatn/Vazirmatn.woff2?v=1786118181") format("woff2");
        font-weight: 100 900;
        font-style: normal;
        font-display: swap;
    }

    :root {
        --modern-bg: #f6f1e8;
        --modern-bg-strong: #efe5d6;
        --modern-surface: rgba(255, 252, 246, 0.92);
        --modern-surface-solid: #fffcf6;
        --modern-surface-muted: #f8efe2;
        --modern-border: rgba(79, 56, 35, 0.14);
        --modern-border-strong: rgba(79, 56, 35, 0.24);
        --modern-text: #251d16;
        --modern-muted: #6f6255;
        --modern-accent: #0f766e;
        --modern-accent-strong: #115e59;
        --modern-accent-soft: #d8f3ed;
        --modern-warn: #c2410c;
        --modern-danger: #b91c1c;
        --modern-shadow-sm: 0 1px 2px rgba(37, 29, 22, 0.06);
        --modern-shadow-md: 0 14px 35px rgba(37, 29, 22, 0.10);
        --modern-radius-sm: 10px;
        --modern-radius-md: 16px;
        --modern-radius-lg: 24px;
        --modern-font-latin: ui-sans-serif, "Avenir Next", "Segoe UI", sans-serif;
        --modern-font-persian: "Vazirmatn", ui-sans-serif, Tahoma, sans-serif;
    }

    html {
        @apply antialiased;
        background:
            radial-gradient(circle at top left, rgba(15, 118, 110, 0.16), transparent 34rem),
            linear-gradient(135deg, #fbf4e8 0%, #f5eee4 42%, #edf4ef 100%);
    }

    body {
        @apply min-h-screen;
        background:
            linear-gradient(90deg, rgba(37, 29, 22, 0.035) 1px, transparent 1px),
            linear-gradient(rgba(37, 29, 22, 0.03) 1px, transparent 1px),
            transparent;
        background-size: 34px 34px;
        color: var(--modern-text);
        font-family: var(--modern-font-latin);
    }

    html[lang="fa"],
    html[lang="fa"] body,
    html[dir="rtl"],
    html[dir="rtl"] body {
        font-family: var(--modern-font-persian);
        letter-spacing: 0;
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
    }

    body::before {
        content: "";
        @apply pointer-events-none fixed inset-x-0 top-0 z-0 h-64;
        background: linear-gradient(180deg, rgba(255, 252, 246, 0.8), transparent);
    }

    header {
        @apply sticky top-0 z-30 items-center gap-4 border-0 px-5 py-4 backdrop-blur-xl;
        background: rgba(255, 252, 246, 0.82);
        border-bottom: 1px solid var(--modern-border);
        box-shadow: var(--modern-shadow-sm);
    }

    header h1 {
        @apply text-2xl font-black tracking-tight;
        color: var(--modern-text);
    }

    header .title-container,
    header .board-selector-container,
    header .menus-container {
        @apply min-w-0;
    }

    section.page {
        @apply relative z-10 mx-auto px-5 pb-10 pt-4;
        max-width: 1760px;
    }

    a {
        color: var(--modern-accent-strong);
        text-decoration: none !important;
        border-bottom: 0 !important;
    }

    a:hover,
    a:focus {
        color: var(--modern-accent);
        text-decoration: none !important;
        border-bottom: 0 !important;
    }

    .form-required,
    .logo {
        display: none !important;
    }

    .btn,
    a.btn,
    input[type="submit"],
    button[type="submit"] {
        @apply inline-flex min-h-9 items-center justify-center rounded-full border px-4 py-2 text-sm font-bold transition;
        background: var(--modern-text);
        border-color: var(--modern-text);
        color: #fff;
        box-shadow: var(--modern-shadow-sm);
    }

    .btn:hover,
    .btn:focus,
    a.btn:hover,
    a.btn:focus,
    input[type="submit"]:hover,
    button[type="submit"]:hover {
        background: var(--modern-accent-strong);
        border-color: var(--modern-accent-strong);
        color: #fff;
        transform: translateY(-1px);
    }

    .btn-blue {
        background: var(--modern-accent);
        border-color: var(--modern-accent);
        color: #fff;
    }

    .btn-red {
        background: var(--modern-danger);
        border-color: var(--modern-danger);
        color: #fff;
    }

    input[type="number"],
    input[type="date"],
    input[type="email"],
    input[type="password"],
    input[type="text"]:not(.input-addon-field),
    textarea,
    select {
        @apply rounded-xl border px-3 py-2 text-sm transition;
        min-height: 2.5rem;
        max-width: 100%;
        box-sizing: border-box;
        background: rgba(255, 252, 246, 0.88);
        border-color: var(--modern-border-strong);
        color: var(--modern-text);
    }

    textarea {
        min-height: 8rem;
    }

    input:focus,
    textarea:focus,
    select:focus {
        @apply outline-none ring-4;
        border-color: var(--modern-accent);
        --tw-ring-color: rgba(15, 118, 110, 0.16);
        box-shadow: 0 0 0 4px var(--tw-ring-color);
    }

    .input-addon {
        @apply overflow-hidden rounded-2xl;
        border: 1px solid var(--modern-border-strong);
        background: var(--modern-surface);
    }

    .input-addon-field,
    .input-addon-item {
        @apply border-0 px-3 py-2;
        font-family: inherit;
        background: transparent;
    }

    .input-addon-item {
        background: rgba(15, 118, 110, 0.08);
    }

    .dropdown-menu-link-text,
    .dropdown-menu-link-icon,
    .dropdown-menu {
        @apply rounded-full px-2 py-1 font-semibold transition;
        color: var(--modern-muted);
    }

    .dropdown-menu-link-text:hover,
    .dropdown-menu-link-icon:hover,
    .dropdown-menu:hover {
        background: rgba(15, 118, 110, 0.10);
        color: var(--modern-accent-strong);
    }

    ul.dropdown-submenu-open {
        @apply rounded-2xl border p-2;
        background: var(--modern-surface-solid);
        border-color: var(--modern-border);
        box-shadow: var(--modern-shadow-md);
    }

    .dropdown-submenu-open li {
        @apply rounded-xl border-0 px-3 py-2;
    }

    .dropdown-submenu-open li:not(.no-hover):hover {
        background: var(--modern-accent);
        color: #fff;
    }

    .page-header,
    .project-header,
    .table-list,
    .panel,
    .sidebar,
    .activity-event,
    .comment,
    .accordion-content {
        @apply rounded-3xl border;
        background: var(--modern-surface);
        border-color: var(--modern-border);
        box-shadow: var(--modern-shadow-sm);
    }

    .page-header,
    .project-header {
        @apply mb-4 px-5 py-4;
    }

    ul.views {
        @apply flex flex-wrap gap-2;
    }

    ul.views li {
        @apply rounded-full border px-3 py-2 text-sm font-bold;
        background: rgba(255, 252, 246, 0.72);
        border-color: var(--modern-border);
    }

    ul.views li.active,
    ul.views li:hover {
        background: var(--modern-text);
        color: #fff;
    }

    ul.views li.active a,
    ul.views li:hover a,
    ul.views li.active i,
    ul.views li:hover i {
        color: #fff;
    }

    #board-container {
        @apply rounded-3xl border p-3;
        background: rgba(255, 252, 246, 0.56);
        border-color: var(--modern-border);
        box-shadow: var(--modern-shadow-md);
    }

    #board {
        border-collapse: separate;
        border-spacing: 0.75rem 0;
    }

    #board th.board-column-header {
        @apply rounded-2xl border px-4 py-3 text-left align-top;
        background: linear-gradient(180deg, rgba(255, 252, 246, 0.96), rgba(248, 239, 226, 0.96));
        border-color: var(--modern-border);
        box-shadow: var(--modern-shadow-sm);
    }

    .board-column-expanded-header {
        @apply gap-2;
    }

    .board-column-title {
        @apply text-sm font-black uppercase tracking-wide;
        color: var(--modern-text);
    }

    .board-column-header-task-count {
        @apply rounded-full px-2 py-1 text-xs font-bold;
        background: rgba(15, 118, 110, 0.10);
        color: var(--modern-accent-strong);
    }

    #board td {
        @apply rounded-3xl border p-2;
        background: rgba(255, 252, 246, 0.38);
        border-color: rgba(79, 56, 35, 0.10);
    }

    .board-task-list {
        @apply min-h-24 space-y-3;
    }

    .task-board {
        @apply rounded-3xl border p-4 transition;
        background: var(--modern-surface-solid);
        border-color: var(--modern-border);
        box-shadow: var(--modern-shadow-sm);
    }

    .task-board:hover {
        border-color: rgba(15, 118, 110, 0.34);
        box-shadow: var(--modern-shadow-md);
        transform: translateY(-2px);
    }

    .task-board-title,
    .table-list-title {
        @apply text-base font-black leading-snug;
    }

    .task-board-title a,
    .table-list-title a {
        color: var(--modern-text);
    }

    .task-board-icons,
    .task-list-icons,
    .task-board-category-container,
    .table-list-details {
        @apply mt-2 flex flex-wrap items-center gap-2 text-xs;
        color: var(--modern-muted);
    }

    .task-board-category,
    .table-list-category,
    .task-list-tag,
    .task-tag {
        @apply inline-flex items-center rounded-full border px-2 py-1 text-xs font-bold;
        border-color: rgba(79, 56, 35, 0.12);
        background: rgba(15, 118, 110, 0.10);
        color: var(--modern-accent-strong);
    }

    .table-list {
        @apply overflow-hidden p-2;
    }

    .table-list-header {
        @apply mb-2 rounded-2xl border px-4 py-3;
        background: var(--modern-surface-muted);
        border-color: var(--modern-border);
    }

    .table-list-row {
        @apply mb-2 rounded-2xl border p-4 transition;
        background: var(--modern-surface-solid);
        border-color: var(--modern-border);
    }

    .table-list-row:hover {
        border-color: rgba(15, 118, 110, 0.34);
        box-shadow: var(--modern-shadow-sm);
    }

    table {
        @apply rounded-2xl overflow-hidden;
    }

    th {
        background: var(--modern-surface-muted);
        color: var(--modern-text);
    }

    td,
    th {
        border-color: var(--modern-border);
    }

    .alert {
        @apply rounded-2xl border px-4 py-3;
        border-color: var(--modern-border);
        box-shadow: var(--modern-shadow-sm);
    }

    .alert-success {
        background: #dcfce7;
        color: #14532d;
    }

    .alert-error {
        background: #fee2e2;
        color: #7f1d1d;
    }

    .alert-info,
    .alert-normal {
        background: var(--modern-accent-soft);
        color: var(--modern-accent-strong);
    }

    .avatar img,
    .avatar-letter {
        @apply ring-2 ring-white;
        box-shadow: var(--modern-shadow-sm);
    }

    .modal-box {
        @apply rounded-3xl border;
        background: var(--modern-surface-solid);
        border-color: var(--modern-border);
        box-shadow: var(--modern-shadow-md);
    }

    .task-creation-form {
        @apply gap-5;
    }

    .task-creation-form .task-form-main-column,
    .task-creation-form .task-form-secondary-column,
    .task-creation-form .task-form-bottom {
        @apply w-full;
        max-width: none;
        min-width: 0;
    }

    .task-creation-form .task-form-main-column {
        @apply order-1;
    }

    .task-creation-form .task-form-secondary-column {
        @apply order-2 grid gap-4 overflow-visible p-0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
    }

    .task-creation-form .task-form-bottom {
        @apply order-3;
    }

    .task-creation-form .task-option-field:empty {
        display: none;
    }

    .task-creation-form .task-option-field {
        @apply flex flex-col justify-end gap-2;
        min-height: 5.25rem;
    }

    .task-creation-form label {
        @apply m-0 text-sm font-bold;
        color: var(--modern-text);
    }

    .task-creation-form .task-option-field select,
    .task-creation-form .task-option-field input[type="text"],
    .task-creation-form #form-tags,
    .task-creation-form .select2-container,
    .task-creation-form .select2-selection,
    .task-creation-form .select2-selection--single,
    .task-creation-form .select2-selection--multiple {
        min-height: 3rem;
        width: 100% !important;
    }

    .task-creation-form .task-option-field select,
    .task-creation-form .task-option-field input[type="text"],
    .task-creation-form .select2-selection,
    .task-creation-form .select2-selection--single,
    .task-creation-form .select2-selection--multiple {
        @apply rounded-2xl px-4 py-3 text-sm;
        border: 1px solid var(--modern-border-strong);
        background: rgba(255, 252, 246, 0.92);
    }

    .task-creation-form .task-form-main-column > input[type="text"] {
        width: 100%;
        max-width: none;
        min-height: 3.5rem;
    }

    .task-creation-form .text-editor textarea,
    .task-creation-form .text-editor .text-editor-preview-area {
        width: 100%;
        max-width: none;
        min-height: 14rem;
    }

    .task-creation-form .assign-me {
        @apply inline-flex h-8 items-center self-start rounded-full px-3 text-xs font-bold;
        background: rgba(15, 118, 110, 0.10);
    }

}

/* Compact three-step CRM onboarding */
.crm-onboarding-v2 .crm-onboarding-shell {
    max-width: 980px !important;
}
.crm-onboarding-v2 .crm-onboarding-hero {
    background: linear-gradient(135deg, #eef5ff 0%, #f8fbff 62%, #ffffff 100%) !important;
    border: 1px solid #dbe7fb !important;
    box-shadow: 0 18px 50px rgba(37, 99, 235, .08) !important;
}
.crm-onboarding-v2 .crm-onboarding-hero h2 {
    font-size: 30px !important;
    line-height: 1.45 !important;
}
.crm-onboarding-v2 .crm-onboarding-card {
    border-radius: 22px !important;
    border: 1px solid #dce6f5 !important;
    box-shadow: 0 18px 55px rgba(15, 23, 42, .07) !important;
}
.crm-onboarding-subcopy h4 {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 18px !important;
}
.crm-lead-import-grid .crm-choice-card {
    min-height: 128px !important;
}
.crm-lead-import-choice-form {
    display: grid !important;
    gap: 16px !important;
}
.crm-lead-import-choice-form .crm-lead-import-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}
.crm-import-choice-card {
    position: relative !important;
    min-height: 150px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    border: 1px solid #dbe4f0 !important;
    background: #f8fafc !important;
    align-items: flex-start !important;
}
.crm-import-choice-card input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.crm-import-choice-check {
    position: absolute !important;
    inset-block-start: 12px !important;
    inset-inline-end: 12px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 7px !important;
    border: 2px solid #cbd5e1 !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .06) !important;
}
.crm-import-choice-card:has(input:checked) {
    border-color: #6366f1 !important;
    background: #eef2ff !important;
    box-shadow: 0 12px 28px rgba(99, 102, 241, .12) !important;
}
.crm-import-choice-card:has(input:checked) .crm-import-choice-check {
    border-color: #4f46e5 !important;
    background: #4f46e5 !important;
}
.crm-import-choice-card:has(input:checked) .crm-import-choice-check:after {
    content: "" !important;
    position: absolute !important;
    inset-block-start: 4px !important;
    inset-inline-start: 7px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid #fff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}
.crm-import-choice-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    font-size: 17px !important;
    margin-block-end: 4px !important;
}
.crm-import-choice-card:has(input:checked) .crm-import-choice-icon {
    background: #dbeafe !important;
    color: #4f46e5 !important;
}
.crm-lead-import-continue {
    width: 100% !important;
    min-height: 54px !important;
    border-radius: 15px !important;
}
.crm-manual-lead-form {
    display: grid !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 18px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
.crm-manual-lead-form > strong {
    color: #111827 !important;
    font-size: 18px !important;
}
.crm-lead-import-step {
    display: grid !important;
    gap: 18px !important;
}
.crm-choice-action {
    text-decoration: none !important;
    color: inherit !important;
    cursor: pointer !important;
}
.crm-choice-action em,
.crm-choice-form button {
    margin-top: auto !important;
    min-height: 42px !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 12px !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-style: normal !important;
    font-weight: 900 !important;
}
.crm-choice-form {
    text-align: right !important;
}
.crm-choice-form button {
    width: 100% !important;
}
.crm-lead-success {
    padding: 13px 15px !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 14px !important;
    background: #f0fdf4 !important;
    color: #15803d !important;
    font-weight: 900 !important;
}
.crm-inline-complete {
    display: none !important;
}
.crm-onboarding-welcome-card {
    align-items: center !important;
    gap: 16px !important;
    padding: 44px 26px 28px !important;
    border-color: #bfdbfe !important;
    border-radius: 14px !important;
    background: #fff !important;
    text-align: center !important;
}
.crm-onboarding-welcome-mascot {
    width: 153px !important;
    height: 153px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 18px 34px rgba(79,70,229,.14)) !important;
}
.crm-onboarding-welcome-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: #eef2ff !important;
    color: #4f46e5 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.4 !important;
}
.crm-onboarding-welcome-card h3 {
    margin: 0 !important;
    color: #0f172a !important;
    font-size: clamp(28px, 4.5vw, 38px) !important;
    font-weight: 950 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
}
.crm-onboarding-welcome-card p {
    max-width: 560px !important;
    margin: 0 !important;
    color: #475569 !important;
    font-size: clamp(18px, 2.7vw, 24px) !important;
    font-weight: 900 !important;
    line-height: 1.85 !important;
}
.crm-onboarding-welcome-card .crm-onboarding-actions {
    width: 100% !important;
    max-width: 560px !important;
    justify-content: center !important;
}
.crm-onboarding-welcome-card .crm-onboarding-primary {
    width: 100% !important;
    min-height: 64px !important;
    border-radius: 10px !important;
    font-size: 20px !important;
}
.crm-import-panel {
    display: grid !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 18px !important;
    border: 1px solid #dbe4f0 !important;
    background: #f8fafc !important;
}
.crm-import-panel h4 {
    margin: 0 !important;
    font-size: 21px !important;
    color: #111827 !important;
}
.crm-import-panel p {
    margin: 0 !important;
    color: #64748b !important;
    line-height: 1.9 !important;
}
.crm-import-icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #eef4ff !important;
    color: #4f46e5 !important;
    font-size: 22px !important;
}
.crm-api-snippet {
    padding: 12px 14px !important;
    border-radius: 12px !important;
    background: #0f172a !important;
    color: #e2e8f0 !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
    direction: ltr !important;
}
.crm-change-import-method-form{
    display:flex !important;
    justify-content:center !important;
}
.crm-change-import-method {
    appearance:none !important;
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
    color: #4f46e5 !important;
    font-weight: 850 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor:pointer !important;
}
.crm-setup-cards {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 14px !important;
    margin: 18px 0 24px !important;
}
.crm-setup-card {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 14px 35px rgba(15, 23, 42, .06) !important;
}
.crm-setup-card-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #eef4ff !important;
    color: #4f46e5 !important;
    font-size: 20px !important;
}
.crm-setup-card h2 {
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    color: #111827 !important;
}
.crm-setup-card p {
    margin: 0 !important;
    color: #64748b !important;
    line-height: 1.8 !important;
    font-size: 14px !important;
}
.crm-setup-card-cta {
    grid-column: 1 / -1 !important;
    min-height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid #bfdbfe !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}
.crm-setup-card-cta:disabled {
    opacity: .55 !important;
}
@media (max-width: 767px) {
    .crm-onboarding-v2 .crm-onboarding-hero {
        grid-template-columns: 1fr auto !important;
        padding: 18px !important;
        border-radius: 20px !important;
    }
    .crm-onboarding-v2 .crm-onboarding-hero h2 {
        font-size: 24px !important;
    }
    .crm-onboarding-v2 .crm-onboarding-hero img {
        width: 153px !important;
        flex: 0 0 153px !important;
        object-fit: contain !important;
    }
    .crm-onboarding-v2 .crm-onboarding-card {
        padding: 18px !important;
    }
    .crm-onboarding-welcome-card {
        gap: 15px !important;
        padding: 42px 16px 26px !important;
    }
    .crm-onboarding-welcome-card h3 {
        font-size: 32px !important;
    }
    .crm-onboarding-welcome-card p {
        font-size: 21px !important;
    }
    .crm-onboarding-welcome-card .crm-onboarding-primary {
        min-height: 62px !important;
        font-size: 19px !important;
    }
    .crm-setup-cards {
        grid-template-columns: 1fr !important;
    }
}

.moshtariat-workspace-indicator{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    min-height:30px !important;
    padding:0 10px !important;
    border:1px solid #dbeafe !important;
    border-radius:999px !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
    font-size:12px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

.moshtariat-workspace-indicator i{
    font-size:13px !important;
}

@media(max-width:767px){
    .header-identity{
        gap:6px !important;
    }
    .moshtariat-workspace-indicator{
        max-width:128px !important;
        padding:0 8px !important;
        font-size:10px !important;
        overflow:hidden !important;
    }
    .moshtariat-workspace-indicator span{
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
}

@font-face {
    font-family: "Vazirmatn";
    src: url("/plugins/ModernTheme/assets/fonts/vazirmatn/Vazirmatn.woff2?v=1786118181") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

html[lang="fa"],
html[lang="fa"] body,
html[dir="rtl"],
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

.crm-user-overview-page{
    direction:rtl !important;
}
.crm-user-overview-toolbar{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin:0 0 18px !important;
    padding:16px 18px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
}
.crm-user-overview-toolbar-title{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;
}
.crm-user-overview-toolbar-title > span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    flex:0 0 46px !important;
    border-radius:14px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-size:20px !important;
}
.crm-user-overview-toolbar-title strong{
    display:block !important;
    color:#0f172a !important;
    font-size:18px !important;
    font-weight:950 !important;
    line-height:1.55 !important;
}
.crm-user-overview-toolbar-title em{
    display:block !important;
    margin-top:2px !important;
    color:#64748b !important;
    font-size:12.5px !important;
    font-style:normal !important;
    font-weight:850 !important;
    line-height:1.7 !important;
}
.crm-user-overview-toolbar ul{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.crm-user-overview-toolbar a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:42px !important;
    padding:0 14px !important;
    border:1px solid #dbeafe !important;
    border-radius:12px !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
    font-size:13px !important;
    font-weight:950 !important;
}
.crm-user-overview-shell{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 270px !important;
    align-items:start !important;
    gap:18px !important;
}
.crm-user-overview-shell > .sidebar-content{
    min-width:0 !important;
}
.crm-user-overview-heading{
    margin:0 0 12px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.crm-user-overview-heading h2{
    margin:0 !important;
    color:#0f172a !important;
    font-size:20px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
.crm-user-overview-sidebar{
    position:sticky !important;
    top:92px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:14px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
}
.crm-user-overview-filter-title{
    color:#334155 !important;
    font-size:12.5px !important;
    font-weight:950 !important;
    line-height:1.5 !important;
}
.crm-user-overview-sidebar > br{
    display:none !important;
}
.crm-user-overview-sidebar ul{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.crm-user-overview-sidebar li{
    margin:0 !important;
    padding:0 !important;
}
.crm-user-overview-sidebar li a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:0 12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:13px !important;
    background:#f8fafc !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:950 !important;
}
.crm-user-overview-sidebar li.active a,
.crm-user-overview-sidebar li a:hover{
    border-color:#c7d2fe !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
}
.crm-user-overview-table{
    width:100% !important;
    overflow:hidden !important;
    border:1px solid #e2e8f0 !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 12px 30px rgba(15,23,42,.06) !important;
}
.crm-user-overview-table th{
    padding:15px 16px !important;
    background:#f8fafc !important;
    color:#64748b !important;
    font-size:12.5px !important;
    font-weight:950 !important;
    line-height:1.5 !important;
    text-align:right !important;
}
.crm-user-overview-table td{
    padding:15px 16px !important;
    border-color:#e2e8f0 !important;
    color:#0f172a !important;
    font-size:13.5px !important;
    font-weight:850 !important;
    line-height:1.8 !important;
    text-align:right !important;
    vertical-align:middle !important;
}
.crm-user-overview-table tr:hover td{
    background:#f8fbff !important;
}
.crm-user-overview-actions{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    margin-inline-end:8px !important;
}
.crm-user-overview-actions a,
.crm-user-overview-table .dashboard-table-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    border:1px solid #dbeafe !important;
    border-radius:11px !important;
    background:#eff6ff !important;
    color:#2563eb !important;
    box-shadow:0 8px 16px rgba(37,99,235,.08) !important;
}
.crm-user-overview-table .dashboard-project-stats{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    overflow-x:auto !important;
    white-space:nowrap !important;
}
.crm-user-overview-table .dashboard-project-stats strong{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:32px !important;
    height:28px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-size:12px !important;
    font-weight:950 !important;
}
.crm-user-overview-table .dashboard-project-stats span:not(.ui-helper-hidden-accessible){
    color:#334155 !important;
    font-size:12.5px !important;
    font-weight:850 !important;
}
@media(max-width:900px){
    .crm-user-overview-shell{
        grid-template-columns:1fr !important;
    }
    .crm-user-overview-sidebar{
        position:relative !important;
        top:auto !important;
        order:-1 !important;
    }
    .crm-user-overview-sidebar ul{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:760px){
    .crm-user-overview-toolbar{
        flex-direction:column !important;
        align-items:stretch !important;
        padding:14px !important;
        border-radius:16px !important;
    }
    .crm-user-overview-toolbar ul{
        display:grid !important;
        grid-template-columns:1fr !important;
    }
    .crm-user-overview-toolbar a{
        width:100% !important;
    }
    .crm-user-overview-sidebar ul{
        grid-template-columns:1fr !important;
    }
    .crm-user-overview-table,
    .crm-user-overview-table tbody,
    .crm-user-overview-table tr,
    .crm-user-overview-table td{
        display:block !important;
        width:100% !important;
        box-sizing:border-box !important;
    }
    .crm-user-overview-table{
        border:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }
    .crm-user-overview-table tr:first-child{
        display:none !important;
    }
    .crm-user-overview-table tr{
        margin:0 0 12px !important;
        padding:12px !important;
        border:1px solid #e2e8f0 !important;
        border-radius:16px !important;
        background:#fff !important;
        box-shadow:0 10px 24px rgba(15,23,42,.055) !important;
    }
    .crm-user-overview-table td{
        display:grid !important;
        grid-template-columns:112px minmax(0,1fr) !important;
        gap:10px !important;
        padding:9px 4px !important;
        border:0 !important;
    }
    .crm-user-overview-table td:before{
        content:attr(data-label) !important;
        color:#64748b !important;
        font-size:12px !important;
        font-weight:950 !important;
    }
    .crm-user-overview-table .dashboard-project-stats{
        white-space:normal !important;
        flex-wrap:wrap !important;
    }
}

@media (max-width: 520px) {
    .task-creation-form .task-form-secondary-column {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    header {
        @apply static px-4;
    }

    section.page {
        @apply px-3;
    }

    #board-container {
        @apply rounded-2xl p-2;
    }
}

/* Modern responsive login */
.form-login {
    position: relative;
    z-index: 10;
    width: min(1120px, calc(100vw - 32px));
    min-height: calc(100vh - 7rem);
    margin: 0 auto;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 4vw, 3rem) 0;
}

.login-shell {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: clamp(1rem, 3vw, 2rem);
    align-items: stretch;
}

.login-hero,
.login-card {
    border: 1px solid var(--modern-border);
    background: var(--modern-surface);
    box-shadow: 0 26px 80px rgba(37, 29, 22, 0.12);
    backdrop-filter: blur(22px);
}

.login-hero {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    border-radius: 34px;
    padding: clamp(2rem, 5vw, 4rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background:
        radial-gradient(circle at 20% 20%, rgba(15, 118, 110, 0.24), transparent 18rem),
        radial-gradient(circle at 90% 80%, rgba(194, 65, 12, 0.18), transparent 16rem),
        linear-gradient(145deg, rgba(255, 252, 246, 0.9), rgba(239, 229, 214, 0.74));
}

.login-hero::before,
.login-hero::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.login-hero::before {
    inset: auto auto -5rem -4rem;
    width: 17rem;
    height: 17rem;
    background: rgba(15, 118, 110, 0.14);
}

.login-hero::after {
    top: 2rem;
    left: 2rem;
    width: 8rem;
    height: 8rem;
    border: 1px solid rgba(37, 29, 22, 0.1);
}

.login-kicker {
    width: max-content;
    border-radius: 999px;
    padding: 0.45rem 0.85rem;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--modern-accent-strong);
    background: rgba(15, 118, 110, 0.12);
}

.login-hero h1 {
    max-width: 12ch;
    margin: auto 0 1rem;
    font-size: clamp(2.8rem, 7vw, 5.6rem);
    line-height: 0.95;
    font-weight: 950;
    letter-spacing: -0.06em;
    color: var(--modern-text);
}

.login-hero p {
    max-width: 34rem;
    margin: 0;
    font-size: clamp(1rem, 1.6vw, 1.25rem);
    line-height: 1.9;
    color: var(--modern-muted);
}

.login-hero-card {
    position: relative;
    z-index: 1;
    width: min(100%, 26rem);
    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 24px;
    padding: 1rem 1.15rem;
    display: grid;
    gap: 0.25rem;
    background: rgba(255, 252, 246, 0.68);
}

.login-hero-card span {
    color: var(--modern-muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.login-hero-card strong {
    color: var(--modern-text);
    font-size: 1.05rem;
    font-weight: 900;
}

.login-card {
    border-radius: 34px;
    padding: clamp(1.25rem, 4vw, 2.5rem);
    align-self: center;
}

.login-card-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.login-mark {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 18px;
    background: var(--modern-accent);
    color: #fff;
    font-weight: 950;
    box-shadow: 0 14px 30px rgba(15, 118, 110, 0.2);
}

.login-card h2 {
    margin: 0;
    font-size: clamp(1.8rem, 4vw, 2.7rem);
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -0.04em;
    color: var(--modern-text);
}

.login-card-header p {
    margin: 0.35rem 0 0;
    color: var(--modern-muted);
    line-height: 1.7;
}

.form-login form {
    display: grid;
    gap: 1.1rem;
}

.login-field {
    display: grid;
    gap: 0.45rem;
}

.form-login label {
    margin: 0;
    color: var(--modern-muted);
    font-size: 0.95rem;
    font-weight: 850;
}

.form-login input[type="text"],
.form-login input[type="password"] {
    width: 100%;
    max-width: none;
    min-height: 4rem;
    border-radius: 22px;
    padding: 0.9rem 1.1rem;
    font-size: 1.05rem;
    background: rgba(255, 252, 246, 0.86);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.25rem;
    color: var(--modern-muted);
}

.login-options label {
    color: var(--modern-text);
    font-weight: 800;
}

.login-options input[type="checkbox"] {
    width: 1.15rem;
    height: 1.15rem;
    accent-color: var(--modern-accent);
}

.form-login .form-actions {
    margin-top: 0.75rem;
}

.form-login .form-actions .btn,
.form-login .form-actions button {
    width: 100%;
    min-height: 4rem;
    border-radius: 24px;
    font-size: 1.1rem;
    font-weight: 950;
    background: var(--modern-text);
    border-color: var(--modern-text);
}

.form-login .reset-password {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 850;
}

.form-login .alert {
    margin-bottom: 1rem;
}

@media (max-width: 900px) {
    .form-login {
        width: min(560px, calc(100vw - 24px));
        min-height: calc(100vh - 4rem);
        padding: 1rem 0 2rem;
    }

    .login-shell {
        grid-template-columns: 1fr;
    }

    .login-hero {
        min-height: 220px;
        padding: 1.5rem;
    }

    .login-hero h1 {
        margin: 2.5rem 0 0.5rem;
        font-size: clamp(2.25rem, 12vw, 4rem);
    }

    .login-hero-card {
        display: none;
    }
}

@media (max-width: 520px) {
    .form-login {
        width: min(100% - 18px, 430px);
        padding-top: 0.5rem;
    }

    .login-hero {
        display: none;
    }

    .login-card {
        border-radius: 28px;
        padding: 1.2rem;
    }

    .login-card-header {
        align-items: flex-start;
        margin-bottom: 1.4rem;
    }

    .login-mark {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: 15px;
    }

    .login-options {
        align-items: flex-start;
        flex-direction: column;
    }

    .form-login input[type="text"],
    .form-login input[type="password"],
    .form-login .form-actions .btn,
    .form-login .form-actions button {
        min-height: 3.5rem;
        border-radius: 19px;
    }
}

/* SaaS/CRM visual refresh - UI only, no behavior changes */
:root {
    --modern-bg: #F8FAFC;
    --modern-bg-strong: #F1F5F9;
    --modern-surface: #FFFFFF;
    --modern-surface-solid: #FFFFFF;
    --modern-surface-muted: #F8FAFC;
    --modern-border: #E2E8F0;
    --modern-border-strong: #CBD5E1;
    --modern-text: #0F172A;
    --modern-muted: #64748B;
    --modern-accent: #4F46E5;
    --modern-accent-strong: #4338CA;
    --modern-accent-soft: #EEF2FF;
    --modern-success: #22C55E;
    --modern-warning: #F59E0B;
    --modern-danger: #EF4444;
    --modern-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
    --modern-shadow-md: 0 10px 24px rgba(15, 23, 42, 0.08);
    --modern-radius-sm: 8px;
    --modern-radius-md: 12px;
    --modern-radius-lg: 16px;
}

html,
body {
    background: var(--modern-bg) !important;
    color: var(--modern-text);
}

body {
    background-image: none !important;
    font-size: 14px;
    line-height: 1.6;
}

body::before {
    display: none !important;
}

section.page {
    width: 100%;
    max-width: 1440px;
    margin-inline: auto;
    padding: 16px;
    box-sizing: border-box;
}

header {
    min-height: 56px;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid var(--modern-border) !important;
    box-shadow: none !important;
}

header h1,
.page-header h2,
.project-header h2,
.sidebar-title h2,
#task-summary h2 {
    color: var(--modern-text);
    font-weight: 750;
    letter-spacing: -0.02em;
}

header h1 {
    font-size: 22px;
    line-height: 1.2;
}

.page-header,
.project-header,
.panel,
.sidebar,
.table-list,
.activity-event,
.comment,
.accordion-content,
#board-container,
.task-summary-container,
.project-overview-column,
.dashboard-project-stats,
.dashboard-table-link {
    background: var(--modern-surface) !important;
    border: 1px solid var(--modern-border) !important;
    border-radius: var(--modern-radius-lg) !important;
    box-shadow: var(--modern-shadow-sm) !important;
}

.page-header,
.project-header {
    margin-bottom: 16px;
    padding: 16px;
}

/* ===== Activity feed (sales activity stream) ===== */
.activity-event {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    margin-bottom: 14px !important;
    background: var(--modern-surface-solid) !important;
    border: 1px solid var(--modern-border) !important;
    border-radius: var(--modern-radius-md) !important;
    box-shadow: var(--modern-shadow-sm) !important;
    overflow: hidden !important;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}

.activity-event::before {
    content: "" !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: linear-gradient(180deg, var(--modern-accent), var(--modern-accent-strong)) !important;
}

.activity-event:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--modern-shadow-md) !important;
    border-color: var(--modern-accent-soft) !important;
}

.activity-event .avatar {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 auto !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    box-shadow: 0 0 0 2px var(--modern-surface-solid), 0 0 0 3px var(--modern-border) !important;
}

.activity-event .avatar img,
.activity-event .avatar svg,
.activity-event .avatar .avatar-letter {
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    object-fit: cover !important;
}

.activity-event .activity-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.activity-event .activity-title {
    margin: 0 0 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.9 !important;
    color: var(--modern-text) !important;
}

.activity-event .activity-title a {
    display: inline-block !important;
    padding: 1px 10px !important;
    border-radius: 999px !important;
    background: var(--modern-accent-soft) !important;
    color: var(--modern-accent-strong) !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: background .15s ease, color .15s ease !important;
}

.activity-event .activity-title a:hover {
    background: var(--modern-accent) !important;
    color: #fff !important;
}

.activity-event .activity-date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-inline-start: 6px !important;
    padding: 2px 9px !important;
    border-radius: 999px !important;
    background: var(--modern-surface-muted) !important;
    color: var(--modern-muted) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    direction: ltr !important;
}

.activity-event .activity-date::before {
    content: "\f017" !important;
    font-family: FontAwesome !important;
    font-size: 11px !important;
    opacity: .8 !important;
}

.activity-event .activity-description {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.activity-event .activity-task-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border-radius: var(--modern-radius-sm) !important;
    background: var(--modern-accent-soft) !important;
    color: var(--modern-accent-strong) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.activity-event .activity-task-title::before {
    content: "\f0a4" !important;
    font-family: FontAwesome !important;
    font-size: 12px !important;
    opacity: .75 !important;
}

.page-header h2,
.project-header h2 {
    font-size: 22px;
    line-height: 1.25;
}

.project-header {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="text"]:not(.input-addon-field),
textarea,
select,
.select-dropdown-input-container,
.input-addon {
    min-height: 44px;
    border-radius: 12px !important;
    border-color: var(--modern-border-strong) !important;
    background: #FFFFFF !important;
    color: var(--modern-text) !important;
    box-shadow: none !important;
}

textarea {
    min-height: 160px;
}

input:focus,
textarea:focus,
select:focus,
.select-dropdown-input-container:focus-within,
.input-addon:focus-within {
    border-color: var(--modern-accent) !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14) !important;
    outline: none !important;
}

label {
    color: var(--modern-text);
    font-size: 13px;
    font-weight: 650;
    margin-bottom: 6px;
}

.btn,
a.btn,
button,
input[type="submit"],
button[type="submit"] {
    min-height: 44px;
    border-radius: 12px !important;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 700;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.btn,
a.btn,
button[type="submit"],
input[type="submit"],
.btn-blue {
    background: var(--modern-accent) !important;
    border-color: var(--modern-accent) !important;
    color: #FFFFFF !important;
}

.btn:hover,
a.btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.btn-blue:hover {
    background: var(--modern-accent-strong) !important;
    border-color: var(--modern-accent-strong) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}

.btn-red,
.alert-error {
    background: #FEF2F2 !important;
    border-color: #FECACA !important;
    color: #991B1B !important;
}

.alert,
.alert-info,
.alert-normal,
.alert-success,
.alert-error {
    border-radius: 12px !important;
    padding: 12px 14px;
    box-shadow: none !important;
}

.alert-success {
    background: #F0FDF4 !important;
    border-color: #BBF7D0 !important;
    color: #166534 !important;
}

.alert-info,
.alert-normal {
    background: var(--modern-accent-soft) !important;
    border-color: #C7D2FE !important;
    color: #3730A3 !important;
}

a {
    color: var(--modern-accent);
}

a:hover,
a:focus {
    color: var(--modern-accent-strong);
}

.dropdown-menu,
.dropdown-menu-link-icon,
.dropdown-menu-link-text {
    min-height: 44px;
    border-radius: 12px !important;
    color: var(--modern-muted) !important;
}

.dropdown-menu:hover,
.dropdown-menu-link-icon:hover,
.dropdown-menu-link-text:hover {
    background: var(--modern-accent-soft) !important;
    color: var(--modern-accent-strong) !important;
}

ul.dropdown-submenu-open {
    border: 1px solid var(--modern-border) !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    box-shadow: var(--modern-shadow-md) !important;
}

ul.views {
    gap: 8px;
}

ul.views li {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    border-radius: 12px !important;
    border-color: var(--modern-border) !important;
    background: #FFFFFF !important;
    color: var(--modern-muted) !important;
}

ul.views li.active,
ul.views li:hover {
    background: var(--modern-accent-soft) !important;
    color: var(--modern-accent-strong) !important;
    border-color: #C7D2FE !important;
}

ul.views li.active a,
ul.views li:hover a,
ul.views li.active i,
ul.views li:hover i {
    color: var(--modern-accent-strong) !important;
}

#board-container {
    padding: 12px;
    overflow-x: auto;
}

#board {
    border-spacing: 12px 0;
}

#board th.board-column-header {
    min-width: 280px;
    padding: 12px;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--modern-border) !important;
    box-shadow: none !important;
}

#board td {
    min-width: 280px;
    border-radius: 14px !important;
    background: var(--modern-bg-strong) !important;
    border-color: var(--modern-border) !important;
}

.board-column-title {
    color: var(--modern-text) !important;
    font-size: 14px;
    font-weight: 750;
    text-transform: none;
    letter-spacing: 0;
}

.board-column-header-task-count,
.table-list-category,
.task-board-category,
.task-list-tag,
.task-tag {
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--modern-accent-soft) !important;
    color: var(--modern-accent-strong) !important;
    font-weight: 700;
}

.task-board,
.table-list-row {
    border: 1px solid var(--modern-border) !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    padding: 14px !important;
}

.task-board:hover,
.table-list-row:hover {
    border-color: #C7D2FE !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
    transform: translateY(-1px);
}

.task-board-title,
.table-list-title {
    color: var(--modern-text) !important;
    font-size: 15px;
    font-weight: 750;
}

.task-board-title a,
.table-list-title a {
    color: var(--modern-text) !important;
}

.task-board-icons,
.task-list-icons,
.table-list-details,
.task-board-category-container {
    color: var(--modern-muted) !important;
    gap: 8px;
}

.task-board-lead-badges{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
}

.task-board-customer-new{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:5px 11px!important;
    border:1px solid #bfdbfe!important;
    border-radius:999px!important;
    background:#eff6ff!important;
    color:#2563eb!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1.4!important;
}

.task-board-customer-new i{
    color:#4f46e5!important;
    font-size:12px!important;
}

.table-list {
    padding: 8px !important;
    overflow-x: auto;
}

.table-list-header {
    min-height: 48px;
    border-radius: 12px !important;
    border-color: var(--modern-border) !important;
    background: var(--modern-bg-strong) !important;
    color: var(--modern-muted) !important;
    font-size: 13px;
    font-weight: 700;
}

table {
    border-radius: 14px !important;
    background: #FFFFFF;
}

th {
    height: 48px;
    background: var(--modern-bg-strong) !important;
    color: var(--modern-muted) !important;
    font-size: 13px;
    font-weight: 700;
}

td {
    min-height: 48px;
    color: var(--modern-text);
}

td,
th {
    border-color: var(--modern-border) !important;
}

.sidebar-container {
    gap: 16px;
}

.sidebar {
    padding: 12px !important;
}

.sidebar li,
.sidebar a {
    min-height: 44px;
    border-radius: 12px;
}

.sidebar li:hover,
.sidebar li.active,
.sidebar li.current {
    background: var(--modern-accent-soft) !important;
    color: var(--modern-accent-strong) !important;
}

.modal-box {
    border-radius: 16px !important;
    border: 1px solid var(--modern-border) !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18) !important;
}

.task-creation-form .task-form-secondary-column {
    gap: 16px;
}

.task-creation-form .task-option-field select,
.task-creation-form .task-option-field input[type="text"],
.task-creation-form .select2-selection,
.task-creation-form .select2-selection--single,
.task-creation-form .select2-selection--multiple {
    min-height: 44px !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
}

.login-hero,
.login-card {
    border-color: var(--modern-border) !important;
    box-shadow: var(--modern-shadow-md) !important;
}

.login-hero {
    background: #FFFFFF !important;
}

.login-kicker,
.login-hero-card,
.login-options .reset-password a {
    color: var(--modern-accent-strong) !important;
}

.login-kicker,
.login-hero-card {
    background: var(--modern-accent-soft) !important;
    border-color: #C7D2FE !important;
}

.login-mark {
    background: var(--modern-accent) !important;
}

@media (min-width: 768px) {
    section.page {
        padding: 24px;
    }

    header {
        min-height: 64px;
        padding: 12px 24px;
    }

    header h1 {
        font-size: 28px;
    }

    .page-header h2,
    .project-header h2 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    section.page {
        padding: 16px;
    }

    header {
        position: sticky !important;
        top: 0;
        min-height: 56px;
    }

    header h1 {
        font-size: 22px;
    }

    .project-header,
    .page-header {
        border-radius: 16px !important;
        padding: 14px !important;
    }

    .project-header .views,
    ul.views {
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 2px;
    }

    #board-container {
        margin-left: -16px;
        margin-right: -16px;
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .task-board {
        padding: 14px !important;
    }

    .sidebar-container {
        display: block !important;
    }

    .sidebar {
        margin-bottom: 16px;
        width: 100% !important;
    }

    .sidebar ul {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .sidebar li {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .table-list-row {
        display: block;
    }

    .modal-box {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        max-height: calc(100vh - 16px) !important;
        border-radius: 16px !important;
    }

    .task-creation-form .task-form-secondary-column {
        grid-template-columns: 1fr !important;
    }

    .form-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .form-actions .btn,
    .form-actions button,
    .form-actions input[type="submit"] {
        flex: 1 1 140px;
    }
}

/* Alignment hotfix after SaaS refresh */
header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

header .header-identity {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

header .header-center {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    text-align: center !important;
}

header .header-center .title-container {
    min-width: 0 !important;
    text-align: center !important;
}

header .header-controls {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

header .board-selector-container {
    flex: 0 1 360px !important;
    min-width: 0 !important;
}

header .menus-container {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

header .menus-container .dropdown,
header .menus-container .notification {
    display: inline-flex !important;
    align-items: center !important;
}

header .menus-container .notification a {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: transparent !important;
}

/* Avatar trigger: bare circular photo, no caret/border/background */
header .menus-container .dropdown .header-avatar-trigger {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

header .menus-container .header-creation-menu > .dropdown-menu {
    background: var(--modern-accent-soft) !important;
    color: var(--modern-text) !important;
}

header .menus-container .fa,
header .menus-container i {
    line-height: 1 !important;
    margin: 0 !important;
}

header .menus-container .notification .fa {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
}

header .avatar-letter,
header .menus-container .notification .avatar img {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
}

/* Avatar photo: 2x size, full circle, fills trigger */
header .header-avatar-trigger .avatar-inline,
header .header-avatar-trigger .avatar,
header .header-avatar-trigger .avatar img,
header .header-avatar-trigger .avatar-letter {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
}

.project-header {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 12px !important;
    align-items: center !important;
}

.project-header .dropdown-component {
    align-self: center !important;
    margin: 0 !important;
}

.project-header .dropdown-component > .dropdown,
.project-header .dropdown-component .action-menu {
    width: 44px !important;
    min-width: 44px !important;
}

.project-header .dropdown-component .dropdown-menu,
.project-header .dropdown-component .dropdown-menu-link-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid var(--modern-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
}

.project-header .views-switcher-component,
.project-header .filter-box-component {
    min-width: 0 !important;
}

.project-header .views-switcher-component {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 !important;
}

.project-header .views {
    margin: 0 !important;
}

.project-header .views li {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-block: 0 !important;
}

.project-header .filter-box-component {
    grid-column: 1 / -1 !important;
    width: auto !important;
    justify-self: start !important;
}

.project-header .filter-box,
.project-header form.search {
    width: auto !important;
}

.project-header .input-addon {
    width: auto !important;
    min-height: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    background: #fff !important;
}

.project-header .input-addon-field {
    display: none !important;
}

.project-header .input-addon-item {
    flex: 0 0 56px !important;
    width: 56px !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-inline-start: 1px solid var(--modern-border) !important;
    background: var(--modern-accent-soft) !important;
}

.project-header .input-addon-item .dropdown,
.project-header .input-addon-item .dropdown-menu,
.project-header .input-addon-item .dropdown-menu-link-icon {
    width: 56px !important;
    height: 44px !important;
    min-width: 56px !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.project-header .input-addon-item i {
    margin: 0 !important;
    line-height: 1 !important;
}

.task-sales-summary {
    width: min(100%, 760px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.task-sales-back {
    display: flex !important;
    justify-content: flex-start !important;
    margin-bottom: 16px !important;
}

html[dir="rtl"] .task-sales-back {
    justify-content: flex-start !important;
}

.task-sales-back .btn-secondary {
    width: auto !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    background: #fff !important;
    border: 1px solid var(--modern-border) !important;
    color: var(--modern-text) !important;
    box-shadow: none !important;
}

.task-sales-back .btn-secondary:hover {
    background: var(--modern-accent-soft) !important;
    border-color: #C7D2FE !important;
    color: var(--modern-accent-strong) !important;
}

.task-sales-summary > h2 {
    margin: 0 0 16px !important;
    text-align: start !important;
    font-size: clamp(24px, 5vw, 34px) !important;
    line-height: 1.25 !important;
}

.task-sales-summary .task-summary-container {
    padding: 20px !important;
    border-radius: 16px !important;
}

.task-sales-summary .task-summary-columns {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
}

.task-sales-summary .task-summary-column {
    width: 100% !important;
    min-width: 0 !important;
}

.task-sales-summary ul.no-bullet {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
}

.task-column-change-form {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
}

.task-column-change-form select {
    width: 100% !important;
}

.task-column-change-form .form-actions {
    margin-top: 10px !important;
}

.task-column-change-form .form-actions .btn {
    width: 100% !important;
}

@media (max-width: 767px) {
    header {
        padding: 8px 12px !important;
        gap: 8px !important;
    }

    header .board-selector-container {
        display: none !important;
    }

    header h1 {
        font-size: 20px !important;
        line-height: 1.25 !important;
    }

    header .menus-container {
        gap: 4px !important;
    }

    header .menus-container .notification a {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        border-radius: 10px !important;
    }

    header .menus-container .dropdown .header-avatar-trigger,
    header .header-avatar-trigger .avatar,
    header .header-avatar-trigger .avatar img,
    header .header-avatar-trigger .avatar-inline,
    header .header-avatar-trigger .avatar-letter {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
    }

    .project-header {
        grid-template-columns: 44px 1fr !important;
        padding: 12px !important;
    }

    .project-header .views-switcher-component {
        justify-content: flex-start !important;
        overflow-x: auto !important;
    }

    .project-header .views li {
        min-height: 40px !important;
        padding: 0 12px !important;
        white-space: nowrap !important;
    }

    .project-header .input-addon {
        height: 44px !important;
        min-height: 44px !important;
    }

    .project-header .input-addon-item,
    .project-header .input-addon-item .dropdown,
    .project-header .input-addon-item .dropdown-menu,
    .project-header .input-addon-item .dropdown-menu-link-icon {
        width: 48px !important;
        min-width: 48px !important;
        flex-basis: 48px !important;
    }

    .task-sales-summary {
        width: 100% !important;
    }

    .task-sales-summary .task-summary-container {
        padding: 16px !important;
    }
}

/* Task list toolbar alignment fix */
.table-list-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 64px !important;
    padding: 12px 14px !important;
    background: var(--modern-bg-strong) !important;
}

.table-list-header-primary,
.table-list-header-menu {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
}

.table-list-header-primary {
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
}

.table-list-header-menu {
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
}

.table-list-header-count {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    color: var(--modern-muted) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}

.list-item-links,
.list-item-actions,
.table-list-header-action,
.table-list-header-menu > .dropdown {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
}

.list-item-links {
    gap: 6px !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.list-item-links span {
    color: var(--modern-border-strong) !important;
}

.table-list-header-menu .dropdown-menu,
.table-list-header-menu .dropdown-menu-link-icon,
.table-list-header-action a {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border-radius: 10px !important;
    background: #fff !important;
    border: 1px solid var(--modern-border) !important;
    color: var(--modern-text) !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

.table-list-header-menu .dropdown-menu:hover,
.table-list-header-action a:hover {
    background: var(--modern-accent-soft) !important;
    border-color: #C7D2FE !important;
    color: var(--modern-accent-strong) !important;
}

.table-list-header-menu strong {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-weight: 750 !important;
}

.table-list-header-menu i,
.table-list-header-action i {
    margin: 0 !important;
    line-height: 1 !important;
}

@media (max-width: 767px) {
    .table-list-header {
        align-items: stretch !important;
        flex-direction: column !important;
        min-height: 0 !important;
        padding: 12px !important;
    }

    .table-list-header-primary,
    .table-list-header-menu {
        width: 100% !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    .table-list-header-primary {
        flex-wrap: wrap !important;
    }

    .table-list-header-count {
        order: 1 !important;
        margin-inline-start: auto !important;
    }

    .list-item-links {
        order: 2 !important;
        flex: 1 1 auto !important;
        justify-content: flex-start !important;
        white-space: normal !important;
    }

    .list-item-actions {
        order: 3 !important;
    }

    .table-list-header-menu .dropdown-menu,
    .table-list-header-menu .dropdown-menu-link-icon,
    .table-list-header-action a {
        min-height: 40px !important;
        height: 40px !important;
        padding: 0 10px !important;
        font-size: 14px !important;
    }
}

/* Login alignment hotfix */
.form-login {
    width: min(100% - 32px, 480px) !important;
    min-height: calc(100vh - 64px) !important;
    padding: 24px 0 !important;
}

.login-shell {
    width: 100% !important;
    display: block !important;
}

.login-hero {
    display: none !important;
}

.login-card {
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    padding: 24px !important;
    border-radius: 20px !important;
}

.login-card-header {
    display: grid !important;
    grid-template-columns: 56px 1fr !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 28px !important;
}

html[dir="rtl"] .login-card-header {
    grid-template-columns: 56px 1fr !important;
}

.login-mark {
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
    grid-column: 1 !important;
}

.login-card-header > div {
    min-width: 0 !important;
    text-align: start !important;
}

.login-card h2 {
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
}

.login-card-header p {
    margin: 6px 0 0 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

.form-login form {
    display: grid !important;
    gap: 18px !important;
}

.login-field {
    display: grid !important;
    gap: 8px !important;
}

.form-login label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: start !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: var(--modern-muted) !important;
}

.form-login input[type="text"],
.form-login input[type="password"] {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-width: none !important;
    border-radius: 14px !important;
    padding: 0 14px !important;
    font-size: 16px !important;
}

.login-options {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
}

.login-options label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    color: var(--modern-text) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}

.login-options input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
}

.form-login .reset-password {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}

.form-login .form-actions {
    margin: 4px 0 0 !important;
}

.form-login .form-actions .btn,
.form-login .form-actions button {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
}

@media (max-width: 520px) {
    .form-login {
        width: min(100% - 24px, 420px) !important;
        padding: 16px 0 !important;
    }

    .login-card {
        padding: 20px !important;
        border-radius: 18px !important;
    }

    .login-card-header {
        grid-template-columns: 48px 1fr !important;
        gap: 12px !important;
        margin-bottom: 24px !important;
    }

    .login-mark {
        width: 48px !important;
        height: 48px !important;
        border-radius: 14px !important;
    }

    .login-card h2 {
        font-size: 26px !important;
    }

    .login-options {
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    .form-login .reset-password {
        margin-inline-start: auto !important;
    }
}

/* Login overflow/alignment hard fix */
.form-login,
.form-login *,
.form-login *::before,
.form-login *::after {
    box-sizing: border-box !important;
}

.form-login {
    overflow: visible !important;
}

.login-card {
    overflow: hidden !important;
}

.form-login form,
.login-field,
.login-options,
.form-login .form-actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.form-login input[type="text"],
.form-login input[type="password"] {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.login-card-header {
    direction: rtl !important;
}

.login-card-header > div {
    direction: rtl !important;
}

.login-mark {
    justify-self: end !important;
}

@media (max-width: 520px) {
    .login-card {
        padding: 18px !important;
    }

    .form-login input[type="text"],
    .form-login input[type="password"] {
        height: 48px !important;
        min-height: 48px !important;
    }
}

/* Login final hard alignment reset */
body:has(.form-login) {
    min-height: 100vh !important;
    background-color: #f8fafc !important;
}

.form-login,
.form-login * {
    box-sizing: border-box !important;
}

.form-login {
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100vh - 24px) !important;
    margin: 0 !important;
    padding: 24px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow-x: hidden !important;
}

.login-shell {
    display: block !important;
    width: 100% !important;
    max-width: 460px !important;
    margin: 0 auto !important;
}

.login-hero {
    display: none !important;
}

.login-card {
    width: min(100%, 460px) !important;
    max-width: 460px !important;
    margin: 0 auto !important;
    padding: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    overflow: visible !important;
    border-radius: 24px !important;
    border: 1px solid #e2e8f0 !important;
    background: #fff !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .10) !important;
}

.login-card > *,
.login-card > form,
.login-card > .login-card-header,
.login-card > .otp-login-entry {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.login-card-header {
    width: 100% !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    direction: rtl !important;
    text-align: right !important;
}

.login-card-header > div {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    direction: rtl !important;
    text-align: right !important;
}

.login-mark {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    flex: 0 0 56px !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    border-radius: 18px !important;
    background: #4f46e5 !important;
    color: #fff !important;
}

.login-card h2 {
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 32px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    text-align: right !important;
}

.login-card-header p {
    margin: 6px 0 0 !important;
    color: #64748b !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-align: right !important;
}

.form-login form {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.login-field {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.form-login label {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-align: right !important;
}

.form-login input[type="text"],
.form-login input[type="password"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 16px !important;
    line-height: 52px !important;
    box-shadow: none !important;
    direction: rtl !important;
    text-align: right !important;
}

.form-login input[type="text"]:focus,
.form-login input[type="password"]:focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, .14) !important;
}

.login-options {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.login-options label {
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.login-options input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 0 !important;
    accent-color: #4f46e5 !important;
}

.form-login .reset-password {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

.form-login .reset-password a {
    color: #4f46e5 !important;
}

.form-login .form-actions {
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
}

.form-login .form-actions .btn,
.form-login .form-actions button {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 16px !important;
    background: #4f46e5 !important;
    border-color: #4f46e5 !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

@media (max-width: 520px) {
    .form-login {
        padding: 16px 12px !important;
        align-items: flex-start !important;
    }

    .login-card {
        width: 100% !important;
        padding: 22px !important;
        border-radius: 22px !important;
    }

    .login-card-header {
        gap: 12px !important;
        margin-bottom: 24px !important;
    }

    .login-mark {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        flex-basis: 52px !important;
    }

    .login-card h2 {
        font-size: 29px !important;
    }

    .login-options {
        flex-wrap: wrap !important;
    }

    .form-login .reset-password {
        margin-inline-end: auto !important;
    }
}

/* Dashboard mobile CRM polish */
.dashboard-page {
    width: min(100%, 920px) !important;
    margin: 0 auto !important;
}

.dashboard-page .dashboard-actions {
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 18px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .05) !important;
}

.dashboard-page .dashboard-actions ul {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: initial !important;
}

.dashboard-page .dashboard-actions li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dashboard-page .dashboard-actions a {
    width: 100% !important;
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    white-space: normal !important;
}

.dashboard-page .dashboard-actions a:hover {
    background: #eef2ff !important;
    border-color: #c7d2fe !important;
    color: #4f46e5 !important;
}

.dashboard-page .dashboard-actions i {
    margin: 0 !important;
    color: currentColor !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

.dashboard-layout {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.dashboard-layout .sidebar {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .05) !important;
    order: 0 !important;
}

.dashboard-layout .sidebar ul {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    list-style: none !important;
}

.dashboard-layout .sidebar li {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    line-height: 1.3 !important;
}

.dashboard-layout .sidebar li:hover,
.dashboard-layout .sidebar li.active {
    padding: 0 !important;
    border: 0 !important;
    background: #eef2ff !important;
}

.dashboard-layout .sidebar li a {
    width: 100% !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.dashboard-layout .sidebar li.active a,
.dashboard-layout .sidebar li:hover a {
    color: #4f46e5 !important;
}

.dashboard-layout .sidebar-content {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    order: 1 !important;
}

.dashboard-search {
    width: 100% !important;
    margin: 0 0 16px !important;
}

.dashboard-search form,
.dashboard-search .input-addon {
    width: 100% !important;
}

.dashboard-search .input-addon {
    height: 56px !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: none !important;
}

.dashboard-search .input-addon-field {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 18px !important;
    border: 0 !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 16px !important;
    text-align: right !important;
}

.dashboard-search .input-addon-field::placeholder {
    color: #94a3b8 !important;
}

.dashboard-search .input-addon-item {
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-inline-start: 1px solid #e2e8f0 !important;
    background: #f1f5f9 !important;
}

.dashboard-search .input-addon-item .dropdown,
.dashboard-search .input-addon-item .dropdown-menu,
.dashboard-search .input-addon-item .dropdown-menu-link-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
}

.dashboard-project-list {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .05) !important;
    overflow: visible !important;
}

.dashboard-project-list .table-list-header {
    min-height: 64px !important;
    margin: 0 0 12px !important;
    padding: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    background: #f8fafc !important;
}

.dashboard-project-list .table-list-header-count {
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.dashboard-project-list .table-list-header-menu {
    margin-inline-start: auto !important;
}

.dashboard-project-list .table-list-header-menu .dropdown-menu,
.dashboard-project-list .table-list-header-menu .dropdown-menu-link-icon {
    min-width: 132px !important;
    height: 46px !important;
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 14px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.dashboard-project-list .table-list-row {
    width: 100% !important;
    margin: 0 !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: none !important;
}

.dashboard-project-list .table-list-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
}

.dashboard-project-list .table-list-title a {
    color: #0f172a !important;
}

.dashboard-project-list .table-list-row > div:first-child {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    text-align: right !important;
}

.dashboard-project-list .table-list-row .dropdown-menu,
.dashboard-project-list .table-list-row .dropdown-menu-link-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    color: #64748b !important;
}

.dashboard-project-list .table-list-details {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    color: #64748b !important;
}

.dashboard-project-list .table-list-details strong,
.dashboard-project-list .table-list-details small {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

.dashboard-project-list .table-list-details strong {
    justify-self: end !important;
    min-width: 36px !important;
    color: #0f172a !important;
    background: #eef2ff !important;
}

.dashboard-project-list .table-list-details small {
    justify-self: start !important;
}

.dashboard-page > .page-header:not(.dashboard-actions),
.dashboard-layout .sidebar-content > .page-header {
    margin: 18px 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dashboard-layout .sidebar-content > .page-header h2 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #0f172a !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: right !important;
}

@media (max-width: 767px) {
    .dashboard-page {
        width: 100% !important;
    }

    .dashboard-page .dashboard-actions {
        padding: 14px !important;
        border-radius: 20px !important;
    }

    .dashboard-page .dashboard-actions ul {
        grid-template-columns: 1fr !important;
    }

    .dashboard-layout .sidebar {
        padding: 6px !important;
        border-radius: 20px !important;
    }

    .dashboard-layout .sidebar ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .dashboard-layout .sidebar li a {
        white-space: normal !important;
    }

    .dashboard-project-list {
        padding: 10px !important;
        border-radius: 20px !important;
    }

    .dashboard-project-list .table-list-header {
        min-height: auto !important;
        align-items: center !important;
        padding: 10px !important;
        border-radius: 16px !important;
    }

    .dashboard-project-list .table-list-row {
        padding: 16px !important;
        border-radius: 18px !important;
    }

    .dashboard-project-list .table-list-title {
        font-size: 18px !important;
    }

    .dashboard-project-list .table-list-details {
        grid-template-columns: minmax(34px, auto) minmax(0, 1fr) !important;
        gap: 8px !important;
    }
}

/* Project settings navigation fix */
.project-settings-page {
    width: min(100%, 1120px) !important;
    margin: 0 auto !important;
}

.project-settings-content {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Modern summary panel (project_view/show.php bullet list) */
.project-settings-content ul.panel {
    list-style: none !important;
    margin: 0 0 20px !important;
    padding: 6px 6px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .05) !important;
}

.project-settings-content ul.panel li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 13px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: transparent !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    list-style: none !important;
}

.project-settings-content ul.panel li:last-child {
    border-bottom: 0 !important;
}

.project-settings-content ul.panel li::before {
    content: "" !important;
    flex: 0 0 8px !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: 9px !important;
    border-radius: 50% !important;
    background: #c7d2fe !important;
}

.project-settings-content ul.panel li:first-child::before {
    background: #22c55e !important;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, .15) !important;
}

.project-settings-content ul.panel li strong {
    color: #0f172a !important;
    font-weight: 800 !important;
}

.project-settings-content ul.panel li a {
    color: #4f46e5 !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    .project-settings-layout,
    html[dir="rtl"] .project-settings-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    .project-settings-content {
        order: 0 !important;
    }

    .project-settings-layout > .sidebar {
        order: 1 !important;
        padding: 14px !important;
        border-radius: 22px !important;
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    }

    .project-settings-layout > .sidebar ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .project-settings-layout > .sidebar li {
        min-height: 48px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        box-shadow: 0 2px 6px rgba(15, 23, 42, .04) !important;
        transition: all .15s ease !important;
    }

    .project-settings-layout > .sidebar li:hover,
    .project-settings-layout > .sidebar li.active {
        border-color: #c7d2fe !important;
        background: #eef2ff !important;
        box-shadow: 0 6px 16px rgba(79, 70, 229, .12) !important;
        transform: translateY(-1px) !important;
    }

    .project-settings-layout > .sidebar li a,
    html[dir="rtl"] .project-settings-layout > .sidebar li a {
        min-height: 48px !important;
        justify-content: center !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        text-align: center !important;
    }
}

@media (max-width: 520px) {
    .project-settings-layout > .sidebar {
        padding: 8px !important;
        border-radius: 20px !important;
    }

    .project-settings-layout > .sidebar ul {
        grid-template-columns: 1fr !important;
    }
}

/* Project settings forms alignment */
.project-settings-content > .page-header {
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.project-settings-content > .page-header h2 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #0f172a !important;
    font-size: clamp(24px, 4vw, 32px) !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: right !important;
}

.project-settings-content > form {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 0 24px auto !important;
    padding: 22px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .05) !important;
    overflow: hidden !important;
}

.project-settings-content fieldset {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

.project-settings-content fieldset:last-of-type {
    margin-bottom: 12px !important;
}

.project-settings-content legend {
    width: 100% !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #0f172a !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    text-align: right !important;
}

.project-settings-content label {
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.4 !important;
    text-align: right !important;
}

.project-settings-content input[type="text"],
.project-settings-content input[type="email"],
.project-settings-content input[type="number"],
.project-settings-content input[type="date"],
.project-settings-content select,
.project-settings-content textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    direction: rtl !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.project-settings-content input[type="text"]:focus,
.project-settings-content input[type="email"]:focus,
.project-settings-content input[type="number"]:focus,
.project-settings-content input[type="date"]:focus,
.project-settings-content select:focus,
.project-settings-content textarea:focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, .14) !important;
    outline: none !important;
}

.project-settings-content .form-help,
.project-settings-content .form-errors,
.project-settings-content .form-error,
.project-settings-content p.form-help {
    width: 100% !important;
    max-width: 100% !important;
    margin: -2px 0 10px !important;
    padding: 0 !important;
    color: #b91c1c !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.project-settings-content .text-editor {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

.project-settings-content .text-editor .text-editor-toolbar,
.project-settings-content .text-editor .text-editor-toolbar ul,
.project-settings-content .text-editor .text-editor-actions {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.project-settings-content .text-editor a,
.project-settings-content .text-editor button {
    min-width: 36px !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.project-settings-content .text-editor a:hover,
.project-settings-content .text-editor button:hover {
    background: #eef2ff !important;
    color: #4f46e5 !important;
}

.project-settings-content .text-editor textarea,
.project-settings-content .text-editor .text-editor-preview-area {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 280px !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    box-sizing: border-box !important;
}

.project-settings-content .form-inline {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

.project-settings-content input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    margin-inline-end: 8px !important;
    accent-color: #4f46e5 !important;
}

.project-settings-content .form-actions,
.project-settings-content .modal-actions {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
}

.project-settings-content .form-actions .btn,
.project-settings-content .form-actions button,
.project-settings-content .form-actions input[type="submit"],
.project-settings-content .modal-actions .btn,
.project-settings-content .modal-actions button,
.project-settings-content .modal-actions input[type="submit"] {
    min-width: 120px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 14px !important;
}

@media (max-width: 900px) {
    .project-settings-content > form {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 18px !important;
        border-radius: 22px !important;
    }
}

@media (max-width: 520px) {
    .project-settings-content > form {
        padding: 16px !important;
        border-radius: 20px !important;
    }

    .project-settings-content .text-editor .text-editor-toolbar,
    .project-settings-content .text-editor .text-editor-toolbar ul,
    .project-settings-content .text-editor .text-editor-actions {
        justify-content: flex-start !important;
    }

    .project-settings-content .text-editor textarea,
    .project-settings-content .text-editor .text-editor-preview-area {
        min-height: 220px !important;
    }

    .project-settings-content .form-actions .btn,
    .project-settings-content .form-actions button,
    .project-settings-content .form-actions input[type="submit"],
    .project-settings-content .modal-actions .btn,
    .project-settings-content .modal-actions button,
    .project-settings-content .modal-actions input[type="submit"] {
        width: 100% !important;
    }
}

/* Compact desktop dashboard project summary */
@media (min-width: 768px) {
    .dashboard-page {
        width: min(100%, 1080px) !important;
    }

    .dashboard-project-list {
        padding: 10px !important;
        border-radius: 18px !important;
    }

    .dashboard-project-list .table-list-header {
        min-height: 52px !important;
        margin-bottom: 10px !important;
        padding: 8px 12px !important;
        border-radius: 14px !important;
    }

    .dashboard-project-list .table-list-header-menu .dropdown-menu,
    .dashboard-project-list .table-list-header-menu .dropdown-menu-link-icon {
        min-width: 112px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 12px !important;
        border-radius: 11px !important;
    }

    .dashboard-project-list .table-list-row {
        min-height: 0 !important;
        padding: 16px 18px !important;
        gap: 14px !important;
        border-radius: 16px !important;
    }

    .dashboard-project-list .table-list-row > div:first-child {
        min-height: 38px !important;
    }

    .dashboard-project-list .table-list-title {
        font-size: 18px !important;
    }

    .dashboard-project-list .table-list-details {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }
}

.dashboard-project-list .dashboard-column-stat {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 5px 7px 5px 11px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #475569 !important;
}

.dashboard-project-list .dashboard-column-stat small,
.dashboard-project-list .dashboard-column-stat strong {
    min-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.dashboard-project-list .dashboard-column-stat small {
    color: #64748b !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}

.dashboard-project-list .dashboard-column-stat strong {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 999px !important;
    background: #eef2ff !important;
    color: #4338ca !important;
    font-weight: 900 !important;
}

.dashboard-project-list .table-list-details:empty {
    display: none !important;
}

@media (max-width: 767px) {
    .dashboard-project-list .table-list-details {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .dashboard-project-list .dashboard-column-stat {
        max-width: 100% !important;
    }
}

/* Dashboard unified desktop alignment */
@media (min-width: 901px) {
    .dashboard-page {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
        box-sizing: border-box !important;
    }

    .dashboard-page .dashboard-actions,
    .dashboard-layout,
    .dashboard-layout .sidebar,
    .dashboard-layout .sidebar-content,
    .dashboard-search,
    .dashboard-project-list,
    .dashboard-layout .sidebar-content > .alert {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
        box-sizing: border-box !important;
    }

    .dashboard-page .dashboard-actions {
        padding: 10px !important;
        margin-bottom: 14px !important;
        border-radius: 18px !important;
    }

    .dashboard-page .dashboard-actions ul {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
        gap: 8px !important;
    }

    .dashboard-page .dashboard-actions a {
        min-height: 48px !important;
        padding: 0 10px !important;
        border-radius: 12px !important;
        font-size: 14px !important;
        white-space: normal !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

    .dashboard-layout {
        gap: 14px !important;
    }

    .dashboard-layout .sidebar {
        padding: 8px !important;
        border-radius: 18px !important;
    }

    .dashboard-layout .sidebar ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .dashboard-layout .sidebar li,
    .dashboard-layout .sidebar li a {
        min-height: 46px !important;
    }

    .dashboard-layout .sidebar li a {
        font-size: 14px !important;
    }

    .dashboard-search {
        margin-bottom: 0 !important;
    }

    .dashboard-search .input-addon,
    .dashboard-search .input-addon-field,
    .dashboard-search .input-addon-item,
    .dashboard-search .input-addon-item .dropdown,
    .dashboard-search .input-addon-item .dropdown-menu,
    .dashboard-search .input-addon-item .dropdown-menu-link-icon {
        height: 48px !important;
        min-height: 48px !important;
    }

    .dashboard-search .input-addon {
        border-radius: 14px !important;
    }

    .dashboard-search .input-addon-item,
    .dashboard-search .input-addon-item .dropdown,
    .dashboard-search .input-addon-item .dropdown-menu,
    .dashboard-search .input-addon-item .dropdown-menu-link-icon {
        width: 52px !important;
        min-width: 52px !important;
        flex-basis: 52px !important;
    }

    .dashboard-project-list {
        padding: 10px !important;
        margin: 0 !important;
        border-radius: 18px !important;
    }

    .dashboard-project-list .table-list-header {
        min-height: 50px !important;
        margin: 0 0 10px !important;
        padding: 6px 10px !important;
        border-radius: 13px !important;
    }

    .dashboard-project-list .table-list-row {
        display: grid !important;
        grid-template-columns: minmax(220px, .8fr) minmax(0, 2.2fr) !important;
        align-items: center !important;
        gap: 18px !important;
        min-height: 84px !important;
        padding: 14px 16px !important;
        border-radius: 15px !important;
    }

    html[dir="rtl"] .dashboard-project-list .table-list-row {
        grid-template-columns: minmax(220px, .8fr) minmax(0, 2.2fr) !important;
    }

    .dashboard-project-list .table-list-row > div:first-child {
        width: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        overflow: hidden !important;
    }

    html[dir="rtl"] .dashboard-project-list .table-list-row > div:first-child {
        justify-content: flex-start !important;
    }

    .dashboard-project-list .table-list-title {
        min-width: 0 !important;
        font-size: 17px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .dashboard-project-list .table-list-details {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
    }

    .dashboard-project-list .dashboard-column-stat {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 38px !important;
        justify-content: space-between !important;
        padding: 5px 7px 5px 11px !important;
        box-sizing: border-box !important;
    }

    .dashboard-project-list .dashboard-column-stat small {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .dashboard-layout .sidebar-content > .alert {
        margin: 14px 0 0 !important;
        padding: 12px 16px !important;
        border-radius: 14px !important;
    }
}

@media (min-width: 901px) and (max-width: 1100px) {
    .dashboard-project-list .table-list-row {
        grid-template-columns: minmax(190px, .7fr) minmax(0, 2.3fr) !important;
    }

    .dashboard-project-list .table-list-details {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Dashboard mobile containment and compact layout */
@media (max-width: 767px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    header,
    section.page,
    .dashboard-page,
    .dashboard-page *,
    .dashboard-layout,
    .dashboard-layout .sidebar,
    .dashboard-layout .sidebar-content,
    .dashboard-search,
    .dashboard-project-list {
        box-sizing: border-box !important;
    }

    header,
    section.page,
    .dashboard-page,
    .dashboard-layout,
    .dashboard-layout .sidebar,
    .dashboard-layout .sidebar-content,
    .dashboard-search,
    .dashboard-project-list {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-inline: 0 !important;
    }

    header {
        flex-wrap: nowrap !important;
    }

    header .title-container {
        order: 0 !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    header .title-container h1 {
        max-width: 100% !important;
        overflow: hidden !important;
        font-size: clamp(17px, 5vw, 21px) !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    header .menus-container {
        order: 0 !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    section.page {
        padding: 12px !important;
    }

    .dashboard-page .dashboard-actions {
        padding: 10px !important;
        margin-bottom: 12px !important;
        border-radius: 16px !important;
    }

    .dashboard-page .dashboard-actions ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .dashboard-page .dashboard-actions li:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
    }

    .dashboard-page .dashboard-actions a {
        min-height: 44px !important;
        padding-inline: 8px !important;
        font-size: 13px !important;
    }

    .dashboard-layout {
        gap: 12px !important;
    }

    .dashboard-layout .sidebar {
        padding: 6px !important;
        border-radius: 16px !important;
    }

    .dashboard-layout .sidebar ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .dashboard-layout .sidebar li,
    .dashboard-layout .sidebar li a {
        min-width: 0 !important;
        min-height: 42px !important;
    }

    .dashboard-layout .sidebar li a {
        padding-inline: 6px !important;
        font-size: 13px !important;
        overflow-wrap: anywhere !important;
    }

    .dashboard-search {
        margin-bottom: 12px !important;
    }

    .dashboard-search .input-addon,
    .dashboard-search .input-addon-field,
    .dashboard-search .input-addon-item,
    .dashboard-search .input-addon-item .dropdown,
    .dashboard-search .input-addon-item .dropdown-menu,
    .dashboard-search .input-addon-item .dropdown-menu-link-icon {
        height: 48px !important;
        min-height: 48px !important;
    }

    .dashboard-search .input-addon {
        border-radius: 14px !important;
    }

    .dashboard-search .input-addon-item,
    .dashboard-search .input-addon-item .dropdown,
    .dashboard-search .input-addon-item .dropdown-menu,
    .dashboard-search .input-addon-item .dropdown-menu-link-icon {
        width: 48px !important;
        min-width: 48px !important;
        flex-basis: 48px !important;
    }

    .dashboard-project-list {
        padding: 8px !important;
        margin-bottom: 12px !important;
        overflow: hidden !important;
        border-radius: 16px !important;
    }

    .dashboard-project-list .table-list-header {
        min-height: 48px !important;
        margin-bottom: 8px !important;
        padding: 6px 8px !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        border-radius: 12px !important;
    }

    .dashboard-project-list .table-list-header-primary,
    .dashboard-project-list .table-list-header-menu {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 1 auto !important;
        justify-content: flex-start !important;
    }

    .dashboard-project-list .table-list-header-count {
        order: 0 !important;
        min-height: 40px !important;
        margin: 0 !important;
    }

    .dashboard-project-list .table-list-header-menu {
        margin-inline-start: auto !important;
    }

    .dashboard-project-list .table-list-header-menu .dropdown-menu,
    .dashboard-project-list .table-list-header-menu .dropdown-menu-link-icon {
        min-width: 112px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding-inline: 10px !important;
        border-radius: 10px !important;
    }

    .dashboard-project-list .table-list-row {
        width: 100% !important;
        min-width: 0 !important;
        padding: 14px !important;
        gap: 12px !important;
        border-radius: 14px !important;
    }

    .dashboard-project-list .table-list-row > div:first-child {
        min-width: 0 !important;
        flex-wrap: nowrap !important;
        overflow: hidden !important;
    }

    .dashboard-project-list .table-list-title {
        min-width: 0 !important;
        font-size: 17px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .dashboard-project-list .table-list-details {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .dashboard-project-list .dashboard-column-stat {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: space-between !important;
    }

    .dashboard-project-list .dashboard-column-stat small {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 359px) {
    .dashboard-page .dashboard-actions ul {
        grid-template-columns: 1fr !important;
    }

    .dashboard-page .dashboard-actions li {
        grid-column: auto !important;
    }
}

/* Sales-role header alignment after removing global controls */
header.header-sales-role .menus-container {
    gap: 0 !important;
}

@media (max-width: 767px) {
    header.header-sales-role {
        min-height: 56px !important;
    }

    header.header-sales-role .title-container {
        padding-inline-end: 8px !important;
    }

    header.header-sales-role .menus-container .dropdown-menu,
    header.header-sales-role .menus-container .dropdown-menu-link-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    .dashboard-page > .dashboard-layout:first-child {
        margin-top: 0 !important;
    }
}

/* Moshtariat application identity */
.moshtariat-brand {
    min-width: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 6px 10px;
    border-radius: 14px;
    color: #0f3f66 !important;
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.moshtariat-brand:hover {
    background: #f0fdf4;
    color: #0f3f66 !important;
}

.moshtariat-brand img {
    width: 38px;
    height: 38px;
    display: block;
    flex: 0 0 38px;
    border-radius: 11px;
    object-fit: cover;
}

.login-mark {
    overflow: hidden !important;
    padding: 5px !important;
    background: #fff !important;
    border: 1px solid #dbe4ee !important;
}

.login-mark img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 12px !important;
}

.login-brand-name {
    display: block;
    margin: 0 0 4px;
    color: #168348;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .02em;
}

.login-brand-logo {
    width: min(300px, 72%);
    height: auto;
    display: block;
    margin: auto;
    border-radius: 28px;
}

@media (max-width: 900px) {
    .moshtariat-brand span {
        display: none;
    }

    .moshtariat-brand {
        padding: 4px;
    }
}

@media (max-width: 520px) {
    .moshtariat-brand img {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }
}

/* Deterministic project settings grid; prevents sidebar/content overlap */
.project-settings-layout,
html[dir="rtl"] .project-settings-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 260px !important;
    grid-template-areas: "content sidebar" !important;
    gap: 20px !important;
    align-items: start !important;
    direction: ltr !important;
}

html:not([dir="rtl"]) .project-settings-layout {
    grid-template-columns: 260px minmax(0, 1fr) !important;
    grid-template-areas: "sidebar content" !important;
}

.project-settings-layout > .sidebar {
    grid-area: sidebar !important;
    box-sizing: border-box !important;
    position: sticky !important;
    top: 88px !important;
    min-width: 0 !important;
    max-height: calc(100vh - 112px) !important;
    overflow-y: auto !important;
    direction: rtl !important;
}

html:not([dir="rtl"]) .project-settings-layout > .sidebar {
    direction: ltr !important;
}

.project-settings-content {
    grid-area: content !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    direction: rtl !important;
}

html:not([dir="rtl"]) .project-settings-content {
    direction: ltr !important;
}

.project-settings-content > .page-header,
.project-settings-content > .panel,
.project-settings-content > article,
.project-settings-content > form,
.project-settings-content > table,
.project-settings-content > .table-list {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.project-settings-content > .panel {
    margin: 0 0 20px !important;
    padding: 18px 20px !important;
}

.project-settings-content > .panel li {
    margin: 0 0 7px !important;
    line-height: 1.75 !important;
}

.project-settings-content > .table-scrolling {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
}

.project-settings-content > .page-header h2 {
    position: static !important;
    width: auto !important;
    float: none !important;
    clear: both !important;
}

@media (max-width: 900px) {
    .project-settings-layout,
    html[dir="rtl"] .project-settings-layout,
    html:not([dir="rtl"]) .project-settings-layout {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-areas:
            "sidebar"
            "content" !important;
        gap: 14px !important;
    }

    .project-settings-layout > .sidebar {
        position: static !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    .project-settings-layout > .sidebar ul {
        max-height: 280px !important;
        overflow-y: auto !important;
    }
}

/* Legacy Kanboard login markup compatibility. */
body:has(> .form-login:not(:has(.login-card))){min-height:100vh!important;margin:0!important;display:grid!important;place-items:center!important;padding:24px!important;box-sizing:border-box!important;background:#f8fafc!important}
body>.form-login:not(:has(.login-card)){width:min(100%,460px)!important;max-width:460px!important;min-height:0!important;margin:0 auto!important;padding:28px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;overflow:visible!important;border:1px solid #e2e8f0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 70px rgba(15,23,42,.10)!important}
body>.form-login:not(:has(.login-card))::before{content:"مشتریات";display:block!important;width:100%!important;margin:0 0 24px!important;color:#0f172a!important;font-size:32px!important;line-height:1.2!important;font-weight:900!important;text-align:right!important}
body>.form-login:not(:has(.login-card))>form{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important;padding:0!important}
body>.form-login:not(:has(.login-card))>form>label{width:100%!important;margin:10px 0 0!important;text-align:right!important}
body>.form-login:not(:has(.login-card))>form>input[type=text],body>.form-login:not(:has(.login-card))>form>input[type=password]{width:100%!important;max-width:100%!important;height:52px!important;margin:0!important;box-sizing:border-box!important}
body>.form-login:not(:has(.login-card))>form>label:has(input[type=checkbox]){width:auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important;margin:12px 0 0!important}
body>.form-login:not(:has(.login-card))>form>label:has(input[type=checkbox])+br{display:none!important}
body>.form-login:not(:has(.login-card)) .form-actions{width:100%!important;margin:16px 0 0!important}
body>.form-login:not(:has(.login-card)) .form-actions button{width:100%!important}
body>.form-login:not(:has(.login-card)) .reset-password{width:100%!important;margin:10px 0 0!important;text-align:center!important}
body>.form-login:not(:has(.login-card))>.otp-login-entry{width:100%!important;max-width:100%!important;margin:12px 0 0!important;box-sizing:border-box!important}
@media(max-width:520px){body:has(> .form-login:not(:has(.login-card))){place-items:start center!important;padding:16px 12px!important}body>.form-login:not(:has(.login-card)){padding:22px!important;border-radius:22px!important}body>.form-login:not(:has(.login-card))::before{font-size:28px!important}}
body:has(> .form-login > form){min-height:100vh!important;margin:0!important;display:grid!important;place-items:center!important;padding:24px!important;box-sizing:border-box!important;background:#f8fafc!important}
@media(max-width:520px){body:has(> .form-login > form){place-items:start center!important;padding:16px 12px!important}}
body>.form-login:not(:has(.login-card))>.otp-login-entry .otp-secondary-button{width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}

/* ============================================================
   MOSHTARIAT CRM — PRIORITY 1 ADDITIONS
   ============================================================ */

/* Safe-area bottom padding (iOS Safari / Chrome mobile bottom bar) */
body {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

section.page,
.dashboard-page,
.task-list-page,
.project-board-page {
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Use dvh where relevant */
body:has(.form-login) {
    min-height: 100dvh !important;
}

/* ---- Login: show/hide password toggle ---- */
.login-password-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.login-password-wrap input[type="password"],
.login-password-wrap input[type="text"] {
    width: 100% !important;
    padding-inline-end: 52px !important;
}

.login-toggle-password {
    position: absolute !important;
    inset-block-start: 50% !important;
    inset-inline-end: 14px !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #94a3b8 !important;
    font-size: 15px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transform: translateY(-50%) !important;
}

.login-toggle-password:hover {
    color: #4f46e5 !important;
    background: #eef2ff !important;
    transform: translateY(-50%) !important;
}

/* ---- Login: trust text ---- */
.login-trust-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

.login-trust-text i {
    color: #16a34a !important;
    font-size: 13px !important;
}

/* ---- Login: brand slogan ---- */
.login-hero p {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #4338ca !important;
}

/* ---- Header: create label on RTL ---- */
.header-create-label {
    display: none;
    font-size: 14px;
    font-weight: 800;
    margin-inline: 4px 2px;
    color: #0f172a;
}

@media (min-width: 768px) {
    .header-create-label {
        display: inline;
    }
}

/* ---- CRM empty state ---- */
.crm-empty-state {
    text-align: right !important;
    padding: 20px 22px !important;
    border-radius: 16px !important;
}

.crm-empty-state strong {
    display: block !important;
    margin-bottom: 6px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
}

.crm-empty-state p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

/* ---- Mobile board: stage filter bar instead of horizontal scroll ---- */
@media (max-width: 767px) {
    #board-container {
        overflow-x: hidden !important;
    }

    #board {
        display: none !important;
    }

    .crm-stage-filter-bar {
        width: 100% !important;
        display: flex !important;
        gap: 8px !important;
        overflow-x: auto !important;
        padding-bottom: 4px !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .crm-stage-filter-bar::-webkit-scrollbar {
        display: none !important;
    }

    .crm-stage-filter-btn {
        flex: 0 0 auto !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 0 14px !important;
        border: 1px solid #dbe3ef !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: #64748b !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
        cursor: pointer !important;
    }

    .crm-stage-filter-btn.active,
    .crm-stage-filter-btn:hover {
        background: #eef2ff !important;
        border-color: #c7d2fe !important;
        color: #4f46e5 !important;
    }

    .crm-stage-filter-btn .badge {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 22px !important;
        height: 22px !important;
        padding: 0 6px !important;
        border-radius: 999px !important;
        background: #4f46e5 !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    .crm-stage-filter-btn.active .badge {
        background: #4f46e5 !important;
    }
}

/* ---- Lead card styles ---- */
.crm-lead-card {
    width: 100% !important;
    margin-bottom: 10px !important;
    padding: 16px !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(15,23,42,.04) !important;
    display: grid !important;
    gap: 12px !important;
}

.crm-lead-card:hover {
    border-color: #c7d2fe !important;
    box-shadow: 0 8px 24px rgba(15,23,42,.07) !important;
}

.crm-lead-card-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.crm-lead-phone {
    font-size: 17px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
    letter-spacing: 0.02em !important;
}

.crm-lead-stage {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    background: #eef2ff !important;
    color: #4f46e5 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.crm-lead-meta {
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

.crm-lead-ai-hint {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
    background: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

.crm-lead-ai-hint::before {
    content: "✦" !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
}

.crm-lead-actions {
    display: flex !important;
    gap: 8px !important;
}

.crm-lead-actions .btn-call {
    flex: 1 !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border-radius: 12px !important;
    background: #16a34a !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.crm-lead-actions .btn-stage {
    flex: 1 !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

/* ---- AI insight dashboard card ---- */
.crm-ai-insight-card {
    margin-bottom: 16px !important;
    padding: 16px !important;
    border: 1px solid #bae6fd !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #eff6ff 100%) !important;
}

.crm-ai-insight-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
    color: #0369a1 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.crm-ai-insight-title::before {
    content: "✦" !important;
    font-size: 14px !important;
}

.crm-ai-insight-body {
    display: grid !important;
    gap: 6px !important;
    color: #0f172a !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

/* ---- Dashboard focus section ---- */
.crm-today-focus {
    margin-bottom: 16px !important;
    padding: 16px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    background: #fff !important;
}

.crm-today-focus-title {
    margin-bottom: 12px !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

.crm-today-focus-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
}

.crm-focus-chip {
    min-height: 64px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 10px 14px !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.crm-focus-chip:hover {
    background: #eef2ff !important;
    border-color: #c7d2fe !important;
}

.crm-focus-chip-count {
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    line-height: 1 !important;
}

.crm-focus-chip-count.danger { color: #dc2626 !important; }
.crm-focus-chip-count.warning { color: #d97706 !important; }
.crm-focus-chip-count.success { color: #16a34a !important; }
.crm-focus-chip-count.purple { color: #4f46e5 !important; }

.crm-focus-chip-label {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    line-height: 1.3 !important;
}

@media (max-width: 359px) {
    .crm-today-focus-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================================
   MOSHTARIAT DESIGN SYSTEM — SINGLE SOURCE OF TRUTH
   Appended last on purpose: wins by cascade order, unifies every UI element.
   Built on the existing --modern-* tokens so legacy rules keep working.
   ============================================================================ */

:root {
    /* ---- Brand / semantic colors ---- */
    --ds-primary: #4f46e5;
    --ds-primary-hover: #4338ca;
    --ds-primary-active: #3730a3;
    --ds-primary-soft: #eef2ff;
    --ds-primary-border: #c7d2fe;

    --ds-text: #0f172a;
    --ds-text-muted: #64748b;
    --ds-text-subtle: #94a3b8;
    --ds-text-inverse: #ffffff;

    --ds-bg: #f8fafc;
    --ds-bg-subtle: #f1f5f9;
    --ds-surface: #ffffff;
    --ds-surface-muted: #f8fafc;

    --ds-border: #dbe3ef;
    --ds-border-strong: #cbd5e1;

    --ds-success: #16a34a;
    --ds-success-soft: #f0fdf4;
    --ds-success-border: #bbf7d0;
    --ds-success-text: #166534;
    --ds-danger: #dc2626;
    --ds-danger-soft: #fef2f2;
    --ds-danger-border: #fecaca;
    --ds-danger-text: #991b1b;
    --ds-warning: #d97706;
    --ds-warning-soft: #fffbeb;
    --ds-warning-border: #fde68a;
    --ds-warning-text: #92400e;
    --ds-info: #0369a1;
    --ds-info-soft: #f0f9ff;
    --ds-info-border: #bae6fd;

    /* ---- Radius scale ---- */
    --ds-radius-sm: 8px;
    --ds-radius-md: 12px;
    --ds-radius-lg: 16px;
    --ds-radius-xl: 20px;
    --ds-radius-pill: 999px;

    /* ---- Shadows ---- */
    --ds-shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);
    --ds-shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);
    --ds-shadow-md: 0 8px 22px rgba(15, 23, 42, .07);
    --ds-shadow-lg: 0 24px 70px rgba(15, 23, 42, .14);

    /* ---- Spacing scale ---- */
    --ds-space-1: 4px;
    --ds-space-2: 8px;
    --ds-space-3: 12px;
    --ds-space-4: 16px;
    --ds-space-5: 20px;
    --ds-space-6: 24px;

    /* ---- Control sizing ---- */
    --ds-control-h: 44px;
    --ds-control-h-sm: 36px;
    --ds-control-h-lg: 52px;

    /* ---- Focus ring ---- */
    --ds-focus-ring: 0 0 0 3px rgba(79, 70, 229, .14);

    /* ---- Typography ---- */
    --ds-font-size: 14px;
    --ds-font-size-sm: 13px;
    --ds-font-size-input: 16px; /* >=16px prevents iOS zoom */
    --ds-line: 1.6;

    /* Reaffirm legacy tokens so any older rule resolves to the SaaS palette */
    --modern-accent: var(--ds-primary);
    --modern-accent-strong: var(--ds-primary-hover);
    --modern-accent-soft: var(--ds-primary-soft);
    --modern-text: var(--ds-text);
    --modern-muted: var(--ds-text-muted);
    --modern-bg: var(--ds-bg);
    --modern-bg-strong: var(--ds-bg-subtle);
    --modern-surface: var(--ds-surface);
    --modern-surface-solid: var(--ds-surface);
    --modern-surface-muted: var(--ds-surface-muted);
    --modern-border: var(--ds-border);
    --modern-border-strong: var(--ds-border-strong);
    --modern-danger: var(--ds-danger);
    --modern-shadow-sm: var(--ds-shadow-sm);
    --modern-shadow-md: var(--ds-shadow-md);
}

/* Tabular numbers for counts, dashboards, phone numbers, IDs */
.ds-tabular,
.crm-lead-phone,
.dashboard-column-stat strong,
.crm-focus-chip-count,
.table-list-header-count,
.badge,
.board-column-header-task-count {
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1 !important;
}

/* ----------------------------------------------------------------------------
   BUTTONS — primary / secondary / outline / ghost / destructive
   Real Kanboard hooks: .btn (base), .btn-blue (primary), .btn-red (destructive)
   ---------------------------------------------------------------------------- */
.btn,
a.btn,
button.btn,
input[type="submit"],
button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: var(--ds-control-h) !important;
    padding: 0 16px !important;
    border: 1px solid transparent !important;
    border-radius: var(--ds-radius-md) !important;
    font-size: var(--ds-font-size) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
    box-shadow: var(--ds-shadow-xs) !important;
}

.btn:focus-visible,
a.btn:focus-visible,
button.btn:focus-visible,
input[type="submit"]:focus-visible,
button[type="submit"]:focus-visible {
    outline: none !important;
    box-shadow: var(--ds-focus-ring) !important;
}

/* Secondary = the bare .btn (neutral surface) */
.btn,
a.btn,
button.btn {
    background: var(--ds-surface) !important;
    border-color: var(--ds-border) !important;
    color: var(--ds-text) !important;
}

.btn:hover,
a.btn:hover,
button.btn:hover {
    background: var(--ds-primary-soft) !important;
    border-color: var(--ds-primary-border) !important;
    color: var(--ds-primary-hover) !important;
}

/* Primary */
.btn-blue,
a.btn-blue,
button.btn-blue,
input[type="submit"],
button[type="submit"],
.btn.btn-primary {
    background: var(--ds-primary) !important;
    border-color: var(--ds-primary) !important;
    color: var(--ds-text-inverse) !important;
}

.btn-blue:hover,
a.btn-blue:hover,
button.btn-blue:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.btn.btn-primary:hover {
    background: var(--ds-primary-hover) !important;
    border-color: var(--ds-primary-hover) !important;
    color: var(--ds-text-inverse) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--ds-shadow-sm) !important;
}

.btn-blue:active,
input[type="submit"]:active,
button[type="submit"]:active {
    background: var(--ds-primary-active) !important;
    transform: translateY(0) !important;
}

/* Destructive */
.btn-red,
a.btn-red,
button.btn-red {
    background: var(--ds-danger) !important;
    border-color: var(--ds-danger) !important;
    color: var(--ds-text-inverse) !important;
}

.btn-red:hover,
a.btn-red:hover,
button.btn-red:hover {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
    color: var(--ds-text-inverse) !important;
    transform: translateY(-1px) !important;
}

/* Outline */
.btn-outline {
    background: transparent !important;
    border-color: var(--ds-primary) !important;
    color: var(--ds-primary) !important;
}

.btn-outline:hover {
    background: var(--ds-primary-soft) !important;
    color: var(--ds-primary-hover) !important;
}

/* Ghost / text */
.btn-ghost {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--ds-text-muted) !important;
    box-shadow: none !important;
}

.btn-ghost:hover {
    background: var(--ds-bg-subtle) !important;
    color: var(--ds-text) !important;
}

/* Small button modifier */
.btn-sm {
    min-height: var(--ds-control-h-sm) !important;
    padding: 0 12px !important;
    font-size: var(--ds-font-size-sm) !important;
}

/* Disabled — all variants */
.btn:disabled,
.btn.disabled,
.btn[disabled],
a.btn.disabled,
button:disabled,
input[type="submit"]:disabled,
button[type="submit"]:disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

/* ----------------------------------------------------------------------------
   FORM CONTROLS — identical height / border / radius / padding / focus
   ---------------------------------------------------------------------------- */
input[type="text"]:not(.input-addon-field),
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="url"],
input[type="search"],
input[type="tel"],
select,
textarea {
    width: 100% !important;
    min-height: var(--ds-control-h) !important;
    padding: 10px 14px !important;
    border: 1px solid var(--ds-border-strong) !important;
    border-radius: var(--ds-radius-md) !important;
    background: var(--ds-surface) !important;
    color: var(--ds-text) !important;
    font-size: var(--ds-font-size-input) !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    transition: border-color .16s ease, box-shadow .16s ease !important;
    box-sizing: border-box !important;
}

select {
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-inline-end: 38px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M6 8 0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 14px center !important;
}

html[dir="rtl"] select {
    background-position: left 14px center !important;
}

html:not([dir="rtl"]) select {
    background-position: right 14px center !important;
}

textarea {
    min-height: 120px !important;
    line-height: 1.7 !important;
    resize: vertical !important;
}

input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: var(--ds-primary) !important;
    box-shadow: var(--ds-focus-ring) !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--ds-text-subtle) !important;
}

/* Disabled / readonly fields */
input:disabled,
select:disabled,
textarea:disabled,
input[readonly],
textarea[readonly] {
    background: var(--ds-bg-subtle) !important;
    color: var(--ds-text-muted) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

/* Error state */
.form-error,
input.form-error,
select.form-error,
textarea.form-error {
    border-color: var(--ds-danger) !important;
}

.form-error:focus {
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .14) !important;
}

.form-errors {
    margin: 6px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.form-errors li {
    color: var(--ds-danger-text) !important;
    font-size: var(--ds-font-size-sm) !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
}

.form-help,
p.form-help {
    margin: 6px 0 0 !important;
    color: var(--ds-text-muted) !important;
    font-size: var(--ds-font-size-sm) !important;
    line-height: 1.6 !important;
}

label {
    display: block !important;
    margin-bottom: 6px !important;
    color: var(--ds-text) !important;
    font-size: var(--ds-font-size-sm) !important;
    font-weight: 700 !important;
}

/* Checkboxes / radios */
input[type="checkbox"],
input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    min-height: 0 !important;
    accent-color: var(--ds-primary) !important;
    cursor: pointer !important;
}

/* ----------------------------------------------------------------------------
   CARDS / SURFACES
   ---------------------------------------------------------------------------- */
.page-header,
.panel,
.task-summary-container,
.project-overview-column {
    background: var(--ds-surface) !important;
    border: 1px solid var(--ds-border) !important;
    border-radius: var(--ds-radius-lg) !important;
    box-shadow: var(--ds-shadow-xs) !important;
}

.panel {
    padding: 20px !important;
}

/* ----------------------------------------------------------------------------
   BADGES — neutral + semantic variants
   ---------------------------------------------------------------------------- */
.badge,
.ds-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 22px !important;
    padding: 2px 10px !important;
    border-radius: var(--ds-radius-pill) !important;
    background: var(--ds-bg-subtle) !important;
    color: var(--ds-text-muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    border: 0 !important;
}

.badge-primary { background: var(--ds-primary-soft) !important; color: var(--ds-primary-hover) !important; }
.badge-success { background: var(--ds-success-soft) !important; color: var(--ds-success-text) !important; }
.badge-danger  { background: var(--ds-danger-soft) !important;  color: var(--ds-danger-text) !important; }
.badge-warning { background: var(--ds-warning-soft) !important; color: var(--ds-warning-text) !important; }

/* ----------------------------------------------------------------------------
   TABS  (Kanboard ul.views)
   ---------------------------------------------------------------------------- */
ul.views li {
    min-height: var(--ds-control-h) !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid var(--ds-border) !important;
    border-radius: var(--ds-radius-md) !important;
    background: var(--ds-surface) !important;
    color: var(--ds-text-muted) !important;
    font-weight: 700 !important;
}

ul.views li a,
ul.views li i {
    color: var(--ds-text-muted) !important;
}

ul.views li:hover {
    background: var(--ds-bg-subtle) !important;
    color: var(--ds-text) !important;
}

ul.views li.active {
    background: var(--ds-primary-soft) !important;
    border-color: var(--ds-primary-border) !important;
    color: var(--ds-primary) !important;
    font-weight: 800 !important;
}

ul.views li.active a,
ul.views li.active i {
    color: var(--ds-primary) !important;
}

/* ----------------------------------------------------------------------------
   TABLES
   ---------------------------------------------------------------------------- */
.table-list-header {
    background: var(--ds-surface-muted) !important;
    border: 1px solid var(--ds-border) !important;
    border-radius: var(--ds-radius-md) !important;
    color: var(--ds-text-muted) !important;
    font-size: var(--ds-font-size-sm) !important;
    font-weight: 700 !important;
}

.table-list-row {
    border: 1px solid var(--ds-border) !important;
    border-radius: var(--ds-radius-md) !important;
    background: var(--ds-surface) !important;
    box-shadow: none !important;
    transition: border-color .16s ease, box-shadow .16s ease !important;
}

.table-list-row:hover {
    border-color: var(--ds-primary-border) !important;
    box-shadow: var(--ds-shadow-md) !important;
}

table th {
    background: var(--ds-surface-muted) !important;
    color: var(--ds-text-muted) !important;
    font-size: var(--ds-font-size-sm) !important;
    font-weight: 700 !important;
}

table td,
table th {
    border-color: var(--ds-border) !important;
}

table tr:hover td {
    background: var(--ds-surface-muted) !important;
}

/* ----------------------------------------------------------------------------
   MODALS
   ---------------------------------------------------------------------------- */
.modal-box {
    border: 1px solid var(--ds-border) !important;
    border-radius: var(--ds-radius-lg) !important;
    background: var(--ds-surface) !important;
    box-shadow: var(--ds-shadow-lg) !important;
}

/* ----------------------------------------------------------------------------
   DROPDOWNS
   ---------------------------------------------------------------------------- */
ul.dropdown-submenu-open {
    border: 1px solid var(--ds-border) !important;
    border-radius: var(--ds-radius-md) !important;
    background: var(--ds-surface) !important;
    box-shadow: var(--ds-shadow-md) !important;
    padding: 6px !important;
}

.dropdown-submenu-open li {
    border-radius: var(--ds-radius-sm) !important;
}

.dropdown-submenu-open li:not(.no-hover):hover {
    background: var(--ds-primary-soft) !important;
    color: var(--ds-primary-hover) !important;
}

/* ----------------------------------------------------------------------------
   ALERTS / ERROR STATES
   ---------------------------------------------------------------------------- */
.alert {
    border: 1px solid var(--ds-border) !important;
    border-radius: var(--ds-radius-md) !important;
    padding: 12px 14px !important;
    box-shadow: none !important;
    line-height: 1.6 !important;
}

.alert-success { background: var(--ds-success-soft) !important; border-color: var(--ds-success-border) !important; color: var(--ds-success-text) !important; }
.alert-error   { background: var(--ds-danger-soft) !important;  border-color: var(--ds-danger-border) !important;  color: var(--ds-danger-text) !important; }
.alert-info,
.alert-normal  { background: var(--ds-primary-soft) !important; border-color: var(--ds-primary-border) !important; color: var(--ds-primary-active) !important; }

/* ----------------------------------------------------------------------------
   EMPTY STATE — generic reusable
   ---------------------------------------------------------------------------- */
.ds-empty-state {
    display: grid !important;
    justify-items: center !important;
    gap: 8px !important;
    padding: 40px 24px !important;
    border: 1px dashed var(--ds-border-strong) !important;
    border-radius: var(--ds-radius-lg) !important;
    background: var(--ds-surface-muted) !important;
    text-align: center !important;
}

.ds-empty-state i {
    font-size: 28px !important;
    color: var(--ds-text-subtle) !important;
}

.ds-empty-state strong {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: var(--ds-text) !important;
}

.ds-empty-state p {
    margin: 0 !important;
    color: var(--ds-text-muted) !important;
    font-size: var(--ds-font-size) !important;
    line-height: 1.7 !important;
}

/* ----------------------------------------------------------------------------
   LOADING STATES — spinner + skeleton
   ---------------------------------------------------------------------------- */
@keyframes ds-spin { to { transform: rotate(360deg); } }
@keyframes ds-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

.ds-spinner {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid var(--ds-primary-border) !important;
    border-top-color: var(--ds-primary) !important;
    border-radius: 50% !important;
    animation: ds-spin .7s linear infinite !important;
}

.btn.is-loading {
    color: transparent !important;
    pointer-events: none !important;
    position: relative !important;
}

.btn.is-loading::after {
    content: "" !important;
    position: absolute !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(255, 255, 255, .55) !important;
    border-top-color: #fff !important;
    border-radius: 50% !important;
    animation: ds-spin .7s linear infinite !important;
}

.ds-skeleton {
    border-radius: var(--ds-radius-sm) !important;
    background: linear-gradient(90deg, var(--ds-bg-subtle) 25%, #e9eef5 37%, var(--ds-bg-subtle) 63%) !important;
    background-size: 200% 100% !important;
    animation: ds-shimmer 1.4s ease-in-out infinite !important;
    min-height: 14px !important;
}

/* ----------------------------------------------------------------------------
   PAGE HEADER — consistent title hierarchy
   ---------------------------------------------------------------------------- */
.page-header h2,
.project-header h2 {
    color: var(--ds-text) !important;
    font-weight: 800 !important;
    letter-spacing: -.01em !important;
}

/* ----------------------------------------------------------------------------
   LINKS
   ---------------------------------------------------------------------------- */
a {
    color: var(--ds-primary) !important;
}

a:hover {
    color: var(--ds-primary-hover) !important;
}

/* Keep button-like links from inheriting plain link color */
a.btn,
a.btn-blue,
a.btn-red,
a.btn-outline {
    color: inherit !important;
}

a.btn-blue,
a.btn-red {
    color: var(--ds-text-inverse) !important;
}

/* ==========================================================================
   MOSHTARIAT COMPONENT CONSISTENCY — toolbars, task lists, dropdowns
   ========================================================================== */
.project-header{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:16px 0!important;
    padding:12px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow:visible!important;
    border:1px solid var(--ds-border,#e2e8f0)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
.project-header>*{min-width:0!important;margin:0!important;align-self:center!important}
.project-header>.dropdown-component{flex:0 0 40px!important;width:40px!important}
.project-header>.views-switcher-component{flex:0 1 auto!important;width:auto!important}
.project-header>.filter-box-component{flex:0 0 auto!important;width:auto!important;grid-column:auto!important;justify-self:auto!important}
.project-header>button,.project-header>.btn,.project-header>a{
    min-height:40px!important;
    height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 12px!important;
    border:1px solid var(--ds-border,#e2e8f0)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:var(--ds-text,#0f172a)!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1!important;
    box-shadow:none!important;
}
.project-header .views{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important}
.project-header .views li{
    min-height:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid var(--ds-border,#e2e8f0)!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
}
.project-header .views li a{
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:0 12px!important;
    color:var(--ds-text-muted,#64748b)!important;
    white-space:nowrap!important;
}
.project-header .views li.active{background:var(--ds-primary-soft,#eef2ff)!important;border-color:var(--ds-primary-border,#c7d2fe)!important}
.project-header .views li.active a{color:var(--ds-primary,#4f46e5)!important}
.project-header .dropdown-component>.dropdown,.project-header .dropdown-component .action-menu{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
}
.project-header .dropdown-component .dropdown-menu,
.project-header .dropdown-component .dropdown-menu-link-icon{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid var(--ds-border,#e2e8f0)!important;
    border-radius:10px!important;
    background:#fff!important;
}
.project-header .filter-box,.project-header form.search,.project-header .input-addon{
    width:auto!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
}
.project-header .input-addon{
    display:flex!important;
    align-items:stretch!important;
    overflow:hidden!important;
    border:1px solid var(--ds-border,#e2e8f0)!important;
    border-radius:10px!important;
    background:#fff!important;
}
.project-header .input-addon-field{display:none!important}
.project-header .input-addon-item{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-inline-start:1px solid var(--ds-border,#e2e8f0)!important;
    background:var(--ds-surface-muted,#f8fafc)!important;
}
.project-header .input-addon-item:first-of-type{border-inline-start:0!important}
.project-header .input-addon-item .dropdown,
.project-header .input-addon-item .dropdown-menu,
.project-header .input-addon-item .dropdown-menu-link-icon{
    width:44px!important;
    min-width:44px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
}

/* Shared dropdown triggers and floating menus */
.dropdown>a.dropdown-menu,
.dropdown>a.dropdown-menu-link-icon,
.dropdown>a.dropdown-menu-link-text,
a.action-menu{
    min-height:40px!important;
    height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 11px!important;
    border:1px solid var(--ds-border,#e2e8f0)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:var(--ds-text,#0f172a)!important;
    line-height:1!important;
    box-shadow:none!important;
    white-space:nowrap!important;
}
.dropdown>a.dropdown-menu:hover,
.dropdown>a.dropdown-menu-link-icon:hover,
.dropdown>a.dropdown-menu-link-text:hover,
a.action-menu:hover{background:var(--ds-surface-muted,#f8fafc)!important;border-color:var(--ds-border-strong,#cbd5e1)!important;color:var(--ds-primary,#4f46e5)!important}
@keyframes kbDropdownIn {
    from { opacity: 0; transform: translateY(-8px) scale(.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes kbSheetUp {
    from { opacity: 0; transform: translateY(100%); }
    to   { opacity: 1; transform: translateY(0); }
}
#dropdown { position: relative !important; z-index: 1200 !important; }
@media (min-width: 768px) {
    #dropdown { position: static !important; }
}
ul.dropdown-submenu-open{
    position:absolute!important;
    z-index:1200!important;
    width:max-content!important;
    min-width:248px!important;
    max-width:min(340px,calc(100vw - 24px))!important;
    height:auto!important;
    max-height:min(440px,72vh)!important;
    margin:8px 0 0!important;
    padding:8px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border:1px solid rgba(226,232,240,.9)!important;
    border-radius:18px!important;
    background:#fff!important;
    background-image:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
    box-shadow:0 24px 60px rgba(15,23,42,.18),0 2px 8px rgba(15,23,42,.05)!important;
    text-align:start!important;
    animation:kbDropdownIn .16s cubic-bezier(.16,1,.3,1) both!important;
}
html[dir=rtl] ul.dropdown-submenu-open{direction:rtl!important;text-align:right!important}
ul.dropdown-submenu-open>li{
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
}
ul.dropdown-submenu-open>li+li{margin-top:1px!important}
/* hairline divider between items */
ul.dropdown-submenu-open>li+li::before{
    content:""!important;
    display:block!important;
    height:1px!important;
    margin:1px 12px!important;
    background:linear-gradient(90deg,transparent,#eef1f6 18%,#eef1f6 82%,transparent)!important;
}
ul.dropdown-submenu-open>li>a,
ul.dropdown-submenu-open>li>span,
ul.dropdown-submenu-open>li>div,
ul.dropdown-submenu-open>li .filter-display-mode,
ul.dropdown-submenu-open>li .filter-compact,
ul.dropdown-submenu-open>li .filter-wide,
ul.dropdown-submenu-open>li .filter-vert-collapse,
ul.dropdown-submenu-open>li .filter-vert-expand{
    width:100%!important;
    min-height:46px!important;
    height:auto!important;
    margin:0!important;
    padding:11px 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#1e293b!important;
    font-size:14.5px!important;
    font-weight:600!important;
    line-height:1.45!important;
    white-space:normal!important;
    transition:background .14s ease,color .14s ease,transform .12s ease!important;
}
/* keep JS-toggled halves hidden: the rule above forces display:flex and would
   otherwise override the inline style="display:none" used to hide the inactive
   half of each toggle pair (Expand/Collapse, Compact/Horizontal, vert) */
ul.dropdown-submenu-open>li .filter-display-mode[style*="display: none"],
ul.dropdown-submenu-open>li .filter-compact[style*="display: none"],
ul.dropdown-submenu-open>li .filter-wide[style*="display: none"],
ul.dropdown-submenu-open>li .filter-vert-collapse[style*="display: none"],
ul.dropdown-submenu-open>li .filter-vert-expand[style*="display: none"]{
    display:none!important;
}
/* leading icons -> soft rounded badge */
ul.dropdown-submenu-open>li>a i.fa,
ul.dropdown-submenu-open>li>a>i,
ul.dropdown-submenu-open>li>span .fa,
ul.dropdown-submenu-open>li .fa{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:15px!important;
    text-align:center!important;
    color:#6366f1!important;
    background:linear-gradient(180deg,#f6f7ff 0%,#eef1ff 100%)!important;
    border:1px solid #e7e9fb!important;
    border-radius:11px!important;
    box-shadow:0 1px 2px rgba(79,70,229,.06)!important;
    transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
/* hover state */
ul.dropdown-submenu-open>li:not(.no-hover):hover>a,
ul.dropdown-submenu-open>li:not(.no-hover):hover>span,
ul.dropdown-submenu-open>li:not(.no-hover):hover>div,
ul.dropdown-submenu-open>li:not(.no-hover)>a:hover{
    background:#eef2ff!important;
    color:#4338ca!important;
}
ul.dropdown-submenu-open>li:not(.no-hover):hover>a i.fa,
ul.dropdown-submenu-open>li:not(.no-hover):hover .fa{
    color:#fff!important;
    background:linear-gradient(180deg,#6366f1 0%,#4f46e5 100%)!important;
    border-color:#4f46e5!important;
    box-shadow:0 4px 12px rgba(79,70,229,.32)!important;
    transform:translateY(-1px)!important;
}
ul.dropdown-submenu-open>li:not(.no-hover):active>a{transform:scale(.99)!important}
/* header item (e.g. current user name) becomes a section label */
ul.dropdown-submenu-open>li.no-hover{
    margin:2px 0 4px!important;
    padding:6px 14px 8px!important;
    border-bottom:1px solid #eef1f6!important;
    color:#94a3b8!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
    pointer-events:none!important;
}
ul.dropdown-submenu-open>li.no-hover>strong{color:#475569!important;font-weight:800!important}
ul.dropdown-submenu-open>li.no-hover+li::before{display:none!important}
/* custom slim scrollbar */
ul.dropdown-submenu-open::-webkit-scrollbar{width:8px!important}
ul.dropdown-submenu-open::-webkit-scrollbar-thumb{background:#e2e8f0!important;border-radius:8px!important;border:2px solid #fff!important}

/* Project task-list toolbar and rows */
.project-header+.table-list{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    gap:10px!important;
    overflow:visible!important;
    background:transparent!important;
}
.project-header+.table-list>.table-list-header{
    width:100%!important;
    min-height:56px!important;
    height:auto!important;
    margin:0!important;
    padding:8px 12px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px 12px!important;
    box-sizing:border-box!important;
    border:1px solid var(--ds-border,#e2e8f0)!important;
    border-radius:12px!important;
    background:var(--ds-surface-muted,#f8fafc)!important;
}
.project-header+.table-list .table-list-header-primary,
.project-header+.table-list .table-list-header-menu{
    min-width:0!important;
    min-height:40px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
}
.project-header+.table-list .table-list-header-primary{flex:1 1 420px!important;justify-content:flex-start!important}
.project-header+.table-list .table-list-header-menu{flex:0 1 auto!important;justify-content:flex-end!important}
.project-header+.table-list .table-list-header-count{min-height:40px!important;display:inline-flex!important;align-items:center!important;padding:0 4px!important;white-space:nowrap!important}
.project-header+.table-list .list-item-links{display:inline-flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}
.project-header+.table-list .list-item-actions,.project-header+.table-list .table-list-header-action{min-height:40px!important;display:inline-flex!important;align-items:center!important}
.project-header+.table-list:not(.sales-lead-list)>.table-list-row{
    width:100%!important;
    min-height:76px!important;
    height:auto!important;
    margin:0!important;
    padding:14px 16px!important;
    display:grid!important;
    grid-template-columns:minmax(260px,1.4fr) minmax(220px,1fr) auto auto auto!important;
    align-items:center!important;
    gap:10px 16px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    border:1px solid var(--ds-border,#e2e8f0)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
}
.project-header+.table-list:not(.sales-lead-list)>.table-list-row:hover{border-color:var(--ds-primary-border,#c7d2fe)!important;box-shadow:0 8px 24px rgba(15,23,42,.05)!important;transform:none!important}
.project-header+.table-list:not(.sales-lead-list)>.table-list-row>div{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
}
.project-header+.table-list:not(.sales-lead-list)>.table-list-row>div:first-child{display:flex!important;align-items:center!important;gap:8px!important}
.project-header+.table-list:not(.sales-lead-list) .table-list-title{min-width:0!important;font-size:15px!important;font-weight:800!important;line-height:1.5!important}
.project-header+.table-list:not(.sales-lead-list) .table-list-details{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;color:var(--ds-text-muted,#64748b)!important;font-size:13px!important;line-height:1.5!important}
.project-header+.table-list:not(.sales-lead-list) .task-list-icons,
.project-header+.table-list:not(.sales-lead-list) .task-list-avatars,
.project-header+.table-list:not(.sales-lead-list) .task-list-subtasks{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}

/* Board headers: remove heavy black outlines and collisions */
#board th.board-column-header,
#board th.board-swimlane-header{
    height:auto!important;
    min-height:52px!important;
    padding:10px 12px!important;
    vertical-align:middle!important;
    border:1px solid var(--ds-border,#e2e8f0)!important;
    background:#fff!important;
    color:var(--ds-text,#0f172a)!important;
    box-shadow:none!important;
}
#board th.board-column-header{border-radius:12px 12px 0 0!important}
#board .board-column-header-task-count{
    min-height:28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 9px!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--ds-primary-soft,#eef2ff)!important;
    color:var(--ds-primary,#4f46e5)!important;
    font-size:12px!important;
    line-height:1!important;
}
#board .board-column-title{display:inline-flex!important;align-items:center!important;gap:6px!important;line-height:1.4!important}

@media(max-width:767px){
    .project-header{margin:12px 0!important;padding:12px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important}

    /* Row 1+2: view tabs + import button */
    .project-header>.views-switcher-component{order:1!important;flex:1 1 100%!important;width:100%!important}
    .project-header .views{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important}

    /* 3 nav tabs share one equal-width row */
    .project-header .views li:not(.bulk-lead-toolbar-action){flex:1 1 0!important;min-width:0!important}
    .project-header .views li:not(.bulk-lead-toolbar-action) a{width:100%!important;justify-content:center!important;box-sizing:border-box!important}

    /* Import dropdown = full-width primary action on its own row */
    .project-header .views li.bulk-lead-toolbar-action{flex:1 1 100%!important;width:100%!important;margin:0!important}
    .project-header .views li.bulk-lead-toolbar-action .bulk-lead-import-dropdown,
    .project-header .views li.bulk-lead-toolbar-action .bulk-lead-import-dropdown>.dropdown-menu{width:100%!important}
    .project-header .views li.bulk-lead-toolbar-action .bulk-lead-import-dropdown>.dropdown-menu{height:44px!important;justify-content:center!important;border-radius:10px!important}

    /* Row 3: settings + filter icons, aligned in one tidy group */
    .project-header>.filter-box-component{order:2!important;flex:1 1 auto!important;width:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important}
    .project-header>.dropdown-component{order:3!important;flex:0 0 auto!important;margin-inline-start:auto!important}

    /* Uniform 44px icon controls on the action row */
    .project-header>.dropdown-component .dropdown-menu,
    .project-header>.dropdown-component .dropdown-menu-link-icon,
    .project-header .filter-box-component .dropdown-menu,
    .project-header .filter-box-component .dropdown-menu-link-icon{
        width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
        display:inline-flex!important;align-items:center!important;justify-content:center!important;
        padding:0!important;border:1px solid var(--ds-border,#e2e8f0)!important;border-radius:10px!important;background:#fff!important;
    }
    .project-header>button,.project-header>.btn,.project-header>a{flex:1 1 calc(50% - 4px)!important}
    .project-header+.table-list>.table-list-header{padding:10px!important;align-items:stretch!important}
    .project-header+.table-list .table-list-header-primary,
    .project-header+.table-list .table-list-header-menu{width:100%!important;flex:1 1 100%!important;justify-content:space-between!important}
    .project-header+.table-list:not(.sales-lead-list)>.table-list-row{
        min-height:0!important;
        padding:14px!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:10px!important;
    }
    .project-header+.table-list:not(.sales-lead-list)>.table-list-row>div:first-child,
    .project-header+.table-list:not(.sales-lead-list) .table-list-details{grid-column:1/-1!important}
    /* mobile = true bottom sheet (drag handle, flush to edges) */
    ul.dropdown-submenu-open{
        position:fixed!important;
        inset-inline:0!important;
        inset-block:auto 0!important;
        width:auto!important;
        max-width:none!important;
        max-height:72vh!important;
        margin:0!important;
        padding:8px 12px calc(16px + env(safe-area-inset-bottom,0px))!important;
        border:0!important;
        border-radius:24px 24px 0 0!important;
        box-shadow:0 -12px 40px rgba(15,23,42,.22)!important;
        animation:kbSheetUp .26s cubic-bezier(.16,1,.3,1) both!important;
    }
    /* grab handle */
    ul.dropdown-submenu-open::before{
        content:""!important;
        display:block!important;
        width:40px!important;
        height:5px!important;
        margin:4px auto 12px!important;
        border-radius:999px!important;
        background:#d8dee9!important;
        flex:0 0 auto!important;
    }
    ul.dropdown-submenu-open>li>a,
    ul.dropdown-submenu-open>li>span,
    ul.dropdown-submenu-open>li>div{min-height:52px!important;font-size:15.5px!important}
}

/* CRM stage summary is shared across desktop and mobile. */
.crm-stage-filter-bar{
    width:100%!important;
    margin:0 0 12px!important;
    padding:0 2px 4px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
}
.crm-stage-filter-bar::-webkit-scrollbar{display:none!important}
.crm-stage-filter-btn{
    flex:0 0 auto!important;
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0 13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:1px solid var(--ds-border,#e2e8f0)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:var(--ds-text-muted,#64748b)!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:750!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
.crm-stage-filter-btn:hover,
.crm-stage-filter-btn.active{
    border-color:var(--ds-primary-border,#c7d2fe)!important;
    background:var(--ds-primary-soft,#eef2ff)!important;
    color:var(--ds-primary,#4f46e5)!important;
}
.crm-stage-filter-btn .badge{
    min-width:22px!important;
    height:22px!important;
    padding:0 6px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    color:#475569!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1!important;
}
.crm-stage-filter-btn.active .badge{background:#4f46e5!important;color:#fff!important}
@media(max-width:767px){
    .crm-stage-filter-bar{flex-wrap:nowrap!important}
    .crm-stage-filter-btn{min-height:40px!important;height:40px!important;border-radius:999px!important}
}
.crm-stage-filter-bar{flex-wrap:nowrap!important}

/* Legacy task-list header compatibility in the running image. */
.project-header+.table-list .list-item-action-hidden{display:none!important}
@media(max-width:767px){
    .project-header+.table-list>.table-list-header{
        min-height:0!important;
        display:grid!important;
        grid-template-columns:auto minmax(0,1fr)!important;
        align-items:center!important;
        gap:8px!important;
    }
    .project-header+.table-list>.table-list-header>.table-list-header-count{
        grid-column:1!important;
        width:auto!important;
        min-width:0!important;
        height:40px!important;
        order:0!important;
        margin:0!important;
    }
    .project-header+.table-list>.table-list-header>.list-item-links{
        grid-column:2!important;
        width:auto!important;
        min-width:0!important;
        height:40px!important;
        min-height:40px!important;
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:6px!important;
        margin:0!important;
        white-space:nowrap!important;
    }
    .project-header+.table-list>.table-list-header>.table-list-header-menu{
        grid-column:1/-1!important;
        width:100%!important;
        min-width:0!important;
        height:40px!important;
        min-height:40px!important;
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:8px!important;
        margin:0!important;
    }
    .project-header+.table-list>.table-list-header>.table-list-header-menu>*{
        width:auto!important;
        height:40px!important;
        min-height:40px!important;
        margin:0!important;
    }
}

.crm-onboarding,
.crm-onboarding-empty,
.crm-onboarding-reminder{
    direction:rtl !important;
    font-family:"Vazirmatn", Tahoma, Arial, sans-serif !important;
}
.crm-onboarding{
    padding:18px !important;
    background:#f8fafc !important;
    min-height:calc(100vh - 90px) !important;
}
.crm-onboarding-shell{
    width:min(920px,100%) !important;
    margin:0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
}
.crm-onboarding-hero,
.crm-onboarding-card,
.crm-onboarding-empty,
.crm-onboarding-reminder{
    border:1px solid #e2e8f0 !important;
    border-radius:22px !important;
    background:#fff !important;
    box-shadow:0 18px 45px rgba(15,23,42,.06) !important;
    box-sizing:border-box !important;
}
.crm-onboarding-hero{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    padding:20px !important;
}
.crm-onboarding-hero span{
    color:#16a34a !important;
    font-size:13px !important;
    font-weight:950 !important;
}
.crm-onboarding-hero h2,
.crm-onboarding-card h3,
.crm-onboarding-empty h2{
    margin:0 !important;
    color:#0f172a !important;
    font-weight:950 !important;
    line-height:1.5 !important;
}
.crm-onboarding-hero h2{font-size:28px !important}
.crm-onboarding-card h3,
.crm-onboarding-empty h2{font-size:24px !important}
.crm-onboarding-hero p,
.crm-onboarding-card p,
.crm-onboarding-empty p,
.crm-onboarding-reminder p{
    margin:6px 0 0 !important;
    color:#64748b !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.9 !important;
}
.crm-onboarding-hero img{
    width:98px !important;
    height:98px !important;
    object-fit:contain !important;
}
.crm-onboarding-progress{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:14px !important;
    border:1px solid #dbeafe !important;
    border-radius:18px !important;
    background:#eff6ff !important;
}
.crm-onboarding-progress strong{
    color:#1e3a8a !important;
    font-size:14px !important;
    font-weight:950 !important;
}
.crm-onboarding-progress div{
    height:8px !important;
    border-radius:999px !important;
    background:#dbeafe !important;
    overflow:hidden !important;
}
.crm-onboarding-progress span{
    display:block !important;
    height:100% !important;
    border-radius:999px !important;
    background:#4f46e5 !important;
}
.crm-onboarding-card{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    padding:22px !important;
}
.crm-onboarding-field{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}
.crm-onboarding-field span,
.crm-onboarding-inline-question strong{
    color:#334155 !important;
    font-size:13px !important;
    font-weight:950 !important;
}
.crm-onboarding-field input,
.crm-onboarding-field textarea{
    width:100% !important;
    min-height:54px !important;
    padding:0 15px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:16px !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:850 !important;
    box-sizing:border-box !important;
}
.crm-onboarding-field textarea{
    min-height:104px !important;
    padding:14px 15px !important;
    resize:vertical !important;
}
.crm-onboarding-option-title{
    margin:0 0 -8px !important;
}
.crm-onboarding-option-title h4{
    margin:0 !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
.crm-choice-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
}
.crm-choice-card{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    min-height:112px !important;
    padding:15px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:18px !important;
    background:#f8fafc !important;
    cursor:pointer !important;
}
.crm-choice-card:has(input:checked){
    border-color:#818cf8 !important;
    background:#eef2ff !important;
}
.crm-choice-card input{
    width:18px !important;
    height:18px !important;
}
.crm-choice-card strong{
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:950 !important;
}
.crm-choice-card span{
    color:#64748b !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.7 !important;
}
.crm-sales-type-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.crm-sales-type-card{
    position:relative !important;
    min-height:142px !important;
    padding:14px !important;
    gap:8px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg,#fff,#f8fafc) !important;
    transition:border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.crm-sales-type-card:hover{
    transform:translateY(-1px) !important;
    border-color:#bfdbfe !important;
    box-shadow:0 12px 24px rgba(37,99,235,.08) !important;
}
.crm-sales-type-card:has(input:checked){
    border-color:#4f46e5 !important;
    background:linear-gradient(180deg,#eef2ff,#fff) !important;
    box-shadow:0 16px 32px rgba(79,70,229,.13) !important;
}
.crm-choice-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:38px !important;
    height:38px !important;
    border-radius:13px !important;
    background:#eff6ff !important;
    color:#2563eb !important;
    font-size:17px !important;
}
.crm-sales-type-card:has(input:checked) .crm-choice-icon{
    background:#4f46e5 !important;
    color:#fff !important;
}
.crm-sales-type-card input{
    position:absolute !important;
    inset-block-start:14px !important;
    inset-inline-end:14px !important;
    width:20px !important;
    height:20px !important;
    accent-color:#4f46e5 !important;
}
.crm-sales-type-card strong{
    padding-inline-end:22px !important;
}
.crm-renewal-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.crm-renewal-card{
    position:relative !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    min-height:96px !important;
    aspect-ratio:1 / 1 !important;
    padding:12px !important;
    background:#fff !important;
}
.crm-renewal-card input{
    position:absolute !important;
    inset-block-start:10px !important;
    inset-inline-end:10px !important;
    width:18px !important;
    height:18px !important;
    accent-color:#4f46e5 !important;
}
.crm-renewal-card:has(input:checked){
    border-color:#4f46e5 !important;
    background:#eef2ff !important;
    box-shadow:0 12px 24px rgba(79,70,229,.11) !important;
}
.crm-renewal-card strong{
    font-size:16px !important;
}
.crm-onboarding-inline-question{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px 16px !important;
    align-items:center !important;
    padding:14px !important;
    border-radius:16px !important;
    background:#f8fafc !important;
}
.crm-onboarding-columns-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}
.crm-onboarding-column-row{
    display:grid !important;
    grid-template-columns:42px 42px minmax(0,1fr) 42px !important;
    gap:8px !important;
    align-items:center !important;
}
.crm-onboarding-column-row input{
    min-height:46px !important;
    padding:0 13px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:900 !important;
}
.crm-onboarding-column-row button,
.crm-onboarding-add{
    min-height:42px !important;
    border:1px solid #dbeafe !important;
    border-radius:14px !important;
    background:#eff6ff !important;
    color:#2563eb !important;
    font-weight:950 !important;
    cursor:pointer !important;
}
.crm-onboarding-add{
    min-height:48px !important;
    padding:0 16px !important;
}
.crm-suggestion-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
}
.crm-suggestion-grid > div{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    padding:15px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:18px !important;
    background:#f8fafc !important;
}
.crm-suggestion-grid strong{
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:950 !important;
}
.crm-suggestion-grid span{
    display:inline-flex !important;
    min-height:34px !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    padding:0 11px !important;
    border-radius:999px !important;
    background:#eef2ff !important;
    color:#4338ca !important;
    font-size:13px !important;
    font-weight:900 !important;
}
.crm-suggestion-grid em{
    color:#94a3b8 !important;
    font-size:13px !important;
    font-style:normal !important;
    font-weight:850 !important;
}
.crm-onboarding-actions{
    display:flex !important;
    gap:10px !important;
    align-items:center !important;
    justify-content:flex-start !important;
}
.crm-onboarding-primary,
.crm-onboarding-secondary{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:50px !important;
    padding:0 20px !important;
    border-radius:16px !important;
    font-size:14px !important;
    font-weight:950 !important;
    text-decoration:none !important;
}
.crm-onboarding-primary{
    border:0 !important;
    background:#4f46e5 !important;
    color:#fff !important;
    box-shadow:0 14px 28px rgba(79,70,229,.22) !important;
    cursor:pointer !important;
}
.crm-onboarding-secondary{
    border:1px solid #e2e8f0 !important;
    background:#fff !important;
    color:#475569 !important;
}
.crm-onboarding-empty{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    margin:18px auto !important;
    padding:24px !important;
    max-width:920px !important;
}
.crm-onboarding-empty-icon,
.crm-onboarding-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:54px !important;
    height:54px !important;
    border-radius:18px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-size:24px !important;
}
.crm-onboarding-empty-actions{
    display:flex !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}
.crm-onboarding-reminder{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:12px 0 !important;
    padding:14px !important;
}
.crm-onboarding-reminder > span{
    color:#4f46e5 !important;
    font-size:22px !important;
}
.crm-onboarding-reminder strong{
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:950 !important;
}
.crm-onboarding-done dl{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:0 !important;
}
.crm-onboarding-done dl > div{
    padding:14px !important;
    border-radius:16px !important;
    background:#f8fafc !important;
}
.crm-onboarding-done dt{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:900 !important;
}
.crm-onboarding-done dd{
    margin:4px 0 0 !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:950 !important;
}
@media(max-width:767px){
    .crm-onboarding{
        padding:12px !important;
    }
    .crm-onboarding-hero,
    .crm-onboarding-card,
    .crm-onboarding-empty{
        border-radius:18px !important;
        padding:16px !important;
    }
    .crm-onboarding-hero h2,
    .crm-onboarding-card h3,
    .crm-onboarding-empty h2{
        font-size:21px !important;
    }
    .crm-onboarding-hero img{
        width:78px !important;
        height:153px !important;
        object-fit:contain !important;
    }
    .crm-choice-grid,
    .crm-suggestion-grid,
    .crm-onboarding-done dl{
        grid-template-columns:1fr !important;
    }
    .crm-sales-type-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }
    .crm-sales-type-card{
        min-height:138px !important;
        padding:12px !important;
    }
    .crm-sales-type-card strong{
        font-size:13.5px !important;
        line-height:1.5 !important;
    }
    .crm-sales-type-card span:not(.crm-choice-icon){
        font-size:11.5px !important;
        line-height:1.65 !important;
    }
    .crm-renewal-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
    }
    .crm-renewal-card{
        min-height:82px !important;
        padding:10px 8px !important;
    }
    .crm-renewal-card strong{
        font-size:13px !important;
    }
    .crm-onboarding-actions,
    .crm-onboarding-empty,
    .crm-onboarding-empty-actions{
        flex-direction:column !important;
        align-items:stretch !important;
    }
    .crm-onboarding-primary,
    .crm-onboarding-secondary{
        width:100% !important;
    }
    .crm-onboarding-card .crm-onboarding-actions{
        position:sticky !important;
        bottom:0 !important;
        z-index:20 !important;
        margin:4px -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,.94) !important;
        backdrop-filter:blur(14px) !important;
    }
}
@media(max-width:767px){.project-header+.table-list>.table-list-header>.table-list-header-count{grid-row:1!important;order:0!important}.project-header+.table-list>.table-list-header>.list-item-links{grid-row:1!important;order:0!important}.project-header+.table-list>.table-list-header>.table-list-header-menu{grid-row:2!important;order:0!important}}

/* ----------------------------------------------------------------------------
   LOGIN — vertical centering + uniform input borders (overrides legacy resets)
   ---------------------------------------------------------------------------- */
body:has(.form-login),
.otp-login-page body,
body.otp-login-page {
    min-height: 100dvh !important;
}

.form-login {
    min-height: 100dvh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px 16px !important;
}

/* Keep centered on small screens too (legacy rule forced flex-start) */
@media (max-width: 520px) {
    .form-login {
        align-items: center !important;
        padding: 20px 14px !important;
    }
}

/* Very short viewports: allow scroll from top so card isn't clipped */
@media (max-height: 640px) {
    .form-login {
        align-items: flex-start !important;
    }
}

/* All login inputs share the SAME border / radius / height */
.form-login input[type="text"],
.form-login input[type="password"],
.form-login input[type="email"],
.form-login input[type="tel"],
.form-login input[type="number"],
.otp-phone-form input[type="text"],
.otp-phone-form input[type="tel"],
.otp-login-page input[type="text"],
.otp-login-page input[type="tel"] {
    border: 1px solid var(--ds-border-strong, #cbd5e1) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
}

.form-login input[type="text"]:focus,
.form-login input[type="password"]:focus,
.form-login input[type="email"]:focus,
.form-login input[type="tel"]:focus,
.otp-phone-form input:focus,
.otp-login-page input:focus {
    border-color: var(--ds-primary, #4f46e5) !important;
    box-shadow: var(--ds-focus-ring, 0 0 0 3px rgba(79,70,229,.14)) !important;
}

/* Mobile board must remain usable when JavaScript is blocked or unavailable. */
@media(max-width:767px){
    #board-container{
        width:100%!important;
        max-width:100%!important;
        display:block!important;
        overflow-x:auto!important;
        overflow-y:visible!important;
        border:1px solid var(--ds-border,#e2e8f0)!important;
        border-radius:14px!important;
        background:#fff!important;
        -webkit-overflow-scrolling:touch!important;
    }
    #board{
        display:table!important;
        width:max-content!important;
        min-width:100%!important;
        border-collapse:separate!important;
        border-spacing:8px 0!important;
    }
    #board.crm-single-stage{
        width:100%!important;
        min-width:100%!important;
        table-layout:fixed!important;
    }
    #board.crm-single-stage th.board-column-header,
    #board.crm-single-stage td{
        width:calc(100vw - 48px)!important;
        min-width:calc(100vw - 48px)!important;
        max-width:calc(100vw - 48px)!important;
    }
    #board [hidden]{display:none!important}
}

/* ----------------------------------------------------------------------------
   PROJECT HEADER — settings gear sits next to the filters; import dropdown
   ---------------------------------------------------------------------------- */
.project-header > .views-switcher-component { order: 1 !important; flex: 1 1 auto !important; }
.project-header > .filter-box-component { order: 2 !important; margin-inline-start: auto !important; }
.project-header > .dropdown-component { order: 3 !important; }

/* Bulk-import dropdown trigger in the views row */
.bulk-lead-import-dropdown > .dropdown-menu {
    min-height: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 14px !important;
    border: 1px solid var(--ds-primary, #4f46e5) !important;
    border-radius: 10px !important;
    background: var(--ds-primary-soft, #eef2ff) !important;
    color: var(--ds-primary, #4f46e5) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.bulk-lead-import-dropdown > .dropdown-menu:hover {
    background: var(--ds-primary, #4f46e5) !important;
    border-color: var(--ds-primary, #4f46e5) !important;
    color: #fff !important;
}

.bulk-lead-import-dropdown > .dropdown-menu i { color: inherit !important; }

@media (max-width: 600px) {
    .bulk-lead-import-dropdown-label { display: none !important; }
    .bulk-lead-import-dropdown > .dropdown-menu { padding: 0 12px !important; }
}

/* ----------------------------------------------------------------------------
   NEW / EDIT TASK MODAL — consistent form styling
   ---------------------------------------------------------------------------- */
.task-creation-form,
.task-modification-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
}

.task-creation-form .task-form-main-column,
.task-creation-form .task-form-secondary-column,
.task-creation-form .task-form-bottom {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.task-creation-form .task-form-main-column { order: 0 !important; display: flex !important; flex-direction: column !important; gap: 14px !important; }
.task-creation-form .task-form-secondary-column {
    order: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    max-height: none !important;
    overflow: visible !important;
}
.task-creation-form .task-form-bottom { order: 2 !important; }

.task-creation-form .task-option-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    min-height: 0 !important;
}

/* Labels */
.task-creation-form label,
.task-modification-form label {
    display: block !important;
    margin: 0 0 6px !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* Inputs / selects / textareas (match DS / login) */
.task-creation-form input[type="text"],
.task-creation-form select,
.task-creation-form textarea,
.task-modification-form input[type="text"],
.task-modification-form select,
.task-modification-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    border: 1px solid var(--ds-border-strong, #cbd5e1) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.task-creation-form input[type="text"]:focus,
.task-creation-form select:focus,
.task-creation-form textarea:focus,
.task-modification-form input[type="text"]:focus,
.task-modification-form select:focus,
.task-modification-form textarea:focus {
    border-color: var(--ds-primary, #4f46e5) !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .14) !important;
    outline: none !important;
}

/* Title field a touch larger */
.task-creation-form .task-form-main-column > input[type="text"] {
    min-height: 50px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

/* Description editor */
.task-creation-form .text-editor,
.task-modification-form .text-editor {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.task-creation-form .text-editor textarea,
.task-creation-form .text-editor .text-editor-preview-area {
    width: 100% !important;
    min-height: 150px !important;
    border: 1px solid var(--ds-border-strong, #cbd5e1) !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    background: #fff !important;
    line-height: 1.7 !important;
    box-sizing: border-box !important;
}

.task-creation-form .text-editor-toolbar,
.task-creation-form .text-editor-toolbar ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.task-creation-form .text-editor-toolbar a {
    min-width: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9px !important;
    color: #334155 !important;
}

.task-creation-form .text-editor-toolbar a:hover {
    background: #eef2ff !important;
    color: #4f46e5 !important;
}

/* select2 tag field height matches inputs */
.task-creation-form .select2-container,
.task-modification-form .select2-container { width: 100% !important; }

.task-creation-form .select2-selection,
.task-creation-form .select2-selection--single,
.task-creation-form .select2-selection--multiple {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    padding: 4px 8px !important;
    border: 1px solid var(--ds-border-strong, #cbd5e1) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

/* assign-me helper chip */
.task-creation-form .assign-me {
    display: inline-flex !important;
    align-items: center !important;
    height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: var(--ds-primary-soft, #eef2ff) !important;
    color: var(--ds-primary, #4f46e5) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* Submit row */
.task-creation-form .task-form-bottom,
.task-modification-form .form-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 4px !important;
}

@media (max-width: 600px) {
    .task-creation-form .task-form-secondary-column {
        grid-template-columns: 1fr !important;
    }
}

/* Lead edit modal */
.crm-lead-edit-header {
    margin: 0 0 18px !important;
    padding: 22px 24px !important;
    border: 1px solid #dbe5f1 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .06) !important;
}

.crm-lead-edit-header .crm-lead-edit-kicker {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin-bottom: 8px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #eef2ff !important;
    color: #4f46e5 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.crm-lead-edit-header h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #0f172a !important;
    font-size: clamp(24px, 2vw, 34px) !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
}

.crm-lead-edit-header h2 span {
    color: #475569 !important;
    font-weight: 800 !important;
}

.crm-lead-edit-header h2 strong {
    color: #0f172a !important;
    font-weight: 900 !important;
}

.crm-lead-edit-header h2 i {
    color: #6366f1 !important;
    font-size: .8em !important;
}

.crm-lead-edit-form,
.crm-lead-edit-fields,
.crm-lead-edit-fields .task-form-main-column,
.crm-lead-edit-fields .task-form-secondary-column,
.crm-lead-edit-fields .task-form-bottom {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.crm-lead-edit-fields {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.crm-lead-edit-fields .task-form-main-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.crm-lead-edit-fields .task-form-secondary-column {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

.crm-lead-edit-fields .task-form-secondary-column > *,
.crm-lead-edit-fields .task-option-field {
    min-width: 0 !important;
    width: 100% !important;
}

.crm-lead-edit-form label:not(.ui-helper-hidden-accessible) {
    display: block !important;
    margin: 0 0 8px !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.6 !important;
}

.crm-lead-edit-form input[type="text"],
.crm-lead-edit-form input[type="email"],
.crm-lead-edit-form input[type="tel"],
.crm-lead-edit-form input[type="number"],
.crm-lead-edit-form input[type="url"],
.crm-lead-edit-form input[type="date"],
.crm-lead-edit-form select,
.crm-lead-edit-form textarea,
.crm-lead-edit-form .select2-selection,
.crm-lead-edit-form .select2-selection--single,
.crm-lead-edit-form .select2-selection--multiple {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    border: 1px solid #d5e0ee !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .03) !important;
    box-sizing: border-box !important;
}

.crm-lead-edit-form input[type="text"],
.crm-lead-edit-form input[type="email"],
.crm-lead-edit-form input[type="tel"],
.crm-lead-edit-form input[type="number"],
.crm-lead-edit-form input[type="url"],
.crm-lead-edit-form input[type="date"],
.crm-lead-edit-form select {
    padding: 0 18px !important;
}

.crm-lead-edit-form textarea {
    padding: 16px 18px !important;
}

.crm-lead-edit-form input:focus,
.crm-lead-edit-form select:focus,
.crm-lead-edit-form textarea:focus,
.crm-lead-edit-form .select2-container--focus .select2-selection,
.crm-lead-edit-form .select2-container--open .select2-selection {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, .14) !important;
    outline: none !important;
}

.crm-lead-edit-fields .task-form-main-column > input[type="text"] {
    min-height: 60px !important;
    font-size: 17px !important;
    font-weight: 850 !important;
}

.crm-lead-edit-form .text-editor {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
}

.crm-lead-edit-form .text-editor-toolbar,
.crm-lead-edit-form .text-editor-toolbar ul {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.crm-lead-edit-form .text-editor-toolbar a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    color: #475569 !important;
    text-decoration: none !important;
}

.crm-lead-edit-form .text-editor-toolbar a:hover {
    background: #eef2ff !important;
    color: #4f46e5 !important;
}

.crm-lead-edit-form .text-editor textarea,
.crm-lead-edit-form .text-editor .text-editor-preview-area {
    min-height: 260px !important;
    border-radius: 16px !important;
    resize: vertical !important;
}

.crm-lead-edit-form .select2-container {
    width: 100% !important;
}

.crm-lead-edit-form .select2-selection--multiple {
    display: flex !important;
    align-items: center !important;
    padding: 8px 10px !important;
}

.crm-lead-edit-form .select2-selection__rendered {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.crm-lead-edit-form .select2-selection__choice {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid #c7d2fe !important;
    border-radius: 999px !important;
    background: #eef2ff !important;
    color: #3730a3 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

.crm-lead-edit-form .select2-selection__choice__remove {
    color: #6366f1 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

.crm-lead-edit-form .select2-search__field {
    min-height: 32px !important;
    margin: 0 !important;
    font-weight: 700 !important;
}

.crm-lead-edit-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
}

.crm-lead-edit-actions .btn,
.crm-lead-edit-actions button,
.crm-lead-edit-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    border-radius: 16px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.crm-lead-edit-actions .crm-lead-edit-save {
    border: 1px solid #4f46e5 !important;
    background: #4f46e5 !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(79, 70, 229, .22) !important;
}

.crm-lead-edit-actions .crm-lead-edit-cancel {
    border: 1px solid #fed7aa !important;
    background: #fff7ed !important;
    color: #ea580c !important;
}

@media (max-width: 767px) {
    .crm-lead-edit-header {
        padding: 18px !important;
        border-radius: 16px !important;
    }

    .crm-lead-edit-header h2 {
        font-size: 24px !important;
        flex-wrap: wrap !important;
    }

    .crm-lead-edit-fields .task-form-secondary-column,
    .crm-lead-edit-actions {
        grid-template-columns: 1fr !important;
    }

    .crm-lead-edit-form .text-editor textarea,
    .crm-lead-edit-form .text-editor .text-editor-preview-area {
        min-height: 220px !important;
    }
}

/* ----------------------------------------------------------------------------
   DESKTOP BOARD — deterministic columns + clean headers (fixes messy overlap)
   ---------------------------------------------------------------------------- */
@media (min-width: 768px) {
    #board-container {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
    }

    #board {
        width: max-content !important;
        min-width: 100% !important;
        table-layout: auto !important;
        border-collapse: separate !important;
        border-spacing: 12px 0 !important;
    }

    /* Uniform fixed-width columns -> no squish, no overlap */
    #board th.board-column-header,
    #board td {
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
        vertical-align: top !important;
        box-sizing: border-box !important;
    }

    /* Header cell: tidy single row, title + meta aligned */
    #board th.board-column-header {
        height: auto !important;
        padding: 10px 12px !important;
    }

    #board .board-column-expanded-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Title truncates instead of overflowing into neighbour columns */
    #board .board-column-title {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
    }

    #board .board-column-title > .dropdown,
    #board .board-column-title > .dropdown > .dropdown-menu {
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Right-side meta (count + sort) stays compact and inline */
    #board .board-column-header-task-count,
    #board .board-column-expanded-header .pull-right {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 !important;
        float: none !important;
    }

    /* New-task add button in header kept small */
    #board .board-add-icon,
    #board .board-column-expanded-header > a:first-child {
        flex: 0 0 auto !important;
    }
}

/* ----------------------------------------------------------------------------
   CREATE / EDIT PROJECT (مسیر فروش) MODAL — consistent form styling
   ---------------------------------------------------------------------------- */
#project-creation-form,
#project-modification-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
}

#project-creation-form > label,
#project-modification-form > label {
    display: block !important;
    margin: 14px 0 6px !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

#project-creation-form input[type="text"],
#project-creation-form input[type="number"],
#project-creation-form select,
#project-modification-form input[type="text"],
#project-modification-form input[type="number"],
#project-modification-form select {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    border: 1px solid var(--ds-border-strong, #cbd5e1) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

#project-creation-form input[type="text"]:focus,
#project-creation-form input[type="number"]:focus,
#project-creation-form select:focus,
#project-modification-form input:focus,
#project-modification-form select:focus {
    border-color: var(--ds-primary, #4f46e5) !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .14) !important;
    outline: none !important;
}

#project-creation-form .form-help {
    margin: 6px 0 2px !important;
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

/* Checkbox rows: box + text aligned on one line */
#project-creation-form label:has(input[type="checkbox"]),
#project-modification-form label:has(input[type="checkbox"]) {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    margin: 12px 0 0 !important;
    padding: 10px 12px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    cursor: pointer !important;
}

#project-creation-form label:has(input[type="checkbox"]) input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 20px !important;
    height: 20px !important;
    margin: 1px 0 0 !important;
    accent-color: var(--ds-primary, #4f46e5) !important;
}

#project-creation-form .js-project-creation-options {
    margin-top: 12px !important;
    padding: 14px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    /* no !important display — lets the core JS hide() (inline display:none) work
       when "do not duplicate" is selected */
}

#project-creation-form .js-project-creation-options .alert {
    margin: 0 0 6px !important;
}

/* Submit column: primary button on top, text-only cancel below.
   Must target the inner .form-actions too — the JS component nests the actual
   button + "or" + cancel inside <div class="form-actions">, so column on the
   outer container alone leaves the buttons in a row. */
#project-creation-form .form-actions,
#project-creation-form .form-actions,
#project-modification-form .form-actions,
#project-modification-form .form-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin-top: 20px !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--ds-border, #e2e8f0) !important;
    text-align: center !important;
}

#main #project-creation-form .form-actions button,
#main #project-creation-form .form-actions button.btn,
#project-modification-form .form-actions button {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--ds-primary, #4f46e5) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.06) !important;
    cursor: pointer !important;
}

#main #project-creation-form .form-actions button:hover,
#project-modification-form .form-actions button:hover {
    background: var(--ds-primary-hover, #4338ca) !important;
}

/* "or" separator subtle */
#project-creation-form .form-actions > span,
#project-modification-form .form-actions > span {
    color: #94a3b8 !important;
    font-size: 13px !important;
}

/* Cancel = full-width text-only button, centered below submit */
#main #project-creation-form .form-actions a,
#project-modification-form .form-actions a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 40px !important;
    padding: 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

#main #project-creation-form .form-actions a:hover,
#project-modification-form .form-actions a:hover {
    color: #dc2626 !important;
}

/* ----------------------------------------------------------------------------
   MOBILE PROJECT HEADER — FINAL authoritative layout
   (overrides the non-media-query desktop reorder rules above)
   ---------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .project-header {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 0 !important;                 /* no flex gap; spacing handled explicitly */
        padding: 12px !important;
        overflow: visible !important;
    }
    .project-header > * { overflow: visible !important; }

    /* Row 1+2: view tabs and import button (full width) */
    .project-header > .views-switcher-component {
        order: 1 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        margin: 0 0 10px !important;
        overflow: visible !important;
    }
    .project-header .views {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }
    .project-header .views li:not(.bulk-lead-toolbar-action) {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
    .project-header .views li:not(.bulk-lead-toolbar-action) a {
        width: 100% !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    /* Import = full-width labelled button */
    .project-header .views li.bulk-lead-toolbar-action {
        flex: 1 1 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .project-header .views li.bulk-lead-toolbar-action .bulk-lead-import-dropdown,
    .project-header .views li.bulk-lead-toolbar-action .bulk-lead-import-dropdown > .dropdown-menu {
        width: 100% !important;
    }
    .project-header .views li.bulk-lead-toolbar-action .bulk-lead-import-dropdown > .dropdown-menu {
        height: 44px !important;
        gap: 8px !important;
        justify-content: center !important;
    }
    .bulk-lead-import-dropdown-label { display: inline !important; }

    /* Row 3: settings gear + filter icons — one tight group, no space between */
    .project-header > .filter-box-component {
        order: 2 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    .project-header > .dropdown-component {
        order: 3 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
}

/* ----------------------------------------------------------------------------
   PROJECT LIST PAGE — full-width action dropdown + styled search
   ---------------------------------------------------------------------------- */
.crm-list-actions {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
}

.crm-actions-dropdown { width: 100% !important; }

.crm-actions-trigger {
    width: 100% !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--ds-primary, #4f46e5) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.06) !important;
}

.crm-actions-trigger:hover { background: var(--ds-primary-hover, #4338ca) !important; color: #fff !important; }
.crm-actions-trigger i { color: #fff !important; }

.crm-list-search { margin: 0 0 14px !important; }

.crm-list-search .search,
.crm-list-search form { width: 100% !important; }

.crm-list-search input[type="text"] {
    width: 100% !important;
    min-height: 48px !important;
    padding: 10px 16px !important;
    border: 1px solid var(--ds-border-strong, #cbd5e1) !important;
    border-radius: 12px !important;
    background: #fff !important;
    font-size: 16px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.crm-list-search input[type="text"]:focus {
    border-color: var(--ds-primary, #4f46e5) !important;
    box-shadow: 0 0 0 3px rgba(79,70,229,.14) !important;
    outline: none !important;
}

/* ----------------------------------------------------------------------------
   USER PROFILE / VIEW PAGE — modern sidebar nav + clean sections
   ---------------------------------------------------------------------------- */
#user-section {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.user-management-actions {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
}

.user-management-actions ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.user-management-actions li { margin: 0 !important; }

.user-management-actions li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--ds-text, #0f172a) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.user-management-actions li a:hover {
    border-color: var(--ds-primary-border, #c7d2fe) !important;
    background: var(--ds-primary-soft, #eef2ff) !important;
    color: var(--ds-primary, #4f46e5) !important;
}

/* Sidebar nav as a clean card with vertical links */
#user-section > .sidebar-container { gap: 16px !important; }

#user-section .sidebar {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

#user-section .sidebar-title { padding: 6px 8px 10px !important; }
#user-section .sidebar-title h2 {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--ds-text, #0f172a) !important;
}

#user-section .sidebar ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: visible !important;
}

#user-section .sidebar li {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    white-space: normal !important;
}

#user-section .sidebar li a {
    display: block !important;
    width: 100% !important;
    min-height: 42px !important;
    line-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    color: var(--ds-text-muted, #64748b) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#user-section .sidebar li.active,
#user-section .sidebar li:hover { background: var(--ds-primary-soft, #eef2ff) !important; }
#user-section .sidebar li.active a,
#user-section .sidebar li:hover a { color: var(--ds-primary, #4f46e5) !important; }

#user-section .sidebar-content { width: 100% !important; padding: 0 !important; }

/* Summary / security / preferences sections -> clean cards */
#user-section .sidebar-content .page-header {
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#user-section .sidebar-content .page-header h2 {
    margin: 0 !important;
    padding: 0 0 8px !important;
    border-bottom: 2px solid var(--ds-primary-soft, #eef2ff) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--ds-text, #0f172a) !important;
}

#user-section .sidebar-content > ul,
#user-section .sidebar-content .listing {
    margin: 0 0 20px !important;
    padding: 16px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
    list-style: none !important;
}

#user-section .sidebar-content > ul li,
#user-section .sidebar-content .listing li {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 9px 0 !important;
    border-bottom: 1px solid var(--ds-border, #e2e8f0) !important;
    line-height: 1.7 !important;
    list-style: none !important;
}

#user-section .sidebar-content > ul li:last-child,
#user-section .sidebar-content .listing li:last-child { border-bottom: 0 !important; }

/* ============================================================================
   SETTINGS / USER / ADMIN PAGES — high-specificity modern styling
   Scoped to #main so it beats base light.min.css and legacy rules decisively.
   ============================================================================ */

/* --- Section headers (Summary / Security / Preferences / etc.) --- */
#main .sidebar-content .page-header,
#main section .page-header:not(.dashboard-actions):not(.crm-list-actions) {
    margin: 18px 0 12px !important;
    padding: 0 0 8px !important;
    border: 0 !important;
    border-bottom: 2px solid var(--ds-primary-soft, #eef2ff) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
#main .sidebar-content .page-header h2,
#main section .page-header:not(.dashboard-actions):not(.crm-list-actions) h2 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: var(--ds-text, #0f172a) !important;
}

/* --- Inputs / selects / textareas --- */
#main input[type="text"]:not(.input-addon-field),
#main input[type="email"],
#main input[type="password"],
#main input[type="number"],
#main input[type="date"],
#main input[type="tel"],
#main input[type="url"],
#main input[type="search"],
#main select,
#main textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin: 0 0 4px !important;
    padding: 10px 14px !important;
    border: 1px solid var(--ds-border-strong, #cbd5e1) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--ds-text, #0f172a) !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}
#main textarea { min-height: 120px !important; line-height: 1.7 !important; }
#main input:focus,
#main select:focus,
#main textarea:focus {
    border-color: var(--ds-primary, #4f46e5) !important;
    box-shadow: 0 0 0 3px rgba(79,70,229,.14) !important;
    outline: none !important;
}
#main label {
    display: block !important;
    margin: 14px 0 6px !important;
    color: var(--ds-text, #0f172a) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
#main .form-help {
    margin: 6px 0 2px !important;
    color: var(--ds-text-muted, #64748b) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}
#main input[type="checkbox"],
#main input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    min-height: 0 !important;
    margin: 0 0 0 8px !important;
    accent-color: var(--ds-primary, #4f46e5) !important;
    vertical-align: middle !important;
}
#main label:has(> input[type="checkbox"]),
#main label:has(> input[type="radio"]) {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 9px !important;
    margin: 10px 0 0 !important;
    font-weight: 600 !important;
}

/* --- Submit buttons: primary, normal size (not huge, not white) --- */
#main input[type="submit"],
#main button[type="submit"],
#main .form-actions button,
#main .form-actions .btn-blue,
#main button.btn-blue,
#main a.btn-blue {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 150px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--ds-primary, #4f46e5) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.06) !important;
    cursor: pointer !important;
}
#main input[type="submit"]:hover,
#main button[type="submit"]:hover,
#main .form-actions button:hover,
#main .btn-blue:hover {
    background: var(--ds-primary-hover, #4338ca) !important;
    color: #fff !important;
}

/* Cancel / secondary link next to submit -> text button */
#main .form-actions a,
#main .form-actions > a:not(.btn) {
    display: inline-flex !important;
    align-items: center !important;
    height: 46px !important;
    padding: 0 10px !important;
    color: var(--ds-text-muted, #64748b) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
#main .form-actions a:hover { color: #dc2626 !important; }

/* Submit rows sit on a card-ish footer */
#main .form-actions,
#main form > .form-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 18px !important;
}

/* --- Tables: modern, scroll-contained --- */
#main .table-scrolling,
#main .listing > table,
#main table.table-striped,
#main table.table-fixed {
    width: 100% !important;
}
#main .table-scrolling,
#main .table-list {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
#main table.table-striped,
#main table.table-fixed,
#main .sidebar-content table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
}
#main .sidebar-content table th,
#main table.table-striped th,
#main table.table-fixed th {
    padding: 12px 14px !important;
    background: var(--ds-surface-muted, #f8fafc) !important;
    color: var(--ds-text-muted, #64748b) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ds-border, #e2e8f0) !important;
    white-space: nowrap !important;
}
#main .sidebar-content table td,
#main table.table-striped td,
#main table.table-fixed td {
    padding: 11px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ds-border, #e2e8f0) !important;
    color: var(--ds-text, #0f172a) !important;
    font-size: 14px !important;
}
#main .sidebar-content table tr:last-child td { border-bottom: 0 !important; }
#main .sidebar-content table tr:hover td,
#main table.table-striped tr:hover td { background: var(--ds-surface-muted, #f8fafc) !important; }

/* --- File input (avatar upload) styled --- */
#main input[type="file"] {
    width: 100% !important;
    padding: 10px 14px !important;
    border: 1px dashed var(--ds-border-strong, #cbd5e1) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

/* --- panels inside settings get card look --- */
#main .sidebar-content .panel,
#main fieldset {
    margin: 0 0 18px !important;
    padding: 16px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
#main fieldset legend {
    padding: 0 6px !important;
    font-weight: 800 !important;
    color: var(--ds-text, #0f172a) !important;
}

/* Projects action dropdown trigger -> primary (high specificity) */
#main .crm-actions-trigger,
#main a.crm-actions-trigger.dropdown-menu {
    background: var(--ds-primary, #4f46e5) !important;
    color: #fff !important;
    border: 0 !important;
}
#main .crm-actions-trigger:hover { background: var(--ds-primary-hover, #4338ca) !important; color: #fff !important; }
#main .crm-actions-trigger i { color: #fff !important; }

/* Sales lead card: dedicated CRM presentation. */
.sales-board-card{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:14px!important;
    overflow:visible!important;
    border:1px solid #dbe3ef!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(15,23,42,.04)!important;
    transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.sales-board-card:hover{
    border-color:#c7d2fe!important;
    box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
    transform:translateY(-1px)!important;
}
.sales-board-card .task-board-expanded{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    min-width:0!important;
    gap:12px!important;
}
.sales-board-card .task-board-header{
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0!important;
}
html[dir=rtl] .sales-board-card .task-board-header{justify-content:flex-start!important}
.sales-lead-id-group{
    width:max-content!important;
    min-height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    overflow:hidden!important;
    border:1px solid #dbe3ef!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    box-shadow:none!important;
}
.sales-lead-id-group>.dropdown{
    height:36px!important;
    display:flex!important;
    align-items:center!important;
}
.sales-lead-id-group>.dropdown>a.dropdown-menu,
.sales-lead-id-group>.dropdown>a.dropdown-menu-link-icon{
    width:auto!important;
    min-width:54px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#334155!important;
    font-size:13px!important;
    font-weight:900!important;
}
.sales-lead-id-group .task-board-avatars{
    min-width:40px!important;
    height:36px!important;
    margin:0!important;
    padding:0 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-inline-start:1px solid #dbe3ef!important;
}
.sales-lead-id-group .task-board-assignee,
.sales-lead-id-group .task-board-change-assignee{
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
}
.sales-lead-id-group .avatar,
.sales-lead-id-group .avatar-letter,
.sales-lead-id-group .avatar img{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    margin:0!important;
    border:0!important;
    border-radius:999px!important;
    box-shadow:none!important;
    font-size:11px!important;
    line-height:26px!important;
}
.sales-board-card .task-board-title{
    width:100%!important;
    margin:0!important;
    padding:2px 0!important;
    color:#0f172a!important;
    font-size:16px!important;
    font-weight:900!important;
    line-height:1.65!important;
    text-align:start!important;
    overflow-wrap:anywhere!important;
}
.sales-board-card .task-board-title a{color:#0f172a!important}
.sales-board-card .task-board-category-container,
.sales-board-card .task-tags{margin:0!important}
.sales-board-card .sales-task-tags,
.admin-board-card .sales-task-tags{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    margin:0 0 6px!important;
    padding:0!important;
}
.sales-board-card .sales-task-tags ul,
.admin-board-card .sales-task-tags ul{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}
.sales-board-card .sales-task-tags li.task-tag,
.admin-board-card .sales-task-tags li.task-tag{
    min-width:0!important;
    max-width:100%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:5px 9px!important;
    border:1px solid #dbeafe!important;
    border-radius:999px!important;
    background:#eff6ff!important;
    color:#1d4ed8!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}
html[dir=rtl] .sales-board-card .sales-task-tags ul,
html[dir=rtl] .admin-board-card .sales-task-tags ul{justify-content:flex-start!important}
.sales-board-card .task-board-lead-badges{
    justify-content:flex-start!important;
    margin-top:2px!important;
}
.sales-board-card .task-board-icons,
.sales-board-card .task-board-icons-row,
.sales-board-card .task-icon-age,
.sales-board-card .task-priority,
.sales-board-card .task-board-reference{display:none!important}

.sales-lead-actions{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:8px!important;
    margin:2px 0 0!important;
    padding:0!important;
}
.sales-lead-action{min-width:0!important;position:relative!important}
.sales-lead-action-call{display:contents!important}
.sales-lead-action-column{order:3!important}
.sales-lead-action-result{order:3!important}
.sales-board-card:has(.sales-column-control[open]){z-index:1000!important}
.sales-lead-action-column:has(.sales-column-control[open]){z-index:1001!important}
.sales-lead-action-column .sales-column-control[open]{z-index:1002!important}
#board td:has(.sales-column-control[open]),
#board .board-task-list:has(.sales-column-control[open]){overflow:visible!important;z-index:1000!important}
.sales-lead-actions .lead-call-button{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    box-sizing:border-box!important;
    border:1px solid #bbf7d0!important;
    border-radius:10px!important;
    background:#f0fdf4!important;
    color:#166534!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.sales-lead-actions .lead-call-button span{
    direction:inherit!important;
    unicode-bidi:normal!important;
}
.sales-lead-action-call>.lead-call-button,
.sales-lead-actions .sales-lead-call-primary{
    grid-column:1/-1!important;
    order:1!important;
    width:100%!important;
}
.sales-lead-actions .lead-sms-button{
    order:2!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    box-sizing:border-box!important;
    border:1px solid #bfdbfe!important;
    border-radius:10px!important;
    background:#eff6ff!important;
    color:#1d4ed8!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.sales-lead-actions .lead-sms-button:hover{
    border-color:#93c5fd!important;
    background:#dbeafe!important;
    color:#1e40af!important;
}
.sales-lead-actions .lead-sms-button span{
    direction:inherit!important;
    unicode-bidi:normal!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.sales-lead-actions .seller-btn--result,
.sales-lead-row-actions .seller-btn--result{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    box-sizing:border-box!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}
.sales-lead-action-column .sales-column-control{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    z-index:20!important;
}
.sales-lead-action-column .sales-column-control>summary{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    box-sizing:border-box!important;
    list-style:none!important;
    cursor:pointer!important;
    border:1px solid #dbe3ef!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    color:#334155!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.sales-lead-action-column .sales-column-control>summary::-webkit-details-marker{display:none!important}
.sales-lead-action-column .sales-column-control>summary:hover{
    border-color:#c7d2fe!important;
    background:#eef2ff!important;
    color:#4338ca!important;
}
/* Bare .sales-column-popover scope (NOT .sales-lead-action-column .sales-column-popover):
   modern-theme.js portals the popover to <body> on open to escape the card's
   transform/overflow, so its styling must not depend on a board ancestor. */
.sales-column-popover{
    position:absolute!important;
    inset-block-start:calc(100% + 8px)!important;
    inset-inline-end:0!important;
    width:min(264px,calc(100vw - 32px))!important;
    max-height:min(340px,70vh)!important;
    margin:0!important;
    padding:6px!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    border:1px solid #e6e8f5!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 24px 48px -12px rgba(15,23,42,.22)!important;
    z-index:1003!important;
    -webkit-overflow-scrolling:touch!important;
}
/* entrance animation — attribute selector + portaled class, no :has() (webview-safe) */
.sales-lead-action-column .sales-column-control[open] .sales-column-popover,
.sales-column-popover--portaled{
    animation:salesColPopIn .14s ease-out!important;
}
@keyframes salesColPopIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}

.sales-column-popover .sales-column-popover-head{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 4px!important;
    padding:6px 10px 8px!important;
    border-bottom:1px solid #f1f3f9!important;
}
.sales-column-popover .sales-column-popover-ico{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;height:24px!important;
    border-radius:7px!important;
    background:linear-gradient(135deg,#6366f1,#4f46e5)!important;
    color:#fff!important;font-size:11px!important;
}
.sales-column-popover .sales-column-popover-title{
    color:#0f172a!important;font-size:12.5px!important;font-weight:850!important;
}

.sales-column-popover form{width:100%!important;display:block!important;}

/* Click-to-move column list (no <select>, no Save). Each option is a submit
   button that moves the task to that column immediately. */
.sales-column-popover .sales-column-list{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
}
.sales-column-popover .sales-column-list li{margin:0!important;padding:0!important;}
.sales-column-popover .sales-column-list .sales-column-option{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:9px!important;
    width:100%!important;
    height:auto!important;
    min-height:40px!important;
    margin:0!important;
    padding:9px 12px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#334155!important;
    font-size:13.5px!important;
    font-weight:700!important;
    text-align:start!important;
    cursor:pointer!important;
    transition:background .12s ease,color .12s ease!important;
}
/* leading status dot */
.sales-column-popover .sales-column-list .sales-column-option-title{
    flex:1 1 auto!important;min-width:0!important;
    display:flex!important;align-items:center!important;gap:9px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.sales-column-popover .sales-column-list .sales-column-option-title::before{
    content:""!important;flex:0 0 auto!important;
    width:8px!important;height:8px!important;border-radius:50%!important;
    background:#cbd5e1!important;box-shadow:0 0 0 3px #eef1f7!important;
    transition:background .12s ease,box-shadow .12s ease!important;
}
.sales-column-popover .sales-column-list .sales-column-option:hover{background:#eef2ff!important;color:#4338ca!important;}
.sales-column-popover .sales-column-list .sales-column-option:hover .sales-column-option-title::before{background:#818cf8!important;box-shadow:0 0 0 3px #e0e7ff!important;}
.sales-column-popover .sales-column-list .sales-column-option.is-current{background:#eef2ff!important;color:#4338ca!important;font-weight:850!important;}
.sales-column-popover .sales-column-list .sales-column-option.is-current .sales-column-option-title::before{background:#4f46e5!important;box-shadow:0 0 0 3px #c7d2fe!important;}
.sales-column-popover .sales-column-list .sales-column-option-check{flex:0 0 auto!important;font-size:11px!important;color:#4f46e5!important;}
@media(max-width:420px){
    .sales-board-card{padding:12px!important}
    .sales-lead-actions{gap:6px!important}
    .sales-lead-actions .lead-call-button,
    .sales-lead-actions .lead-sms-button,
    .sales-lead-action-column .sales-column-control>summary{padding-inline:7px!important;font-size:12px!important}
}

/* Sales lead list: horizontal compact version of the board lead card. */
.project-header+.sales-lead-list-horizontal{
    gap:9px!important;
    overflow:visible!important;
}
.sales-lead-list-horizontal>.table-list-header{
    margin-bottom:1px!important;
}
.sales-lead-list-horizontal>.sales-lead-row{
    position:relative!important;
    width:100%!important;
    min-height:84px!important;
    height:auto!important;
    margin:0!important;
    padding:11px 16px!important;
    display:grid!important;
    grid-template-columns:minmax(210px,1.15fr) minmax(260px,1.45fr) minmax(220px,1.1fr) auto!important;
    align-items:center!important;
    gap:10px 16px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    border:1px solid #dbe3ef!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease!important;
}
html[dir=rtl] .sales-lead-list-horizontal>.sales-lead-row{
    border-right:3px solid transparent!important;
}
.sales-lead-list-horizontal>.sales-lead-row:hover{
    border-color:#c7d2fe!important;
    box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
    transform:translateY(-1px)!important;
}
.sales-lead-list-horizontal>.sales-lead-row:has(input[type="checkbox"]:checked){
    border-color:#c7d2fe!important;
    background:#f8faff!important;
    box-shadow:0 8px 22px rgba(79,70,229,.08)!important;
}
.sales-lead-list-horizontal>.sales-lead-row.is-selected{
    border-color:#c7d2fe!important;
    background:#f8faff!important;
    box-shadow:0 8px 22px rgba(79,70,229,.08)!important;
}
html[dir=rtl] .sales-lead-list-horizontal>.sales-lead-row.is-overdue{
    border-right-color:#f97316!important;
}
.sales-lead-list-horizontal>.sales-lead-row.is-closed{
    opacity:.72!important;
}
.sales-lead-list-horizontal>.sales-lead-row>div{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}
.sales-lead-row-identity{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
}
.sales-lead-row-select{
    width:21px!important;
    min-width:21px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
}
.sales-lead-row-id{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    max-width:84px!important;
}
.sales-lead-row-id>.dropdown{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    height:30px!important;
    margin:0!important;
}
.sales-lead-row-id>.dropdown>a.dropdown-menu,
.sales-lead-row-id>.dropdown>a.dropdown-menu-link-icon,
.sales-lead-row-id-static{
    width:auto!important;
    min-width:54px!important;
    height:30px!important;
    min-height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    margin:0!important;
    padding:0 9px!important;
    box-sizing:border-box!important;
    border:1px solid #dbe3ef!important;
    border-radius:999px!important;
    background:#f8fafc!important;
    color:#334155!important;
    box-shadow:none!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.sales-lead-row-id>.dropdown>a.dropdown-menu strong,
.sales-lead-row-id>.dropdown>a.dropdown-menu-link-icon strong{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    color:inherit!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:1!important;
}
.sales-lead-row-id .fa-caret-down{
    color:#94a3b8!important;
    font-size:10px!important;
}
.sales-lead-row-title{
    min-width:0!important;
    flex:1 1 auto!important;
    display:block!important;
    color:#0f172a!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1.55!important;
}
.sales-lead-row-title a{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#0f172a!important;
    text-decoration:none!important;
}
.sales-lead-row-title a:hover{
    color:#3730a3!important;
}
.sales-lead-row-context{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
}
.sales-lead-row-breadcrumb{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.4!important;
    white-space:nowrap!important;
}
.sales-lead-row-breadcrumb span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.sales-lead-row-breadcrumb span:first-child{
    max-width:36%!important;
}
.sales-lead-row-breadcrumb span:nth-of-type(2){
    max-width:30%!important;
}
.sales-lead-row-breadcrumb i{
    flex:0 0 auto!important;
    margin:0!important;
    color:#cbd5e1!important;
    font-size:11px!important;
}
.sales-lead-row-breadcrumb strong{
    flex:0 0 auto!important;
    max-width:40%!important;
    min-height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:3px 9px!important;
    border:1px solid #c7d2fe!important;
    border-radius:999px!important;
    background:#eef2ff!important;
    color:#3730a3!important;
    font-size:12px!important;
    font-weight:900!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.sales-lead-row-badges{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    max-height:28px!important;
    overflow:hidden!important;
}
.sales-lead-row-tag,
.sales-lead-list-horizontal .task-list-tag{
    min-height:24px!important;
    max-width:150px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:4px 8px!important;
    border:1px solid #dbeafe!important;
    border-radius:999px!important;
    background:#eff6ff!important;
    color:#1d4ed8!important;
    font-size:11.5px!important;
    font-weight:850!important;
    line-height:1.2!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.sales-lead-row-tag a{
    color:inherit!important;
    text-decoration:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.sales-lead-row-meta{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px 12px!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:750!important;
    line-height:1.45!important;
}
.sales-lead-row-meta>span{
    min-width:0!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    white-space:nowrap!important;
}
.sales-lead-row-meta i{
    margin:0!important;
    color:#64748b!important;
    font-size:12px!important;
}
.sales-lead-row-owner{
    max-width:128px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.sales-lead-row-owner .task-board-avatars{
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
}
.sales-lead-row-owner .avatar,
.sales-lead-row-owner .avatar-letter,
.sales-lead-row-owner .avatar img{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    margin:0!important;
    border:0!important;
    border-radius:999px!important;
    box-shadow:none!important;
    font-size:10px!important;
    line-height:22px!important;
}
.sales-lead-row-alert{
    color:#c2410c!important;
    font-weight:900!important;
}
.sales-lead-row-alert i{
    color:#f97316!important;
}
.sales-lead-row-actions{
    min-width:150px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
}
.sales-lead-row-actions .lead-call-button{
    width:auto!important;
    min-width:78px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    border:1px solid #bbf7d0!important;
    border-radius:10px!important;
    background:#f0fdf4!important;
    color:#166534!important;
    font-size:13px!important;
    font-weight:900!important;
}
.sales-lead-row-actions .lead-call-button:hover,
.sales-lead-row-actions .lead-call-button:focus{
    border-color:#86efac!important;
    background:#dcfce7!important;
    color:#14532d!important;
}
.sales-lead-row-actions .lead-call-button.is-disabled,
.sales-lead-row-actions .lead-call-button:disabled{
    cursor:not-allowed!important;
    opacity:.55!important;
    background:#f8fafc!important;
    border-color:#e2e8f0!important;
    color:#94a3b8!important;
}
.sales-lead-row-actions .sales-column-control{
    position:relative!important;
    width:auto!important;
    height:38px!important;
    margin:0!important;
}
.sales-lead-row-actions .sales-column-control>summary{
    width:auto!important;
    min-width:108px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    border-radius:10px!important;
}
.sales-lead-row-actions .sales-column-popover{
    inset-inline-end:auto!important;
    inset-inline-start:0!important;
}
@media(max-width:1120px){
    .sales-lead-list-horizontal>.sales-lead-row{
        grid-template-columns:minmax(190px,1.15fr) minmax(220px,1.35fr) minmax(170px,1fr) auto!important;
        gap:10px!important;
        padding-inline:13px!important;
    }
    .sales-lead-row-meta>span:not(.sales-lead-row-owner):nth-child(2){
        display:none!important;
    }
}
@media(max-width:767px){
    .sales-lead-list-horizontal>.sales-lead-row{
        min-height:92px!important;
        padding:11px 12px!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:8px 10px!important;
    }
    .sales-lead-row-identity{
        grid-column:1/2!important;
        gap:7px!important;
    }
    .sales-lead-row-title{
        font-size:14.5px!important;
    }
    .sales-lead-row-context{
        grid-column:1/-1!important;
        order:3!important;
        gap:5px!important;
    }
    .sales-lead-row-breadcrumb span,
    .sales-lead-row-breadcrumb i{
        display:none!important;
    }
    .sales-lead-row-breadcrumb strong{
        max-width:100%!important;
    }
    .sales-lead-row-badges{
        flex-wrap:nowrap!important;
    }
    .sales-lead-row-meta{
        grid-column:1/2!important;
        order:4!important;
        gap:6px!important;
        font-size:11.5px!important;
    }
    .sales-lead-row-meta>span:nth-child(2),
    .sales-lead-row-owner{
        display:none!important;
    }
    .sales-lead-row-actions{
        grid-column:2/3!important;
        grid-row:1/3!important;
        min-width:86px!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:center!important;
        gap:6px!important;
    }
    .sales-lead-row-actions .lead-call-button{
        width:86px!important;
        min-width:86px!important;
        height:36px!important;
        min-height:36px!important;
        padding:0 8px!important;
        font-size:12.5px!important;
    }
    .sales-lead-row-actions .sales-column-control>summary{
        width:86px!important;
        min-width:86px!important;
        height:34px!important;
        min-height:34px!important;
        padding:0 6px!important;
        font-size:0!important;
    }
    .sales-lead-row-actions .sales-column-control>summary i{
        font-size:13px!important;
    }
    .sales-lead-row-actions .sales-column-control-label{
        display:none!important;
    }
}

@media(max-width:767px){
    .sales-lead-list-horizontal>.sales-lead-row{
        min-height:94px!important;
        padding:8px 10px!important;
        align-items:start!important;
        grid-template-columns:minmax(0,1fr) 88px!important;
        grid-template-rows:auto auto auto!important;
        gap:4px 8px!important;
    }
    .sales-lead-row-context{
        grid-column:1/2!important;
        grid-row:2!important;
        order:0!important;
        align-self:start!important;
        margin-top:0!important;
    }
    .sales-lead-row-meta{
        display:none!important;
    }
    .sales-lead-row-actions{
        grid-column:2/3!important;
        grid-row:1/4!important;
        align-self:start!important;
        padding-top:1px!important;
        min-width:86px!important;
    }
    .sales-lead-row-actions .sales-column-control,
    .sales-lead-row-meta>.sales-lead-row-owner,
    .sales-lead-row-meta>span:nth-child(2){
        display:none!important;
    }
    .sales-lead-row-badges{
        display:none!important;
    }
    .sales-lead-row-breadcrumb{
        min-height:24px!important;
    }
    .sales-lead-row-breadcrumb strong{
        min-height:24px!important;
        padding:2px 8px!important;
        font-size:11.5px!important;
    }
    .sales-lead-row-meta>span{
        max-width:100%!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
}

/* Modern native controls. Values and form behavior remain unchanged. */
input[type="checkbox"],
input[type="radio"],
#main input[type="checkbox"],
#main input[type="radio"]{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    min-height:21px!important;
    margin:0!important;
    display:inline-grid!important;
    place-content:center!important;
    flex:0 0 21px!important;
    border:1.5px solid #cbd5e1!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
    cursor:pointer!important;
    transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
}
input[type="checkbox"],#main input[type="checkbox"]{border-radius:6px!important}
input[type="radio"],#main input[type="radio"]{border-radius:999px!important}
input[type="checkbox"]::before,
input[type="radio"]::before{
    content:""!important;
    display:block!important;
    transform:scale(0)!important;
    transition:transform .12s ease!important;
}
input[type="checkbox"]::before{
    width:5px!important;
    height:10px!important;
    margin-top:-2px!important;
    border-right:2px solid #fff!important;
    border-bottom:2px solid #fff!important;
    transform:rotate(45deg) scale(0)!important;
}
input[type="radio"]::before{
    width:9px!important;
    height:9px!important;
    border-radius:999px!important;
    background:#fff!important;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked{
    border-color:#4f46e5!important;
    background:#4f46e5!important;
}
input[type="checkbox"]:checked::before{transform:rotate(45deg) scale(1)!important}
input[type="radio"]:checked::before{transform:scale(1)!important}
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible{
    outline:0!important;
    box-shadow:0 0 0 4px rgba(79,70,229,.15)!important;
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled{opacity:.45!important;cursor:not-allowed!important}
#main label:has(> input[type="checkbox"]),
#main label:has(> input[type="radio"]){
    min-height:40px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin:4px 0!important;
    padding:7px 10px!important;
    border-radius:10px!important;
    color:#334155!important;
    font-size:14px!important;
    font-weight:650!important;
    line-height:1.55!important;
    cursor:pointer!important;
    transition:background .15s ease,color .15s ease!important;
}
#main label:has(> input[type="checkbox"]):hover,
#main label:has(> input[type="radio"]):hover{background:#f8fafc!important;color:#0f172a!important}
html[dir=rtl] #main label:has(> input[type="checkbox"]),
html[dir=rtl] #main label:has(> input[type="radio"]){direction:rtl!important}

/* Social-style avatar editor. */
.profile-avatar-section{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(280px,460px)!important;
    align-items:center!important;
    gap:24px!important;
    margin:0 0 22px!important;
    padding:22px!important;
    border:1px solid #e2e8f0!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,#fff,#f8fafc)!important;
    box-shadow:0 10px 30px rgba(15,23,42,.06)!important;
}
.profile-avatar-section-copy h3{
    margin:0 0 8px!important;
    color:#0f172a!important;
    font-size:22px!important;
    font-weight:900!important;
}
.profile-avatar-section-copy p{
    margin:0!important;
    color:#64748b!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.8!important;
}
.profile-avatar-section .profile-avatar-editor{width:100%!important;margin:0!important}
@media (max-width:768px){
    .profile-avatar-section{grid-template-columns:1fr!important;padding:16px!important}
    .profile-avatar-section-copy{text-align:center!important}
}
.profile-avatar-header{margin-bottom:18px!important}
.profile-avatar-editor{
    position:relative!important;
    width:min(100%,460px)!important;
    margin:0 auto!important;
    padding:24px!important;
    box-sizing:border-box!important;
    border:1px solid #e2e8f0!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 8px 28px rgba(15,23,42,.06)!important;
}
.profile-avatar-upload{margin:0!important}
.profile-avatar-file,
#main .profile-avatar-file{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
.profile-avatar-dropzone,
#main .profile-avatar-dropzone{
    width:100%!important;
    min-height:250px!important;
    margin:0!important;
    padding:20px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:1.5px dashed #cbd5e1!important;
    border-radius:16px!important;
    background:#f8fafc!important;
    color:#0f172a!important;
    text-align:center!important;
    cursor:pointer!important;
    transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.profile-avatar-dropzone:hover,
.profile-avatar-dropzone:focus-visible,
.profile-avatar-dropzone.is-dragging{
    outline:0!important;
    border-color:#818cf8!important;
    background:#eef2ff!important;
    box-shadow:0 0 0 4px rgba(79,70,229,.1)!important;
}
.profile-avatar-dropzone.is-uploading{pointer-events:none!important;opacity:.65!important}
.profile-avatar-preview{
    position:relative!important;
    width:128px!important;
    height:128px!important;
    display:grid!important;
    place-items:center!important;
    margin-bottom:6px!important;
    border:5px solid #fff!important;
    border-radius:999px!important;
    background:#e2e8f0!important;
    box-shadow:0 8px 24px rgba(15,23,42,.14)!important;
}
.profile-avatar-preview .avatar,
.profile-avatar-preview .avatar img,
.profile-avatar-preview .avatar-letter{
    width:118px!important;
    height:118px!important;
    min-width:118px!important;
    min-height:118px!important;
    margin:0!important;
    border-radius:999px!important;
    object-fit:cover!important;
    font-size:38px!important;
    line-height:118px!important;
    box-shadow:none!important;
}
.profile-avatar-placeholder{
    width:118px!important;
    height:118px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#e2e8f0!important;
    color:#64748b!important;
    font-size:46px!important;
}
.profile-avatar-camera{
    position:absolute!important;
    inset-inline-end:-2px!important;
    inset-block-end:4px!important;
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    border:4px solid #fff!important;
    border-radius:999px!important;
    background:#4f46e5!important;
    color:#fff!important;
    font-size:14px!important;
}
.profile-avatar-dropzone strong{font-size:15px!important;font-weight:850!important}
.profile-avatar-dropzone small{color:#64748b!important;font-size:12px!important;font-weight:650!important}
.profile-avatar-submit{
    width:100%!important;
    min-height:46px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin:12px 0 0!important;
    border-radius:14px!important;
    background:#4f46e5!important;
    border-color:#4f46e5!important;
    color:#fff!important;
}
.profile-avatar-remove{
    position:absolute!important;
    inset-block-start:58px!important;
    inset-inline-start:calc(50% + 36px)!important;
    z-index:4!important;
    width:34px!important;
    height:34px!important;
    min-height:34px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:4px solid #fff!important;
    border-radius:999px!important;
    background:#ef4444!important;
    color:#fff!important;
    box-shadow:0 5px 16px rgba(239,68,68,.28)!important;
}
.profile-avatar-remove:hover{background:#dc2626!important;color:#fff!important;transform:scale(1.05)!important}
@media(max-width:520px){
    .profile-avatar-editor{padding:16px!important;border-radius:16px!important}
    .profile-avatar-dropzone,#main .profile-avatar-dropzone{min-height:230px!important;padding:16px!important}
    .profile-avatar-remove{inset-block-start:50px!important}
}

/* ============================================================================
   TASK / LEAD DETAIL PAGE (/task/N) — modern SaaS styling
   ============================================================================ */

/* Stack: content first, actions sidebar pinned to the bottom */
#task-view {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    align-items: stretch !important;
}
#task-view > .sidebar-content { order: 1 !important; width: 100% !important; padding: 0 !important; }
#task-view > .sidebar { order: 2 !important; }

/* --- Lead/task title --- */
#task-summary > h2 {
    margin: 0 0 14px !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--ds-text, #0f172a) !important;
    direction: ltr !important;
    text-align: start !important;
    unicode-bidi: isolate !important;
}

/* --- Details card --- */
#task-summary .task-summary-container {
    margin: 0 0 16px !important;
    padding: 16px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
#task-summary .task-summary-columns {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
}
#task-summary .task-summary-column { width: 100% !important; min-width: 0 !important; }
#task-summary ul.no-bullet { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#task-summary ul.no-bullet li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 11px 2px !important;
    border-bottom: 1px solid var(--ds-border, #e2e8f0) !important;
    line-height: 1.6 !important;
    list-style: none !important;
}
#task-summary ul.no-bullet li:last-child { border-bottom: 0 !important; }
#task-summary ul.no-bullet li strong {
    flex: 0 0 auto !important;
    color: var(--ds-text-muted, #64748b) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
#task-summary ul.no-bullet li span {
    flex: 1 1 auto !important;
    text-align: start !important;
    color: var(--ds-text, #0f172a) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
#task-summary ul.no-bullet li a { color: var(--ds-primary, #4f46e5) !important; font-weight: 700 !important; }

/* Tags */
#task-summary .task-tags ul { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 12px 0 0 !important; padding: 0 !important; }
#task-summary .task-tags li.task-tag {
    padding: 4px 12px !important;
    border-radius: 999px !important;
    background: var(--ds-primary-soft, #eef2ff) !important;
    color: var(--ds-primary-hover, #4338ca) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    list-style: none !important;
}

/* --- Accordions (description / subtasks / links / files / comments) --- */
#main .accordion,
#task-view .accordion {
    margin: 0 0 14px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
    overflow: hidden !important;
}
#main .accordion-title,
#task-view .accordion-title {
    margin: 0 !important;
    padding: 16px 18px !important;
    border: 0 !important;
    background: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--ds-text, #0f172a) !important;
    cursor: pointer !important;
}
#main .accordion-title:hover { background: var(--ds-surface-muted, #f8fafc) !important; }
#main .accordion-content,
#task-view .accordion-content {
    margin: 0 !important;
    padding: 0 18px 18px !important;
    border: 0 !important;
    border-top: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* --- Task sidebar (nav + actions) as a clean bottom action panel --- */
#task-view > .sidebar {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
#task-view > .sidebar .sidebar-title { padding: 4px 6px 10px !important; }
#task-view > .sidebar .sidebar-title h2 {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: var(--ds-text-muted, #64748b) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
#task-view > .sidebar ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: visible !important;
}
#task-view > .sidebar li {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
    white-space: normal !important;
}
#task-view > .sidebar li a {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--ds-text, #0f172a) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
#task-view > .sidebar li a:hover,
#task-view > .sidebar li.active a {
    border-color: var(--ds-primary-border, #c7d2fe) !important;
    background: var(--ds-primary-soft, #eef2ff) !important;
    color: var(--ds-primary, #4f46e5) !important;
}
#task-view > .sidebar li.active { background: transparent !important; }

@media (min-width: 768px) {
    #task-view { flex-direction: row !important; align-items: flex-start !important; }
    #task-view > .sidebar-content { order: 1 !important; flex: 1 1 auto !important; }
    #task-view > .sidebar { order: 2 !important; flex: 0 0 280px !important; width: 280px !important; position: sticky !important; top: 80px !important; }
    #task-view > .sidebar ul { grid-template-columns: 1fr !important; }
    #task-summary .task-summary-columns { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 24px !important; }
}

/* ============================================================================
   STAGE DISTRIBUTION CHART (project overview) — modern horizontal bars
   ============================================================================ */
.crm-stage-chart {
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 18px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
    box-sizing: border-box !important;
}

.crm-stage-chart-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid var(--ds-border, #e2e8f0) !important;
}
.crm-stage-chart-title {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--ds-text, #0f172a) !important;
}
.crm-stage-chart-total {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: var(--ds-primary-soft, #eef2ff) !important;
    color: var(--ds-primary-hover, #4338ca) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    font-variant-numeric: tabular-nums !important;
}

.crm-stage-chart-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.crm-stage-row { width: 100% !important; }

.crm-stage-row-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 7px !important;
}
.crm-stage-name {
    min-width: 0 !important;
    color: var(--ds-text, #0f172a) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.crm-stage-count {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px !important;
    height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: var(--ds-bg-subtle, #f1f5f9) !important;
    color: var(--ds-text, #0f172a) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums !important;
}

.crm-stage-track {
    width: 100% !important;
    height: 12px !important;
    border-radius: 999px !important;
    background: var(--ds-bg-subtle, #f1f5f9) !important;
    overflow: hidden !important;
}
.crm-stage-bar {
    height: 100% !important;
    min-width: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #6366f1, #4f46e5) !important;
    transition: width .5s cubic-bezier(.4,0,.2,1) !important;
}

/* Stage colour accents (cycled by index) */
.crm-stage-row[style*="--crm-i: 0"] .crm-stage-bar { background: linear-gradient(90deg,#818cf8,#4f46e5) !important; }
.crm-stage-row[style*="--crm-i: 1"] .crm-stage-bar { background: linear-gradient(90deg,#38bdf8,#0ea5e9) !important; }
.crm-stage-row[style*="--crm-i: 2"] .crm-stage-bar { background: linear-gradient(90deg,#34d399,#10b981) !important; }
.crm-stage-row[style*="--crm-i: 3"] .crm-stage-bar { background: linear-gradient(90deg,#fbbf24,#f59e0b) !important; }
.crm-stage-row[style*="--crm-i: 4"] .crm-stage-bar { background: linear-gradient(90deg,#a78bfa,#7c3aed) !important; }
.crm-stage-row[style*="--crm-i: 5"] .crm-stage-bar { background: linear-gradient(90deg,#f472b6,#db2777) !important; }
.crm-stage-row[style*="--crm-i: 6"] .crm-stage-bar { background: linear-gradient(90deg,#2dd4bf,#0d9488) !important; }
.crm-stage-row[style*="--crm-i: 7"] .crm-stage-bar { background: linear-gradient(90deg,#4ade80,#16a34a) !important; }

.crm-stage-row.is-empty .crm-stage-count { background: var(--ds-bg-subtle, #f1f5f9) !important; color: var(--ds-text-subtle, #94a3b8) !important; }
.crm-stage-row.is-empty .crm-stage-name { color: var(--ds-text-muted, #64748b) !important; }

@media (min-width: 1024px) {
    #main .crm-stage-chart.project-overview-columns {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: min(100%, 1200px) !important;
        max-width: 1200px !important;
        margin: 0 auto 24px !important;
        padding: 24px !important;
    }

    #main .crm-stage-chart .crm-stage-chart-head {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #main .crm-stage-chart .crm-stage-chart-body {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px 36px !important;
        align-items: start !important;
    }

    #main .crm-stage-chart .crm-stage-row {
        min-width: 0 !important;
        margin: 0 !important;
    }
}

/* Prevent the project toolbar's 100% width plus padding from overflowing mobile. */
@media(max-width:767px){
    section.page{
        width:100%!important;
        max-width:100%!important;
        box-sizing:border-box!important;
        overflow-x:hidden!important;
    }
    .project-header{
        width:100%!important;
        max-width:100%!important;
        margin-inline:0!important;
        box-sizing:border-box!important;
    }
    .project-header>*,
    .project-header>.views-switcher-component,
    .project-header .views,
    .project-header .views li,
    .project-header .views li a,
    .project-header .bulk-lead-import-dropdown,
    .project-header .bulk-lead-import-dropdown>.dropdown-menu{
        max-width:100%!important;
        box-sizing:border-box!important;
    }
    .project-header>.views-switcher-component,
    .project-header .views{
        flex-basis:100%!important;
        min-width:0!important;
    }
    .project-header>.filter-box-component{
        max-width:calc(100% - 54px)!important;
        min-width:0!important;
    }
}

/* ============================================================================
   GENERIC MODAL FORMS (edit project, settings dialogs, etc.) — modern + gradient
   Scoped to .modal-box; per-form rules (#id / .bulk-lead-form) still win where set.
   ============================================================================ */
.modal-box { padding: 22px !important; }

.modal-box > .page-header,
.modal-box form > .page-header {
    margin: 0 0 18px !important;
    padding: 0 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ds-border, #e2e8f0) !important;
    background: transparent !important;
    box-shadow: none !important;
}
.modal-box > .page-header h2 {
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: var(--ds-text, #0f172a) !important;
}

/* Fieldset -> card with gradient legend */
.modal-box fieldset {
    margin: 0 0 16px !important;
    padding: 16px 18px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #ffffff, #fbfcfe) !important;
    box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
.modal-box fieldset legend {
    width: auto !important;
    margin: 0 0 6px !important;
    padding: 4px 12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff) !important;
    color: #4338ca !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.modal-box label {
    display: block !important;
    margin: 14px 0 6px !important;
    color: var(--ds-text, #0f172a) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
.modal-box fieldset > label:first-of-type { margin-top: 4px !important; }

.modal-box input[type="text"]:not(.input-addon-field),
.modal-box input[type="email"],
.modal-box input[type="password"],
.modal-box input[type="number"],
.modal-box input[type="date"],
.modal-box input[type="url"],
.modal-box select,
.modal-box textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin: 0 0 2px !important;
    padding: 10px 14px !important;
    border: 1px solid var(--ds-border-strong, #cbd5e1) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--ds-text, #0f172a) !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}
.modal-box textarea { min-height: 120px !important; line-height: 1.7 !important; }
.modal-box input:focus,
.modal-box select:focus,
.modal-box textarea:focus {
    border-color: var(--ds-primary, #4f46e5) !important;
    box-shadow: 0 0 0 3px rgba(79,70,229,.16) !important;
    outline: none !important;
}
.modal-box .form-help {
    margin: 6px 0 4px !important;
    color: var(--ds-text-muted, #64748b) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

/* checkbox / radio rows */
.modal-box label:has(> input[type="checkbox"]),
.modal-box label:has(> input[type="radio"]) {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 14px 0 0 !important;
    padding: 11px 13px !important;
    border: 1px solid var(--ds-border, #e2e8f0) !important;
    border-radius: 12px !important;
    background: #fff !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}
.modal-box input[type="checkbox"],
.modal-box input[type="radio"] {
    width: 20px !important;
    height: 20px !important;
    min-height: 0 !important;
    margin: 0 !important;
    accent-color: var(--ds-primary, #4f46e5) !important;
    flex: 0 0 auto !important;
}

.modal-box .form-inline { display: block !important; }
.modal-box .form-inline label { margin-top: 4px !important; }

/* text editor */
.modal-box .text-editor { display: flex !important; flex-direction: column !important; gap: 8px !important; }
.modal-box .text-editor-toolbar,
.modal-box .text-editor-toolbar ul {
    display: flex !important; flex-wrap: wrap !important; gap: 6px !important;
    margin: 0 !important; padding: 0 !important; list-style: none !important;
}
.modal-box .text-editor-toolbar a {
    min-width: 34px !important; min-height: 34px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    border-radius: 9px !important; color: #334155 !important;
}
.modal-box .text-editor-toolbar a:hover { background: #eef2ff !important; color: #4f46e5 !important; }
.modal-box .text-editor textarea,
.modal-box .text-editor .text-editor-preview-area { min-height: 160px !important; }

/* Submit row: gradient primary + text cancel, sticky bottom */
.modal-box .form-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 20px 0 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid var(--ds-border, #e2e8f0) !important;
}
.modal-box .form-actions button {
    flex: 0 0 auto !important;
    min-width: 160px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 16px rgba(79,70,229,.28) !important;
    cursor: pointer !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
}
.modal-box .form-actions button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(79,70,229,.34) !important;
}
.modal-box .form-actions > span { color: #94a3b8 !important; font-size: 13px !important; }
.modal-box .form-actions a {
    display: inline-flex !important; align-items: center !important;
    height: 48px !important; padding: 0 12px !important;
    color: var(--ds-text-muted, #64748b) !important; font-weight: 700 !important; text-decoration: none !important;
}
.modal-box .form-actions a:hover { color: #dc2626 !important; }

/* Lead edit modal actions must override generic modal/footer button rules. */
#modal-box .crm-lead-edit-actions,
#main .modal-box .crm-lead-edit-actions,
.modal-box .crm-lead-edit-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid #e2e8f0 !important;
}

#modal-box .crm-lead-edit-actions button,
#modal-box .crm-lead-edit-actions a,
#main .modal-box .crm-lead-edit-actions button,
#main .modal-box .crm-lead-edit-actions a,
.modal-box .crm-lead-edit-actions button,
.modal-box .crm-lead-edit-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: initial !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 58px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border-radius: 16px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

#modal-box .crm-lead-edit-actions .crm-lead-edit-save,
#main .modal-box .crm-lead-edit-actions .crm-lead-edit-save,
.modal-box .crm-lead-edit-actions .crm-lead-edit-save {
    border: 1px solid #4f46e5 !important;
    background: #4f46e5 !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(79, 70, 229, .22) !important;
}

#modal-box .crm-lead-edit-actions .crm-lead-edit-cancel,
#main .modal-box .crm-lead-edit-actions .crm-lead-edit-cancel,
.modal-box .crm-lead-edit-actions .crm-lead-edit-cancel {
    border: 1px solid #fed7aa !important;
    background: #fff7ed !important;
    color: #ea580c !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    #modal-box .crm-lead-edit-actions,
    #main .modal-box .crm-lead-edit-actions,
    .modal-box .crm-lead-edit-actions {
        grid-template-columns: 1fr !important;
    }
}

/* ===== Dashboard sales lead cards: compact + modern ===== */
.dashboard-lead-list { display: flex !important; flex-direction: column !important; gap: 12px !important; margin: 0 0 22px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.dashboard-lead-list .table-list-header { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 2px !important; padding: 0 4px !important; border: 0 !important; background: transparent !important; }
.dashboard-lead-list .table-list-header-count { color: #64748b !important; font-size: 13px !important; font-weight: 800 !important; }
.dashboard-lead-list > .table-list-row.sales-lead-card { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px 12px !important; margin: 0 !important; padding: 15px 18px !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 2px 8px rgba(15,23,42,.04) !important; transition: all .15s ease !important; }
.dashboard-lead-list > .table-list-row.sales-lead-card:hover { border-color: #c7d2fe !important; box-shadow: 0 10px 26px rgba(15,23,42,.08) !important; transform: translateY(-1px) !important; }
.dashboard-lead-list > .table-list-row > div:first-child { display: flex !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; flex: 1 1 auto !important; }
.dashboard-lead-list .table-list-title { min-width: 0 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.5 !important; }
.dashboard-lead-list .table-list-title a { color: #0f172a !important; }
.dashboard-lead-list .table-list-title a:hover { color: #4f46e5 !important; }
.dashboard-lead-list .table-list-details { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; width: 100% !important; margin-top: 2px !important; color: #64748b !important; font-size: 13px !important; line-height: 1.5 !important; }
.dashboard-lead-list .sales-lead-call { margin-inline-start: auto !important; flex: 0 0 auto !important; }

.avatar-letter.avatar-default-img{background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent!important;text-indent:-9999px;overflow:hidden}

/* === Task details: modern iconified property cards === */
#task-summary .task-summary-cards .task-summary-columns{display:grid !important;grid-template-columns:1fr !important;gap:8px !important}
@media(min-width:640px){#task-summary .task-summary-cards .task-summary-columns{grid-template-columns:1fr 1fr !important}}
#task-summary .task-summary-cards li.task-prop{
  display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;
  margin:0 !important;padding:9px 12px !important;
  border:1px solid var(--ds-border,#e2e8f0) !important;border-radius:12px !important;
  background:var(--ds-surface-muted,#f8fafc) !important;transition:.15s ease !important;
}
#task-summary .task-summary-cards li.task-prop:hover{
  background:#fff !important;border-color:var(--ds-primary-border,#c7d2fe) !important;box-shadow:0 2px 10px rgba(15,23,42,.07) !important;
}
#task-summary .task-summary-cards li.task-prop strong{
  display:flex !important;align-items:center !important;gap:9px !important;flex:0 0 auto !important;
  color:var(--ds-text-muted,#64748b) !important;font-size:12.5px !important;font-weight:700 !important;
}
#task-summary .task-summary-cards li.task-prop strong i.fa{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  width:30px !important;height:30px !important;border-radius:9px !important;
  background:var(--ds-primary-soft,#eef2ff) !important;color:var(--ds-primary,#4f46e5) !important;font-size:13px !important;
}
#task-summary .task-summary-cards li.task-prop span{
  flex:1 1 auto !important;text-align:end !important;color:var(--ds-text,#0f172a) !important;font-size:14px !important;font-weight:700 !important;
}
.task-prop-badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.6}
.task-prop-badge-open{background:#dcfce7;color:#15803d}
.task-prop-badge-closed{background:#fee2e2;color:#b91c1c}

/* === Task sidebar overflow fix (border-box + wrap) === */
#task-view > .sidebar,
#task-view > .sidebar ul,
#task-view > .sidebar li,
#task-view > .sidebar li a { box-sizing: border-box !important; min-width: 0 !important; max-width: 100% !important; }
#task-view > .sidebar li a {
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  height: auto !important;
  min-height: 44px !important;
  padding: 8px 12px !important;
  line-height: 1.3 !important;
  word-break: break-word !important;
}

/* === User profile: left sidebar layout (desktop) + menu icons === */
#user-section .sidebar li a{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}
#user-section .sidebar li a i.fa{
  flex: 0 0 auto !important;
  width: 18px !important;
  text-align: center !important;
  font-size: 14px !important;
  color: var(--ds-text-muted, #64748b) !important;
}
#user-section .sidebar li.active a i.fa,
#user-section .sidebar li:hover a i.fa{ color: var(--ds-primary, #4f46e5) !important; }
@media (min-width: 768px){
  #user-section{ flex-direction: row !important; align-items: flex-start !important; }
  #user-section > .sidebar{
    order: 1 !important;
    flex: 0 0 260px !important;
    width: 260px !important;
    position: sticky !important;
    top: 80px !important;
  }
  #user-section > .sidebar-content{ order: 2 !important; flex: 1 1 auto !important; min-width: 0 !important; }
}

/* === Task sidebar: match user-sidebar style + RTL right placement === */
#task-view > .sidebar ul{
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  grid-template-columns: none !important;
}
#task-view > .sidebar li{
  width: 100% !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
}
#task-view > .sidebar li a{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--ds-text-muted, #64748b) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}
#task-view > .sidebar li a i.fa{
  flex: 0 0 auto !important;
  width: 18px !important;
  text-align: center !important;
  font-size: 14px !important;
  color: var(--ds-text-muted, #64748b) !important;
}
#task-view > .sidebar li.active,
#task-view > .sidebar li:hover{ background: var(--ds-primary-soft, #eef2ff) !important; }
#task-view > .sidebar li.active a,
#task-view > .sidebar li:hover a{ color: var(--ds-primary, #4f46e5) !important; background: transparent !important; border: 0 !important; }
#task-view > .sidebar li.active a i.fa,
#task-view > .sidebar li:hover a i.fa{ color: var(--ds-primary, #4f46e5) !important; }
@media (min-width: 768px){
  #task-view > .sidebar{ order: 1 !important; flex: 0 0 260px !important; width: 260px !important; }
  #task-view > .sidebar-content{ order: 2 !important; flex: 1 1 auto !important; min-width: 0 !important; }
  #task-view > .sidebar ul{ grid-template-columns: none !important; }
}

/* === Project sidebar: match user/task sidebar style === */
.project-settings-layout > .sidebar li::before{ display: none !important; content: none !important; }
.project-settings-layout > .sidebar ul{ display: flex !important; flex-direction: column !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.project-settings-layout > .sidebar li{ width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; box-shadow: none !important; }
.project-settings-layout > .sidebar li a{
  display: flex !important; align-items: center !important; gap: 10px !important;
  width: 100% !important; min-height: 42px !important; padding: 0 14px !important;
  border: 0 !important; border-radius: 10px !important; background: transparent !important; box-shadow: none !important;
  color: var(--ds-text-muted, #64748b) !important; font-size: 14px !important; font-weight: 700 !important;
  line-height: 1.25 !important; white-space: normal !important; text-align: start !important; justify-content: flex-start !important;
}
.project-settings-layout > .sidebar li a i.fa{ flex: 0 0 auto !important; width: 18px !important; text-align: center !important; font-size: 14px !important; color: var(--ds-text-muted, #64748b) !important; }
.project-settings-layout > .sidebar li.active,
.project-settings-layout > .sidebar li:hover{ background: var(--ds-primary-soft, #eef2ff) !important; }
.project-settings-layout > .sidebar li.active a,
.project-settings-layout > .sidebar li:hover a{ color: var(--ds-primary, #4f46e5) !important; background: transparent !important; border: 0 !important; }
.project-settings-layout > .sidebar li.active a i.fa,
.project-settings-layout > .sidebar li:hover a i.fa{ color: var(--ds-primary, #4f46e5) !important; }

/* === Project sidebar: full parity with user/task sidebar (card + placement) === */
.project-settings-layout{ display: flex !important; flex-direction: column !important; gap: 16px !important; }
.project-settings-layout > .sidebar{
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px !important;
  border: 1px solid var(--ds-border, #e2e8f0) !important; border-radius: 16px !important; background: #fff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important; box-sizing: border-box !important; overflow: visible !important;
}
.project-settings-layout > .sidebar .sidebar-title{ padding: 6px 8px 10px !important; }
.project-settings-layout > .sidebar .sidebar-title h2{ margin: 0 !important; font-size: 14px !important; font-weight: 800 !important; color: var(--ds-text-muted, #64748b) !important; text-transform: none !important; letter-spacing: 0 !important; }
@media (min-width: 768px){
  .project-settings-layout{ flex-direction: row !important; align-items: flex-start !important; }
  .project-settings-layout > .sidebar{ order: 1 !important; flex: 0 0 260px !important; width: 260px !important; position: sticky !important; top: 80px !important; }
  .project-settings-layout > .sidebar-content,
  .project-settings-layout > .project-settings-content{ order: 2 !important; flex: 1 1 auto !important; min-width: 0 !important; }
}

/* === Project sidebar: authoritative RTL parity (beats all legacy rules) === */
html[dir="rtl"] .project-settings-layout{ display: flex !important; flex-direction: column !important; gap: 16px !important; }
html[dir="rtl"] .project-settings-layout > .sidebar{
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px !important;
  border: 1px solid var(--ds-border, #e2e8f0) !important; border-radius: 16px !important; background: #fff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important; box-sizing: border-box !important; overflow: visible !important;
}
html[dir="rtl"] .project-settings-layout > .sidebar .sidebar-title{ padding: 6px 8px 10px !important; }
html[dir="rtl"] .project-settings-layout > .sidebar .sidebar-title h2{ margin: 0 !important; font-size: 14px !important; font-weight: 800 !important; color: var(--ds-text-muted, #64748b) !important; }
html[dir="rtl"] .project-settings-layout > .sidebar ul{ display: flex !important; flex-direction: column !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
html[dir="rtl"] .project-settings-layout > .sidebar li{ width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; box-shadow: none !important; }
html[dir="rtl"] .project-settings-layout > .sidebar li::before{ display: none !important; content: none !important; }
html[dir="rtl"] .project-settings-layout > .sidebar li a{
  display: flex !important; align-items: center !important; gap: 10px !important;
  width: 100% !important; min-height: 42px !important; padding: 0 14px !important;
  border: 0 !important; border-radius: 10px !important; background: transparent !important; box-shadow: none !important;
  color: var(--ds-text-muted, #64748b) !important; font-size: 14px !important; font-weight: 700 !important;
  line-height: 1.25 !important; white-space: normal !important; text-align: start !important; justify-content: flex-start !important;
}
html[dir="rtl"] .project-settings-layout > .sidebar li a i.fa{ flex: 0 0 auto !important; width: 18px !important; text-align: center !important; font-size: 14px !important; color: var(--ds-text-muted, #64748b) !important; }
html[dir="rtl"] .project-settings-layout > .sidebar li.active,
html[dir="rtl"] .project-settings-layout > .sidebar li:hover{ background: var(--ds-primary-soft, #eef2ff) !important; }
html[dir="rtl"] .project-settings-layout > .sidebar li.active a,
html[dir="rtl"] .project-settings-layout > .sidebar li:hover a{ color: var(--ds-primary, #4f46e5) !important; background: transparent !important; }
html[dir="rtl"] .project-settings-layout > .sidebar li.active a i.fa,
html[dir="rtl"] .project-settings-layout > .sidebar li:hover a i.fa{ color: var(--ds-primary, #4f46e5) !important; }
@media (min-width: 768px){
  html[dir="rtl"] .project-settings-layout{ flex-direction: row !important; align-items: flex-start !important; }
  html[dir="rtl"] .project-settings-layout > .sidebar{ order: 1 !important; flex: 0 0 260px !important; width: 260px !important; position: sticky !important; top: 80px !important; }
  html[dir="rtl"] .project-settings-layout > .project-settings-content,
  html[dir="rtl"] .project-settings-layout > .sidebar-content{ order: 2 !important; flex: 1 1 auto !important; min-width: 0 !important; }
}

/* === Project sidebar: kill legacy grid/scroll/card leaks (exact task parity) === */
html[dir="rtl"] .project-settings-layout{ direction: rtl !important; }
html[dir="rtl"] .project-settings-layout > .sidebar{ direction: rtl !important; max-height: none !important; overflow: visible !important; grid-area: auto !important; }
html[dir="rtl"] .project-settings-layout > .sidebar li,
html[dir="rtl"] .project-settings-layout > .sidebar li:hover,
html[dir="rtl"] .project-settings-layout > .sidebar li.active{ transform: none !important; box-shadow: none !important; border: 0 !important; }
html[dir="rtl"] .project-settings-layout > .sidebar li a{ justify-content: flex-start !important; text-align: start !important; }

/* === Project sidebar = EXACT copy of task sidebar (ID-specificity, beats all legacy) === */
#main .project-settings-layout{ display: flex !important; flex-direction: column !important; gap: 16px !important; direction: rtl !important; align-items: stretch !important; }
#main .project-settings-layout > .sidebar{
  grid-area: auto !important;
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px !important;
  border: 1px solid var(--ds-border, #e2e8f0) !important; border-radius: 16px !important; background: #fff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important; box-sizing: border-box !important;
  overflow: visible !important; max-height: none !important; direction: rtl !important;
}
#main .project-settings-layout > .sidebar .sidebar-title{ padding: 6px 8px 10px !important; }
#main .project-settings-layout > .sidebar .sidebar-title h2{ margin: 0 !important; font-size: 14px !important; font-weight: 800 !important; color: var(--ds-text-muted, #64748b) !important; }
#main .project-settings-layout > .sidebar ul{ display: flex !important; flex-direction: column !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
#main .project-settings-layout > .sidebar li,
#main .project-settings-layout > .sidebar li:hover,
#main .project-settings-layout > .sidebar li.active{
  width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 10px !important; box-shadow: none !important; transform: none !important;
}
#main .project-settings-layout > .sidebar li{ background: transparent !important; }
#main .project-settings-layout > .sidebar li::before,
#main .project-settings-layout > .sidebar li::after,
#main .project-settings-layout > .sidebar li a::before,
#main .project-settings-layout > .sidebar li a::after{ display: none !important; content: none !important; }
#main .project-settings-layout > .sidebar li a{
  display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important;
  width: 100% !important; min-height: 42px !important; padding: 0 14px !important;
  border: 0 !important; border-radius: 10px !important; background: transparent !important; box-shadow: none !important;
  color: var(--ds-text-muted, #64748b) !important; font-size: 14px !important; font-weight: 700 !important;
  line-height: 1.25 !important; white-space: normal !important; text-align: start !important;
}
#main .project-settings-layout > .sidebar li a i.fa{ flex: 0 0 auto !important; width: 18px !important; text-align: center !important; font-size: 14px !important; color: var(--ds-text-muted, #64748b) !important; }
#main .project-settings-layout > .sidebar li.active,
#main .project-settings-layout > .sidebar li:hover{ background: var(--ds-primary-soft, #eef2ff) !important; }
#main .project-settings-layout > .sidebar li.active a,
#main .project-settings-layout > .sidebar li:hover a{ color: var(--ds-primary, #4f46e5) !important; background: transparent !important; }
#main .project-settings-layout > .sidebar li.active a i.fa,
#main .project-settings-layout > .sidebar li:hover a i.fa{ color: var(--ds-primary, #4f46e5) !important; }
@media (min-width: 768px){
  #main .project-settings-layout{ flex-direction: row !important; align-items: flex-start !important; }
  #main .project-settings-layout > .sidebar{ order: 1 !important; flex: 0 0 260px !important; width: 260px !important; position: sticky !important; top: 80px !important; }
  #main .project-settings-layout > .sidebar-content,
  #main .project-settings-layout > .project-settings-content{ order: 2 !important; flex: 1 1 auto !important; min-width: 0 !important; }
}

/* === Universal sidebar style (task/user/project all identical) === */
.sidebar-container > .sidebar{
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 10px !important;
  border: 1px solid var(--ds-border, #e2e8f0) !important; border-radius: 16px !important; background: #fff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important; box-sizing: border-box !important;
  overflow: visible !important; max-height: none !important;
}
.sidebar-container > .sidebar .sidebar-title{ padding: 6px 8px 10px !important; }
.sidebar-container > .sidebar .sidebar-title h2{ margin: 0 !important; font-size: 14px !important; font-weight: 800 !important; color: var(--ds-text-muted, #64748b) !important; text-transform: none !important; letter-spacing: 0 !important; }
.sidebar-container > .sidebar ul{ display: flex !important; flex-direction: column !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.sidebar-container > .sidebar li,
.sidebar-container > .sidebar li:hover,
.sidebar-container > .sidebar li.active,
.sidebar-container > .sidebar li.current{
  width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 10px !important; box-shadow: none !important; transform: none !important; list-style: none !important;
}
.sidebar-container > .sidebar li{ background: transparent !important; }
.sidebar-container > .sidebar li::before,
.sidebar-container > .sidebar li::after,
.sidebar-container > .sidebar li a::before,
.sidebar-container > .sidebar li a::after,
.sidebar-container > .sidebar li::marker{ display: none !important; content: none !important; }
.sidebar-container > .sidebar li a{
  display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important;
  width: 100% !important; min-height: 42px !important; padding: 0 14px !important;
  border: 0 !important; border-radius: 10px !important; background: transparent !important; box-shadow: none !important; outline: 0 !important;
  color: var(--ds-text-muted, #64748b) !important; font-size: 14px !important; font-weight: 700 !important;
  line-height: 1.25 !important; white-space: normal !important; text-align: start !important;
}
.sidebar-container > .sidebar li a i.fa{ flex: 0 0 auto !important; width: 18px !important; text-align: center !important; font-size: 14px !important; color: var(--ds-text-muted, #64748b) !important; }
.sidebar-container > .sidebar li.active,
.sidebar-container > .sidebar li.current,
.sidebar-container > .sidebar li:hover{ background: var(--ds-primary-soft, #eef2ff) !important; color: var(--ds-primary, #4f46e5) !important; }
.sidebar-container > .sidebar li.active a,
.sidebar-container > .sidebar li.current a,
.sidebar-container > .sidebar li:hover a{ color: var(--ds-primary, #4f46e5) !important; background: transparent !important; }
.sidebar-container > .sidebar li.active a i.fa,
.sidebar-container > .sidebar li.current a i.fa,
.sidebar-container > .sidebar li:hover a i.fa{ color: var(--ds-primary, #4f46e5) !important; }

/* Universal sidebar: constrain width on desktop (match task 260px) */
@media (min-width: 768px){
  .sidebar-container:not(.dashboard-layout){ align-items: flex-start !important; }
  .sidebar-container:not(.dashboard-layout) > .sidebar{ flex: 0 0 260px !important; width: 260px !important; max-width: 260px !important; }
  .sidebar-container:not(.dashboard-layout) > .sidebar-content{ flex: 1 1 auto !important; min-width: 0 !important; }
}

/* === Modern dashboard navigation: icon cards (background-image icons) === */
.dashboard-layout .sidebar{
  --ic-overview: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%236366f1'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'14'%20y%3D'3'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'14'%20y%3D'14'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'3'%20y%3D'14'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3C%2Fsvg%3E");
  --ic-overview-w: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'14'%20y%3D'3'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'14'%20y%3D'14'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'3'%20y%3D'14'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3C%2Fsvg%3E");
  --ic-projects: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%236366f1'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%202v20'%2F%3E%3Cpath%20d%3D'M12%204h7l2.5%202.2a.6.6%200%200%201%200%20.9L19%209.5H12'%2F%3E%3Cpath%20d%3D'M12%2013H5l-2.5-2.2a.6.6%200%200%201%200-.9L5%207.8h7'%2F%3E%3C%2Fsvg%3E");
  --ic-projects-w: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%202v20'%2F%3E%3Cpath%20d%3D'M12%204h7l2.5%202.2a.6.6%200%200%201%200%20.9L19%209.5H12'%2F%3E%3Cpath%20d%3D'M12%2013H5l-2.5-2.2a.6.6%200%200%201%200-.9L5%207.8h7'%2F%3E%3C%2Fsvg%3E");
  --ic-tasks: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%236366f1'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'1.6'%20fill%3D'%236366f1'%2F%3E%3C%2Fsvg%3E");
  --ic-tasks-w: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'1.6'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  --ic-subtasks: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%236366f1'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%206l1.8%201.8L8%204.5'%2F%3E%3Cpath%20d%3D'M3%2014l1.8%201.8L8%2012.5'%2F%3E%3Cpath%20d%3D'M11%205.5h10'%2F%3E%3Cpath%20d%3D'M11%2013.5h10'%2F%3E%3Cpath%20d%3D'M11%2019.5h7'%2F%3E%3C%2Fsvg%3E");
  --ic-subtasks-w: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%206l1.8%201.8L8%204.5'%2F%3E%3Cpath%20d%3D'M3%2014l1.8%201.8L8%2012.5'%2F%3E%3Cpath%20d%3D'M11%205.5h10'%2F%3E%3Cpath%20d%3D'M11%2013.5h10'%2F%3E%3Cpath%20d%3D'M11%2019.5h7'%2F%3E%3C%2Fsvg%3E");
  padding: 12px !important;
  border-radius: 22px !important;
  background: radial-gradient(120% 140% at 100% 0%, rgba(99,102,241,.06), transparent 55%), #ffffff !important;
  border: 1px solid #e6e8f2 !important;
  box-shadow: 0 12px 34px rgba(15,23,42,.06) !important;
}
.dashboard-layout .sidebar ul{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  list-style: none !important;
  margin: 0 !important; padding: 0 !important;
}
.dashboard-layout .sidebar li{
  min-height: 0 !important;
  display: block !important;
  margin: 0 !important; padding: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
}
.dashboard-layout .sidebar li a{
  position: relative !important;
  width: 100% !important;
  min-height: 108px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 16px 12px !important;
  border: 1px solid #eceefb !important;
  border-radius: 18px !important;
  background: #fafbff !important;
  color: #475569 !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  white-space: normal !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}
/* icon chip with the glyph baked in as background-image */
.dashboard-layout .sidebar li a::before{
  content: "" !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  display: block !important;
  border-radius: 14px !important;
  background-color: #eef2ff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 26px 26px !important;
  transition: background-color .18s ease !important;
}
.dashboard-layout .sidebar li:nth-child(1) a::before{ background-image: var(--ic-overview) !important; }
.dashboard-layout .sidebar li:nth-child(2) a::before{ background-image: var(--ic-subtasks) !important; }
.dashboard-layout .sidebar li:nth-child(3) a::before{ background-image: var(--ic-tasks) !important; }
.dashboard-layout .sidebar li:nth-child(4) a::before{ background-image: var(--ic-subtasks) !important; }
/* hover */
.dashboard-layout .sidebar li a:hover{
  transform: translateY(-3px) !important;
  border-color: #c7d2fe !important;
  background: #ffffff !important;
  color: #4338ca !important;
  box-shadow: 0 14px 30px rgba(79,70,229,.16) !important;
}
.dashboard-layout .sidebar li a:hover::before{ background-color: #e0e7ff !important; }
/* active / current */
.dashboard-layout .sidebar li.active,
.dashboard-layout .sidebar li.current{ background: transparent !important; }
.dashboard-layout .sidebar li.active a,
.dashboard-layout .sidebar li.current a{
  border-color: transparent !important;
  background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 32px rgba(79,70,229,.28) !important;
}
.dashboard-layout .sidebar li.active a::before,
.dashboard-layout .sidebar li.current a::before{ background-color: rgba(255,255,255,.20) !important; }
.dashboard-layout .sidebar li.active:nth-child(1) a::before,.dashboard-layout .sidebar li.current:nth-child(1) a::before{ background-image: var(--ic-overview-w) !important; }
.dashboard-layout .sidebar li.active:nth-child(2) a::before,.dashboard-layout .sidebar li.current:nth-child(2) a::before{ background-image: var(--ic-subtasks-w) !important; }
.dashboard-layout .sidebar li.active:nth-child(3) a::before,.dashboard-layout .sidebar li.current:nth-child(3) a::before{ background-image: var(--ic-tasks-w) !important; }
.dashboard-layout .sidebar li.active:nth-child(4) a::before,.dashboard-layout .sidebar li.current:nth-child(4) a::before{ background-image: var(--ic-subtasks-w) !important; }
@media (max-width: 600px){
  .dashboard-layout .sidebar ul{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; }
  .dashboard-layout .sidebar li a{ min-height: 96px !important; font-size: 13px !important; }
}
/* Fix: keep the 4 nav cards inside their wrapper (no overflow) + even desktop margins */
.dashboard-layout .sidebar{
  padding: 14px !important;
  overflow: hidden !important;
}
.dashboard-layout .sidebar,
.dashboard-layout .sidebar ul,
.dashboard-layout .sidebar li,
.dashboard-layout .sidebar li a{
  box-sizing: border-box !important;
  max-width: 100% !important;
}
.dashboard-layout .sidebar li.active a,
.dashboard-layout .sidebar li.current a{
  box-shadow: 0 10px 22px rgba(79,70,229,.22) !important;
}
.dashboard-layout .sidebar li a:hover{
  box-shadow: 0 10px 22px rgba(79,70,229,.16) !important;
}

/* Default avatar for users without a custom avatar (letter-avatar fallback) */
.avatar .avatar-letter,.avatar-letter{position:relative!important;color:transparent!important;text-shadow:none!important;background-color:#eef2ff!important;background-image:url("../img/default-avatar.svg")!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;overflow:hidden!important}

/* ===== Projects list: modern cards with stage line-charts ===== */
.crm-project-grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 18px !important;
  margin-top: 6px !important;
}
.crm-project-card{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 18px 18px 16px !important;
  border: 1px solid #e7e9f5 !important;
  border-radius: 22px !important;
  background:
    radial-gradient(130% 120% at 100% 0%, rgba(99,102,241,.07), transparent 46%),
    #ffffff !important;
  box-shadow: 0 12px 34px rgba(15,23,42,.06) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
  overflow: hidden !important;
}
.crm-project-card::before{
  content: "" !important;
  position: absolute !important; inset-inline-start: 0 !important; top: 18px !important; bottom: 18px !important;
  width: 5px !important; border-radius: 6px !important;
  background: linear-gradient(180deg, #6366f1, #14b8a6) !important;
}
.crm-project-card:hover{
  transform: translateY(-4px) !important;
  border-color: #c7d2fe !important;
  box-shadow: 0 22px 46px rgba(79,70,229,.16) !important;
}
.crm-project-card.is-closed{ opacity: .82 !important; }
.crm-project-card.is-closed::before{ background: linear-gradient(180deg,#94a3b8,#cbd5e1) !important; }

.crm-project-card-head{
  display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important;
}
.crm-project-badge{
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-width: 34px !important; height: 26px !important; padding: 0 8px !important;
  border-radius: 9px !important; background: #eef2ff !important; color: #4f46e5 !important;
  font-size: 12px !important; font-weight: 800 !important;
}
.crm-project-name{ margin: 0 !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.3 !important; }
.crm-project-name a{ color: #0f172a !important; text-decoration: none !important; }
.crm-project-name a:hover{ color: #4f46e5 !important; }
.crm-project-chip{
  display: inline-flex !important; align-items: center !important; gap: 5px !important;
  margin-inline-start: auto !important;
  padding: 3px 10px !important; border-radius: 999px !important;
  font-size: 11.5px !important; font-weight: 800 !important;
}
.crm-project-chip i{ font-size: 9px !important; }
.crm-chip-active{ background: #dcfce7 !important; color: #15803d !important; }
.crm-chip-active i{ color: #22c55e !important; }
.crm-chip-closed{ background: #f1f5f9 !important; color: #64748b !important; }
.crm-chip-private{ background: #fef3c7 !important; color: #b45309 !important; margin-inline-start: 0 !important; }

.crm-project-meta{ display: flex !important; flex-wrap: wrap !important; gap: 14px !important; }
.crm-meta-item{ display: inline-flex !important; align-items: center !important; gap: 6px !important; color: #64748b !important; font-size: 12.5px !important; font-weight: 700 !important; }
.crm-meta-item i{ color: #94a3b8 !important; }

.crm-project-chart{
  padding: 12px 12px 8px !important; border: 1px solid #eef0fb !important; border-radius: 16px !important;
  background: linear-gradient(180deg,#fbfcff,#f6f7ff) !important;
}
.crm-chart-head{ display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 4px !important; }
.crm-chart-label{ font-size: 12px !important; font-weight: 800 !important; color: #475569 !important; }
.crm-chart-total{
  font-size: 18px !important; font-weight: 900 !important;
  background: linear-gradient(90deg,#6366f1,#14b8a6) !important;
  -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important;
}
.crm-spark{
  display: block !important;
  width: min(100%, 420px) !important;
  height: auto !important;
  aspect-ratio: 300 / 84 !important;
  margin-inline: auto !important;
  overflow: visible !important;
}
.crm-spark-line{ filter: drop-shadow(0 4px 6px rgba(99,102,241,.22)) !important; }
.crm-spark-dot{ fill: #ffffff !important; stroke: #6366f1 !important; stroke-width: 2 !important; transition: r .15s ease !important; }
.crm-spark-dot:hover{ r: 5 !important; stroke: #14b8a6 !important; cursor: pointer !important; }
.crm-chart-empty{ padding: 16px 0 !important; text-align: center !important; color: #94a3b8 !important; font-size: 12.5px !important; font-weight: 700 !important; }

.crm-stage-chips{ display: flex !important; flex-wrap: wrap !important; gap: 7px !important; }
.crm-stage-chip{
  display: inline-flex !important; align-items: center !important; gap: 7px !important;
  padding: 4px 5px 4px 11px !important; border-radius: 999px !important;
  background: #ffffff !important; border: 1px solid #e7e9f5 !important;
  font-size: 11.5px !important; font-weight: 700 !important; color: #475569 !important;
}
html[dir="rtl"] .crm-stage-chip{ padding: 4px 11px 4px 5px !important; }
.crm-stage-chip-count{
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-width: 22px !important; height: 22px !important; padding: 0 6px !important; border-radius: 999px !important;
  background: hsl(calc(248 - var(--crm-ci,0) * 22), 85%, 96%) !important;
  color: hsl(calc(248 - var(--crm-ci,0) * 22), 75%, 45%) !important;
  font-weight: 900 !important; font-size: 11.5px !important;
}
.crm-stage-chip.is-zero{ opacity: .5 !important; }
.crm-stage-chip.is-zero .crm-stage-chip-count{ background: #f1f5f9 !important; color: #94a3b8 !important; }

.crm-project-actions{ display: flex !important; gap: 10px !important; margin-top: 2px !important; }
.crm-card-btn{
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
  flex: 1 1 auto !important; min-height: 40px !important; padding: 0 14px !important;
  border-radius: 12px !important; font-size: 13px !important; font-weight: 800 !important;
  text-decoration: none !important;
  background: linear-gradient(135deg,#6366f1,#4f46e5) !important; color: #fff !important;
  box-shadow: 0 10px 22px rgba(79,70,229,.22) !important;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important;
}
.crm-card-btn:hover{ transform: translateY(-2px) !important; box-shadow: 0 14px 28px rgba(79,70,229,.3) !important; }
.crm-card-btn-ghost{
  background: #f4f5fb !important; color: #4f46e5 !important; border: 1px solid #e2e4f3 !important; box-shadow: none !important;
}
.crm-card-btn-ghost:hover{ background: #eef0fb !important; }

@media (max-width: 820px){
  .crm-project-grid{ grid-template-columns: 1fr !important; gap: 14px !important; }
}

/* ===== Projects list: action toolbar + search ===== */
.crm-toolbar{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.crm-toolbar .crm-act{ display: inline-flex !important; }
.crm-toolbar .crm-act a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 50px !important;
  padding: 0 18px 0 14px !important;
  border-radius: 14px !important;
  border: 1px solid #e7e9f5 !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.05) !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease !important;
}
html[dir="rtl"] .crm-toolbar .crm-act a{ padding: 0 14px 0 18px !important; }
.crm-toolbar .crm-act a i{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important; height: 32px !important;
  border-radius: 10px !important;
  background: #eef2ff !important;
  color: #4f46e5 !important;
  font-size: 14px !important;
  margin: 0 !important;
  transition: inherit !important;
}
.crm-toolbar .crm-act a:hover{
  transform: translateY(-3px) !important;
  border-color: #c7d2fe !important;
  box-shadow: 0 14px 28px rgba(79,70,229,.16) !important;
  color: #4338ca !important;
}
/* primary action = gradient */
.crm-toolbar .crm-act-primary a{
  border-color: transparent !important;
  background: linear-gradient(135deg,#6366f1,#4f46e5) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(79,70,229,.28) !important;
}
.crm-toolbar .crm-act-primary a i{ background: rgba(255,255,255,.2) !important; color: #ffffff !important; }
.crm-toolbar .crm-act-primary a:hover{ color: #ffffff !important; box-shadow: 0 16px 32px rgba(79,70,229,.36) !important; }
.crm-toolbar .crm-act-lock a:hover i{ background: #fef3c7 !important; color: #b45309 !important; }
.crm-toolbar .crm-act-users a:hover i{ background: #dcfce7 !important; color: #15803d !important; }

/* search */
.crm-list-search{ margin: 0 0 18px !important; }
.crm-list-search .search,
.crm-list-search form{ width: 100% !important; }
.crm-search-wrap{ position: relative !important; width: 100% !important; }
.crm-search-ico{
  position: absolute !important;
  inset-inline-start: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #94a3b8 !important;
  font-size: 16px !important;
  pointer-events: none !important;
  transition: color .16s ease !important;
}
.crm-list-search input[type="text"]{
  width: 100% !important;
  min-height: 54px !important;
  padding: 12px 20px !important;
  padding-inline-start: 48px !important;
  border: 1px solid #e2e4f3 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.04) !important;
  box-sizing: border-box !important;
  transition: border-color .16s ease, box-shadow .16s ease !important;
}
.crm-list-search input[type="text"]:focus{
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 4px rgba(99,102,241,.14) !important;
  outline: none !important;
}
.crm-search-wrap:focus-within .crm-search-ico{ color: #6366f1 !important; }

@media (max-width: 820px){
  .crm-toolbar .crm-act{ flex: 1 1 auto !important; }
  .crm-toolbar .crm-act a{ width: 100% !important; justify-content: flex-start !important; }
}

/* ----------------------------------------------------------------------------
   CREATE-PROJECT (مسیر فروش) — compact modal + icon inputs
   (ModernTheme:project_creation/create override)
   ---------------------------------------------------------------------------- */
/* compact width — scoped to this modal only (left:50% + translateX centers it) */
#modal-box:has(#project-creation-form) {
  width: min(640px, 94vw) !important;
  max-width: 640px !important;
}

/* flat create-route modal — NO :has() (target webview doesn't support it).
   The flat box is reached via #modal-box.is-pc-modal (added by modern-theme.js).
   The header is reached via the .pc-create-modal class on the section (template
   override) + #modal-box, giving 2 ids so it outranks the
   #main section .page-header underline rule (1,3,1). .page-header is a SIBLING of
   the form, so it cannot be scoped through #project-creation-form. */
#modal-box.is-pc-modal,
#modal-box.is-pc-modal .modal-box {
  border: 0 !important;
  box-shadow: none !important;
}
#modal-box #main.pc-create-modal .page-header,
#modal-box #main.pc-create-modal .page-header h2 {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Submit footer — clean action bar. Targets BOTH .form-actions and a nested
   .form-actions (the JS component may or may not wrap the buttons). No :has().
   Stacked: save (primary) on top, cancel (ghost) below, both full width.
   #main prefix raises specificity above core `#main .form-actions`. */
#main #project-creation-form .form-actions,
#main #project-creation-form .form-actions {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-top: 22px !important;
  padding-top: 18px !important;
  border-top: 1px solid #eceef6 !important;
  text-align: initial !important;
  /* the "or" between buttons is a bare TEXT NODE (not a span) — kill it with
     font-size:0 here, then restore real size on the button/link below. */
  font-size: 0 !important;
}
/* legacy span form of the "or", if ever present */
#main #project-creation-form .form-actions > span,
#main #project-creation-form .form-actions > span {
  display: none !important;
}
/* primary: save (ذخیره) */
#main #project-creation-form .form-actions button,
#main #project-creation-form .form-actions button {
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 30px !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 16px rgba(79,70,229,.26) !important;
  transition: transform .14s ease, box-shadow .14s ease, filter .14s ease !important;
}
#main #project-creation-form .form-actions button:hover,
#main #project-creation-form .form-actions button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(79,70,229,.34) !important;
  filter: brightness(1.03) !important;
}
/* secondary: cancel (انصراف) as a real ghost button, not floating text */
#main #project-creation-form .form-actions a,
#main #project-creation-form .form-actions a {
  width: 100% !important;
  height: 46px !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #64748b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: border-color .14s ease, color .14s ease, background .14s ease !important;
}
#main #project-creation-form .form-actions a:hover,
#main #project-creation-form .form-actions a:hover {
  border-color: transparent !important;
  background: #fef2f2 !important;
  color: #dc2626 !important;
}

#modal-box #main.pc-create-modal #project-creation-form .form-actions > a,
#modal-box #main.pc-create-modal #project-creation-form .form-actions > a:not(.btn),
#main.pc-create-modal #project-creation-form .js-submit-buttons-rendered .form-actions > a {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

#modal-box #main.pc-create-modal #project-creation-form .form-actions > a:hover,
#modal-box #main.pc-create-modal #project-creation-form .form-actions > a:not(.btn):hover,
#main.pc-create-modal #project-creation-form .js-submit-buttons-rendered .form-actions > a:hover {
  border: none !important;
}

/* Mobile: stack — submit (ذخیره) on top, cancel (انصراف) below, both full width. */
@media (max-width: 640px) {
  #project-creation-form .form-actions,
  #project-creation-form .form-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  #main #project-creation-form .form-actions button,
  #main #project-creation-form .form-actions button,
  #main #project-creation-form .form-actions a,
  #main #project-creation-form .form-actions a {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* text/number/select with leading icon */
#project-creation-form .field-ico-wrap {
  position: relative !important;
}
#project-creation-form .field-ico-wrap .field-ico {
  position: absolute !important;
  inset-inline-start: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  background: #eef2ff !important;
  color: #6366f1 !important;
  font-size: 14px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transition: color .15s ease, background .15s ease !important;
}
#project-creation-form .field-ico-wrap input[type="text"],
#project-creation-form .field-ico-wrap input[type="number"],
#project-creation-form .field-ico-wrap select {
  padding-inline-start: 54px !important;
}
#project-creation-form .field-ico-wrap:focus-within .field-ico {
  background: #4f46e5 !important;
  color: #fff !important;
}
/* placeholder + label polish */
#project-creation-form input::placeholder { color: #aab2c5 !important; font-size: 14px !important; }
#project-creation-form > label {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 18px 0 7px !important;
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
#project-creation-form > label::before {
  content: "" !important;
  width: 4px !important; height: 14px !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #818cf8, #4f46e5) !important;
}

/* ----------------------------------------------------------------------------
   CREATE-PROJECT (مسیر فروش) — "duplicate parts" interactive cards
   ---------------------------------------------------------------------------- */
#project-creation-form .dup-options {
  margin-top: 14px !important;
  padding: 16px !important;
  border: 1px solid #e6e8f5 !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg,#fbfbfe 0%,#f6f6fc 100%) !important;
  /* no !important display — JS hide() must be able to set inline display:none */
}

/* prompt banner */
#project-creation-form .dup-options-hint {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  padding: 11px 14px !important;
  border: 1px solid #e0e2f4 !important;
  border-radius: 12px !important;
  background: #eef0fe !important;
  color: #4338ca !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}
#project-creation-form .dup-options-hint .fa { color: #6366f1 !important; font-size: 15px !important; }

/* responsive 2-column grid of cards */
#project-creation-form .dup-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
@media (max-width: 560px) {
  #project-creation-form .dup-grid { grid-template-columns: 1fr !important; }
}

/* the card — override the generic checkbox-row styling */
#project-creation-form .dup-grid .dup-card {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 13px 14px !important;
  border: 1.5px solid #e6e8f5 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
  cursor: pointer !important;
  transition: border-color .15s ease, box-shadow .15s ease, transform .12s ease, background .15s ease !important;
}
#project-creation-form .dup-grid .dup-card:hover {
  border-color: #c7cbf3 !important;
  box-shadow: 0 8px 22px rgba(79,70,229,.10) !important;
  transform: translateY(-1px) !important;
}

/* hide the native checkbox — selection shown by the whole card + check badge */
#project-creation-form .dup-grid .dup-card input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  pointer-events: none !important;
}

/* icon chip */
#project-creation-form .dup-grid .dup-card .dup-card-ico {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 11px !important;
  background: #f1f2fb !important;
  color: #8a90c4 !important;
  font-size: 17px !important;
  transition: background .15s ease, color .15s ease !important;
}

/* text block */
#project-creation-form .dup-grid .dup-card .dup-card-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
#project-creation-form .dup-grid .dup-card .dup-card-title {
  color: #1e293b !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}
#project-creation-form .dup-grid .dup-card .dup-card-desc {
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

/* check badge (top corner, RTL-aware via inset-inline-start) */
#project-creation-form .dup-grid .dup-card .dup-card-mark {
  position: absolute !important;
  top: 9px !important;
  inset-inline-start: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  border: 1.5px solid #d4d7ef !important;
  background: #fff !important;
  color: #fff !important;
  font-size: 10px !important;
  transition: background .15s ease, border-color .15s ease, transform .12s ease !important;
}
#project-creation-form .dup-grid .dup-card .dup-card-mark .fa { opacity: 0 !important; transition: opacity .12s ease !important; }

/* checked state — driven by the JS-synced .is-checked class (reliable in every browser) */
#project-creation-form .dup-grid .dup-card.is-checked {
  border-color: #6366f1 !important;
  background: #f6f6fe !important;
  box-shadow: 0 6px 18px rgba(99,102,241,.14) !important;
}
#project-creation-form .dup-grid .dup-card.is-checked .dup-card-ico {
  background: linear-gradient(180deg,#6366f1 0%,#4f46e5 100%) !important;
  color: #fff !important;
}
#project-creation-form .dup-grid .dup-card.is-checked .dup-card-mark {
  background: #6366f1 !important;
  border-color: #6366f1 !important;
  transform: scale(1.05) !important;
}
#project-creation-form .dup-grid .dup-card.is-checked .dup-card-mark .fa { opacity: 1 !important; }

/* keyboard focus ring */
#project-creation-form .dup-grid .dup-card:focus-within {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,.18) !important;
}

/* Lead pipeline doughnut chart (dashboard overview) */
.dashboard-project-list .table-list-details:has(.lead-pipeline) {
    display: block !important;
    grid-template-columns: none !important;
}

.lead-pipeline {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
}

.lead-pipeline-chart {
    flex: 0 0 auto !important;
}

.lead-donut {
    position: relative !important;
    width: 128px !important;
    height: 128px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .12) !important;
}

.lead-donut::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50% !important;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .06) !important;
    pointer-events: none !important;
}

.lead-donut-hole {
    position: relative !important;
    z-index: 1 !important;
    width: 86px !important;
    height: 86px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .08) !important;
}

.lead-donut-total {
    color: #0f172a !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.lead-donut-label {
    margin-top: 3px !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.lead-pipeline-legend {
    flex: 1 1 260px !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.lead-legend-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
}

.lead-legend-item .legend-dot {
    flex: 0 0 auto !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: var(--seg-color, #4f46e5) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--seg-color, #4f46e5) 22%, transparent) !important;
}

.lead-legend-item .legend-name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-align: start !important;
}

.lead-legend-item .legend-count {
    flex: 0 0 auto !important;
    min-width: 26px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: var(--seg-color, #4f46e5) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

@media (max-width: 767px) {
    .lead-pipeline {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
    }

    .lead-pipeline-chart {
        align-self: center !important;
    }

    .lead-pipeline-legend {
        width: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* ----------------------------------------------------------------------------
   FIX: lead-pipeline must stay inside its row/details wrapper (desktop overflow)
   ---------------------------------------------------------------------------- */
.dashboard-project-list .table-list-details {
    min-width: 0 !important;
}
.dashboard-project-list .table-list-details:has(.lead-pipeline) {
    min-width: 0 !important;
    padding-inline: 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
.lead-pipeline {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.lead-pipeline-chart {
    min-width: 0 !important;
}
.lead-pipeline-legend {
    flex: 1 1 auto !important;          /* drop 260px basis that forced width */
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.lead-legend-item {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    list-style: none !important;
}
/* kill stray list marker + vanilla ".table-list-details li:after{content:', '}" comma */
.lead-pipeline-legend > li::marker { content: "" !important; }
.lead-pipeline-legend > li::after,
.dashboard-project-list .table-list-details li::after { content: none !important; }
.lead-legend-item .legend-dot {
    box-shadow: none !important;        /* remove 3px ring that bled past edge */
}
/* a touch more inner breathing room on desktop so pills don't hug the border */
@media (min-width: 768px) {
    .lead-pipeline { gap: 22px !important; padding-inline: 2px !important; }
    .lead-pipeline-legend { gap: 10px !important; }
}
/* ----------------------------------------------------------------------------
   DASHBOARD "MY FOLLOW-UPS" (پیگیری‌های شخصی من) — lead-task cards
   Reuses .dashboard-lead-list card base; adds lead name, call button, follow-up line.
   ---------------------------------------------------------------------------- */
/* ---- lead card shell: accent bar + tidy header row ---- */
.dashboard-followup-list .lead-followup-card {
  position: relative !important; align-items: center !important;
  padding: 16px 18px !important; overflow: hidden !important;
}
.dashboard-followup-list .lead-followup-card::before {
  content: "" !important; position: absolute !important; inset-block: 0 !important;
  inset-inline-start: 0 !important; width: 4px !important;
  background: linear-gradient(180deg, #6366f1, #4f46e5) !important;
}
.dashboard-followup-list .lead-followup-card > div:first-child { gap: 10px !important; align-items: center !important; }

/* lead-id menu (#16 ▾) — subtle action pill, not a heading */
.dashboard-followup-list .lead-followup-card > div:first-child .dropdown > .dropdown-menu-link-icon {
  display: inline-flex !important; align-items: center !important; gap: 5px !important;
  height: 28px !important; padding: 0 10px !important; border-radius: 8px !important;
  background: #f1f5f9 !important; color: #475569 !important; text-decoration: none !important;
  transition: background .15s ease, color .15s ease !important;
}
.dashboard-followup-list .lead-followup-card > div:first-child .dropdown > .dropdown-menu-link-icon:hover {
  background: #e2e8f0 !important; color: #0f172a !important;
}
.dashboard-followup-list .lead-followup-card > div:first-child .dropdown > .dropdown-menu-link-icon strong {
  font-size: 12px !important; font-weight: 800 !important;
}

.dashboard-followup-list .table-list-title a { font-size: 16px !important; font-weight: 800 !important; color: #0f172a !important; }
.dashboard-followup-list .table-list-title a:hover { color: #4f46e5 !important; }
.dashboard-followup-list .sales-lead-call { margin-inline-start: auto !important; flex: 0 0 auto !important; }

/* call button — green pill, matches the leads list */
.dashboard-followup-list .sales-lead-call .lead-call-button {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important;
  height: 38px !important; min-height: 38px !important; margin: 0 !important; padding: 0 16px !important;
  border: 1px solid #bbf7d0 !important; border-radius: 10px !important;
  background: #f0fdf4 !important; color: #166534 !important;
  font-size: 13px !important; font-weight: 850 !important; line-height: 1 !important;
  white-space: nowrap !important; text-decoration: none !important; box-sizing: border-box !important;
  transition: background .15s ease, border-color .15s ease, transform .12s ease !important;
}
.dashboard-followup-list .sales-lead-call .lead-call-button:hover {
  background: #dcfce7 !important; border-color: #86efac !important; transform: translateY(-1px) !important;
}
.dashboard-followup-list .sales-lead-call .lead-call-button .fa { font-size: 13px !important; }

/* ---- follow-up status rows (the click-to-change-status core) ---- */
.dashboard-followup-list .task-list-subtasks {
  flex: 1 1 100% !important; width: 100% !important;
  margin: 13px 0 0 !important; padding: 13px 0 0 !important;
  border-top: 1px dashed #e6e8f5 !important;
  display: flex !important; flex-direction: column !important; gap: 8px !important;
}
.dashboard-followup-list .task-list-subtask {
  display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important;
  margin: 0 !important; padding: 10px 12px !important;
  background: #f8fafc !important; border: 1px solid #eef1f7 !important; border-radius: 12px !important;
  font-size: 14px !important; line-height: 1.6 !important;
  transition: background .15s ease, border-color .15s ease !important;
}
.dashboard-followup-list .task-list-subtask .subtask-cell { padding: 0 !important; border: 0 !important; }
.dashboard-followup-list .task-list-subtask .subtask-cell.column-50 { flex: 1 1 auto !important; min-width: 0 !important; }

/* status title = primary click target, icon in a colored tile */
.dashboard-followup-list .subtask-title a {
  display: inline-flex !important; align-items: center !important; gap: 9px !important;
  color: #334155 !important; font-weight: 700 !important; text-decoration: none !important;
}
.dashboard-followup-list .subtask-title a:hover { color: #4f46e5 !important; }
.dashboard-followup-list .subtask-title .fa {
  flex: 0 0 auto !important; width: 26px !important; height: 26px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  border-radius: 8px !important; font-size: 13px !important; margin: 0 !important;
}

/* color the whole row + icon tile by subtask status. Status class is tagged by
   modern-theme.js (.st-progress/.st-done/.st-todo) — NOT :has(), which the
   target webview ignores. */
.dashboard-followup-list .task-list-subtask.st-progress { background: #fffbeb !important; border-color: #fde68a !important; }
.dashboard-followup-list .task-list-subtask.st-progress .subtask-title .fa { background: #fcd34d !important; color: #92400e !important; }
.dashboard-followup-list .task-list-subtask.st-done { background: #f0fdf4 !important; border-color: #bbf7d0 !important; }
.dashboard-followup-list .task-list-subtask.st-done .subtask-title .fa { background: #86efac !important; color: #166534 !important; }
.dashboard-followup-list .task-list-subtask.st-todo .subtask-title .fa { background: #e2e8f0 !important; color: #475569 !important; }

/* assignee — muted pill */
.dashboard-followup-list .subtask-assignee {
  flex: 0 0 auto !important; padding: 3px 10px !important; border-radius: 999px !important;
  background: rgba(255,255,255,.7) !important; border: 1px solid #e7ebf3 !important;
  color: #64748b !important; font-size: 11.5px !important; font-weight: 800 !important;
}

/* timer — pause/start pill */
.dashboard-followup-list .subtask-time-tracking-cell { flex: 0 0 auto !important; }
.dashboard-followup-list .subtask-time-tracking {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  color: #64748b !important; font-size: 12px !important; font-weight: 700 !important;
}
.dashboard-followup-list .subtask-timer-toggle a {
  display: inline-flex !important; align-items: center !important; gap: 5px !important;
  padding: 3px 9px !important; border-radius: 8px !important;
  background: #eef2ff !important; color: #4f46e5 !important; font-weight: 800 !important; text-decoration: none !important;
}
.dashboard-followup-list .subtask-timer-toggle a:hover { background: #e0e7ff !important; }

/* ----------------------------------------------------------------------------
   CREATE-PROJECT (مسیر فروش) — intro description with icons
   ---------------------------------------------------------------------------- */
#main .route-intro {
  display: flex !important; flex-direction: column !important; gap: 10px !important;
  margin: 4px 0 18px !important; padding: 14px 16px !important;
  border: 1px solid #e6e8f5 !important; border-radius: 14px !important;
  background: linear-gradient(180deg,#f7f7fe 0%,#f1f2fb 100%) !important;
}
#main .route-intro-row { display: flex !important; align-items: flex-start !important; gap: 11px !important; }
#main .route-intro-ico {
  flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 34px !important; height: 34px !important; border-radius: 10px !important; color: #fff !important; font-size: 15px !important;
}
#main .route-intro-ico-a { background: linear-gradient(180deg,#6366f1 0%,#4f46e5 100%) !important; }
#main .route-intro-ico-b { background: linear-gradient(180deg,#0ea5e9 0%,#0284c7 100%) !important; }
#main .route-intro-row p { margin: 0 !important; color: #475569 !important; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.85 !important; }

/* ============================================================
   ADMIN BOARD CARD REDESIGN  (.admin-board-card)
   Jira-inspired, modern, borderless. Admin role only.
   ============================================================ */
.admin-board-card{
    position:relative!important;
    padding:13px 14px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 1px 2px rgba(15,23,42,.06),0 1px 1px rgba(15,23,42,.04)!important;
    transition:box-shadow .16s ease,transform .16s ease!important;
}
.admin-board-card::before{
    content:""!important;
    position:absolute!important;
    inset-inline-start:0!important;
    top:13px!important;bottom:13px!important;
    width:3px!important;
    border-radius:3px!important;
    background:linear-gradient(180deg,#6366f1 0%,#8b5cf6 100%)!important;
}
.admin-board-card:hover{
    box-shadow:0 8px 22px rgba(79,70,229,.13)!important;
    transform:translateY(-1px)!important;
}
.admin-board-card .task-board-expanded{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
}

/* ---- header: id + edit + avatar, no borders ---- */
.admin-board-card .task-board-header{
    min-height:30px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;padding:0!important;
}
.admin-board-card .task-board-header>.dropdown{
    display:inline-flex!important;
    align-items:center!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    box-shadow:none!important;
    font:inherit!important;
}
.admin-board-card .task-board-header>.dropdown>a.dropdown-menu,
.admin-board-card .task-board-header>.dropdown>a.dropdown-menu-link-icon{
    width:auto!important;
    min-width:50px!important;
    height:28px!important;
    min-height:28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    border:1px solid #e2e8f0!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#334155!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1!important;
}
.admin-board-card .task-board-header>.dropdown>a.dropdown-menu:hover,
.admin-board-card .task-board-header>.dropdown>a.dropdown-menu-link-icon:hover{
    border-color:#c7d2fe!important;
    background:#f8faff!important;
    color:#4338ca!important;
}
.admin-board-card .task-board-header>.dropdown>a strong{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    color:inherit!important;
    font:inherit!important;
    line-height:1!important;
}
.admin-board-card .task-board-header>.dropdown>a .fa-caret-down{
    margin:0!important;
    color:#64748b!important;
    font-size:9px!important;
}
.admin-board-card a.js-modal-large{display:inline-flex!important;align-items:center!important;color:#94a3b8!important}
.admin-board-card a.js-modal-large:hover{color:#4f46e5!important}
.admin-board-card .task-board-assignee{
    margin:0!important;padding:2px 8px!important;
    border:0!important;border-radius:999px!important;
    background:#f1f5f9!important;color:#475569!important;
    font-size:11px!important;font-weight:700!important;
}
.admin-board-card .task-board-avatars{margin-inline-start:auto!important}
.admin-board-card .admin-lead-identity{
    min-width:38px!important;
    max-width:62px!important;
    margin-inline-start:auto!important;
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
}
.admin-board-card .admin-lead-identity .task-board-avatars{
    margin:0!important;
}
.admin-board-card .admin-lead-identity .task-board-assignee{
    max-width:62px!important;
    min-width:0!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#64748b!important;
    font-size:10.5px!important;
    font-weight:800!important;
    line-height:1.3!important;
    text-align:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.admin-board-card .avatar,
.admin-board-card .avatar-letter,
.admin-board-card .avatar img{
    width:26px!important;height:26px!important;
    min-width:26px!important;min-height:26px!important;
    border:0!important;border-radius:999px!important;
    box-shadow:0 0 0 2px #fff!important;
    font-size:10.5px!important;line-height:26px!important;
}

/* ---- title ---- */
.admin-board-card .task-board-title{
    width:100%!important;margin:0!important;padding:0!important;
    color:#0f172a!important;
    font-size:15px!important;font-weight:800!important;
    line-height:1.6!important;text-align:start!important;
    overflow-wrap:anywhere!important;
}
.admin-board-card .task-board-title a{color:#0f172a!important}
.admin-board-card .task-board-title a:hover{color:#4f46e5!important}

/* ---- footer wrapper ---- */
.admin-board-card .admin-lead-footer{
    display:flex!important;flex-direction:column!important;gap:9px!important;
    margin:0!important;
}

/* ---- Jira-style subtask progress ---- */
a.admin-lead-subtasks,
a.admin-lead-subtasks:hover{text-decoration:none!important}
.admin-lead-subtasks{
    display:block!important;
    padding:8px 10px!important;
    border:0!important;border-radius:10px!important;
    background:#f8fafc!important;
    transition:background .14s ease!important;cursor:pointer!important;
}
.admin-lead-subtasks:hover{background:#eef2ff!important}
.admin-lead-subtasks .als-head{
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;margin-bottom:6px!important;
}
.admin-lead-subtasks .als-title{
    display:inline-flex!important;align-items:center!important;gap:6px!important;
    color:#475569!important;font-size:11.5px!important;font-weight:700!important;
}
.admin-lead-subtasks .als-title i{color:#6366f1!important;font-size:12px!important}
.admin-lead-subtasks .als-count{
    color:#334155!important;font-size:11.5px!important;font-weight:800!important;
    font-variant-numeric:tabular-nums!important;
}
.admin-lead-subtasks .als-track{
    position:relative!important;height:6px!important;
    border-radius:999px!important;background:#e2e8f0!important;overflow:hidden!important;
}
.admin-lead-subtasks .als-fill{
    position:absolute!important;inset-block:0!important;inset-inline-start:0!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#6366f1 0%,#818cf8 100%)!important;
    transition:width .3s ease!important;
}
.admin-lead-subtasks .als-fill-done{
    background:linear-gradient(90deg,#10b981 0%,#34d399 100%)!important;
}

/* ---- age meta (days in stage / days since created) ---- */
.admin-board-card .admin-lead-meta{
    display:flex!important;flex-direction:column!important;gap:5px!important;
}
.admin-board-card .alm-row{
    display:inline-flex!important;align-items:center!important;gap:7px!important;
    color:#64748b!important;font-size:11.5px!important;font-weight:600!important;
    line-height:1.7!important;
}
.admin-board-card .alm-row i{
    width:14px!important;text-align:center!important;
    font-size:12px!important;color:#94a3b8!important;
}
.admin-board-card .alm-stage i{color:#6366f1!important}
.admin-board-card .alm-created i{color:#0ea5e9!important}
.admin-board-card .alm-num{color:#0f172a!important;font-weight:800!important}

@media (max-width:768px){
    .admin-board-card{padding:12px!important}
}

.admin-search-results{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;
    gap:12px!important;
    margin:0 0 16px!important;
}
.admin-search-results .admin-board-card{
    min-width:0!important;
    width:100%!important;
    box-sizing:border-box!important;
}
@media (max-width:640px){
    .admin-search-results{
        grid-template-columns:1fr!important;
    }
}

.hotlead-setup-card,
.hotlead-settings,
.seller-hotlead-section{
    direction:rtl !important;
}
.hotlead-setup-card{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:14px !important;
    margin:0 0 16px !important;
    padding:16px !important;
    border:1px solid #fed7aa !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,#fff7ed,#fffbeb) !important;
    box-shadow:0 12px 30px rgba(234,88,12,.10) !important;
}
.hotlead-setup-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    border-radius:14px !important;
    background:#ffedd5 !important;
    color:#ea580c !important;
    font-size:20px !important;
}
.hotlead-setup-copy h2,
.hotlead-settings-head h2{
    margin:0 !important;
    color:#0f172a !important;
    font-size:19px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
.hotlead-setup-copy p,
.hotlead-settings-head p{
    margin:3px 0 0 !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.8 !important;
}
.hotlead-setup-copy strong{
    display:inline-flex !important;
    margin-top:8px !important;
    color:#c2410c !important;
    font-size:12.5px !important;
    font-weight:900 !important;
}
.hotlead-setup-cta,
.hotlead-back-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:0 16px !important;
    border-radius:12px !important;
    background:#ea580c !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}
.hotlead-settings{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
}
.hotlead-settings-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:16px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 10px 26px rgba(15,23,42,.06) !important;
}
.hotlead-project-switch select{
    min-width:220px !important;
    border-radius:12px !important;
}
.hotlead-soft-warning{
    padding:12px 14px !important;
    border:1px solid #fde68a !important;
    border-radius:12px !important;
    background:#fffbeb !important;
    color:#92400e !important;
    font-size:13px !important;
    font-weight:900 !important;
}
.hotlead-column-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
}
.hotlead-column-card{
    display:flex !important;
    flex-direction:column !important;
    gap:13px !important;
    padding:15px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 8px 22px rgba(15,23,42,.05) !important;
}
.hotlead-column-card.is-enabled{
    border-color:#fdba74 !important;
    box-shadow:0 12px 30px rgba(234,88,12,.10) !important;
}
.hotlead-column-top{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;
}
.hotlead-column-top h3{
    margin:0 !important;
    color:#0f172a !important;
    font-size:16px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
.hotlead-column-top p{
    margin:3px 0 0 !important;
    color:#64748b !important;
    font-size:12.5px !important;
    font-weight:800 !important;
    line-height:1.8 !important;
}
.hotlead-toggle,
.hotlead-check{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:900 !important;
}
.hotlead-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
}
.hotlead-grid label,
.hotlead-textarea{
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    margin:0 !important;
}
.hotlead-grid span,
.hotlead-textarea span{
    color:#475569 !important;
    font-size:12px !important;
    font-weight:900 !important;
}
.hotlead-grid input,
.hotlead-grid select,
.hotlead-textarea textarea{
    width:100% !important;
    border-radius:10px !important;
    border-color:#cbd5e1 !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    font-size:13px !important;
    font-weight:800 !important;
}
.hotlead-settings-actions{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin-top:12px !important;
}
.hotlead-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
}
.hotlead-card{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:15px !important;
    border:1px solid #fed7aa !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,#fff,#fff7ed) !important;
    box-shadow:0 12px 28px rgba(234,88,12,.10) !important;
}
.hotlead-card.is-expired{
    border-color:#fecaca !important;
    background:linear-gradient(135deg,#fff,#fef2f2) !important;
}
.hotlead-card-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
}
.hotlead-kicker,
.hotlead-priority{
    display:inline-flex !important;
    width:max-content !important;
    padding:3px 9px !important;
    border-radius:999px !important;
    background:#ffedd5 !important;
    color:#c2410c !important;
    font-size:11.5px !important;
    font-weight:950 !important;
}
.hotlead-priority{
    background:#fee2e2 !important;
    color:#b91c1c !important;
}
.hotlead-card h3{
    margin:7px 0 0 !important;
    color:#0f172a !important;
    font-size:16px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
.hotlead-card h3 a{
    color:#0f172a !important;
}
.hotlead-reason,
.hotlead-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
}
.hotlead-reason span,
.hotlead-meta span{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    width:max-content !important;
    max-width:100% !important;
    padding:4px 9px !important;
    border-radius:999px !important;
    background:#f8fafc !important;
    color:#64748b !important;
    border:1px solid #e2e8f0 !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1.5 !important;
}
.hotlead-reason .is-good{
    background:#ecfdf5 !important;
    color:#047857 !important;
    border-color:#bbf7d0 !important;
}
.hotlead-reason .is-danger{
    background:#fef2f2 !important;
    color:#b91c1c !important;
    border-color:#fecaca !important;
}
.hotlead-actions{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
}
.hotlead-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    min-height:42px !important;
    padding:0 10px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#334155 !important;
    font-size:12.5px !important;
    font-weight:950 !important;
    cursor:pointer !important;
}
.hotlead-btn-call{
    grid-column:1 / -1 !important;
    background:#16a34a !important;
    color:#fff !important;
    border-color:#16a34a !important;
}
.hotlead-btn-message{background:#eff6ff !important;color:#2563eb !important;border-color:#bfdbfe !important}
.hotlead-btn-result{background:#0f172a !important;color:#fff !important;border-color:#0f172a !important}
.hotlead-btn-script{background:#fff7ed !important;color:#c2410c !important;border-color:#fed7aa !important}
.hotlead-btn.is-disabled{opacity:.62 !important;cursor:not-allowed !important;background:#e2e8f0 !important;color:#64748b !important;border-color:#e2e8f0 !important}
@media (max-width:900px){
    .hotlead-grid,
    .hotlead-list{
        grid-template-columns:1fr !important;
    }
}
@media (max-width:640px){
    .hotlead-setup-card,
    .hotlead-settings-head{
        grid-template-columns:1fr !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
    }
    .hotlead-setup-cta,
    .hotlead-settings-actions .btn,
    .hotlead-back-link{
        width:100% !important;
    }
    .hotlead-actions{
        grid-template-columns:1fr !important;
    }
}

.hotlead-settings{
    max-width:1180px !important;
    margin:0 auto 36px !important;
    padding:18px 16px 28px !important;
    box-sizing:border-box !important;
}
.hotlead-settings-form{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
}
.hotlead-settings-summary{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
}
.hotlead-settings-summary div{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    min-height:78px !important;
    padding:13px 15px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#fff,#f8fafc) !important;
    box-shadow:0 8px 20px rgba(15,23,42,.045) !important;
}
.hotlead-settings-summary strong{
    display:block !important;
    max-width:100% !important;
    overflow:hidden !important;
    color:#0f172a !important;
    font-size:22px !important;
    font-weight:950 !important;
    line-height:1.4 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.hotlead-settings-summary span{
    color:#64748b !important;
    font-size:12.5px !important;
    font-weight:850 !important;
}
.hotlead-project-switch{
    margin:0 !important;
}
.hotlead-project-switch select{
    min-height:42px !important;
    padding:0 12px !important;
    border:1px solid #cbd5e1 !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    font-weight:900 !important;
}
.hotlead-column-card{
    padding:18px !important;
    border-radius:18px !important;
}
.hotlead-column-card.is-enabled{
    background:linear-gradient(180deg,#fff,#fff7ed) !important;
}
.hotlead-toggle{
    flex:0 0 auto !important;
    min-height:40px !important;
    padding:0 12px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:999px !important;
    background:#f8fafc !important;
}
.hotlead-toggle input,
.hotlead-check input{
    margin:0 !important;
}
.hotlead-grid{
    grid-template-columns:120px repeat(2,minmax(150px,1fr)) !important;
}
.hotlead-field,
.hotlead-textarea,
.hotlead-check{
    box-sizing:border-box !important;
}
.hotlead-field{
    min-width:0 !important;
}
.hotlead-field span,
.hotlead-textarea span{
    text-align:right !important;
}
.hotlead-field input,
.hotlead-field select,
.hotlead-textarea textarea{
    min-height:42px !important;
    padding:0 10px !important;
    border:1px solid #cbd5e1 !important;
    outline:none !important;
    box-sizing:border-box !important;
}
.hotlead-field input:focus,
.hotlead-field select:focus,
.hotlead-textarea textarea:focus{
    border-color:#6366f1 !important;
    box-shadow:0 0 0 3px rgba(99,102,241,.12) !important;
}
.hotlead-field input[type="number"]{
    direction:ltr !important;
    text-align:center !important;
}
.hotlead-textarea-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
}
.hotlead-textarea textarea{
    min-height:74px !important;
    padding:10px 12px !important;
    resize:vertical !important;
    line-height:1.8 !important;
}
.hotlead-check{
    width:100% !important;
    min-height:42px !important;
    padding:10px 12px !important;
    border:1px solid #dbeafe !important;
    border-radius:12px !important;
    background:#eff6ff !important;
    color:#1e3a8a !important;
    line-height:1.7 !important;
}
.hotlead-settings-actions{
    position:sticky !important;
    bottom:12px !important;
    justify-content:flex-start !important;
    padding:12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 16px 40px rgba(15,23,42,.12) !important;
    backdrop-filter:blur(10px) !important;
    z-index:2 !important;
}
.hotlead-settings-actions .btn{
    min-height:44px !important;
    padding:0 18px !important;
    border-radius:12px !important;
    background:#2563eb !important;
    color:#fff !important;
    font-size:13.5px !important;
    font-weight:950 !important;
}
@media (max-width:900px){
    .hotlead-settings-summary,
    .hotlead-grid,
    .hotlead-textarea-grid{
        grid-template-columns:1fr !important;
    }
    .hotlead-column-top{
        flex-direction:column !important;
        align-items:stretch !important;
    }
    .hotlead-toggle{
        justify-content:center !important;
        width:100% !important;
    }
}

/* ----------------------------------------------------------------------------
   RTL project-header margins — mobile vs desktop
   ---------------------------------------------------------------------------- */
@media (max-width: 767px) {
    html[dir="rtl"] :is(#main, .task-list-page, section.page) .project-header > .filter-box-component {
        margin: 0px 0 0 0 !important;
    }
}

@media (min-width: 768px) {
    html[dir="rtl"] :is(#main, .task-list-page, section.page) .project-header > .dropdown-component {
        margin: 12px 0 0 0 !important;
    }
}

.hotlead-modal-locked{
    overflow:hidden !important;
}
.hotlead-modal-overlay{
    position:fixed !important;
    inset:0 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    padding:18px !important;
    background:rgba(15,23,42,.42) !important;
    z-index:9999 !important;
}
.hotlead-modal-overlay.is-open{
    display:flex !important;
}
.hotlead-modal{
    position:relative !important;
    width:min(940px,100%) !important;
    max-height:min(86vh,820px) !important;
    overflow:auto !important;
    border:1px solid rgba(226,232,240,.95) !important;
    border-radius:18px !important;
    background:#f8fafc !important;
    box-shadow:0 28px 80px rgba(15,23,42,.28) !important;
}
.hotlead-modal-close{
    position:absolute !important;
    top:12px !important;
    left:12px !important;
    z-index:2 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    height:36px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#334155 !important;
    font-size:24px !important;
    font-weight:800 !important;
    box-shadow:0 8px 20px rgba(15,23,42,.10) !important;
    cursor:pointer !important;
}
.hotlead-priority-settings{
    max-width:none !important;
    margin:0 !important;
    padding:18px !important;
}
.hotlead-priority-settings .hotlead-settings-head{
    padding-left:56px !important;
}
.hotlead-help-box{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
    padding:13px 14px !important;
    border:1px solid #bfdbfe !important;
    border-radius:14px !important;
    background:#eff6ff !important;
    color:#1e3a8a !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1.9 !important;
}
.hotlead-help-box i{
    margin-top:4px !important;
    color:#2563eb !important;
}
.hotlead-priority-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr) !important;
    gap:14px !important;
}
.hotlead-column-picker,
.hotlead-tag-boost{
    min-width:0 !important;
    padding:14px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
}
.hotlead-block-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:12px !important;
}
.hotlead-block-head strong{
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:950 !important;
}
.hotlead-block-head span{
    display:inline-flex !important;
    padding:4px 9px !important;
    border-radius:999px !important;
    background:#f1f5f9 !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:900 !important;
}
.hotlead-sortable-list{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}
.hotlead-sortable-item{
    position:relative !important;
}
.hotlead-sortable-item.is-dragging{
    opacity:.58 !important;
}
.hotlead-column-checkbox{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
}
.hotlead-column-toggle{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto auto !important;
    align-items:center !important;
    gap:9px !important;
    width:100% !important;
    min-height:50px !important;
    padding:9px 11px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:13px !important;
    background:#f8fafc !important;
    color:#334155 !important;
    text-align:right !important;
    cursor:pointer !important;
}
.hotlead-sortable-item.is-enabled .hotlead-column-toggle{
    border-color:#93c5fd !important;
    background:linear-gradient(180deg,#eff6ff,#fff) !important;
    box-shadow:0 8px 18px rgba(37,99,235,.10) !important;
}
.hotlead-drag-handle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:28px !important;
    height:28px !important;
    border-radius:9px !important;
    background:#fff !important;
    color:#64748b !important;
}
.hotlead-column-name{
    min-width:0 !important;
    overflow:hidden !important;
    color:#0f172a !important;
    font-size:13.5px !important;
    font-weight:950 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.hotlead-suggested{
    padding:3px 8px !important;
    border-radius:999px !important;
    background:#fffbeb !important;
    color:#b45309 !important;
    font-size:11px !important;
    font-weight:950 !important;
}
.hotlead-column-state{
    padding:3px 9px !important;
    border-radius:999px !important;
    background:#e2e8f0 !important;
    color:#475569 !important;
    font-size:11.5px !important;
    font-weight:950 !important;
}
.hotlead-sortable-item.is-enabled .hotlead-column-state{
    background:#dbeafe !important;
    color:#1d4ed8 !important;
}
.hotlead-tag-grid{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
}
.hotlead-tag-chip{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:999px !important;
    background:#f8fafc !important;
    color:#334155 !important;
    font-size:12.5px !important;
    font-weight:900 !important;
    cursor:pointer !important;
}
.hotlead-tag-chip.is-selected{
    border-color:#86efac !important;
    background:#ecfdf5 !important;
    color:#047857 !important;
}
.hotlead-tag-chip input{
    margin:0 !important;
}
.hotlead-empty-tags{
    padding:14px !important;
    border:1px dashed #cbd5e1 !important;
    border-radius:12px !important;
    background:#f8fafc !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:850 !important;
}
.hotlead-save-btn:disabled{
    opacity:.65 !important;
    cursor:wait !important;
}
.hotlead-setup-cta{
    border:0 !important;
    cursor:pointer !important;
}
@media (max-width:900px){
    .hotlead-modal-overlay{
        align-items:flex-end !important;
        padding:10px !important;
    }
    .hotlead-modal{
        max-height:92vh !important;
        border-radius:18px 18px 10px 10px !important;
    }
    .hotlead-priority-layout{
        grid-template-columns:1fr !important;
    }
}
@media (max-width:640px){
    .hotlead-priority-settings{
        padding:14px 10px !important;
    }
    .hotlead-column-toggle{
        grid-template-columns:auto minmax(0,1fr) auto !important;
    }
    .hotlead-suggested{
        display:none !important;
    }
}

.seller-dashboard .seller-summary{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}
.seller-header-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:max-content !important;
    min-height:42px !important;
    margin-top:4px !important;
    padding:0 16px !important;
    border:1px solid #bfdbfe !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#2563eb !important;
    font-size:13.5px !important;
    font-weight:950 !important;
    box-shadow:0 8px 20px rgba(37,99,235,.10) !important;
}

@media(max-width:767px){
    #board ul.dropdown-submenu-open,
    body > ul.dropdown-submenu-open{
        padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px)) !important;
        max-height:min(62vh,520px) !important;
        overflow-y:auto !important;
        border-radius:20px 20px 0 0 !important;
        background:#fff !important;
    }
    #board ul.dropdown-submenu-open::before,
    body > ul.dropdown-submenu-open::before{
        width:44px !important;
        height:5px !important;
        margin:4px auto 10px !important;
        background:#d7deea !important;
    }
    #board ul.dropdown-submenu-open>li,
    body > ul.dropdown-submenu-open>li{
        border-radius:12px !important;
    }
    #board ul.dropdown-submenu-open>li+li::before,
    body > ul.dropdown-submenu-open>li+li::before{
        margin:2px 10px !important;
    }
    #board ul.dropdown-submenu-open>li>a,
    #board ul.dropdown-submenu-open>li>span,
    #board ul.dropdown-submenu-open>li>div,
    body > ul.dropdown-submenu-open>li>a,
    body > ul.dropdown-submenu-open>li>span,
    body > ul.dropdown-submenu-open>li>div{
        min-height:50px !important;
        padding:7px 10px !important;
        gap:10px !important;
        border-radius:12px !important;
        color:#1f2937 !important;
        font-size:14.5px !important;
        font-weight:850 !important;
        line-height:1.5 !important;
    }
    #board ul.dropdown-submenu-open>li>a i.fa,
    #board ul.dropdown-submenu-open>li>a>i,
    #board ul.dropdown-submenu-open>li>span .fa,
    #board ul.dropdown-submenu-open>li .fa,
    body > ul.dropdown-submenu-open>li>a i.fa,
    body > ul.dropdown-submenu-open>li>a>i,
    body > ul.dropdown-submenu-open>li>span .fa,
    body > ul.dropdown-submenu-open>li .fa{
        width:38px !important;
        min-width:38px !important;
        height:38px !important;
        border-radius:11px !important;
        font-size:16px !important;
    }
}
.seller-dashboard .seller-summary-item.s-priority{
    --seller-summary-accent:#7c3aed;
    --seller-summary-soft:#f5f3ff;
    background:linear-gradient(135deg,#fff,#f5f3ff) !important;
    border-color:#ddd6fe !important;
}
@media(max-width:1100px){
    .seller-dashboard .seller-summary{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}
@media(max-width:640px){
    .seller-dashboard .seller-summary{
        grid-template-columns:1fr !important;
    }
}

/* ============================================================
   JIRA-STYLE SUBTASKS  (task detail view)
   ============================================================ */
.jira-subtasks{
    display:flex!important;flex-direction:column!important;
    gap:12px!important;padding-top:14px!important;
}
/* progress header */
.jira-subtasks .jst-progress{
    display:flex!important;align-items:center!important;gap:12px!important;
}
.jira-subtasks .jst-track{
    position:relative!important;flex:1 1 auto!important;
    height:8px!important;border-radius:999px!important;
    background:#e2e8f0!important;overflow:hidden!important;
}
.jira-subtasks .jst-fill{
    position:absolute!important;inset-block:0!important;inset-inline-start:0!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#6366f1 0%,#818cf8 100%)!important;
    transition:width .3s ease!important;
}
.jira-subtasks .jst-fill-done{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)!important}
.jira-subtasks .jst-pct{
    font-size:12.5px!important;font-weight:800!important;color:#475569!important;
    white-space:nowrap!important;font-variant-numeric:tabular-nums!important;
}
/* table reset to borderless rows */
.jira-subtasks .jst-table{
    width:100%!important;margin:0!important;
    border:0!important;border-collapse:separate!important;border-spacing:0!important;
    background:transparent!important;box-shadow:none!important;
}
.jira-subtasks .jst-table tbody tr{background:transparent!important;border:0!important}
.jira-subtasks .jst-table td{padding:0!important;border:0!important;background:transparent!important}
.jira-subtasks .jst-line{
    display:flex!important;align-items:center!important;gap:10px!important;
    padding:9px 10px!important;border-radius:10px!important;
    transition:background .12s ease!important;
}
.jira-subtasks .jst-table tbody tr:hover .jst-line{background:#f8fafc!important}
.jira-subtasks .jst-table tbody tr+tr .jst-line{box-shadow:0 -1px 0 #f1f5f9!important}
/* drag handle */
.jira-subtasks .jst-handle{
    color:#cbd5e1!important;cursor:grab!important;font-size:13px!important;flex:none!important;
}
.jira-subtasks .jst-handle:hover{color:#94a3b8!important}
/* id */
.jira-subtasks .jst-id{
    color:#6366f1!important;font-size:12.5px!important;font-weight:800!important;
    font-variant-numeric:tabular-nums!important;white-space:nowrap!important;flex:none!important;
}
.jira-subtasks .status-2 .jst-id{color:#94a3b8!important;text-decoration:line-through!important}
/* title */
.jira-subtasks .jst-title{
    flex:0 1 auto!important;min-width:0!important;
    font-size:13.5px!important;font-weight:600!important;color:#0f172a!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.jira-subtasks .jst-title .subtask-title,
.jira-subtasks .jst-title .subtask-title a{color:inherit!important;text-decoration:none!important;cursor:pointer!important}
.jira-subtasks .jst-title .subtask-title i.fa{display:none!important}
.jira-subtasks .status-2 .jst-title{color:#94a3b8!important;text-decoration:line-through!important}
.jira-subtasks .jst-grow{flex:1 1 auto!important}
/* assignee avatar */
.jira-subtasks .jst-assignee{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:26px!important;height:26px!important;border-radius:999px!important;flex:none!important;
    background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)!important;
    color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:1!important;
}
/* status badge */
.jira-subtasks .jst-badge{
    display:inline-flex!important;align-items:center!important;flex:none!important;
    padding:3px 9px!important;border-radius:6px!important;
    font-size:10.5px!important;font-weight:800!important;letter-spacing:.3px!important;
    white-space:nowrap!important;text-transform:uppercase!important;
}
.jira-subtasks .jst-badge-todo{background:#e2e8f0!important;color:#475569!important}
.jira-subtasks .jst-badge-inprogress{background:#dbeafe!important;color:#1d4ed8!important}
.jira-subtasks .jst-badge-done{background:#dcfce7!important;color:#15803d!important}
/* row menu */
.jira-subtasks .jst-menu{flex:none!important}
.jira-subtasks .jst-menu .dropdown{margin:0!important}
.jira-subtasks .jst-menu .dropdown-menu-link-icon{color:#94a3b8!important;padding:0 4px!important}
.jira-subtasks .jst-menu .subtask-submenu i{font-size:12px!important}

@media (max-width:768px){
    .jira-subtasks .jst-badge{display:none!important}
    .jira-subtasks .jst-line{gap:8px!important;padding:8px 6px!important}
}

/* ============================================================
   MY NOTIFICATIONS modal — modern redesign (.crm-notifications)
   ============================================================ */
.crm-notifications{
    color:#1e293b !important;
    font-family:var(--modern-font-persian, inherit) !important;
}

/* header */
.crm-notif-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:4px 2px 16px !important;
    margin-bottom:16px !important;
    border-bottom:1px solid #eceefb !important;
}
.crm-notif-head-title{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;
}
.crm-notif-head-icon{
    width:42px !important; height:42px !important;
    flex:0 0 42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#6366f1,#4f46e5) !important;
    color:#fff !important;
    font-size:18px !important;
    box-shadow:0 10px 22px rgba(79,70,229,.28) !important;
}
.crm-notifications .crm-notif-head h2{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    font-size:19px !important;
    font-weight:800 !important;
    color:#0f172a !important;
    line-height:1.3 !important;
}
.crm-notif-head-actions a{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:9px 14px !important;
    border-radius:12px !important;
    background:#eef2ff !important;
    border:1px solid #e0e7ff !important;
    color:#4f46e5 !important;
    font-size:13px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
    transition:background .16s ease,border-color .16s ease,transform .16s ease !important;
}
.crm-notif-head-actions a:hover{
    background:#4f46e5 !important;
    border-color:#4f46e5 !important;
    color:#fff !important;
    transform:translateY(-1px) !important;
}
.crm-notif-head-actions a i{margin:0 !important;}

/* count bar */
.crm-notif-countbar{
    display:flex !important;
    justify-content:flex-start !important;
    margin-bottom:14px !important;
}
.crm-notif-count-pill{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:6px 14px !important;
    border-radius:999px !important;
    background:#f1f5f9 !important;
    color:#475569 !important;
    font-size:12.5px !important;
    font-weight:700 !important;
}
.crm-notif-count-pill i{color:#6366f1 !important;font-size:13px !important;}

/* list */
.crm-notif-list{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}
.crm-notif-card{
    position:relative !important;
    display:flex !important;
    align-items:flex-start !important;
    gap:14px !important;
    padding:16px 18px !important;
    border:1px solid #eceefb !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 6px 18px rgba(15,23,42,.04) !important;
    transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease !important;
    overflow:hidden !important;
}
.crm-notif-card::before{
    content:"" !important;
    position:absolute !important;
    inset-block:0 !important;
    inset-inline-start:0 !important;
    width:4px !important;
    background:linear-gradient(180deg,#6366f1,#4f46e5) !important;
}
.crm-notif-card:hover{
    transform:translateY(-2px) !important;
    border-color:#c7d2fe !important;
    box-shadow:0 14px 30px rgba(79,70,229,.12) !important;
}
.crm-notif-card-icon{
    width:44px !important; height:44px !important;
    flex:0 0 44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:13px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-size:17px !important;
}
.crm-notif-card-icon i{margin:0 !important;}

/* per-event color themes */
.crm-notif-card.is-task    .crm-notif-card-icon{background:#eef2ff !important;color:#4f46e5 !important;}
.crm-notif-card.is-subtask .crm-notif-card-icon{background:#e0f2fe !important;color:#0284c7 !important;}
.crm-notif-card.is-move    .crm-notif-card-icon{background:#ede9fe !important;color:#7c3aed !important;}
.crm-notif-card.is-comment .crm-notif-card-icon{background:#dcfce7 !important;color:#16a34a !important;}
.crm-notif-card.is-file    .crm-notif-card-icon{background:#fef3c7 !important;color:#d97706 !important;}
.crm-notif-card.is-overdue .crm-notif-card-icon{background:#fee2e2 !important;color:#dc2626 !important;}
.crm-notif-card.is-overdue::before{background:linear-gradient(180deg,#f87171,#dc2626) !important;}

.crm-notif-card-body{flex:1 1 auto !important;min-width:0 !important;}
.crm-notif-card-title{
    font-size:14.5px !important;
    font-weight:700 !important;
    line-height:1.6 !important;
    color:#0f172a !important;
    word-break:break-word !important;
}
.crm-notif-card-title a{
    color:#0f172a !important;
    font-weight:700 !important;
    text-decoration:none !important;
    transition:color .15s ease !important;
}
.crm-notif-card-title a:hover{color:#4f46e5 !important;text-decoration:underline !important;}
.crm-notif-crumb a{color:#6366f1 !important;font-weight:700 !important;}
.crm-notif-sep{color:#94a3b8 !important;font-size:12px !important;margin-inline:4px !important;}

.crm-notif-card-meta{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    flex-wrap:wrap !important;
    margin-top:10px !important;
}
.crm-notif-time{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    color:#94a3b8 !important;
    font-size:12px !important;
    font-weight:600 !important;
    font-variant-numeric:tabular-nums !important;
}
.crm-notif-time i{font-size:12px !important;}
.crm-notif-read a{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:5px 11px !important;
    border-radius:9px !important;
    background:#f0fdf4 !important;
    border:1px solid #dcfce7 !important;
    color:#16a34a !important;
    font-size:12px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
    transition:background .15s ease,border-color .15s ease !important;
}
.crm-notif-read a:hover{background:#16a34a !important;border-color:#16a34a !important;color:#fff !important;}
.crm-notif-read a i{margin:0 !important;}

/* empty state */
.crm-notif-empty{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:12px !important;
    padding:48px 20px !important;
    color:#94a3b8 !important;
}
.crm-notif-empty-icon{
    width:64px !important; height:64px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:20px !important;
    background:#f1f5f9 !important;
    color:#cbd5e1 !important;
    font-size:28px !important;
}
.crm-notif-empty p{margin:0 !important;font-size:14px !important;font-weight:600 !important;}

@media (max-width:600px){
    .crm-notif-head{flex-direction:column !important;align-items:flex-start !important;}
    .crm-notif-card{padding:14px !important;gap:12px !important;}
    .crm-notif-card-icon{width:40px !important;height:40px !important;flex:0 0 40px !important;}
}

/* ============================================================
   FOROUSHYAR MASCOT  (login + dashboard sidebar promo)
   ============================================================ */
/* login: mascot above the submit button */
.form-login .login-mascot-row{
    display:flex !important;
    justify-content:center !important;
    margin:4px 0 10px !important;
}
.form-login .login-mascot{
    width:96px !important;
    height:auto !important;
    object-fit:contain !important;
    filter:drop-shadow(0 8px 18px rgba(79,70,229,.18)) !important;
    animation:foroushyar-bob 3.2s ease-in-out infinite !important;
}
@keyframes foroushyar-bob{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-6px)}
}

/* dashboard top promo card (above page-header) */
.dashboard-page .foroushyar-promo{
    display:flex !important;
    flex-direction:row-reverse !important;   /* mascot to the LEFT in RTL */
    align-items:center !important;
    gap:16px !important;
    width:100% !important;
    margin:22px 0 0 !important;
    padding:16px 18px !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%) !important;
    border:1px solid #e0e7ff !important;
    box-shadow:0 6px 18px rgba(79,70,229,.08) !important;
    box-sizing:border-box !important;
}

.dashboard-layout-admin .sidebar{
    display:none !important;
}
.dashboard-layout-sales .sidebar{
    display:none !important;
}
.dashboard-layout-admin{
    display:block !important;
}
.dashboard-layout-admin .sidebar-content,
.dashboard-layout-sales .sidebar-content{
    width:100% !important;
    max-width:100% !important;
}
.dashboard-page .foroushyar-promo-mascot{
    flex:0 0 auto !important;
    width:100px !important;
    height:auto !important;
    object-fit:contain !important;
    filter:drop-shadow(0 8px 16px rgba(79,70,229,.22)) !important;
}
.dashboard-page .foroushyar-promo-body{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
}
.dashboard-page .foroushyar-promo-text{
    margin:0 !important;
    color:#312e81 !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.9 !important;
    text-align:start !important;
}
.dashboard-page .foroushyar-promo-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:9px 22px !important;
    border-radius:11px !important;
    background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    box-shadow:0 6px 16px rgba(79,70,229,.28) !important;
    transition:transform .14s ease,box-shadow .14s ease !important;
}
.dashboard-page .foroushyar-promo-btn:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 10px 22px rgba(79,70,229,.36) !important;
    color:#fff !important;
}

@media (max-width:768px){
    .dashboard-page .foroushyar-promo{padding:13px !important;gap:12px !important}
    .dashboard-page .foroushyar-promo-mascot{width:78px !important}
}

/* sales manager dashboard */
.sales-manager-dashboard{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    margin:0 0 22px !important;
}
.sales-manager-section{
    width:100% !important;
    padding:18px !important;
    border:1px solid #e5e7eb !important;
    border-radius:8px !important;
    background:#fff !important;
    box-sizing:border-box !important;
}
.sales-manager-section-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:14px !important;
    margin-bottom:14px !important;
}
.sales-manager-section-head h2{
    margin:0 !important;
    color:#111827 !important;
    font-size:18px !important;
    font-weight:900 !important;
    line-height:1.5 !important;
}
.sales-manager-section-head p{
    margin:3px 0 0 !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.8 !important;
}
.manager-alert-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
}
.manager-alert-card{
    display:flex !important;
    align-items:flex-start !important;
    gap:12px !important;
    min-width:0 !important;
    padding:14px !important;
    border:1px solid #e5e7eb !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    color:#111827 !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease !important;
}
.manager-alert-card:hover{
    border-color:#94a3b8 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.08) !important;
    transform:translateY(-1px) !important;
    color:#111827 !important;
}
.manager-alert-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 38px !important;
    width:38px !important;
    height:38px !important;
    border-radius:8px !important;
    background:#e0f2fe !important;
    color:#0369a1 !important;
    font-size:16px !important;
}
.manager-alert-card.is-critical .manager-alert-icon{background:#fee2e2 !important;color:#b91c1c !important}
.manager-alert-card.is-high .manager-alert-icon{background:#ffedd5 !important;color:#c2410c !important}
.manager-alert-card.is-medium .manager-alert-icon{background:#fef3c7 !important;color:#a16207 !important}
.manager-alert-body{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    min-width:0 !important;
}
.manager-alert-count{
    color:#0f172a !important;
    font-size:24px !important;
    font-weight:900 !important;
    line-height:1 !important;
    font-variant-numeric:tabular-nums !important;
}
.manager-alert-title{
    color:#111827 !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1.6 !important;
}
.manager-alert-desc{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:1.7 !important;
}
.manager-alert-cta{
    margin-top:4px !important;
    color:#2563eb !important;
    font-size:12px !important;
    font-weight:900 !important;
}
.manager-alert-card-action{
    cursor:default !important;
}
.manager-alert-actions{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-top:6px !important;
}
.manager-alert-primary{
    min-height:34px !important;
    padding:0 13px !important;
    border:1px solid #bfdbfe !important;
    border-radius:8px !important;
    background:#2563eb !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-shadow:none !important;
}
.manager-alert-primary:hover{
    background:#1d4ed8 !important;
    border-color:#1d4ed8 !important;
    color:#fff !important;
    transform:none !important;
}
.manager-alert-secondary{
    display:inline-flex !important;
    align-items:center !important;
    min-height:34px !important;
    padding:0 4px !important;
    color:#2563eb !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-decoration:none !important;
}
/* .lead-assignment-* modal styles moved to lead-assignment.css (shared with the V2 manager dashboard). */
.manager-empty-state{
    padding:18px !important;
    border:1px dashed #cbd5e1 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.8 !important;
    text-align:center !important;
}
.manager-expert-table-wrap{
    width:100% !important;
    overflow-x:auto !important;
}
.manager-expert-table{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    border:1px solid #e5e7eb !important;
    border-radius:8px !important;
    overflow:hidden !important;
    background:#fff !important;
}
.manager-expert-table th,
.manager-expert-table td{
    padding:11px 12px !important;
    border-bottom:1px solid #e5e7eb !important;
    color:#334155 !important;
    font-size:12.5px !important;
    font-weight:700 !important;
    text-align:start !important;
    white-space:nowrap !important;
}
.manager-expert-table th{
    background:#f8fafc !important;
    color:#475569 !important;
    font-size:12px !important;
    font-weight:900 !important;
}
.manager-expert-table tbody tr:last-child td{border-bottom:0 !important}
.manager-status{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:24px !important;
    padding:3px 9px !important;
    border-radius:999px !important;
    font-size:11.5px !important;
    font-weight:900 !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
}
.manager-status.is-good{background:#dcfce7 !important;color:#15803d !important}
.manager-status.is-needs-review{background:#fef3c7 !important;color:#a16207 !important}
.manager-status.is-needs-followup{background:#fee2e2 !important;color:#b91c1c !important}
.manager-mini-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    padding:5px 11px !important;
    border:1px solid #bfdbfe !important;
    border-radius:7px !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}
.manager-mini-action:hover{background:#dbeafe !important;color:#1d4ed8 !important}
.manager-expert-cards{
    display:none !important;
}
.manager-sales-path-filter,
.manager-project-selector{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
}
.manager-sales-path-filter label{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}
.manager-sales-path-filter select,
.manager-project-selector select{
    min-width:210px !important;
    max-width:100% !important;
    height:36px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:7px !important;
    background:#fff linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%) !important;
    background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px !important;
    background-size:5px 5px,5px 5px !important;
    background-repeat:no-repeat !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:800 !important;
    padding:0 32px 0 12px !important;
    appearance:none !important;
    -webkit-appearance:none !important;
}
.sales-manager-dashboard.is-loading{
    opacity:.62 !important;
    pointer-events:none !important;
    transition:opacity .15s ease !important;
}
.manager-funnel-projects{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
}
.manager-funnel-project-card{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    min-width:0 !important;
    padding:14px !important;
    border:1px solid #e5e7eb !important;
    border-radius:8px !important;
    background:#f8fafc !important;
}
.manager-funnel-project-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
}
.manager-funnel-project-head strong{
    min-width:0 !important;
    color:#111827 !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1.6 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.manager-funnel-project-head span{
    flex:0 0 auto !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}
.manager-funnel-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}
.manager-funnel-row{
    display:grid !important;
    grid-template-columns:minmax(160px,220px) minmax(0,1fr) 54px !important;
    align-items:center !important;
    gap:12px !important;
    padding:10px 12px !important;
    border:1px solid #e5e7eb !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#111827 !important;
    text-decoration:none !important;
}
.manager-funnel-row:hover{
    border-color:#93c5fd !important;
    background:#f8fafc !important;
    color:#111827 !important;
}
.manager-funnel-meta{
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
    min-width:0 !important;
}
.manager-funnel-meta strong{
    color:#111827 !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1.5 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.manager-funnel-meta em{
    color:#64748b !important;
    font-size:12px !important;
    font-style:normal !important;
    font-weight:800 !important;
    line-height:1.5 !important;
}
.manager-funnel-track{
    position:relative !important;
    display:block !important;
    height:12px !important;
    border-radius:999px !important;
    background:#e2e8f0 !important;
    overflow:hidden !important;
}
.manager-funnel-fill{
    position:absolute !important;
    inset-block:0 !important;
    inset-inline-start:0 !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#2563eb,#0f766e) !important;
}
.manager-funnel-percent{
    color:#334155 !important;
    font-size:12.5px !important;
    font-weight:900 !important;
    text-align:end !important;
    font-variant-numeric:tabular-nums !important;
}
.dashboard-project-list .lead-pipeline{
    width:100% !important;
}
.dashboard-project-list .lead-pipeline-legend{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    width:100% !important;
}
.dashboard-project-list .lead-legend-item{
    display:grid !important;
    grid-template-columns:10px minmax(80px,1fr) auto minmax(70px,110px) !important;
    align-items:center !important;
    gap:7px !important;
}
.dashboard-project-list .legend-bar{
    position:relative !important;
    display:block !important;
    height:6px !important;
    border-radius:999px !important;
    background:#e2e8f0 !important;
    overflow:hidden !important;
}
.dashboard-project-list .legend-bar span{
    position:absolute !important;
    inset-block:0 !important;
    inset-inline-start:0 !important;
    border-radius:999px !important;
    background:var(--seg-color,#2563eb) !important;
}
@media (max-width:1100px){
    .manager-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
    .manager-funnel-projects{grid-template-columns:1fr !important}
}
@media (max-width:760px){
    .sales-manager-section{padding:14px !important}
    .sales-manager-section-head{flex-direction:column !important;align-items:stretch !important}
    .manager-sales-path-filter{align-items:stretch !important;flex-direction:column !important;width:100% !important}
    .manager-sales-path-filter select{width:100% !important;min-width:0 !important}
    .manager-alert-grid{grid-template-columns:1fr !important}
    .manager-expert-table-wrap{display:none !important}
    .manager-expert-cards{
        display:flex !important;
        flex-direction:column !important;
        gap:10px !important;
    }
    .manager-expert-card{
        padding:13px !important;
        border:1px solid #e5e7eb !important;
        border-radius:8px !important;
        background:#fff !important;
    }
    .manager-expert-card-head{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:10px !important;
        margin-bottom:10px !important;
    }
    .manager-expert-card-head strong{
        min-width:0 !important;
        color:#111827 !important;
        font-size:14px !important;
        font-weight:900 !important;
        line-height:1.6 !important;
    }
    .manager-expert-card dl{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
        margin:0 0 12px !important;
    }
    .manager-expert-card dl div{
        padding:8px !important;
        border-radius:7px !important;
        background:#f8fafc !important;
    }
    .manager-expert-card dt{
        color:#64748b !important;
        font-size:11.5px !important;
        font-weight:800 !important;
        line-height:1.5 !important;
    }
    .manager-expert-card dd{
        margin:2px 0 0 !important;
        color:#111827 !important;
        font-size:16px !important;
        font-weight:900 !important;
        line-height:1.4 !important;
    }
    .manager-funnel-row{
        grid-template-columns:1fr auto !important;
        gap:8px !important;
    }
    .manager-funnel-track{
        grid-column:1/-1 !important;
        order:3 !important;
    }
    .dashboard-project-list .lead-legend-item{
        grid-template-columns:10px minmax(0,1fr) auto !important;
    }
    .dashboard-project-list .legend-bar{
        grid-column:2/-1 !important;
        width:100% !important;
    }
}

/* Seller dashboard */
.seller-dashboard{
    direction:rtl !important;
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
    margin:0 0 24px !important;
    padding-bottom:72px !important;
}
.seller-header{
    position:relative !important;
    z-index:1 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    padding:18px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:8px !important;
    background:linear-gradient(135deg,#f8fafc,#eef2ff) !important;
    box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
}
.seller-hello{
    margin:0 !important;
    color:#0f172a !important;
    font-size:20px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
.seller-subhello{
    margin:0 !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.8 !important;
}
.seller-summary{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
}
.seller-summary-item{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    min-width:0 !important;
    padding:14px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 6px 16px rgba(15,23,42,.04) !important;
}
.seller-summary-item .s-num{
    color:#0f172a !important;
    font-size:26px !important;
    font-weight:950 !important;
    line-height:1 !important;
    font-variant-numeric:tabular-nums !important;
}
.seller-summary-item .s-label{
    min-width:0 !important;
    color:#475569 !important;
    font-size:12.5px !important;
    font-weight:900 !important;
    line-height:1.5 !important;
}
.seller-summary-item.s-new{border-color:#bfdbfe !important;background:#eff6ff !important}
.seller-summary-item.s-overdue{border-color:#fecaca !important;background:#fef2f2 !important}
.seller-summary-item.s-today{border-color:#bbf7d0 !important;background:#f0fdf4 !important}
.seller-summary-item.s-pay{border-color:#fde68a !important;background:#fffbeb !important}
.seller-cta,
.seller-cta-sticky,
.seller-sheet-submit{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:46px !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:8px !important;
    background:#2563eb !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:950 !important;
    line-height:1 !important;
    box-shadow:0 10px 22px rgba(37,99,235,.22) !important;
    cursor:pointer !important;
}
.seller-cta:hover,
.seller-cta-sticky:hover,
.seller-sheet-submit:hover{
    background:#1d4ed8 !important;
    color:#fff !important;
}
.seller-cta--path{
    width:100% !important;
    min-height:58px !important;
    margin-top:8px !important;
    font-size:17px !important;
    text-decoration:none !important;
}
.seller-sales-path-chooser{
    position:relative !important;
    width:100% !important;
}
.seller-sales-path-chooser summary{
    list-style:none !important;
}
.seller-sales-path-chooser summary::-webkit-details-marker{
    display:none !important;
}
.seller-sales-path-menu{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    margin-top:10px !important;
    padding:12px !important;
    border:1px solid #dbeafe !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 18px 45px rgba(15,23,42,.12) !important;
}
.seller-sales-path-menu strong{
    color:#334155 !important;
    font-size:13px !important;
    font-weight:900 !important;
}
.seller-sales-path-menu a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    min-height:46px !important;
    padding:0 14px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:10px !important;
    background:#f8fafc !important;
    color:#1e40af !important;
    font-size:14px !important;
    font-weight:950 !important;
    text-decoration:none !important;
}
.seller-sales-path-menu a:hover{
    border-color:#bfdbfe !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
}
.seller-section{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:16px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 6px 18px rgba(15,23,42,.04) !important;
}
.seller-section-head{
    display:flex !important;
    flex-direction:column !important;
    gap:3px !important;
}
.seller-section-head h3{
    margin:0 !important;
    color:#0f172a !important;
    font-size:17px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
.seller-section-head p{
    margin:0 !important;
    color:#64748b !important;
    font-size:12.5px !important;
    font-weight:800 !important;
    line-height:1.7 !important;
}
.seller-list{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
}
.seller-card{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    min-width:0 !important;
    padding:14px !important;
    border:1px solid #e2e8f0 !important;
    border-inline-start:4px solid #94a3b8 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    box-shadow:0 4px 14px rgba(15,23,42,.04) !important;
    box-sizing:border-box !important;
    transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease !important;
}
.seller-card:hover,
.seller-card.is-highlighted{
    border-color:#93c5fd !important;
    box-shadow:0 12px 26px rgba(37,99,235,.12) !important;
    transform:translateY(-1px) !important;
}
.seller-card.priority-high{border-inline-start-color:#dc2626 !important}
.seller-card.priority-medium{border-inline-start-color:#f59e0b !important}
.seller-card.priority-low{border-inline-start-color:#0f766e !important}
.seller-card-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
}
.seller-card-identity{
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
    min-width:0 !important;
}
.seller-card-name{
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
    overflow-wrap:anywhere !important;
}
.seller-card-phone{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    color:#475569 !important;
    font-size:12.5px !important;
    font-weight:850 !important;
    line-height:1.5 !important;
}
.seller-card-phone--missing{color:#b91c1c !important}
.seller-reason{
    flex:0 0 auto !important;
    max-width:46% !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    background:#e2e8f0 !important;
    color:#334155 !important;
    font-size:11.5px !important;
    font-weight:950 !important;
    line-height:1.4 !important;
    text-align:center !important;
}
.seller-reason--high{background:#fee2e2 !important;color:#b91c1c !important}
.seller-reason--medium{background:#fef3c7 !important;color:#a16207 !important}
.seller-reason--low{background:#dcfce7 !important;color:#15803d !important}
.seller-card-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
}
.seller-meta-chip{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    max-width:100% !important;
    min-height:25px !important;
    padding:3px 8px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#64748b !important;
    font-size:11.5px !important;
    font-weight:850 !important;
    line-height:1.4 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.seller-meta-chip--result{background:#ecfdf5 !important;color:#047857 !important;border-color:#bbf7d0 !important}
.seller-meta-chip--pay{background:#fffbeb !important;color:#a16207 !important;border-color:#fde68a !important}
.seller-meta-chip--new-customer{
    padding:5px 9px!important;
    border:1px solid #bfdbfe!important;
    border-radius:999px!important;
    background:#eff6ff!important;
    color:#2563eb!important;
    font-size:11.5px!important;
    font-weight:950!important;
    line-height:1.4!important;
}
.seller-meta-chip--new-customer i{color:#4f46e5!important}
.seller-card-actions{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
}
.seller-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:0 10px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#334155 !important;
    font-size:12.5px !important;
    font-weight:950 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
    cursor:pointer !important;
}
.seller-btn:hover{background:#f8fafc !important;color:#0f172a !important}
.seller-btn--call{background:#16a34a !important;border-color:#16a34a !important;color:#fff !important}
.seller-btn--call:hover{background:#15803d !important;color:#fff !important}
.seller-btn--msg{background:#eff6ff !important;border-color:#bfdbfe !important;color:#1d4ed8 !important}
.seller-btn--msg:hover{background:#dbeafe !important;color:#1e40af !important}
.seller-btn--result{background:#0f172a !important;border-color:#0f172a !important;color:#fff !important}
.seller-btn--result:hover{background:#1e293b !important;color:#fff !important}
.seller-btn.is-disabled,
.seller-btn:disabled{
    opacity:.62 !important;
    cursor:not-allowed !important;
    background:#e2e8f0 !important;
    border-color:#e2e8f0 !important;
    color:#64748b !important;
}
.seller-empty{
    padding:14px !important;
    border:1px dashed #cbd5e1 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.8 !important;
    text-align:center !important;
}
.seller-empty--positive{
    border-color:#bbf7d0 !important;
    background:#f0fdf4 !important;
    color:#15803d !important;
}
.seller-activity-feed{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.seller-activity-item{
    display:grid !important;
    grid-template-columns:24px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    padding:10px 12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
}
.seller-activity-item i{color:#2563eb !important;text-align:center !important}
.seller-activity-label{
    color:#0f172a !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.5 !important;
}
.seller-activity-date{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.4 !important;
    white-space:nowrap !important;
}
.seller-cta-sticky{
    position:fixed !important;
    inset-inline:14px !important;
    bottom:14px !important;
    z-index:45 !important;
    display:none !important;
    width:auto !important;
}
.seller-sheet-overlay{
    position:fixed !important;
    inset:0 !important;
    z-index:90 !important;
    display:none !important;
    align-items:flex-end !important;
    justify-content:center !important;
    padding:18px !important;
    background:rgba(15,23,42,.48) !important;
    box-sizing:border-box !important;
}
.seller-sheet-overlay.is-open{display:flex !important}
.seller-sheet{
    width:min(620px,100%) !important;
    max-height:min(86vh,760px) !important;
    overflow:auto !important;
    padding:18px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 24px 70px rgba(15,23,42,.28) !important;
    box-sizing:border-box !important;
}
.seller-sheet-locked{overflow:hidden !important}
.seller-sheet-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:8px !important;
}
.seller-sheet-head h3{
    margin:0 !important;
    color:#0f172a !important;
    font-size:18px !important;
    font-weight:950 !important;
    line-height:1.5 !important;
}
.seller-sheet-close{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    height:36px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    font-size:24px !important;
    line-height:1 !important;
    cursor:pointer !important;
}
.seller-sheet-lead{
    margin:0 0 14px !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.6 !important;
}
.seller-sheet-group{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    margin:0 0 14px !important;
}
.seller-sheet-label{
    color:#334155 !important;
    font-size:13px !important;
    font-weight:950 !important;
    line-height:1.5 !important;
}
.seller-chip-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
}
.seller-chip{
    min-width:0 !important;
    margin:0 !important;
}
.seller-chip input{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
}
.seller-chip span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:0 8px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    color:#334155 !important;
    font-size:12.5px !important;
    font-weight:900 !important;
    line-height:1.25 !important;
    text-align:center !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
}
.seller-chip input:checked + span{
    border-color:#2563eb !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
    box-shadow:0 0 0 3px rgba(37,99,235,.12) !important;
}
.seller-sheet-input{
    width:100% !important;
    min-height:42px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-sizing:border-box !important;
}
textarea.seller-sheet-input{
    min-height:74px !important;
    resize:vertical !important;
}
.seller-sheet-submit{
    width:100% !important;
}
.seller-sheet-submit:disabled{
    opacity:.7 !important;
    cursor:wait !important;
}
.seller-toast{
    position:fixed !important;
    inset-inline:50% auto !important;
    bottom:22px !important;
    z-index:120 !important;
    min-width:210px !important;
    max-width:calc(100vw - 32px) !important;
    padding:11px 14px !important;
    border-radius:8px !important;
    background:#0f172a !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1.5 !important;
    text-align:center !important;
    box-shadow:0 16px 34px rgba(15,23,42,.22) !important;
    opacity:0 !important;
    transform:translateX(-50%) translateY(10px) !important;
    transition:opacity .18s ease,transform .18s ease !important;
}
.seller-toast.is-visible{
    opacity:1 !important;
    transform:translateX(-50%) translateY(0) !important;
}
@media (max-width:920px){
    .seller-summary{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
    .seller-list{grid-template-columns:1fr !important}
}
@media (max-width:640px){
    .seller-dashboard{
        gap:12px !important;
        padding-bottom:84px !important;
    }
    .seller-header,
    .seller-section{
        padding:14px !important;
    }
    .seller-hello{font-size:18px !important}
    .seller-summary{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }
    .seller-summary-item{
        min-height:56px !important;
        padding:11px 12px !important;
    }
    .seller-card{
        padding:12px !important;
    }
    .seller-card-head{
        flex-direction:column !important;
        align-items:stretch !important;
    }
    .seller-reason{
        max-width:100% !important;
        align-self:flex-start !important;
    }
    .seller-card-actions{
        grid-template-columns:1fr !important;
    }
    .seller-btn{
        min-height:44px !important;
        font-size:13px !important;
    }
    .seller-cta{
        width:100% !important;
    }
    .seller-cta-sticky{
        display:inline-flex !important;
    }
    .seller-sheet-overlay{
        padding:0 !important;
    }
    .seller-sheet{
        width:100% !important;
        max-height:88vh !important;
        border-radius:14px 14px 0 0 !important;
        padding:16px !important;
    }
    .seller-chip-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .seller-activity-item{
        grid-template-columns:22px minmax(0,1fr) !important;
    }
    .seller-activity-date{
        grid-column:2 !important;
    }
}

.seller-dashboard .seller-board-card{
    display:block !important;
    gap:0 !important;
    padding:16px !important;
    border:1px solid #e5e7eb !important;
    border-inline-start:0 !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 6px 18px rgba(15,23,42,.04) !important;
}
.seller-dashboard .seller-board-card:hover,
.seller-dashboard .seller-board-card.is-highlighted{
    border-color:#c7d2fe !important;
    box-shadow:0 14px 30px rgba(79,70,229,.12) !important;
    transform:translateY(-1px) !important;
}
.seller-dashboard .seller-board-card .task-board-expanded{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}
.seller-dashboard .seller-board-card .task-board-header{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-height:28px !important;
}
.seller-dashboard .seller-board-card .task-board-title{
    margin:0 !important;
    color:#0f172a !important;
    font-size:16px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
.seller-dashboard .seller-board-card .task-board-title a{
    color:#0f172a !important;
}
.seller-dashboard .seller-board-card .seller-lead-footer{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:0 !important;
}
.seller-dashboard .seller-board-card .seller-card-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin:0 !important;
}
.seller-dashboard .seller-board-card .alm-row{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    min-height:26px !important;
    max-width:100% !important;
    padding:3px 8px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:999px !important;
    background:#f8fafc !important;
    color:#64748b !important;
    font-size:11.5px !important;
    font-weight:850 !important;
    line-height:1.4 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.seller-dashboard .seller-board-card .seller-reason--high{background:#fee2e2 !important;color:#b91c1c !important;border-color:#fecaca !important}
.seller-dashboard .seller-board-card .seller-reason--medium{background:#fef3c7 !important;color:#a16207 !important;border-color:#fde68a !important}
.seller-dashboard .seller-board-card .seller-reason--low{background:#dcfce7 !important;color:#15803d !important;border-color:#bbf7d0 !important}
.seller-dashboard .seller-board-card .seller-card-phone{direction:ltr !important}
.seller-dashboard .seller-board-card .seller-card-phone--missing{direction:rtl !important;color:#b91c1c !important}
.seller-dashboard .seller-board-card .seller-meta-chip--result{background:#ecfdf5 !important;color:#047857 !important;border-color:#bbf7d0 !important}
.seller-dashboard .seller-board-card .seller-meta-chip--pay{background:#fffbeb !important;color:#a16207 !important;border-color:#fde68a !important}
.seller-dashboard .seller-board-card .seller-meta-chip--new-customer{background:#eff6ff !important;color:#2563eb !important;border-color:#bfdbfe !important}

/* Seller dashboard cards use the admin board-card shell; only seller meta chips/actions stay custom. */
.seller-dashboard .seller-board-card{
    position:relative !important;
    display:block !important;
    gap:0 !important;
    padding:13px 14px !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 1px 2px rgba(15,23,42,.06),0 1px 1px rgba(15,23,42,.04) !important;
    transition:box-shadow .16s ease,transform .16s ease !important;
}
.seller-dashboard .seller-board-card:hover,
.seller-dashboard .seller-board-card.is-highlighted{
    box-shadow:0 8px 22px rgba(79,70,229,.13) !important;
    transform:translateY(-1px) !important;
}
.seller-dashboard .seller-board-card .task-board-expanded{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
}
.seller-dashboard .seller-board-card .task-board-header{
    min-height:30px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
}
.seller-dashboard .seller-board-card .task-board-title{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.6 !important;
    text-align:start !important;
    overflow-wrap:anywhere !important;
}
.seller-dashboard .seller-board-card .seller-lead-footer{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}

.seller-dashboard .seller-board-card .seller-card-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
}
.seller-dashboard .seller-board-card .seller-btn{
    min-height:42px !important;
    border-radius:10px !important;
    font-size:13px !important;
}
.seller-dashboard .seller-board-card .seller-btn--call{
    grid-column:1 / -1 !important;
    background:#ecfdf3 !important;
    border-color:#86efac !important;
    color:#166534 !important;
}
.seller-dashboard .seller-board-card .seller-btn--call:hover{
    background:#dcfce7 !important;
    color:#14532d !important;
}
.seller-dashboard .seller-board-card .seller-btn--msg{
    background:#eff6ff !important;
    border-color:#bfdbfe !important;
    color:#2563eb !important;
}
.seller-dashboard .seller-board-card .seller-btn--result{
    background:#fff !important;
    border-color:#cbd5e1 !important;
    color:#334155 !important;
}
.seller-dashboard .seller-board-card .seller-btn--result:hover{
    background:#f8fafc !important;
    color:#0f172a !important;
}
.seller-check{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    min-height:42px !important;
    padding:0 10px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:900 !important;
    cursor:pointer !important;
}
.seller-check input{
    width:16px !important;
    height:16px !important;
    margin:0 !important;
}

.seller-dashboard .seller-board-card .seller-card-meta{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
}
.seller-dashboard .seller-board-card .seller-card-meta .alm-row{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    align-self:flex-start !important;
}
.seller-dashboard .seller-board-card .seller-card-meta .seller-reason,
.seller-dashboard .seller-board-card .seller-card-meta .alm-stage,
.seller-dashboard .seller-board-card .seller-card-meta .seller-meta-chip--result{
    min-height:26px !important;
    padding-inline:9px !important;
}

.seller-dashboard .seller-header{
    position:relative !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    min-height:126px !important;
    padding:18px 20px !important;
    overflow:hidden !important;
    border:1px solid #dbeafe !important;
    border-radius:16px !important;
    background:
        radial-gradient(circle at 10% 30%,rgba(99,102,241,.14),transparent 28%),
        linear-gradient(135deg,#f8fbff 0%,#eef4ff 56%,#f5f3ff 100%) !important;
    box-shadow:0 14px 34px rgba(30,64,175,.10) !important;
    text-align:right !important;
}
.seller-header-copy{
    position:relative !important;
    z-index:1 !important;
    display:flex !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
    text-align:right !important;
}
.seller-dashboard .seller-hello{
    margin:0 !important;
    color:#0f172a !important;
    font-size:22px !important;
    font-weight:950 !important;
    line-height:1.55 !important;
    letter-spacing:0 !important;
}
.seller-dashboard .seller-subhello{
    margin:0 !important;
    color:#64748b !important;
    font-size:13.5px !important;
    font-weight:850 !important;
    line-height:1.8 !important;
}
.seller-header-mascot{
    position:relative !important;
    z-index:1 !important;
    flex:0 0 auto !important;
    width:104px !important;
    max-width:28% !important;
    height:auto !important;
    object-fit:contain !important;
    filter:drop-shadow(0 16px 24px rgba(79,70,229,.24)) !important;
    animation:foroushyar-bob 3.2s ease-in-out infinite !important;
}
.seller-dashboard .seller-summary{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
    direction:rtl !important;
}
.seller-dashboard .seller-summary-item{
    position:relative !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    justify-content:start !important;
    gap:10px !important;
    min-height:78px !important;
    padding:14px 16px !important;
    overflow:hidden !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #e2e8f0 !important;
    box-shadow:0 10px 26px rgba(15,23,42,.06) !important;
    text-align:right !important;
}
.seller-dashboard .seller-summary-item::before{
    content:"" !important;
    position:absolute !important;
    inset-block:12px !important;
    inset-inline-start:0 !important;
    width:4px !important;
    border-radius:999px !important;
    background:var(--seller-summary-accent,#2563eb) !important;
}
.seller-dashboard .seller-summary-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    height:40px !important;
    border-radius:12px !important;
    background:var(--seller-summary-soft,#eff6ff) !important;
    color:var(--seller-summary-accent,#2563eb) !important;
    font-size:16px !important;
}
.seller-dashboard .seller-summary-item .s-label{
    min-width:0 !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1.55 !important;
    text-align:right !important;
}
.seller-dashboard .seller-summary-item .s-num{
    color:#0f172a !important;
    font-size:30px !important;
    font-weight:950 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    font-variant-numeric:normal !important;
}
.seller-dashboard .seller-summary-item.s-new{--seller-summary-accent:#2563eb;--seller-summary-soft:#eff6ff;background:linear-gradient(135deg,#ffffff,#eff6ff) !important;border-color:#bfdbfe !important}
.seller-dashboard .seller-summary-item.s-overdue{--seller-summary-accent:#dc2626;--seller-summary-soft:#fef2f2;background:linear-gradient(135deg,#ffffff,#fff1f2) !important;border-color:#fecaca !important}
.seller-dashboard .seller-summary-item.s-today{--seller-summary-accent:#16a34a;--seller-summary-soft:#f0fdf4;background:linear-gradient(135deg,#ffffff,#f0fdf4) !important;border-color:#bbf7d0 !important}
.seller-dashboard .seller-summary-item.s-pay{--seller-summary-accent:#d97706;--seller-summary-soft:#fffbeb;background:linear-gradient(135deg,#ffffff,#fffbeb) !important;border-color:#fde68a !important}
.seller-dashboard > .seller-cta{
    width:100% !important;
    min-height:56px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#2563eb,#4f46e5) !important;
    color:#fff !important;
    font-size:15px !important;
    box-shadow:0 14px 28px rgba(37,99,235,.24) !important;
}
@media (max-width:920px){
    .seller-dashboard .seller-summary{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media (max-width:640px){
    .seller-dashboard .seller-header{
        min-height:112px !important;
        padding:16px !important;
        gap:10px !important;
    }
    .seller-dashboard .seller-hello{
        font-size:20px !important;
    }
    .seller-header-mascot{
        width:86px !important;
        max-width:30% !important;
    }
    .seller-dashboard .seller-summary{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }
    .seller-dashboard .seller-summary-item{
        min-height:74px !important;
        padding:13px 14px !important;
    }
}

.sales-lead-comments{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    margin:18px 0 0 !important;
    padding:18px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#ffffff,#f8fbff) !important;
    box-shadow:0 14px 34px rgba(15,23,42,.07) !important;
}
.sales-lead-comments-head{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
}
.sales-lead-comments-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    flex:0 0 46px !important;
    border-radius:15px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-size:20px !important;
    box-shadow:0 10px 24px rgba(79,70,229,.14) !important;
}
.sales-lead-comments-head h3{
    margin:0 !important;
    color:#0f172a !important;
    font-size:18px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
.sales-lead-comments-head p{
    margin:0 !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.7 !important;
}
.sales-lead-comments-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}
.sales-lead-comment{
    padding:14px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 8px 20px rgba(15,23,42,.045) !important;
}
.sales-lead-comment-meta{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:8px !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1.5 !important;
}
.sales-lead-comment-meta strong{
    color:#0f172a !important;
    font-size:13px !important;
    font-weight:950 !important;
}
.sales-lead-comment-body,
.sales-lead-comment-body .markdown{
    color:#334155 !important;
    font-size:13.5px !important;
    font-weight:800 !important;
    line-height:1.9 !important;
}
.sales-lead-comment-body p{
    margin:0 0 8px !important;
}
.sales-lead-comment-body p:last-child{
    margin-bottom:0 !important;
}
@media(max-width:640px){
    .sales-lead-comments{
        margin-top:14px !important;
        padding:14px !important;
        border-radius:16px !important;
    }
    .sales-lead-comments-head{
        align-items:flex-start !important;
    }
    .sales-lead-comment-meta{
        flex-direction:column !important;
        align-items:flex-start !important;
    }
}

.sales-result-setup-card{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:14px !important;
    margin:0 0 16px !important;
    padding:16px !important;
    border:1px solid #bfdbfe !important;
    border-radius:16px !important;
    background:linear-gradient(135deg,#eff6ff,#ffffff) !important;
    box-shadow:0 12px 30px rgba(37,99,235,.10) !important;
    box-sizing:border-box !important;
}
.sales-result-setup-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    border-radius:14px !important;
    background:#dbeafe !important;
    color:#2563eb !important;
    font-size:20px !important;
}
.sales-result-setup-copy h2{
    margin:0 !important;
    color:#0f172a !important;
    font-size:19px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
.sales-result-setup-copy p{
    margin:3px 0 0 !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.8 !important;
}
.sales-result-setup-copy strong{
    display:inline-flex !important;
    margin-top:8px !important;
    color:#1d4ed8 !important;
    font-size:12.5px !important;
    font-weight:900 !important;
}
.sales-result-setup-cta{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:0 16px !important;
    border:1px solid #2563eb !important;
    border-radius:12px !important;
    background:#2563eb !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:950 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    box-shadow:0 12px 24px rgba(37,99,235,.18) !important;
}
.sales-result-setup-cta:hover{
    background:#1d4ed8 !important;
    border-color:#1d4ed8 !important;
    color:#fff !important;
}
@media(max-width:767px){
    .sales-result-setup-card{
        grid-template-columns:auto minmax(0,1fr) !important;
        gap:12px !important;
        padding:14px !important;
        border-radius:16px !important;
    }
    .sales-result-setup-cta{
        grid-column:1 / -1 !important;
        width:100% !important;
    }
}

.sales-result-settings{
    width:min(1180px,100%) !important;
    margin:0 auto !important;
    padding:18px !important;
    box-sizing:border-box !important;
}
.sales-result-head,
.sales-result-form{
    width:100% !important;
    box-sizing:border-box !important;
}
.sales-result-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(220px,320px) !important;
    gap:16px !important;
    align-items:end !important;
    margin-bottom:16px !important;
    padding:18px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 16px 35px rgba(15,23,42,.06) !important;
}
.sales-result-head h2{
    margin:0 0 6px !important;
    color:#0f172a !important;
    font-size:24px !important;
    font-weight:950 !important;
    line-height:1.45 !important;
}
.sales-result-head p{
    margin:0 !important;
    color:#64748b !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.8 !important;
}
.sales-result-project-switch select{
    width:100% !important;
    min-height:54px !important;
    padding:0 16px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:14px !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:900 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.04) !important;
}
.sales-result-form{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    padding:18px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 18px 40px rgba(15,23,42,.06) !important;
}
.sales-result-help,
.sales-result-soft-note{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:12px 14px !important;
    border-radius:14px !important;
    color:#334155 !important;
    font-size:14px !important;
    font-weight:850 !important;
    line-height:1.8 !important;
}
.sales-result-help{
    border:1px solid #bfdbfe !important;
    background:#eff6ff !important;
}
.sales-result-help i{
    color:#2563eb !important;
}
.sales-result-soft-note{
    border:1px solid #fde68a !important;
    background:#fffbeb !important;
}
.sales-result-simple-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
}
.sales-result-picker{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    min-width:0 !important;
    padding:16px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:18px !important;
    background:#f8fafc !important;
}
.sales-result-picker-head{
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
}
.sales-result-picker-head strong{
    color:#0f172a !important;
    font-size:17px !important;
    font-weight:950 !important;
    line-height:1.5 !important;
}
.sales-result-picker-head span{
    color:#64748b !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.8 !important;
}
.sales-result-selected-list{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    min-height:46px !important;
}
.sales-result-selected-chip{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:40px !important;
    max-width:100% !important;
    padding:0 12px !important;
    border:1px solid #93c5fd !important;
    border-radius:999px !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
    font-size:13px !important;
    font-weight:950 !important;
    line-height:1.2 !important;
    cursor:pointer !important;
}
.sales-result-selected-chip.is-lost{
    border-color:#fecaca !important;
    background:#fef2f2 !important;
    color:#b91c1c !important;
}
.sales-result-empty{
    padding:12px !important;
    border:1px dashed #cbd5e1 !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.7 !important;
}
.sales-result-add-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:46px !important;
    padding:0 16px !important;
    border:1px solid #2563eb !important;
    border-radius:14px !important;
    background:#2563eb !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:950 !important;
    cursor:pointer !important;
    box-shadow:0 12px 24px rgba(37,99,235,.18) !important;
}
.sales-result-add-btn.is-lost{
    border-color:#ef4444 !important;
    background:#ef4444 !important;
    box-shadow:0 12px 24px rgba(239,68,68,.16) !important;
}
.sales-result-hidden-inputs{
    display:none !important;
}
.sales-result-selector-sheet{
    position:fixed !important;
    inset:0 !important;
    z-index:110 !important;
    display:none !important;
    align-items:flex-end !important;
    justify-content:center !important;
    padding:16px !important;
    background:rgba(15,23,42,.48) !important;
    box-sizing:border-box !important;
}
.sales-result-selector-sheet.is-open{
    display:flex !important;
}
.sales-result-selector-panel{
    width:min(560px,100%) !important;
    max-height:78vh !important;
    overflow:auto !important;
    padding:18px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 24px 70px rgba(15,23,42,.28) !important;
}
.sales-result-selector-close{
    float:left !important;
    width:42px !important;
    height:42px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    font-size:22px !important;
    font-weight:950 !important;
    cursor:pointer !important;
}
.sales-result-selector-panel h3{
    margin:0 0 14px !important;
    color:#0f172a !important;
    font-size:20px !important;
    font-weight:950 !important;
}
.sales-result-selector-list{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}
.sales-result-selector-option{
    width:100% !important;
    min-height:48px !important;
    padding:0 14px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:900 !important;
    text-align:right !important;
    cursor:pointer !important;
}
.sales-result-selector-option:hover{
    border-color:#bfdbfe !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
}
.sales-result-selector-empty{
    display:none !important;
    padding:12px !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:850 !important;
}
.sales-result-actions{
    position:sticky !important;
    bottom:0 !important;
    z-index:20 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    margin:8px -18px -18px !important;
    padding:14px 18px !important;
    border-top:1px solid #e2e8f0 !important;
    border-radius:0 0 20px 20px !important;
    background:rgba(255,255,255,.94) !important;
    backdrop-filter:blur(14px) !important;
}
.sales-result-save-btn,
.sales-result-cancel{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:48px !important;
    padding:0 20px !important;
    border-radius:14px !important;
    font-size:14px !important;
    font-weight:950 !important;
    text-decoration:none !important;
}
.sales-result-cancel{
    border:1px solid #fed7aa !important;
    background:#fff7ed !important;
    color:#ea580c !important;
}
.sales-result-modal-locked{
    overflow:hidden !important;
}
.sales-result-modal-overlay[hidden]{
    display:none !important;
}
.sales-result-modal-overlay{
    position:fixed !important;
    inset:0 !important;
    z-index:12000 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    padding:18px !important;
    background:rgba(15,23,42,.48) !important;
    backdrop-filter:blur(7px) !important;
    direction:rtl !important;
    box-sizing:border-box !important;
}
.sales-result-modal-overlay.is-open{
    display:flex !important;
}
.sales-result-modal{
    position:relative !important;
    width:min(920px,100%) !important;
    max-height:90vh !important;
    overflow:auto !important;
    border:1px solid #e2e8f0 !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 24px 80px rgba(15,23,42,.28) !important;
}
.sales-result-modal .sales-result-settings{
    width:100% !important;
    padding:18px !important;
}
.sales-result-modal-close{
    position:sticky !important;
    top:12px !important;
    right:auto !important;
    left:12px !important;
    z-index:40 !important;
    float:left !important;
    width:42px !important;
    height:42px !important;
    margin:12px 12px -54px 0 !important;
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:22px !important;
    font-weight:950 !important;
    line-height:1 !important;
    cursor:pointer !important;
    box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
}
@media(max-width:767px){
    .sales-result-settings{
        padding:12px !important;
    }
    .sales-result-head{
        grid-template-columns:1fr !important;
        padding:14px !important;
        border-radius:16px !important;
    }
    .sales-result-head h2{
        font-size:21px !important;
    }
    .sales-result-form{
        padding:14px !important;
        border-radius:18px !important;
    }
    .sales-result-simple-grid{
        grid-template-columns:1fr !important;
    }
    .sales-result-picker{
        padding:14px !important;
    }
    .sales-result-actions{
        flex-direction:column !important;
        align-items:stretch !important;
        margin:8px -14px -14px !important;
        padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px)) !important;
        border-radius:0 0 18px 18px !important;
    }
    .sales-result-save-btn,
    .sales-result-cancel{
        width:100% !important;
    }
    .sales-result-modal-overlay{
        align-items:flex-end !important;
        padding:0 !important;
    }
    .sales-result-modal{
        width:100% !important;
        max-height:92vh !important;
        border-radius:20px 20px 0 0 !important;
        border-bottom:0 !important;
    }
    .sales-result-modal .sales-result-settings{
        padding:14px !important;
    }
    .sales-result-modal-close{
        top:10px !important;
        left:10px !important;
        margin:10px 10px -52px 0 !important;
    }
}

/* AI coach progressive setup */
.ai-coach-setup-card{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(78px,112px) !important;
    align-items:center !important;
    gap:24px !important;
    margin:0 0 22px !important;
    padding:26px !important;
    border:1px solid #dbeafe !important;
    border-radius:8px !important;
    background:linear-gradient(135deg,#ffffff 0%,#f8fbff 62%,#eef4ff 100%) !important;
    box-shadow:0 18px 42px rgba(15,23,42,.08) !important;
    box-sizing:border-box !important;
}
.ai-coach-setup-card.is-compact{
    grid-template-columns:minmax(0,1fr) 82px !important;
    padding:18px !important;
    box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
}
.ai-coach-mascot{
    width:100% !important;
    max-width:112px !important;
    justify-self:center !important;
    grid-column:2 !important;
    grid-row:1 !important;
    height:auto !important;
    object-fit:contain !important;
    filter:drop-shadow(0 14px 18px rgba(37,99,235,.14)) !important;
}
.ai-coach-setup-card.is-compact .ai-coach-mascot{max-width:82px !important}
.ai-coach-content{display:flex !important;flex-direction:column !important;gap:10px !important;min-width:0 !important;grid-column:1 !important;grid-row:1 !important;text-align:start !important}
.ai-coach-label{display:inline-flex !important;align-items:center !important;gap:7px !important;width:max-content !important;max-width:100% !important;padding:5px 10px !important;border-radius:999px !important;background:#eef2ff !important;color:#4f46e5 !important;font-size:12px !important;font-weight:900 !important;line-height:1.5 !important}
.ai-coach-content h2{margin:0 !important;color:#0f172a !important;font-size:26px !important;font-weight:950 !important;line-height:1.45 !important;letter-spacing:0 !important}
.ai-coach-setup-card.is-compact .ai-coach-content h2{font-size:20px !important}
.ai-coach-content p{margin:0 !important;color:#475569 !important;font-size:15px !important;font-weight:800 !important;line-height:1.9 !important}
.ai-coach-why{display:flex !important;flex-direction:column !important;gap:3px !important;padding:12px 14px !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;background:rgba(255,255,255,.78) !important;color:#334155 !important}
.ai-coach-why strong{color:#0f172a !important;font-size:13px !important;font-weight:950 !important}
.ai-coach-why span{color:#64748b !important;font-size:13px !important;font-weight:750 !important;line-height:1.85 !important}
.ai-coach-actions{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:10px !important;margin-top:4px !important}
.ai-coach-primary,.ai-coach-secondary{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:42px !important;padding:9px 18px !important;border-radius:8px !important;font-size:14px !important;font-weight:950 !important;text-decoration:none !important;box-sizing:border-box !important}
.ai-coach-primary{border:1px solid #4f46e5 !important;background:#4f46e5 !important;color:#fff !important;box-shadow:0 10px 22px rgba(79,70,229,.22) !important}
.ai-coach-primary:hover{background:#4338ca !important;color:#fff !important}
.ai-coach-primary:disabled{opacity:.65 !important;cursor:not-allowed !important}
.ai-coach-secondary{border:1px solid #c7d2fe !important;background:#fff !important;color:#4338ca !important}
.ai-coach-secondary:hover{background:#eef2ff !important;color:#4338ca !important}
.ai-coach-center-link{width:max-content !important;color:#64748b !important;font-size:12.5px !important;font-weight:850 !important;text-decoration:none !important}
.ai-coach-center-link:hover{color:#4f46e5 !important}
.setup-guide-block{display:flex !important;align-items:flex-start !important;gap:12px !important;margin:14px 0 !important;padding:13px !important;border:1px solid #dbeafe !important;border-radius:8px !important;background:#f8fbff !important;color:#334155 !important;box-sizing:border-box !important}
.setup-guide-block img{flex:0 0 54px !important;width:54px !important;height:auto !important;filter:drop-shadow(0 8px 12px rgba(37,99,235,.12)) !important}
.setup-guide-block strong{display:block !important;margin:0 0 3px !important;color:#1e293b !important;font-size:13.5px !important;font-weight:950 !important;line-height:1.6 !important}
.setup-guide-block p{margin:0 !important;color:#64748b !important;font-size:13px !important;font-weight:750 !important;line-height:1.85 !important}
.setup-guide-tip{background:#f8fafc !important;border-color:#e2e8f0 !important}
.excel-guide-example{margin:14px 0 !important;padding:14px !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;background:#fff !important;box-sizing:border-box !important}
.excel-guide-copy h3{margin:0 0 5px !important;color:#0f172a !important;font-size:16px !important;font-weight:950 !important;line-height:1.6 !important}
.excel-guide-copy p{margin:0 0 12px !important;color:#64748b !important;font-size:13px !important;font-weight:750 !important;line-height:1.85 !important}
.excel-guide-table{display:grid !important;gap:0 !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;overflow:hidden !important;background:#fff !important}
.excel-guide-table > div{display:grid !important;grid-template-columns:1fr 132px 1.4fr !important}
.excel-guide-table span{padding:9px 10px !important;border-bottom:1px solid #e2e8f0 !important;border-inline-end:1px solid #e2e8f0 !important;color:#334155 !important;font-size:12.5px !important;font-weight:800 !important;line-height:1.6 !important}
.excel-guide-table > div:last-child span{border-bottom:0 !important}
.excel-guide-table span:last-child{border-inline-end:0 !important}
.excel-guide-table .is-head span{background:#f8fafc !important;color:#475569 !important;font-weight:950 !important}
.excel-guide-example ul{margin:12px 18px 0 0 !important;padding:0 !important;color:#64748b !important;font-size:12.5px !important;font-weight:750 !important;line-height:1.9 !important}
@media (max-width:767px){
    .ai-coach-setup-card,.ai-coach-setup-card.is-compact{grid-template-columns:1fr !important;text-align:center !important;padding:18px !important;gap:14px !important}
    .ai-coach-mascot,.ai-coach-setup-card.is-compact .ai-coach-mascot{width:86px !important;max-width:86px !important;grid-column:1 !important;grid-row:1 !important;justify-self:center !important}
    .ai-coach-content{grid-column:1 !important;grid-row:2 !important;text-align:center !important}
    .ai-coach-label,.ai-coach-center-link{margin-inline:auto !important}
    .ai-coach-content h2,.ai-coach-setup-card.is-compact .ai-coach-content h2{font-size:22px !important}
    .ai-coach-actions{justify-content:center !important}
    .ai-coach-primary,.ai-coach-secondary{width:100% !important}
    .setup-guide-block{align-items:center !important}
    .setup-guide-block img{width:48px !important;flex-basis:48px !important}
    .excel-guide-table > div{grid-template-columns:1fr !important}
    .excel-guide-table span{border-inline-end:0 !important}
}

.salesperson-modal-locked{overflow:hidden !important}
.salesperson-modal-overlay{position:fixed !important;inset:0 !important;z-index:5000 !important;display:none !important;align-items:center !important;justify-content:center !important;padding:18px !important;background:rgba(15,23,42,.46) !important;backdrop-filter:blur(7px) !important;direction:rtl !important}
.salesperson-modal-overlay.is-open{display:flex !important}
.salesperson-modal{position:relative !important;box-sizing:border-box !important;width:min(100%,760px) !important;max-height:calc(100vh - 36px) !important;overflow:auto !important;padding:24px !important;border:1px solid #dbeafe !important;border-radius:8px !important;background:#fff !important;box-shadow:0 28px 70px rgba(15,23,42,.24) !important;color:#0f172a !important}
.salesperson-modal-close{position:absolute !important;inset-block-start:12px !important;inset-inline-start:12px !important;width:36px !important;height:36px !important;border:0 !important;border-radius:8px !important;background:#f1f5f9 !important;color:#334155 !important;font-size:24px !important;line-height:1 !important;cursor:pointer !important}
.salesperson-modal-close:hover{background:#e2e8f0 !important;color:#0f172a !important}
.salesperson-modal-head{display:flex !important;flex-direction:row-reverse !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;margin-bottom:14px !important;padding-inline-start:52px !important}
.salesperson-modal-head span{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:46px !important;height:46px !important;border-radius:8px !important;background:#ecfdf5 !important;color:#0f766e !important;font-size:20px !important}
.salesperson-modal-head img{flex:0 0 auto !important;order:0 !important;width:74px !important;max-width:74px !important;height:auto !important;filter:drop-shadow(0 10px 14px rgba(37,99,235,.14)) !important}
.salesperson-modal-head > div{flex:1 1 auto !important;min-width:0 !important}
.salesperson-modal-head h2{margin:0 !important;color:#0f172a !important;font-size:22px !important;font-weight:950 !important;line-height:1.45 !important;letter-spacing:0 !important;overflow-wrap:anywhere !important}
.salesperson-modal-head p{margin:0 !important;color:#64748b !important;font-size:14px !important;font-weight:760 !important;line-height:1.9 !important}
.salesperson-form{display:grid !important;gap:14px !important}
.salesperson-guide{margin:-6px 0 14px !important;padding:12px 13px !important;border:1px solid #ccfbf1 !important;border-radius:8px !important;background:#f0fdfa !important;color:#0f766e !important;font-size:13px !important;font-weight:850 !important;line-height:1.85 !important}
.salesperson-offer-copy,.salesperson-leads-summary,.salesperson-success-copy{padding:13px !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;background:#f8fafc !important;color:#334155 !important;font-size:14px !important;font-weight:850 !important;line-height:1.9 !important;white-space:pre-line !important;overflow-wrap:anywhere !important}
.salesperson-fields{display:grid !important;gap:12px !important}
.salesperson-fields label{display:grid !important;gap:7px !important;margin:0 !important;color:#334155 !important;font-size:13px !important;font-weight:900 !important}
.salesperson-fields input{width:100% !important;min-height:48px !important;box-sizing:border-box !important;padding:10px 13px !important;border:1px solid #cbd5e1 !important;border-radius:8px !important;background:#fff !important;color:#0f172a !important;font-size:15px !important;font-weight:800 !important;line-height:1.5 !important}
.salesperson-fields input:focus{border-color:#14b8a6 !important;box-shadow:0 0 0 3px rgba(20,184,166,.15) !important;outline:0 !important}
.salesperson-bulk-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important}
.salesperson-lead-actions{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;align-items:stretch !important;gap:8px !important;overflow:visible !important;padding:2px 0 8px !important}
.salesperson-lead-actions > button{width:100% !important;min-width:0 !important;white-space:normal !important;text-align:center !important}
.salesperson-list-tools{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important}
.salesperson-list-tools button{border:1px solid #cbd5e1 !important;border-radius:8px !important;background:#fff !important;color:#475569 !important;padding:7px 10px !important;font-size:12.5px !important;font-weight:900 !important;cursor:pointer !important}
.salesperson-lead-list{display:grid !important;gap:8px !important;max-height:420px !important;overflow:auto !important;padding-inline-end:2px !important}
.salesperson-lead-item{display:grid !important;grid-template-columns:22px minmax(0,1fr) !important;gap:10px !important;align-items:start !important;margin:0 !important;padding:11px !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;background:#fff !important;cursor:pointer !important}
.salesperson-lead-item:hover{border-color:#99f6e4 !important;background:#f8fffd !important}
.salesperson-lead-item.is-selected{border-color:#14b8a6 !important;background:#f0fdfa !important}
.salesperson-lead-item input{width:16px !important;height:16px !important;margin-top:4px !important}
.salesperson-lead-item span{display:grid !important;gap:3px !important;min-width:0 !important}
.salesperson-lead-item strong{color:#0f172a !important;font-size:13.5px !important;font-weight:950 !important;line-height:1.6 !important}
.salesperson-lead-item em{color:#64748b !important;font-size:12.5px !important;font-style:normal !important;font-weight:750 !important;line-height:1.6 !important}
.salesperson-lead-item small{width:max-content !important;max-width:100% !important;padding:2px 7px !important;border-radius:999px !important;background:#eef2ff !important;color:#4338ca !important;font-size:11.5px !important;font-weight:900 !important;line-height:1.5 !important}
.salesperson-message{display:none !important;padding:11px 12px !important;border-radius:8px !important;font-size:13px !important;font-weight:900 !important;line-height:1.8 !important}
.salesperson-message.is-error,.salesperson-message.is-success{display:block !important}
.salesperson-message.is-error{border:1px solid #fecaca !important;background:#fef2f2 !important;color:#b91c1c !important}
.salesperson-message.is-success{border:1px solid #bbf7d0 !important;background:#f0fdf4 !important;color:#166534 !important}
.salesperson-actions,.salesperson-success-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin-top:4px !important}
.salesperson-submit,.salesperson-cancel{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:48px !important;padding:10px 16px !important;border-radius:8px !important;font-size:14px !important;font-weight:950 !important;line-height:1.5 !important;cursor:pointer !important;text-decoration:none !important}
.salesperson-submit{border:1px solid #0f766e !important;background:#0f766e !important;color:#fff !important;box-shadow:0 10px 22px rgba(15,118,110,.22) !important}
.salesperson-submit-secondary{border-color:#14b8a6 !important;background:#0d9488 !important}
.salesperson-submit:hover{background:#115e59 !important;color:#fff !important}
.salesperson-submit:disabled{opacity:.68 !important;cursor:wait !important}
.salesperson-cancel{border:1px solid #cbd5e1 !important;background:#fff !important;color:#475569 !important}
.salesperson-cancel:hover{background:#f8fafc !important;color:#0f172a !important}
.salesperson-modal [data-salesperson-guide]:empty{display:none !important}
.salesperson-offer-copy{font-size:16px !important;color:#0f172a !important;background:#fff !important;border-color:#dbeafe !important;text-align:center !important}
.salesperson-offer-card{display:flex !important;align-items:center !important;gap:12px !important;padding:14px !important;border:1px solid #dbeafe !important;border-radius:8px !important;background:#f8fafc !important}
.salesperson-offer-icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:46px !important;height:46px !important;flex:0 0 46px !important;border-radius:8px !important;background:#ecfdf5 !important;color:#0f766e !important;font-size:18px !important}
.salesperson-offer-card strong{display:block !important;color:#0f172a !important;font-size:18px !important;font-weight:950 !important;line-height:1.6 !important}
.salesperson-offer-card small{display:block !important;color:#64748b !important;font-size:13px !important;font-weight:800 !important;line-height:1.8 !important}
.salesperson-offer-actions{grid-template-columns:1.4fr 1fr !important}
.salesperson-muted-link{border:0 !important;background:transparent !important;color:#94a3b8 !important;font-size:13px !important;font-weight:900 !important;line-height:1.8 !important;cursor:pointer !important;text-align:center !important;box-shadow:none !important}
.salesperson-muted-link:hover{color:#475569 !important;background:transparent !important}
.salesperson-count-picker{display:grid !important;grid-template-columns:1fr 120px !important;gap:12px !important;align-items:end !important}
.salesperson-count-picker > strong{display:flex !important;align-items:center !important;justify-content:center !important;min-height:76px !important;border:1px solid #dbeafe !important;border-radius:8px !important;background:#eff6ff !important;color:#1d4ed8 !important;font-size:30px !important;font-weight:950 !important;line-height:1 !important}
.salesperson-count-picker label{display:grid !important;gap:6px !important;margin:0 !important;color:#64748b !important;font-size:12px !important;font-weight:900 !important}
.salesperson-count-picker input{width:100% !important;min-height:46px !important;border:1px solid #cbd5e1 !important;border-radius:8px !important;text-align:center !important;font-size:18px !important;font-weight:950 !important;color:#0f172a !important}
.salesperson-range{width:100% !important;accent-color:#2563eb !important}
.salesperson-range-scale{display:flex !important;justify-content:space-between !important;color:#64748b !important;font-size:12px !important;font-weight:900 !important}
.salesperson-chips{display:flex !important;gap:8px !important;flex-wrap:wrap !important}
.salesperson-chips button{border:1px solid #cbd5e1 !important;border-radius:999px !important;background:#fff !important;color:#475569 !important;padding:8px 12px !important;font-size:12.5px !important;font-weight:950 !important;cursor:pointer !important}
.salesperson-chips button.is-active{border-color:#2563eb !important;background:#eff6ff !important;color:#1d4ed8 !important}
.salesperson-count-help{margin:0 !important;padding:11px 12px !important;border:1px solid #e2e8f0 !important;border-radius:8px !important;background:#f8fafc !important;color:#475569 !important;font-size:13px !important;font-weight:850 !important;line-height:1.8 !important;text-align:center !important}
.salesperson-count-error{padding:9px 10px !important;border:1px solid #fecaca !important;border-radius:8px !important;background:#fef2f2 !important;color:#b91c1c !important;font-size:12.5px !important;font-weight:900 !important;text-align:center !important}
.salesperson-count-actions{grid-template-columns:1fr !important}
@media (max-width:767px){
    .salesperson-modal-overlay{align-items:flex-end !important;padding:0 !important}
    .salesperson-modal{width:100% !important;max-width:100% !important;max-height:88vh !important;border-radius:8px 8px 0 0 !important;padding:16px 12px calc(16px + env(safe-area-inset-bottom)) !important}
    .salesperson-modal-close{inset-block-start:10px !important;inset-inline-start:10px !important;width:34px !important;height:34px !important;font-size:22px !important}
    .salesperson-modal-head{padding-inline-start:40px !important;gap:10px !important;align-items:flex-start !important}
    .salesperson-modal-head img{width:50px !important;max-width:50px !important}
    .salesperson-modal-head h2{font-size:18px !important;line-height:1.5 !important}
    .salesperson-modal-head p{font-size:12.5px !important;line-height:1.75 !important}
    .salesperson-guide,.salesperson-offer-copy,.salesperson-leads-summary,.salesperson-success-copy{padding:10px !important;font-size:12.5px !important;line-height:1.75 !important}
    .salesperson-actions,.salesperson-success-actions,.salesperson-bulk-actions{grid-template-columns:1fr !important}
    .salesperson-offer-actions,.salesperson-count-picker{grid-template-columns:1fr !important}
    .salesperson-count-picker > strong{min-height:64px !important;font-size:26px !important}
    .salesperson-lead-actions{grid-template-columns:1fr 1fr !important;gap:8px !important}
    .salesperson-lead-actions > button{min-height:42px !important;padding:8px 8px !important;font-size:12.5px !important;line-height:1.55 !important}
    .salesperson-lead-actions > [data-salesperson-skip-assign]{grid-column:1 / -1 !important}
    .salesperson-lead-list{max-height:46vh !important}
    .salesperson-lead-item{grid-template-columns:20px minmax(0,1fr) !important;padding:10px !important;gap:8px !important}
}

/* Onboarding Excel import */
.onboarding-excel-import{
    display:grid !important;
    gap:16px !important;
    width:min(100%, 1040px) !important;
    margin:0 auto 32px !important;
    padding:4px 0 24px !important;
    direction:rtl !important;
    color:#0f172a !important;
}
.onboarding-import-header{
    display:grid !important;
    gap:8px !important;
    padding:18px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:8px !important;
    background:linear-gradient(135deg,#ffffff 0%,#f8fafc 58%,#ecfeff 100%) !important;
    box-shadow:0 16px 40px rgba(15,23,42,.07) !important;
}
.onboarding-import-brand{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    width:max-content !important;
    max-width:100% !important;
    color:#0f766e !important;
    font-size:12px !important;
    font-weight:950 !important;
}
.onboarding-import-brand img{
    width:26px !important;
    height:26px !important;
    object-fit:contain !important;
}
.onboarding-import-header h2{
    margin:0 !important;
    color:#0f172a !important;
    font-size:25px !important;
    font-weight:950 !important;
    line-height:1.45 !important;
    letter-spacing:0 !important;
}
.onboarding-import-header p,
.onboarding-import-card p{
    margin:0 !important;
    color:#475569 !important;
    font-size:14px !important;
    font-weight:750 !important;
    line-height:1.9 !important;
}
.onboarding-import-card{
    border:1px solid #dbe4f0 !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 14px 35px rgba(15,23,42,.06) !important;
    box-sizing:border-box !important;
}
.onboarding-import-coach{
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    gap:16px !important;
    align-items:center !important;
    padding:18px !important;
    background:linear-gradient(135deg,#f8fbff 0%,#fff 68%) !important;
}
.onboarding-import-coach img{
    width:96px !important;
    max-width:96px !important;
    max-height:112px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 12px 18px rgba(15,118,110,.16)) !important;
}
.onboarding-import-coach span{
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
    margin-bottom:6px !important;
    padding:4px 9px !important;
    border-radius:999px !important;
    background:#ccfbf1 !important;
    color:#115e59 !important;
    font-size:11px !important;
    font-weight:950 !important;
}
.onboarding-import-coach h3,
.onboarding-excel-guide h3,
.onboarding-preview-card h3,
.onboarding-import-state h3{
    margin:0 0 7px !important;
    color:#0f172a !important;
    font-size:20px !important;
    font-weight:950 !important;
    line-height:1.5 !important;
    letter-spacing:0 !important;
}
.onboarding-import-coach div div{
    margin-top:10px !important;
    padding:10px 12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.85 !important;
}
.onboarding-excel-guide,
.onboarding-upload-card,
.onboarding-preview-card,
.onboarding-import-state{
    display:grid !important;
    gap:14px !important;
    padding:18px !important;
}
.onboarding-excel-example-image{
    display:block !important;
    width:100% !important;
    max-width:640px !important;
    height:auto !important;
    margin:14px auto 0 !important;
    border-radius:14px !important;
    border:1px solid #dbe4f0 !important;
    background:#fff !important;
    box-shadow:0 10px 26px rgba(15,23,42,.08) !important;
}
.onboarding-excel-table{
    display:grid !important;
    overflow:hidden !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#fff !important;
}
.onboarding-excel-table > div{
    display:grid !important;
    grid-template-columns:1fr 150px 1fr !important;
}
.onboarding-excel-table span{
    padding:10px 12px !important;
    border-bottom:1px solid #e2e8f0 !important;
    border-inline-end:1px solid #e2e8f0 !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.6 !important;
}
.onboarding-excel-table > div:last-child span{border-bottom:0 !important}
.onboarding-excel-table span:last-child{border-inline-end:0 !important}
.onboarding-excel-table .is-head span{
    background:#f1f5f9 !important;
    color:#0f172a !important;
    font-weight:950 !important;
}
.onboarding-excel-guide ul{
    display:grid !important;
    gap:6px !important;
    margin:0 18px 0 0 !important;
    padding:0 !important;
    color:#475569 !important;
    font-size:13px !important;
    font-weight:760 !important;
    line-height:1.85 !important;
}
.onboarding-dropzone{
    display:grid !important;
    justify-items:center !important;
    gap:8px !important;
    min-height:220px !important;
    padding:28px 18px !important;
    border:2px dashed #99f6e4 !important;
    border-radius:8px !important;
    background:#f0fdfa !important;
    color:#134e4a !important;
    text-align:center !important;
    cursor:pointer !important;
    transition:transform .16s ease, border-color .16s ease, background .16s ease !important;
}
.onboarding-dropzone:hover,
.onboarding-dropzone:focus-within{
    transform:translateY(-1px) !important;
    border-color:#14b8a6 !important;
    background:#ecfeff !important;
}
.onboarding-dropzone input{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
}
.onboarding-dropzone i{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:54px !important;
    height:54px !important;
    border-radius:8px !important;
    background:#0f766e !important;
    color:#fff !important;
    font-size:24px !important;
}
.onboarding-dropzone strong{
    color:#0f172a !important;
    font-size:18px !important;
    font-weight:950 !important;
    line-height:1.55 !important;
}
.onboarding-dropzone span{
    color:#475569 !important;
    font-size:13px !important;
    font-weight:800 !important;
}
.onboarding-dropzone em,
.onboarding-import-primary,
.onboarding-import-secondary{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:9px 16px !important;
    border-radius:8px !important;
    font-style:normal !important;
    font-size:14px !important;
    font-weight:950 !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
}
.onboarding-dropzone em,
.onboarding-import-primary{
    border:1px solid #0f766e !important;
    background:#0f766e !important;
    color:#fff !important;
    box-shadow:0 10px 22px rgba(15,118,110,.18) !important;
}
.onboarding-import-primary:hover{background:#115e59 !important;color:#fff !important}
.onboarding-import-primary:disabled{
    opacity:.55 !important;
    cursor:not-allowed !important;
    transform:none !important;
}
.onboarding-import-secondary{
    border:1px solid #cbd5e1 !important;
    background:#fff !important;
    color:#334155 !important;
}
.onboarding-selected-file{
    min-height:24px !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:850 !important;
    text-align:center !important;
}
.onboarding-import-alert{
    display:grid !important;
    gap:4px !important;
    padding:12px 14px !important;
    border:1px solid #fecaca !important;
    border-radius:8px !important;
    background:#fef2f2 !important;
    color:#991b1b !important;
}
.onboarding-import-alert.is-success{
    border-color:#bbf7d0 !important;
    background:#f0fdf4 !important;
    color:#166534 !important;
}
.onboarding-import-alert p{
    margin:0 !important;
    color:inherit !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.8 !important;
}
.onboarding-preview-stats{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
}
.onboarding-preview-stats div{
    display:grid !important;
    gap:4px !important;
    padding:12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
}
.onboarding-preview-stats strong{
    color:#0f172a !important;
    font-size:24px !important;
    font-weight:950 !important;
    line-height:1 !important;
}
.onboarding-preview-stats span{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:850 !important;
}
.onboarding-sample-list{
    display:grid !important;
    gap:8px !important;
}
.onboarding-sample-list div{
    display:grid !important;
    grid-template-columns:1fr auto auto !important;
    gap:10px !important;
    align-items:center !important;
    padding:10px 12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#fff !important;
}
.onboarding-sample-list strong{
    min-width:0 !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:950 !important;
    overflow-wrap:anywhere !important;
}
.onboarding-sample-list span,
.onboarding-sample-list em{
    color:#475569 !important;
    font-size:13px !important;
    font-weight:850 !important;
    font-style:normal !important;
}
.onboarding-preview-card form{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    align-items:center !important;
}
.onboarding-preview-redesign{
    gap:18px !important;
    background:#f8fafc !important;
}
.onboarding-preview-hero{
    display:grid !important;
    gap:7px !important;
    padding:2px 2px 4px !important;
}
.onboarding-preview-kicker{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    width:max-content !important;
    max-width:100% !important;
    padding:5px 11px !important;
    border-radius:999px !important;
    background:#dcfce7 !important;
    color:#166534 !important;
    font-size:12px !important;
    font-weight:950 !important;
}
.onboarding-preview-hero h3{
    margin:0 !important;
    color:#0f172a !important;
    font-size:28px !important;
    font-weight:950 !important;
    line-height:1.35 !important;
}
.onboarding-preview-hero p,
.onboarding-file-status-card p,
.onboarding-contact-preview p,
.onboarding-empty-import p{
    margin:0 !important;
    color:#64748b !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.9 !important;
}
.onboarding-file-status-card{
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    gap:14px !important;
    align-items:start !important;
    padding:16px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:18px !important;
    background:#fff !important;
    box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
}
.onboarding-file-status-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    background:#dcfce7 !important;
    color:#15803d !important;
    font-size:20px !important;
}
.onboarding-file-status-card h4,
.onboarding-contact-preview h4,
.onboarding-empty-import h4,
.onboarding-duplicate-notice h4{
    margin:0 0 5px !important;
    color:#0f172a !important;
    font-size:20px !important;
    font-weight:950 !important;
    line-height:1.45 !important;
}
.onboarding-preview-actions{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:10px !important;
    margin-top:2px !important;
}
.onboarding-preview-actions .onboarding-import-primary{
    min-height:50px !important;
    font-size:15px !important;
}
.onboarding-status-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
}
.onboarding-status-card{
    display:grid !important;
    gap:6px !important;
    min-height:148px !important;
    padding:14px !important;
    border-radius:18px !important;
    border:1px solid #e2e8f0 !important;
    background:#fff !important;
}
.onboarding-status-card i{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    height:36px !important;
    border-radius:13px !important;
    font-size:16px !important;
}
.onboarding-status-card strong{
    color:#0f172a !important;
    font-size:30px !important;
    font-weight:950 !important;
    line-height:1 !important;
}
.onboarding-status-card h4{
    margin:0 !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:950 !important;
    line-height:1.55 !important;
}
.onboarding-status-card p{
    margin:0 !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.75 !important;
}
.onboarding-status-card.is-ready{
    background:#f0fdf4 !important;
    border-color:#bbf7d0 !important;
}
.onboarding-status-card.is-ready i{
    background:#dcfce7 !important;
    color:#15803d !important;
}
.onboarding-status-card.is-calm{
    background:#f8fafc !important;
}
.onboarding-status-card.is-calm i{
    background:#e2e8f0 !important;
    color:#475569 !important;
}
.onboarding-status-card.is-warning{
    background:#fff7ed !important;
    border-color:#fed7aa !important;
}
.onboarding-status-card.is-warning i{
    background:#ffedd5 !important;
    color:#c2410c !important;
}
.onboarding-status-card.is-duplicate{
    background:#fffbeb !important;
    border-color:#fde68a !important;
}
.onboarding-status-card.is-duplicate i{
    background:#fef3c7 !important;
    color:#b45309 !important;
}
.onboarding-duplicate-notice,
.onboarding-empty-import{
    display:grid !important;
    gap:10px !important;
    padding:14px !important;
    border-radius:18px !important;
    border:1px solid #fde68a !important;
    background:#fffbeb !important;
}
.onboarding-duplicate-notice{
    grid-template-columns:1fr auto !important;
    align-items:center !important;
}
.onboarding-duplicate-notice p{
    margin:0 !important;
    color:#92400e !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.85 !important;
}
.onboarding-duplicate-notice a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:8px 12px !important;
    border-radius:12px !important;
    background:#fff7ed !important;
    border:1px solid #fed7aa !important;
    color:#c2410c !important;
    font-size:12px !important;
    font-weight:950 !important;
}
.onboarding-empty-import{
    border-color:#fecaca !important;
    background:#fef2f2 !important;
}
.onboarding-contact-preview{
    display:grid !important;
    gap:13px !important;
    padding:16px !important;
    border-radius:18px !important;
    border:1px solid #e2e8f0 !important;
    background:#fff !important;
}
.onboarding-filter-chips{
    display:flex !important;
    gap:8px !important;
    overflow:auto !important;
    padding-bottom:2px !important;
}
.onboarding-filter-chips input{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
}
.onboarding-filter-chips label{
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    min-height:32px !important;
    padding:6px 12px !important;
    border-radius:999px !important;
    background:#f1f5f9 !important;
    color:#475569 !important;
    font-size:12px !important;
    font-weight:950 !important;
    cursor:pointer !important;
}
#preview-filter-all:checked + label,
#preview-filter-ready:checked + label,
#preview-filter-duplicate:checked + label,
#preview-filter-invalid:checked + label{
    background:#eef2ff !important;
    color:#4f46e5 !important;
}
.onboarding-contact-preview:has(#preview-filter-ready:checked) .onboarding-contact-card:not(.is-ready),
.onboarding-contact-preview:has(#preview-filter-duplicate:checked) .onboarding-contact-card:not(.is-duplicate),
.onboarding-contact-preview:has(#preview-filter-invalid:checked) .onboarding-contact-card:not(.is-invalid){
    display:none !important;
}
.onboarding-contact-list{
    display:grid !important;
    gap:10px !important;
}
.onboarding-contact-card{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:10px 12px !important;
    align-items:center !important;
    padding:13px !important;
    border-radius:16px !important;
    border:1px solid #e2e8f0 !important;
    background:#fff !important;
}
.onboarding-contact-card strong{
    display:block !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:950 !important;
    line-height:1.5 !important;
}
.onboarding-contact-card span{
    display:block !important;
    margin-top:3px !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1.6 !important;
}
.onboarding-contact-card p{
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    color:#475569 !important;
    font-size:13px !important;
    font-weight:900 !important;
}
.onboarding-contact-card em{
    grid-column:1 / -1 !important;
    width:max-content !important;
    max-width:100% !important;
    padding:4px 9px !important;
    border-radius:999px !important;
    font-style:normal !important;
    font-size:11px !important;
    font-weight:950 !important;
}
.onboarding-contact-card.is-ready em{
    background:#dcfce7 !important;
    color:#166534 !important;
}
.onboarding-contact-card.is-duplicate em{
    background:#fef3c7 !important;
    color:#92400e !important;
}
.onboarding-contact-card.is-invalid em{
    background:#fee2e2 !important;
    color:#991b1b !important;
}
.onboarding-import-state{
    justify-items:start !important;
    background:#fff7ed !important;
    border-color:#fed7aa !important;
}
.onboarding-import-state i{
    color:#c2410c !important;
    font-size:30px !important;
}
@media (max-width: 767px){
    .onboarding-excel-import{
        gap:12px !important;
        padding:0 2px 20px !important;
    }
    .onboarding-import-header,
    .onboarding-import-card{
        border-radius:8px !important;
    }
    .onboarding-import-header h2{
        font-size:22px !important;
    }
    .onboarding-import-coach{
        grid-template-columns:1fr !important;
        justify-items:center !important;
        text-align:center !important;
    }
    .onboarding-import-coach img{
        width:86px !important;
        max-width:86px !important;
        max-height:104px !important;
    }
    .onboarding-import-coach span{
        margin-inline:auto !important;
    }
    .onboarding-excel-table > div,
    .onboarding-sample-list div,
    .onboarding-preview-stats{
        grid-template-columns:1fr !important;
    }
    .onboarding-excel-table span{
        border-inline-end:0 !important;
    }
    .onboarding-dropzone{
        min-height:190px !important;
        padding:22px 14px !important;
    }
    .onboarding-file-status-card,
    .onboarding-preview-actions,
    .onboarding-status-grid,
    .onboarding-duplicate-notice,
    .onboarding-contact-card{
        grid-template-columns:1fr !important;
    }
    .onboarding-status-card{
        min-height:auto !important;
    }
    .onboarding-preview-hero h3{
        font-size:24px !important;
    }
    .onboarding-import-primary,
    .onboarding-import-secondary,
    .onboarding-preview-card form{
        width:100% !important;
    }
}

/* Sales team page */
.sales-team-page{
    display:grid !important;
    gap:18px !important;
    width:min(1160px,100%) !important;
    margin:0 auto !important;
    padding:6px 0 28px !important;
    direction:rtl !important;
    color:#0f172a !important;
}
.sales-team-hero{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
    padding:22px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 10px 28px rgba(15,23,42,.05) !important;
}
.sales-team-hero-copy{display:grid !important;gap:7px !important;min-width:0 !important}
.sales-team-kicker{
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    padding:4px 9px !important;
    border:1px solid #bfdbfe !important;
    border-radius:999px !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1.5 !important;
}
.sales-team-hero h1{
    margin:0 !important;
    color:#0f172a !important;
    font-size:28px !important;
    font-weight:950 !important;
    line-height:1.45 !important;
    letter-spacing:0 !important;
}
.sales-team-hero p{
    margin:0 !important;
    color:#64748b !important;
    font-size:14px !important;
    font-weight:760 !important;
    line-height:1.9 !important;
}
.sales-team-primary{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:44px !important;
    padding:10px 16px !important;
    border:1px solid #0f766e !important;
    border-radius:8px !important;
    background:#0f766e !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:950 !important;
    line-height:1.5 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    box-shadow:0 10px 22px rgba(15,118,110,.18) !important;
    white-space:nowrap !important;
}
.sales-team-primary:hover{background:#115e59 !important;color:#fff !important}
.sales-team-summary{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
}
.sales-team-summary-card{
    display:grid !important;
    gap:6px !important;
    padding:15px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#fff !important;
}
.sales-team-summary-card span{
    color:#64748b !important;
    font-size:12.5px !important;
    font-weight:850 !important;
    line-height:1.6 !important;
}
.sales-team-summary-card strong{
    color:#0f172a !important;
    font-size:24px !important;
    font-weight:950 !important;
    line-height:1.2 !important;
}
.sales-team-toolbar{
    display:grid !important;
    grid-template-columns:minmax(260px,1fr) auto !important;
    gap:12px !important;
    align-items:center !important;
}
.sales-team-search{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    min-height:46px !important;
    padding:0 13px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#64748b !important;
    box-sizing:border-box !important;
}
.sales-team-search:focus-within{
    border-color:#14b8a6 !important;
    box-shadow:0 0 0 3px rgba(20,184,166,.12) !important;
}
.sales-team-search input{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:42px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:850 !important;
    outline:0 !important;
    box-shadow:none !important;
}
.sales-team-search a{color:#64748b !important;text-decoration:none !important}
.sales-team-filters{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    justify-content:flex-end !important;
}
.sales-team-filters button{
    min-height:38px !important;
    padding:7px 12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#475569 !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1.4 !important;
    cursor:pointer !important;
}
.sales-team-filters button:hover,
.sales-team-filters button.is-active{
    border-color:#99f6e4 !important;
    background:#f0fdfa !important;
    color:#0f766e !important;
}
.sales-team-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
}
.sales-team-card{
    display:grid !important;
    gap:16px !important;
    min-width:0 !important;
    padding:16px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 8px 24px rgba(15,23,42,.04) !important;
}
.sales-team-card[hidden]{display:none !important}
.sales-team-card-head{
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) auto !important;
    gap:12px !important;
    align-items:center !important;
}
.sales-team-avatar{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    border-radius:8px !important;
    background:#f0fdfa !important;
    color:#0f766e !important;
    font-size:17px !important;
    font-weight:950 !important;
    line-height:1 !important;
}
.sales-team-identity{display:grid !important;gap:3px !important;min-width:0 !important}
.sales-team-identity h2{
    margin:0 !important;
    color:#0f172a !important;
    font-size:17px !important;
    font-weight:950 !important;
    line-height:1.55 !important;
    letter-spacing:0 !important;
    overflow-wrap:anywhere !important;
}
.sales-team-identity span{
    color:#64748b !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.5 !important;
}
.sales-team-status{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:28px !important;
    padding:4px 9px !important;
    border:1px solid #dbeafe !important;
    border-radius:999px !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
    font-size:12px !important;
    font-weight:950 !important;
    line-height:1.5 !important;
    white-space:nowrap !important;
}
.sales-team-status.is-active{border-color:#bbf7d0 !important;background:#f0fdf4 !important;color:#15803d !important}
.sales-team-status.is-empty{border-color:#fed7aa !important;background:#fff7ed !important;color:#c2410c !important}
.sales-team-status.is-attention{border-color:#fecaca !important;background:#fef2f2 !important;color:#b91c1c !important}
.sales-team-status.is-pending{border-color:#fde68a !important;background:#fffbeb !important;color:#a16207 !important}
.sales-team-status.is-inactive{border-color:#e2e8f0 !important;background:#f8fafc !important;color:#64748b !important}
.sales-team-status.is-manager{border-color:#bfdbfe !important;background:#eff6ff !important;color:#1d4ed8 !important}
.sales-team-meta{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:0 !important;
}
.sales-team-meta div{
    display:grid !important;
    gap:3px !important;
    min-width:0 !important;
    padding:10px 11px !important;
    border:1px solid #f1f5f9 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
}
.sales-team-meta dt{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1.5 !important;
}
.sales-team-meta dd{
    margin:0 !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:920 !important;
    line-height:1.6 !important;
    overflow-wrap:anywhere !important;
}
.sales-team-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    align-items:center !important;
}
.sales-team-actions a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    min-height:38px !important;
    padding:7px 12px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1.5 !important;
    text-decoration:none !important;
}
.sales-team-actions a:hover{
    border-color:#bfdbfe !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
}
.sales-team-empty,
.sales-team-no-results{
    display:grid !important;
    justify-items:center !important;
    gap:12px !important;
    padding:30px 18px !important;
    border:1px dashed #cbd5e1 !important;
    border-radius:8px !important;
    background:#fff !important;
    text-align:center !important;
}
.sales-team-empty{
    grid-template-columns:110px minmax(0,520px) !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:right !important;
}
.sales-team-empty.is-compact{
    justify-content:start !important;
    grid-template-columns:84px minmax(0,1fr) !important;
    padding:20px !important;
}
.sales-team-empty.is-compact img{
    width:78px !important;
    max-width:78px !important;
}
.sales-team-empty img{
    width:104px !important;
    max-width:104px !important;
    height:auto !important;
    filter:drop-shadow(0 10px 14px rgba(37,99,235,.12)) !important;
}
.sales-team-empty div{display:grid !important;gap:10px !important;justify-items:start !important}
.sales-team-empty h2,
.sales-team-no-results strong{
    margin:0 !important;
    color:#0f172a !important;
    font-size:20px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
    letter-spacing:0 !important;
}
.sales-team-empty p,
.sales-team-no-results span{
    margin:0 !important;
    color:#64748b !important;
    font-size:14px !important;
    font-weight:780 !important;
    line-height:1.9 !important;
}
.sales-team-no-results[hidden]{display:none !important}
@media (max-width: 900px){
    .sales-team-toolbar,
    .sales-team-grid{
        grid-template-columns:1fr !important;
    }
    .sales-team-filters{justify-content:flex-start !important}
}
@media (max-width: 767px){
    .sales-team-page{gap:14px !important;padding-bottom:86px !important}
    .sales-team-hero{
        display:grid !important;
        gap:14px !important;
        padding:18px !important;
    }
    .sales-team-hero h1{font-size:24px !important}
    .sales-team-primary{width:100% !important;white-space:normal !important}
    .sales-team-hero > .sales-team-primary{
        position:fixed !important;
        inset-inline:14px !important;
        bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;
        z-index:200 !important;
        width:auto !important;
    }
    .sales-team-summary{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }
    .sales-team-toolbar{gap:10px !important}
    .sales-team-filters{
        overflow-x:auto !important;
        flex-wrap:nowrap !important;
        justify-content:flex-start !important;
        padding-bottom:2px !important;
    }
    .sales-team-filters button{flex:0 0 auto !important}
    .sales-team-card{padding:14px !important}
    .sales-team-card-head{
        grid-template-columns:44px minmax(0,1fr) !important;
        align-items:start !important;
    }
    .sales-team-avatar{width:44px !important;height:44px !important}
    .sales-team-status{
        grid-column:2 !important;
        width:max-content !important;
        max-width:100% !important;
    }
    .sales-team-meta{grid-template-columns:1fr !important}
    .sales-team-actions a{width:100% !important}
    .sales-team-empty{
        grid-template-columns:1fr !important;
        justify-items:center !important;
        text-align:center !important;
    }
    .sales-team-empty div{justify-items:center !important}
    .sales-team-empty img{width:90px !important;max-width:90px !important}
}

.crm-search-board-results{
    display:grid !important;
    gap:22px !important;
    width:100% !important;
}
.crm-search-board-section{
    display:grid !important;
    gap:14px !important;
    padding:18px !important;
    border:1px solid #dbe3f0 !important;
    border-radius:16px !important;
    background:#ffffff !important;
    box-shadow:0 14px 36px rgba(15,23,42,.06) !important;
}
.crm-search-board-heading{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    min-height:82px !important;
    padding:18px 22px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
    background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%) !important;
    color:#0f172a !important;
    text-align:right !important;
}
.crm-search-board-heading > div{
    display:grid !important;
    gap:6px !important;
    min-width:0 !important;
}
.crm-search-board-kicker{
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.6 !important;
    letter-spacing:0 !important;
}
.crm-search-board-heading h2{
    margin:0 !important;
    color:#111827 !important;
    font-size:26px !important;
    font-weight:950 !important;
    line-height:1.45 !important;
    letter-spacing:0 !important;
    overflow-wrap:anywhere !important;
}
.crm-search-board-count{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:88px !important;
    height:42px !important;
    padding:0 16px !important;
    border:1px solid #c7d2fe !important;
    border-radius:999px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-size:15px !important;
    font-weight:950 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}
.crm-search-board-section > .project-header{
    margin:0 !important;
}
@media (max-width: 767px){
    .crm-search-board-results{gap:16px !important}
    .crm-search-board-section{
        padding:12px !important;
        border-radius:12px !important;
    }
    .crm-search-board-heading{
        display:grid !important;
        min-height:0 !important;
        padding:14px !important;
        gap:12px !important;
    }
    .crm-search-board-heading h2{font-size:22px !important}
    .crm-search-board-count{
        justify-self:start !important;
        height:38px !important;
        min-width:74px !important;
        font-size:14px !important;
    }
}

/* Sales path settings */
.project-settings-page{
    --crm-settings-primary:#2563eb;
    --crm-settings-text:#0f172a;
    --crm-settings-muted:#64748b;
    --crm-settings-border:#e2e8f0;
    --crm-settings-soft:#f8fafc;
    --crm-settings-danger:#b91c1c;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:18px 0 36px !important;
    color:var(--crm-settings-text) !important;
    direction:rtl !important;
}
.crm-settings-hero{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
    padding:22px !important;
    margin-bottom:16px !important;
    border:1px solid var(--crm-settings-border) !important;
    border-radius:8px !important;
    background:#fff !important;
}
.crm-settings-kicker,
.crm-settings-path span{
    color:var(--crm-settings-muted) !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.6 !important;
}
.crm-settings-hero h1{
    margin:4px 0 8px !important;
    color:var(--crm-settings-text) !important;
    font-size:28px !important;
    font-weight:950 !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
}
.crm-settings-hero p,
.crm-settings-card p,
.crm-settings-section-head p,
.crm-role-card p{
    margin:0 !important;
    color:var(--crm-settings-muted) !important;
    font-size:14px !important;
    line-height:1.9 !important;
}
.crm-settings-path{
    display:grid !important;
    gap:4px !important;
    min-width:220px !important;
    padding:12px 14px !important;
    border:1px solid var(--crm-settings-border) !important;
    border-radius:8px !important;
    background:var(--crm-settings-soft) !important;
}
.crm-settings-path strong{
    color:var(--crm-settings-text) !important;
    font-size:16px !important;
    font-weight:900 !important;
    line-height:1.7 !important;
    overflow-wrap:anywhere !important;
}
.project-settings-layout{
    display:grid !important;
    grid-template-columns:220px minmax(0,1fr) !important;
    align-items:start !important;
    gap:18px !important;
}
.project-settings-content{
    max-width:none !important;
    padding:0 !important;
    min-width:0 !important;
}
.crm-settings-nav{
    min-width:0 !important;
    max-width:none !important;
    width:100% !important;
    position:sticky !important;
    top:12px !important;
}
.crm-settings-nav ul{
    display:grid !important;
    gap:6px !important;
    padding:8px !important;
    margin:0 !important;
    border:1px solid var(--crm-settings-border) !important;
    border-radius:8px !important;
    background:#fff !important;
}
.crm-settings-nav li{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    line-height:1 !important;
}
.crm-settings-nav li:hover,
.crm-settings-nav li.active{
    padding:0 !important;
    border:0 !important;
}
.crm-settings-nav a{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-height:42px !important;
    padding:0 12px !important;
    border-radius:8px !important;
    color:#475569 !important;
    font-size:14px !important;
    font-weight:850 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}
.crm-settings-nav a .fa{
    width:18px !important;
    padding:0 !important;
    color:inherit !important;
    text-align:center !important;
}
.crm-settings-nav li.active a,
.crm-settings-nav a:hover,
.crm-settings-nav a:focus{
    background:#eff6ff !important;
    color:#1d4ed8 !important;
}
.crm-settings-section-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    margin-bottom:14px !important;
}
.crm-settings-subsection{
    margin-top:22px !important;
}
.crm-settings-section-head h2{
    margin:0 0 4px !important;
    border:0 !important;
    color:var(--crm-settings-text) !important;
    font-size:22px !important;
    font-weight:950 !important;
    line-height:1.45 !important;
    letter-spacing:0 !important;
}
.crm-settings-primary,
.crm-settings-primary a,
.crm-settings-primary button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:40px !important;
    padding:0 14px !important;
    border:1px solid #1d4ed8 !important;
    border-radius:8px !important;
    background:var(--crm-settings-primary) !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    cursor:pointer !important;
}
.crm-settings-primary .fa,
.crm-settings-primary a .fa{
    color:#fff !important;
    padding:0 !important;
}
.crm-settings-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
}
.crm-settings-grid-featured{
    align-items:stretch !important;
}
.crm-settings-card,
.crm-column-card > td,
.crm-tag-card,
.crm-permission-card,
.crm-role-card,
.crm-settings-empty{
    border:1px solid var(--crm-settings-border) !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 10px 26px rgba(15,23,42,.04) !important;
}
.crm-settings-card{
    display:grid !important;
    gap:12px !important;
    padding:18px !important;
}
.crm-settings-card-wide{
    grid-column:span 3 !important;
}
.crm-card-topline,
.crm-card-actions,
.crm-column-meta,
.crm-tag-title,
.crm-role-head{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}
.crm-card-topline{
    justify-content:space-between !important;
    color:var(--crm-settings-muted) !important;
    font-size:13px !important;
    font-weight:850 !important;
}
.crm-settings-card h3,
.crm-column-card h3,
.crm-tag-card h3,
.crm-permission-card h3,
.crm-role-card h3{
    margin:0 !important;
    color:var(--crm-settings-text) !important;
    font-size:18px !important;
    font-weight:950 !important;
    line-height:1.5 !important;
    letter-spacing:0 !important;
}
.crm-card-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:38px !important;
    height:38px !important;
    border-radius:8px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
}
.crm-card-icon .fa{color:inherit !important;padding:0 !important}
.crm-card-note{
    color:#334155 !important;
    font-weight:800 !important;
}
.crm-settings-card-link,
.crm-settings-action a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:max-content !important;
    max-width:100% !important;
    min-height:34px !important;
    padding:0 12px !important;
    border:1px solid #bfdbfe !important;
    border-radius:8px !important;
    background:#eff6ff !important;
    color:#1d4ed8 !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-decoration:none !important;
}
.crm-settings-danger a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:34px !important;
    padding:0 12px !important;
    border:1px solid #fecaca !important;
    border-radius:8px !important;
    background:#fff7f7 !important;
    color:var(--crm-settings-danger) !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-decoration:none !important;
}
.crm-settings-action a .fa,
.crm-settings-danger a .fa{
    color:inherit !important;
    padding:0 0 0 5px !important;
}
.crm-status-pill{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:28px !important;
    padding:0 10px !important;
    border:1px solid var(--crm-settings-border) !important;
    border-radius:999px !important;
    background:var(--crm-settings-soft) !important;
    color:#475569 !important;
    font-size:12px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}
.crm-status-pill.is-active{
    border-color:#bbf7d0 !important;
    background:#f0fdf4 !important;
    color:#15803d !important;
}
.crm-status-pill.is-inactive{
    border-color:#fecaca !important;
    background:#fff7f7 !important;
    color:#b91c1c !important;
}
.crm-settings-facts{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:0 !important;
}
.crm-settings-facts div{
    min-width:0 !important;
    padding:12px !important;
    border:1px solid var(--crm-settings-border) !important;
    border-radius:8px !important;
    background:var(--crm-settings-soft) !important;
}
.crm-settings-facts dt{
    margin:0 0 5px !important;
    color:var(--crm-settings-muted) !important;
    font-size:12px !important;
    font-weight:850 !important;
}
.crm-settings-facts dd{
    margin:0 !important;
    color:var(--crm-settings-text) !important;
    font-size:14px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
    overflow-wrap:anywhere !important;
}
.crm-settings-description{margin-top:14px !important}
.crm-settings-empty{
    padding:18px !important;
    color:var(--crm-settings-text) !important;
}
.crm-settings-empty strong{
    display:block !important;
    margin-bottom:4px !important;
    font-size:15px !important;
    font-weight:950 !important;
}
.crm-settings-empty p{
    margin:0 !important;
    color:var(--crm-settings-muted) !important;
    line-height:1.8 !important;
}
.crm-settings-empty-inline{
    box-shadow:none !important;
    background:var(--crm-settings-soft) !important;
}
.crm-column-list{
    display:block !important;
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 12px !important;
    margin:0 !important;
}
.crm-column-list tbody,
.crm-column-card,
.crm-column-card > td{
    display:block !important;
    width:100% !important;
}
.crm-column-card > td{
    box-sizing:border-box !important;
    padding:16px !important;
}
.crm-column-main{
    display:flex !important;
    align-items:flex-start !important;
    gap:12px !important;
    min-width:0 !important;
}
.crm-column-drag{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    border:1px solid var(--crm-settings-border) !important;
    border-radius:8px !important;
    background:var(--crm-settings-soft) !important;
    color:#64748b !important;
    flex:0 0 auto !important;
}
.crm-column-meta{
    margin-top:8px !important;
}
.crm-column-meta span{
    display:inline-flex !important;
    min-height:28px !important;
    align-items:center !important;
    padding:0 9px !important;
    border-radius:999px !important;
    background:var(--crm-settings-soft) !important;
    color:#475569 !important;
    font-size:12px !important;
    font-weight:850 !important;
}
.crm-column-card .crm-card-actions{
    margin-top:14px !important;
}
.crm-tag-grid,
.crm-permission-list,
.crm-role-list{
    display:grid !important;
    gap:12px !important;
}
.crm-tag-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.crm-tag-card{
    display:grid !important;
    gap:12px !important;
    padding:16px !important;
}
.crm-tag-title .color-picker-square,
.crm-tag-dot{
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    border-radius:999px !important;
    border:1px solid rgba(15,23,42,.18) !important;
    flex:0 0 auto !important;
}
.crm-tag-dot{
    display:inline-block !important;
    background:#e2e8f0 !important;
}
.crm-settings-compact-form{
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    margin-top:14px !important;
}
.crm-settings-compact-form form{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}
.crm-permission-card{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) minmax(180px,260px) auto !important;
    align-items:center !important;
    gap:12px !important;
    padding:14px !important;
}
.crm-user-avatar{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    border-radius:999px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-size:16px !important;
    font-weight:950 !important;
}
.crm-user-avatar .fa{color:inherit !important;padding:0 !important}
.crm-user-avatar-team{
    background:#ecfeff !important;
    color:#0e7490 !important;
}
.crm-permission-main p{
    margin-top:3px !important;
}
.crm-permission-role select{
    width:100% !important;
    max-width:100% !important;
}
.crm-role-card{
    display:grid !important;
    gap:14px !important;
    padding:18px !important;
}
.crm-role-head{
    justify-content:space-between !important;
}
.crm-rule-list{
    display:grid !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
}
.crm-rule-list li{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    list-style:none !important;
    margin:0 !important;
    padding:10px 12px !important;
    border:1px solid var(--crm-settings-border) !important;
    border-radius:8px !important;
    background:var(--crm-settings-soft) !important;
    color:#334155 !important;
    font-size:14px !important;
    font-weight:850 !important;
    line-height:1.8 !important;
}
.crm-rule-list li .fa{
    color:#2563eb !important;
    padding:0 !important;
}
.crm-rule-list .crm-settings-danger{
    margin-right:auto !important;
}
@media (max-width: 920px){
    .project-settings-layout{
        display:block !important;
    }
    .crm-settings-nav{
        position:relative !important;
        top:auto !important;
        margin-bottom:16px !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch !important;
    }
    .crm-settings-nav ul{
        display:flex !important;
        width:max-content !important;
        max-width:none !important;
    }
    .crm-settings-nav a{
        min-width:max-content !important;
    }
    .crm-settings-grid,
    .crm-tag-grid{
        grid-template-columns:1fr !important;
    }
    .crm-settings-card-wide{
        grid-column:auto !important;
    }
    .crm-settings-facts{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media (max-width: 640px){
    .project-settings-page{
        padding:10px 0 28px !important;
    }
    .crm-settings-hero,
    .crm-settings-section-head,
    .crm-role-head{
        display:grid !important;
    }
    .crm-settings-hero{
        padding:16px !important;
    }
    .crm-settings-hero h1{
        font-size:23px !important;
    }
    .crm-settings-path{
        min-width:0 !important;
    }
    .crm-settings-section-head h2{
        font-size:20px !important;
    }
    .crm-settings-primary,
    .crm-settings-primary a,
    .crm-settings-primary button{
        width:100% !important;
    }
    .crm-settings-facts,
    .crm-settings-compact-form{
        grid-template-columns:1fr !important;
    }
    .crm-permission-card{
        grid-template-columns:auto minmax(0,1fr) !important;
    }
    .crm-permission-role,
    .crm-permission-card .crm-settings-danger{
        grid-column:1 / -1 !important;
    }
    .crm-card-actions{
        align-items:stretch !important;
    }
    .crm-card-actions > span,
    .crm-card-actions a{
        width:100% !important;
    }
    .crm-rule-list li{
        align-items:flex-start !important;
        flex-wrap:wrap !important;
    }
    .crm-rule-list .crm-settings-danger{
        width:100% !important;
        margin-right:0 !important;
    }
}

/* Final override for the CRM sales path settings shell. */
#main.project-settings-page .project-settings-layout{
    display:grid !important;
    grid-template-columns:220px minmax(0,1fr) !important;
    align-items:start !important;
    gap:18px !important;
    direction:rtl !important;
}
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav{
    order:initial !important;
    flex:initial !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    position:sticky !important;
    top:12px !important;
}
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav ul{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
    padding:8px !important;
    margin:0 !important;
    border:1px solid var(--crm-settings-border) !important;
    border-radius:8px !important;
    background:#fff !important;
}
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav li a{
    justify-content:flex-start !important;
    min-height:42px !important;
    border-radius:8px !important;
    color:#475569 !important;
}
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav li.active a,
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav li:hover a{
    background:#eff6ff !important;
    color:#1d4ed8 !important;
}
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav .crm-settings-nav-separator{
    height:1px !important;
    min-height:1px !important;
    margin:6px 8px !important;
    padding:0 !important;
    background:#e2e8f0 !important;
    border:0 !important;
    border-radius:0 !important;
    pointer-events:none !important;
}
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav .crm-settings-nav-warning a{
    color:#b45309 !important;
}
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav .crm-settings-nav-warning:hover a{
    background:#fff7ed !important;
    color:#c2410c !important;
}
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav .crm-settings-nav-danger a{
    color:#b91c1c !important;
}
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav .crm-settings-nav-danger:hover a{
    background:#fef2f2 !important;
    color:#dc2626 !important;
}
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav .crm-settings-nav-warning a i.fa,
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav .crm-settings-nav-warning:hover a i.fa{
    color:#c2410c !important;
}
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav .crm-settings-nav-danger a i.fa,
#main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav .crm-settings-nav-danger:hover a i.fa{
    color:#dc2626 !important;
}
#main.project-settings-page .project-settings-layout > .project-settings-content{
    order:initial !important;
    flex:initial !important;
    max-width:none !important;
    width:auto !important;
}
@media (max-width: 920px){
    #main.project-settings-page .project-settings-layout{
        display:block !important;
    }
    #main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav{
        position:relative !important;
        top:auto !important;
        width:100% !important;
        margin-bottom:16px !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch !important;
    }
    #main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav ul{
        display:flex !important;
        flex-direction:row !important;
        width:max-content !important;
        max-width:none !important;
    }
    #main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav li,
    #main.project-settings-page .project-settings-layout > .sidebar.crm-settings-nav li a{
        width:auto !important;
        min-width:max-content !important;
    }
}

/* Modern task comments: keep the existing comment logic/actions, update only the surface. */
#task-view details.accordion-section:has(.accordion-content.comments){
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    margin:18px 0 0 !important;
    padding:18px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#ffffff,#f8fbff) !important;
    box-shadow:0 14px 34px rgba(15,23,42,.07) !important;
    overflow:visible !important;
}
#task-view details.accordion-section:has(.accordion-content.comments) > .accordion-title{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#0f172a !important;
    font-size:18px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
#task-view details.accordion-section:has(.accordion-content.comments) > .accordion-title::before{
    content:"\f0e6" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    flex:0 0 46px !important;
    border-radius:15px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-family:FontAwesome !important;
    font-size:20px !important;
    font-weight:400 !important;
    box-shadow:0 10px 24px rgba(79,70,229,.14) !important;
}
#task-view details.accordion-section:has(.accordion-content.comments) > .accordion-title::-webkit-details-marker{
    display:none !important;
}
#task-view details.accordion-section:has(.accordion-content.comments) > .accordion-content.comments{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
#task-view .accordion-content.comments .comment-sorting{
    margin:0 !important;
    padding:0 !important;
}
#task-view .accordion-content.comments .comment-sorting small{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    font-size:0 !important;
}
#task-view .accordion-content.comments .comment-sorting a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:0 12px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#4f46e5 !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:0 8px 18px rgba(15,23,42,.045) !important;
}
#task-view .accordion-content.comments .comment{
    position:relative !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    gap:10px 12px !important;
    align-items:start !important;
    margin:0 !important;
    padding:14px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 8px 20px rgba(15,23,42,.045) !important;
}
#task-view .accordion-content.comments .comment .avatar{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
}
#task-view .accordion-content.comments .comment-title{
    grid-column:2 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:4px 10px !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1.5 !important;
}
#task-view .accordion-content.comments .comment-username{
    color:#0f172a !important;
    font-size:13px !important;
    font-weight:950 !important;
}
#task-view .accordion-content.comments .comment-date,
#task-view .accordion-content.comments .comment-visibility{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:800 !important;
}
#task-view .accordion-content.comments .comment-actions{
    grid-column:3 !important;
    grid-row:1 !important;
    position:relative !important;
    inset:auto !important;
    margin:0 !important;
}
#task-view .accordion-content.comments .comment-actions .dropdown-menu-link-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    height:40px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:12px !important;
    background:#f8fafc !important;
    color:#334155 !important;
    text-decoration:none !important;
}
#task-view .accordion-content.comments .comment-content{
    grid-column:2 / -1 !important;
    margin:0 !important;
    padding:0 !important;
    color:#334155 !important;
    font-size:13.5px !important;
    font-weight:800 !important;
    line-height:1.9 !important;
}
#task-view .accordion-content.comments .comment-content .markdown{
    color:#334155 !important;
    font-size:13.5px !important;
    font-weight:800 !important;
    line-height:1.9 !important;
}
#task-view .accordion-content.comments .comment-content p{
    margin:0 0 8px !important;
}
#task-view .accordion-content.comments .comment-content p:last-child{
    margin-bottom:0 !important;
}
@media(max-width:640px){
    #task-view details.accordion-section:has(.accordion-content.comments){
        margin-top:14px !important;
        padding:14px !important;
        border-radius:16px !important;
    }
    #task-view .accordion-content.comments .comment{
        grid-template-columns:40px minmax(0,1fr) !important;
    }
    #task-view .accordion-content.comments .comment-actions{
        grid-column:1 / -1 !important;
        justify-self:end !important;
    }
    #task-view .accordion-content.comments .comment-content{
        grid-column:1 / -1 !important;
    }
}

/* Same comments refresh for manager/default task views; style only, no template or permission changes. */
#main details.accordion-section:has(.accordion-content.comments){
    margin:18px 0 0 !important;
    padding:18px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,#ffffff,#f8fbff) !important;
    box-shadow:0 14px 34px rgba(15,23,42,.07) !important;
    overflow:visible !important;
}
#main details.accordion-section:has(.accordion-content.comments) > .accordion-title{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 0 14px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#0f172a !important;
    font-size:18px !important;
    font-weight:950 !important;
    line-height:1.6 !important;
}
#main details.accordion-section:has(.accordion-content.comments) > .accordion-title::before{
    content:"\f0e6" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    flex:0 0 46px !important;
    border-radius:15px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-family:FontAwesome !important;
    font-size:20px !important;
    font-weight:400 !important;
    box-shadow:0 10px 24px rgba(79,70,229,.14) !important;
}
#main details.accordion-section:has(.accordion-content.comments) > .accordion-title::-webkit-details-marker{
    display:none !important;
}
#main .accordion-content.comments{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
#main .accordion-content.comments .comment{
    position:relative !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    gap:10px 12px !important;
    align-items:start !important;
    margin:0 !important;
    padding:14px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
    background:#fff !important;
    box-shadow:0 8px 20px rgba(15,23,42,.045) !important;
}
#main .accordion-content.comments .comment-title{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:4px 10px !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1.5 !important;
}
#main .accordion-content.comments .comment-content,
#main .accordion-content.comments .comment-content .markdown{
    color:#334155 !important;
    font-size:13.5px !important;
    font-weight:800 !important;
    line-height:1.9 !important;
}
#main .accordion-content.comments .text-editor{
    margin-top:14px !important;
}
#main .accordion-content.comments .text-editor textarea,
#main .accordion-content.comments textarea[name="comment"],
#main .accordion-content.comments .text-editor .text-editor-preview-area{
    min-height:150px !important;
    width:100% !important;
    padding:16px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#334155 !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.9 !important;
    box-shadow:0 8px 20px rgba(15,23,42,.045) !important;
}
#main .accordion-content.comments .text-editor textarea:focus,
#main .accordion-content.comments textarea[name="comment"]:focus{
    border-color:#818cf8 !important;
    box-shadow:0 0 0 4px rgba(99,102,241,.13) !important;
    outline:0 !important;
}
#main .accordion-content.comments .text-editor-toolbar,
#main .accordion-content.comments .text-editor-toolbar ul{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    align-items:center !important;
    margin:0 0 8px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
}
#main .accordion-content.comments .text-editor-toolbar a,
#main .accordion-content.comments .comment-sorting a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:34px !important;
    padding:0 10px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#4f46e5 !important;
    font-size:13px !important;
    font-weight:850 !important;
    text-decoration:none !important;
}
#main .accordion-content.comments label{
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:900 !important;
}
#main .accordion-content.comments select[name="visibility"]{
    min-height:48px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:850 !important;
}
#main .accordion-content.comments .form-actions button,
#main .accordion-content.comments .form-actions .btn,
#main .accordion-content.comments input[type="submit"]{
    min-height:56px !important;
    border-radius:14px !important;
    background:#4f46e5 !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:950 !important;
}

.task-board[data-crm-lead-panel="1"]{
    cursor:pointer !important;
}

html.crm-lead-drawer-open,
html.crm-lead-drawer-open body{
    overflow:hidden !important;
}

.crm-lead-drawer-shell{
    position:fixed !important;
    inset:0 !important;
    z-index:2000 !important;
    pointer-events:none !important;
    opacity:0 !important;
    transition:opacity .18s ease !important;
}

.crm-lead-drawer-shell.is-open{
    pointer-events:auto !important;
    opacity:1 !important;
}

.crm-lead-drawer-backdrop{
    position:absolute !important;
    inset:0 !important;
    background:rgba(15,23,42,.24) !important;
    backdrop-filter:blur(2px) !important;
}

.crm-lead-drawer{
    position:absolute !important;
    inset-block:0 !important;
    inset-inline-end:0 !important;
    width:min(560px,100vw) !important;
    max-width:100vw !important;
    overflow:auto !important;
    background:#f8fafc !important;
    box-shadow:-18px 0 45px rgba(15,23,42,.22) !important;
    transform:translateX(100%) !important;
    transition:transform .22s ease !important;
}

html[dir="rtl"] .crm-lead-drawer,
html[lang="fa"] .crm-lead-drawer{
    transform:translateX(-100%) !important;
    box-shadow:18px 0 45px rgba(15,23,42,.22) !important;
}

.crm-lead-drawer-shell.is-open .crm-lead-drawer{
    transform:translateX(0) !important;
}

.crm-lead-drawer-loading{
    min-height:240px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#475569 !important;
    font-size:14px !important;
    font-weight:800 !important;
}

.sidebar-container:has(.crm-lead-detail-page)>.sidebar{
    display:none !important;
}

.sidebar-container:has(.crm-lead-detail-page)>.sidebar-content{
    width:100% !important;
    max-width:760px !important;
    margin-inline:auto !important;
}

.crm-lead-detail-page{
    min-height:100% !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    font-family:var(--modern-font-persian, Tahoma, sans-serif) !important;
}

.crm-lead-detail-page *,
.crm-lead-detail-page *:before,
.crm-lead-detail-page *:after{
    box-sizing:border-box !important;
}

.crm-lead-header{
    position:sticky !important;
    top:0 !important;
    z-index:5 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:16px 18px !important;
    border:0 !important;
    border-bottom:1px solid #e2e8f0 !important;
    background:rgba(248,250,252,.96) !important;
    backdrop-filter:blur(14px) !important;
    box-shadow:none !important;
}

.crm-lead-title-block{
    min-width:0 !important;
}

.crm-lead-title-row{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
}

.crm-lead-title-row h2{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    color:#0f172a !important;
    font-size:20px !important;
    font-weight:900 !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.crm-lead-title-block p{
    margin:3px 0 0 !important;
    color:#64748b !important;
    font-size:12.5px !important;
    font-weight:800 !important;
}

.crm-lead-badge{
    flex:none !important;
    display:inline-flex !important;
    align-items:center !important;
    min-height:24px !important;
    padding:3px 9px !important;
    border-radius:999px !important;
    background:#ecfeff !important;
    border:1px solid #a5f3fc !important;
    color:#0e7490 !important;
    font-size:11.5px !important;
    font-weight:900 !important;
}

.crm-lead-header-actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex:none !important;
}

.crm-lead-close,
.crm-lead-menu>summary{
    width:38px !important;
    height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:8px !important;
    border:1px solid #e2e8f0 !important;
    background:#fff !important;
    color:#334155 !important;
    cursor:pointer !important;
}

.crm-lead-menu{
    position:relative !important;
}

.crm-lead-menu>summary{
    list-style:none !important;
}

.crm-lead-menu>summary::-webkit-details-marker{
    display:none !important;
}

.crm-lead-menu-list,
.crm-result-menu>div,
.crm-add-menu>div{
    position:absolute !important;
    inset-block-start:calc(100% + 6px) !important;
    inset-inline-end:0 !important;
    z-index:20 !important;
    min-width:220px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:3px !important;
    padding:8px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 18px 36px rgba(15,23,42,.13) !important;
}

.crm-lead-menu-list a,
.crm-result-menu>div a,
.crm-add-menu>div a{
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px 10px !important;
    border-radius:6px !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:850 !important;
    background:transparent !important;
    border:0 !important;
}

.crm-lead-menu-list a:hover,
.crm-result-menu>div a:hover,
.crm-add-menu>div a:hover{
    background:#f1f5f9 !important;
    color:#0f172a !important;
}

.crm-lead-menu-danger a{
    color:#b91c1c !important;
}

.crm-lead-stack{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:14px !important;
}

.crm-lead-card,
.crm-lead-insight,
.crm-more-info{
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
}

.crm-lead-card{
    padding:14px !important;
}

.crm-card-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:12px !important;
}

.crm-card-head h3{
    margin:0 !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:950 !important;
    line-height:1.45 !important;
}

.crm-card-head a{
    color:#4f46e5 !important;
    font-size:12.5px !important;
    font-weight:850 !important;
}

.crm-lead-fields{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    margin:0 !important;
}

.crm-lead-fields>div{
    display:grid !important;
    grid-template-columns:118px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:start !important;
    padding:9px 0 !important;
    border-bottom:1px solid #f1f5f9 !important;
}

.crm-lead-fields>div:last-child{
    border-bottom:0 !important;
}

.crm-lead-fields dt{
    color:#64748b !important;
    font-size:12.5px !important;
    font-weight:850 !important;
}

.crm-lead-fields dd{
    margin:0 !important;
    min-width:0 !important;
    color:#0f172a !important;
    font-size:13.5px !important;
    font-weight:900 !important;
    line-height:1.7 !important;
    overflow-wrap:anywhere !important;
}

.crm-lead-fields dd small{
    display:block !important;
    margin-top:3px !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.crm-inline-empty{
    margin:10px 0 0 !important;
    padding:10px 12px !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.8 !important;
}

.crm-lead-actions,
.crm-lead-action-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:12px !important;
}

.crm-lead-action-grid{
    margin-top:0 !important;
}

.crm-action,
.crm-contact-actions a,
.crm-lead-action-grid>a,
.crm-lead-action-grid>button,
.crm-result-menu>summary,
.crm-add-menu>summary{
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:9px 12px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1.4 !important;
    text-align:center !important;
    cursor:pointer !important;
}

.crm-action-primary,
.crm-contact-actions .crm-action-primary,
.crm-lead-action-grid .crm-action-primary{
    background:#0f766e !important;
    border-color:#0f766e !important;
    color:#fff !important;
}

.crm-action[disabled],
.crm-lead-action-grid>button[disabled]{
    cursor:not-allowed !important;
    opacity:.55 !important;
}

.crm-result-menu,
.crm-add-menu{
    position:relative !important;
}

.crm-result-menu>summary,
.crm-add-menu>summary{
    list-style:none !important;
}

.crm-result-menu>summary::-webkit-details-marker,
.crm-add-menu>summary::-webkit-details-marker{
    display:none !important;
}

.crm-add-menu{
    margin-top:10px !important;
    width:max-content !important;
    max-width:100% !important;
}

.crm-lead-insight{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:12px 14px !important;
    background:#fff7ed !important;
    border-color:#fed7aa !important;
}

.crm-lead-insight p{
    margin:0 !important;
    color:#9a3412 !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.8 !important;
}

.crm-lead-insight a{
    flex:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    padding:7px 11px !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#9a3412 !important;
    border:1px solid #fed7aa !important;
    font-size:12.5px !important;
    font-weight:900 !important;
}

.crm-empty-state{
    padding:18px !important;
    border:1px dashed #cbd5e1 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    text-align:center !important;
}

.crm-empty-state strong{
    display:block !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:950 !important;
}

.crm-empty-state p{
    margin:8px 0 14px !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.8 !important;
}

.crm-empty-state a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:8px 12px !important;
    border-radius:8px !important;
    background:#4f46e5 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
}

.crm-note-timeline{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}

.crm-note-item{
    padding:12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
}

.crm-note-meta{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:8px !important;
}

.crm-note-meta strong{
    color:#0f172a !important;
    font-size:13px !important;
    font-weight:950 !important;
}

.crm-note-meta span{
    color:#64748b !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.crm-note-body,
.crm-note-body .markdown,
.crm-note-body p{
    color:#334155 !important;
    font-size:13.5px !important;
    font-weight:800 !important;
    line-height:1.9 !important;
}

.crm-note-body p{
    margin:0 0 8px !important;
}

.crm-activity-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}

.crm-activity-item{
    display:flex !important;
    gap:10px !important;
    align-items:flex-start !important;
}

.crm-activity-item>span{
    width:9px !important;
    height:9px !important;
    flex:0 0 9px !important;
    margin-top:7px !important;
    border-radius:999px !important;
    background:#14b8a6 !important;
    box-shadow:0 0 0 4px #ccfbf1 !important;
}

.crm-activity-item strong{
    display:block !important;
    color:#0f172a !important;
    font-size:13.5px !important;
    font-weight:900 !important;
    line-height:1.7 !important;
}

.crm-activity-item small{
    display:block !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.7 !important;
}

.crm-more-info{
    padding:0 !important;
    overflow:visible !important;
}

.crm-more-info>summary{
    list-style:none !important;
    cursor:pointer !important;
    padding:14px !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:950 !important;
}

.crm-more-info>summary::-webkit-details-marker{
    display:none !important;
}

.crm-more-info-body{
    padding:0 14px 14px !important;
}

.crm-more-block{
    margin-top:12px !important;
    padding-top:12px !important;
    border-top:1px solid #f1f5f9 !important;
}

.crm-more-block h4{
    margin:0 0 8px !important;
    color:#0f172a !important;
    font-size:13px !important;
    font-weight:950 !important;
}

.crm-more-block p,
.crm-more-block .markdown{
    margin:0 !important;
    color:#475569 !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.8 !important;
}

@media (max-width:700px){
    .crm-lead-drawer{
        inset-block:auto 0 !important;
        inset-inline:0 !important;
        width:100vw !important;
        height:min(92vh,760px) !important;
        border-radius:16px 16px 0 0 !important;
        transform:translateY(100%) !important;
        box-shadow:0 -18px 45px rgba(15,23,42,.22) !important;
    }

    html[dir="rtl"] .crm-lead-drawer,
    html[lang="fa"] .crm-lead-drawer{
        transform:translateY(100%) !important;
        box-shadow:0 -18px 45px rgba(15,23,42,.22) !important;
    }

    .crm-lead-drawer-shell.is-open .crm-lead-drawer{
        transform:translateY(0) !important;
    }

    .crm-lead-header{
        padding:13px 14px !important;
    }

    .crm-lead-title-row h2{
        font-size:18px !important;
    }

    .crm-lead-stack{
        padding:10px !important;
        padding-bottom:84px !important;
    }

    .crm-lead-fields>div{
        grid-template-columns:1fr !important;
        gap:4px !important;
    }

    .crm-lead-actions,
    .crm-lead-action-grid{
        grid-template-columns:1fr !important;
    }

    .crm-lead-insight{
        align-items:stretch !important;
        flex-direction:column !important;
    }

    .crm-note-meta{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap:3px !important;
    }

    .crm-add-menu{
        width:100% !important;
    }

    .crm-add-menu>summary{
        width:100% !important;
    }
}

/* CRM lead drawer polish: scoped overrides for RTL manager lead detail. */
.crm-lead-drawer-shell{
    z-index:1000 !important;
}

.crm-lead-drawer-backdrop{
    z-index:1000 !important;
}

.crm-lead-drawer{
    right:0 !important;
    left:auto !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
    z-index:1100 !important;
    width:min(560px, calc(100vw - 24px)) !important;
    background:#f8fafc !important;
    box-shadow:-18px 0 42px rgba(15,23,42,.20) !important;
    transform:translateX(100%) !important;
}

html[dir="rtl"] .crm-lead-drawer,
html[lang="fa"] .crm-lead-drawer{
    right:0 !important;
    left:auto !important;
    transform:translateX(100%) !important;
    box-shadow:-18px 0 42px rgba(15,23,42,.20) !important;
}

.crm-lead-drawer-shell.is-open .crm-lead-drawer,
html[dir="rtl"] .crm-lead-drawer-shell.is-open .crm-lead-drawer,
html[lang="fa"] .crm-lead-drawer-shell.is-open .crm-lead-drawer{
    transform:translateX(0) !important;
}

#modal-overlay{
    z-index:1300 !important;
}

#modal-box,
.modal-box{
    z-index:1400 !important;
}

.seller-toast,
.toast,
.alert-notification{
    z-index:1500 !important;
}

.crm-lead-header{
    padding:18px 20px !important;
    border-bottom:1px solid #e5e7eb !important;
    background:rgba(248,250,252,.98) !important;
}

.crm-lead-title-row{
    flex-wrap:wrap !important;
    row-gap:6px !important;
}

.crm-lead-title-row h2{
    max-width:100% !important;
    font-size:19px !important;
    font-weight:850 !important;
}

.crm-lead-badge{
    min-height:22px !important;
    padding:2px 8px !important;
    border-radius:999px !important;
    background:#eef2ff !important;
    border-color:#dbe4ff !important;
    color:#4f46e5 !important;
}

.crm-lead-close,
.crm-lead-menu>summary{
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
    transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease !important;
}

.crm-lead-close:hover,
.crm-lead-menu>summary:hover,
.crm-lead-close:focus,
.crm-lead-menu>summary:focus{
    background:#f1f5f9 !important;
    border-color:#cbd5e1 !important;
    color:#0f172a !important;
    transform:translateY(-1px) !important;
}

.crm-lead-stack{
    gap:14px !important;
    padding:16px !important;
}

.crm-lead-card,
.crm-lead-insight,
.crm-more-info{
    border-color:#e5e7eb !important;
    border-radius:16px !important;
    box-shadow:0 8px 20px rgba(15,23,42,.04) !important;
}

.crm-lead-card{
    padding:18px !important;
}

.crm-card-head{
    margin-bottom:14px !important;
}

.crm-card-head h3{
    font-size:15.5px !important;
    font-weight:850 !important;
}

.crm-lead-fields>div{
    grid-template-columns:124px minmax(0,1fr) !important;
    gap:12px !important;
    padding:10px 0 !important;
    border-bottom-color:#eef2f7 !important;
}

.crm-lead-fields dt{
    color:#64748b !important;
    font-weight:700 !important;
}

.crm-lead-fields dd{
    font-weight:820 !important;
}

.crm-lead-actions,
.crm-lead-action-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
}

.crm-lead-action-grid{
    align-items:stretch !important;
}

.crm-action,
.crm-contact-actions a,
.crm-contact-actions button,
.crm-lead-action-grid>a,
.crm-lead-action-grid>button,
.crm-result-menu>summary,
.crm-add-menu>summary,
.crm-lead-insight a,
.crm-empty-state a,
.crm-card-head a[href*="CommentController"],
.crm-lead-menu-list a,
.crm-result-menu>div a,
.crm-add-menu>div a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
}

.crm-action,
.crm-contact-actions a,
.crm-contact-actions button,
.crm-lead-action-grid>a,
.crm-lead-action-grid>button,
.crm-result-menu>summary{
    width:100% !important;
    min-height:48px !important;
    border-radius:12px !important;
    font-size:13.5px !important;
    transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease !important;
}

.crm-action:hover,
.crm-contact-actions a:hover,
.crm-lead-action-grid>a:hover,
.crm-result-menu>summary:hover{
    border-color:#cbd5e1 !important;
    background:#f8fafc !important;
    transform:translateY(-1px) !important;
}

.crm-action-primary,
.crm-contact-actions .crm-action-primary,
.crm-lead-action-grid .crm-action-primary{
    background:#0f766e !important;
    border-color:#0f766e !important;
    box-shadow:0 8px 18px rgba(15,118,110,.18) !important;
}

.crm-action-primary:hover,
.crm-contact-actions .crm-action-primary:hover,
.crm-lead-action-grid .crm-action-primary:hover{
    background:#115e59 !important;
    border-color:#115e59 !important;
    color:#fff !important;
}

.crm-result-menu{
    width:100% !important;
}

.crm-add-menu{
    width:100% !important;
    margin-top:10px !important;
}

.crm-add-menu>summary{
    width:100% !important;
    min-height:46px !important;
    border-radius:12px !important;
    background:#f8fafc !important;
}

.crm-lead-menu-list,
.crm-result-menu>div,
.crm-add-menu>div{
    z-index:1200 !important;
    width:260px !important;
    min-width:240px !important;
    max-width:min(280px, calc(100vw - 28px)) !important;
    gap:2px !important;
    padding:8px !important;
    border-radius:14px !important;
    border-color:#e5e7eb !important;
    box-shadow:0 18px 38px rgba(15,23,42,.16) !important;
}

.crm-lead-menu-list{
    right:auto !important;
    left:0 !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
}

.crm-result-menu>div,
.crm-add-menu>div{
    right:0 !important;
    left:auto !important;
    inset-inline-start:auto !important;
    inset-inline-end:auto !important;
}

.crm-lead-menu-list a,
.crm-result-menu>div a,
.crm-add-menu>div a{
    justify-content:flex-start !important;
    min-height:40px !important;
    padding:9px 11px !important;
    border-radius:10px !important;
    font-size:13px !important;
    font-weight:760 !important;
}

.crm-lead-menu-list a i,
.crm-result-menu>div a i,
.crm-add-menu>div a i,
.crm-action i,
.crm-lead-action-grid i,
.crm-add-menu>summary i,
.crm-result-menu>summary i{
    margin:0 !important;
    flex:0 0 auto !important;
}

.crm-lead-menu-danger{
    display:block !important;
    margin-top:6px !important;
    padding-top:6px !important;
    border-top:1px solid #fee2e2 !important;
}

.crm-lead-menu-danger a{
    color:#b91c1c !important;
}

.crm-lead-menu-danger a:hover{
    background:#fef2f2 !important;
    color:#991b1b !important;
}

.crm-lead-insight{
    padding:13px 14px !important;
    border-radius:16px !important;
    background:#fff7ed !important;
    border-color:#fed7aa !important;
}

.crm-lead-insight p{
    line-height:1.8 !important;
}

.crm-lead-insight a{
    min-height:38px !important;
    padding:7px 12px !important;
    white-space:nowrap !important;
}

.crm-empty-state{
    padding:16px !important;
    border-color:#d7dee8 !important;
    border-radius:14px !important;
}

.crm-empty-state p{
    max-width:360px !important;
    margin-inline:auto !important;
}

.crm-note-item{
    border-radius:14px !important;
}

.crm-activity-list{
    gap:12px !important;
}

.crm-activity-item{
    position:relative !important;
}

.crm-activity-item:not(:last-child)::before{
    content:"" !important;
    position:absolute !important;
    top:21px !important;
    bottom:-13px !important;
    right:4px !important;
    width:1px !important;
    background:#dbeafe !important;
}

.crm-activity-item>span{
    position:relative !important;
    z-index:1 !important;
}

.crm-more-info{
    border-radius:16px !important;
}

.crm-more-info>summary{
    padding:15px 18px !important;
}

.crm-more-info-body{
    padding:0 18px 18px !important;
}

.crm-more-info,
.crm-more-info *{
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
}

@media (max-width:700px){
    .crm-lead-drawer,
    html[dir="rtl"] .crm-lead-drawer,
    html[lang="fa"] .crm-lead-drawer{
        right:0 !important;
        left:0 !important;
        width:100vw !important;
        height:min(94vh,760px) !important;
        transform:translateY(100%) !important;
        border-radius:18px 18px 0 0 !important;
        box-shadow:0 -18px 42px rgba(15,23,42,.22) !important;
    }

    .crm-lead-drawer-shell.is-open .crm-lead-drawer,
    html[dir="rtl"] .crm-lead-drawer-shell.is-open .crm-lead-drawer,
    html[lang="fa"] .crm-lead-drawer-shell.is-open .crm-lead-drawer{
        transform:translateY(0) !important;
    }

    .crm-lead-header{
        padding:14px 14px !important;
    }

    .crm-lead-stack{
        padding:12px !important;
        gap:12px !important;
    }

    .crm-lead-card{
        padding:16px !important;
    }

    .crm-lead-action-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .crm-action,
    .crm-lead-action-grid>a,
    .crm-lead-action-grid>button,
    .crm-result-menu>summary{
        min-height:48px !important;
        padding:8px 8px !important;
        font-size:12.5px !important;
    }
}

@media (max-width:420px){
    .crm-lead-action-grid,
    .crm-lead-actions{
        grid-template-columns:1fr !important;
    }

    .crm-lead-title-row h2{
        white-space:normal !important;
    }
}

/* CRM comment composer modal: replaces the legacy Kanboard markdown editor chrome. */
#modal-box:has(.crm-comment-modal),
.modal-box:has(.crm-comment-modal){
    width:min(640px, calc(100vw - 28px)) !important;
    max-width:min(640px, calc(100vw - 28px)) !important;
    border-radius:18px !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#f8fafc !important;
    box-shadow:0 24px 60px rgba(15,23,42,.24) !important;
}

#modal-box:has(.crm-comment-modal) #modal-header,
.modal-box:has(.crm-comment-modal) #modal-header{
    position:absolute !important;
    top:12px !important;
    left:12px !important;
    right:auto !important;
    z-index:2 !important;
    border:0 !important;
    background:transparent !important;
}

#modal-box:has(.crm-comment-modal) #modal-close-button,
.modal-box:has(.crm-comment-modal) #modal-close-button{
    width:38px !important;
    height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    background:#fff !important;
    border:1px solid #e2e8f0 !important;
    color:#334155 !important;
}

.crm-comment-modal{
    padding:20px !important;
    direction:rtl !important;
    color:#0f172a !important;
    font-family:var(--modern-font-persian, Tahoma, sans-serif) !important;
}

.crm-comment-modal *,
.crm-comment-modal *::before,
.crm-comment-modal *::after{
    box-sizing:border-box !important;
}

.crm-comment-modal-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin-bottom:16px !important;
    padding:18px 18px 16px !important;
    border:1px solid #e5e7eb !important;
    border-radius:16px !important;
    background:#fff !important;
    box-shadow:0 8px 18px rgba(15,23,42,.04) !important;
}

.crm-comment-modal-kicker{
    display:inline-flex !important;
    margin-bottom:6px !important;
    color:#4f46e5 !important;
    font-size:12px !important;
    font-weight:850 !important;
}

.crm-comment-modal h2{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    color:#0f172a !important;
    font-size:22px !important;
    line-height:1.4 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
}

.crm-comment-modal-head p{
    margin:6px 0 0 !important;
    color:#64748b !important;
    font-size:13px !important;
    line-height:1.8 !important;
    font-weight:750 !important;
}

.crm-comment-modal-head>a{
    flex:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:38px !important;
    margin-top:24px !important;
    padding:7px 11px !important;
    border-radius:11px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-size:12.5px !important;
    font-weight:850 !important;
}

.crm-comment-form{
    padding:0 !important;
    margin:0 !important;
}

.crm-comment-label{
    display:block !important;
    margin:0 0 8px !important;
    color:#0f172a !important;
    font-size:13.5px !important;
    font-weight:850 !important;
}

.crm-comment-textarea{
    width:100% !important;
    min-height:220px !important;
    resize:vertical !important;
    padding:16px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:16px !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:760 !important;
    line-height:1.9 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.035) !important;
}

.crm-comment-textarea::placeholder{
    color:#94a3b8 !important;
    opacity:1 !important;
}

.crm-comment-textarea:focus{
    outline:0 !important;
    border-color:#4f46e5 !important;
    box-shadow:0 0 0 4px rgba(79,70,229,.14),0 8px 18px rgba(15,23,42,.035) !important;
}

.crm-comment-help{
    margin:8px 2px 16px !important;
    color:#64748b !important;
    font-size:12.5px !important;
    font-weight:750 !important;
}

.crm-comment-visibility{
    margin-bottom:16px !important;
}

.crm-comment-visibility.is-hidden{
    display:none !important;
}

.crm-comment-select{
    width:100% !important;
    min-height:48px !important;
    padding:0 14px !important;
    border-radius:14px !important;
    border:1px solid #cbd5e1 !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:14px !important;
    font-weight:820 !important;
}

.crm-comment-modal .form-actions{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:18px 0 0 !important;
}

.crm-comment-modal .form-actions button,
.crm-comment-modal .form-actions input[type="submit"]{
    flex:1 1 auto !important;
    min-height:50px !important;
    border-radius:14px !important;
    background:#4f46e5 !important;
    border-color:#4f46e5 !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:900 !important;
}

.crm-comment-modal .form-actions button:hover,
.crm-comment-modal .form-actions input[type="submit"]:hover{
    background:#4338ca !important;
    border-color:#4338ca !important;
}

.crm-comment-modal .form-actions a,
.crm-comment-modal .form-actions span{
    color:#64748b !important;
    font-size:13px !important;
    font-weight:800 !important;
}

@media (max-width:560px){
    .crm-comment-modal{
        padding:14px !important;
    }

    .crm-comment-modal-head{
        padding:16px !important;
        flex-direction:column !important;
        gap:10px !important;
    }

    .crm-comment-modal-head>a{
        width:100% !important;
        margin-top:0 !important;
    }

    .crm-comment-textarea{
        min-height:190px !important;
    }

    .crm-comment-modal .form-actions{
        flex-wrap:wrap !important;
    }
}

/* CRM board activation: success modal and first-use interactive tour. */
.crm-board-help-strip{
    display:flex !important;
    justify-content:flex-end !important;
    margin:0 0 10px !important;
}

.crm-board-help-button{
    min-height:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:7px 12px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#334155 !important;
    font-size:13px !important;
    font-weight:850 !important;
    cursor:pointer !important;
}

.crm-board-help-button:hover{
    background:#f8fafc !important;
    border-color:#cbd5e1 !important;
}

.crm-board-success-layer,
.crm-board-tour-layer{
    position:fixed !important;
    inset:0 !important;
    z-index:1900 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(15,23,42,.30) !important;
    font-family:var(--modern-font-persian, Tahoma, sans-serif) !important;
}

.crm-board-success-modal{
    width:min(520px, calc(100vw - 28px)) !important;
    padding:24px !important;
    border:1px solid #e5e7eb !important;
    border-radius:18px !important;
    background:#fff !important;
    color:#0f172a !important;
    box-shadow:0 24px 70px rgba(15,23,42,.28) !important;
    text-align:right !important;
}

.crm-board-success-icon{
    width:42px !important;
    height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-bottom:14px !important;
    border-radius:14px !important;
    background:#ecfdf5 !important;
    color:#0f766e !important;
    font-size:24px !important;
    font-weight:950 !important;
}

.crm-board-success-modal h2{
    margin:0 0 10px !important;
    color:#0f172a !important;
    font-size:24px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
}

.crm-board-success-modal p{
    margin:0 0 22px !important;
    color:#475569 !important;
    font-size:14px !important;
    line-height:1.9 !important;
    font-weight:750 !important;
}

.crm-board-success-actions,
.crm-board-tour-actions{
    display:flex !important;
    gap:10px !important;
    align-items:center !important;
}

.crm-board-success-primary,
.crm-board-tour-primary,
.crm-board-success-secondary,
.crm-board-tour-secondary{
    min-height:46px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:9px 14px !important;
    border-radius:12px !important;
    font-size:14px !important;
    font-weight:900 !important;
    cursor:pointer !important;
}

.crm-board-success-primary,
.crm-board-tour-primary{
    flex:1 1 auto !important;
    border:1px solid #4f46e5 !important;
    background:#4f46e5 !important;
    color:#fff !important;
}

.crm-board-success-secondary,
.crm-board-tour-secondary{
    border:1px solid #e2e8f0 !important;
    background:#fff !important;
    color:#475569 !important;
}

.crm-board-tour-layer{
    align-items:stretch !important;
    justify-content:stretch !important;
    background:transparent !important;
    pointer-events:none !important;
}

.crm-board-tour-scrim{
    position:absolute !important;
    inset:0 !important;
    background:rgba(15,23,42,.18) !important;
    pointer-events:none !important;
}

.crm-board-tour-target{
    position:relative !important;
    z-index:1950 !important;
    box-shadow:0 0 0 4px rgba(79,70,229,.22),0 14px 36px rgba(15,23,42,.22) !important;
    border-radius:14px !important;
}

.crm-board-tour-popover,
.crm-board-tour-mini{
    position:fixed !important;
    z-index:1960 !important;
    padding:16px !important;
    border:1px solid #e5e7eb !important;
    border-radius:16px !important;
    background:#fff !important;
    color:#0f172a !important;
    box-shadow:0 18px 48px rgba(15,23,42,.24) !important;
    text-align:right !important;
    pointer-events:auto !important;
}

.crm-board-tour-kicker{
    display:inline-flex !important;
    margin-bottom:7px !important;
    color:#4f46e5 !important;
    font-size:12px !important;
    font-weight:900 !important;
}

.crm-board-tour-popover h3,
.crm-board-tour-mini h3{
    margin:0 0 8px !important;
    color:#0f172a !important;
    font-size:18px !important;
    line-height:1.5 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
}

.crm-board-tour-text{
    margin:0 0 12px !important;
    color:#475569 !important;
    font-size:13.5px !important;
    line-height:1.9 !important;
    font-weight:750 !important;
}

.crm-board-tour-command,
.crm-board-tour-note{
    margin:10px 0 12px !important;
    padding:10px 12px !important;
    border-radius:12px !important;
    background:#eef2ff !important;
    color:#3730a3 !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1.8 !important;
}

.crm-board-tour-field{
    display:block !important;
    margin:10px 0 12px !important;
}

.crm-board-tour-field span{
    display:block !important;
    margin-bottom:7px !important;
    color:#0f172a !important;
    font-size:13px !important;
    font-weight:900 !important;
}

.crm-board-tour-field textarea{
    width:100% !important;
    min-height:96px !important;
    resize:vertical !important;
    padding:11px 12px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#0f172a !important;
    font-size:13.5px !important;
    font-weight:750 !important;
    line-height:1.8 !important;
}

.crm-board-tour-mini{
    top:50% !important;
    left:50% !important;
    width:min(390px, calc(100vw - 28px)) !important;
    transform:translate(-50%, -50%) !important;
}

.crm-board-tour-choice-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
}

.crm-board-tour-choice-grid button{
    min-height:42px !important;
    padding:8px 12px !important;
    border:1px solid #dbe4f0 !important;
    border-radius:11px !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    font-size:13.5px !important;
    font-weight:850 !important;
    text-align:right !important;
    cursor:pointer !important;
}

.crm-board-tour-choice-grid button:hover{
    background:#eef2ff !important;
    border-color:#c7d2fe !important;
    color:#3730a3 !important;
}

.crm-board-horizontal-hint{
    position:fixed !important;
    right:18px !important;
    bottom:18px !important;
    z-index:1800 !important;
    max-width:min(360px, calc(100vw - 36px)) !important;
    padding:11px 14px !important;
    border:1px solid #bae6fd !important;
    border-radius:13px !important;
    background:#f0f9ff !important;
    color:#075985 !important;
    font-size:13px !important;
    font-weight:850 !important;
    box-shadow:0 14px 34px rgba(15,23,42,.15) !important;
    opacity:0 !important;
    transform:translateY(12px) !important;
    transition:opacity .18s ease,transform .18s ease !important;
}

.crm-board-horizontal-hint.is-visible{
    opacity:1 !important;
    transform:translateY(0) !important;
}

@media (max-width:560px){
    .crm-board-success-modal{
        padding:20px !important;
    }

    .crm-board-success-actions,
    .crm-board-tour-actions{
        flex-direction:column !important;
        align-items:stretch !important;
    }

    .crm-board-success-primary,
    .crm-board-tour-primary,
    .crm-board-success-secondary,
    .crm-board-tour-secondary{
        width:100% !important;
    }
}

.sales-column-label-mobile,
.sales-column-title-mobile{
    display:none !important;
}

@media (max-width:700px){
    .sales-column-label-desktop,
    .sales-column-title-desktop{
        display:none !important;
    }

    .sales-column-label-mobile,
    .sales-column-title-mobile{
        display:inline !important;
    }

    .crm-board-mobile-tour-layer{
        z-index:2200 !important;
        pointer-events:none !important;
    }

    .crm-board-mobile-tour-layer .crm-board-tour-scrim{
        background:rgba(15,23,42,.34) !important;
        -webkit-backdrop-filter:none !important;
        backdrop-filter:none !important;
    }

    .crm-board-mobile-tour-popover{
        width:calc(100vw - 32px) !important;
        max-height:30vh !important;
        overflow:auto !important;
        padding:13px 14px 12px !important;
        border-radius:14px !important;
        box-shadow:0 14px 36px rgba(15,23,42,.22) !important;
    }

    .crm-board-mobile-tour-popover h3{
        margin:0 0 5px !important;
        padding-inline-end:28px !important;
        font-size:16px !important;
        line-height:1.55 !important;
    }

    .crm-board-mobile-tour-popover .crm-board-tour-text{
        margin:0 !important;
        font-size:13px !important;
        line-height:1.75 !important;
    }

    .crm-board-mobile-tour-popover .crm-board-tour-actions{
        margin-top:10px !important;
    }

    .crm-board-mobile-tour-close{
        position:absolute !important;
        inset-block-start:8px !important;
        inset-inline-end:8px !important;
        width:28px !important;
        height:28px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        border:0 !important;
        border-radius:999px !important;
        background:#f1f5f9 !important;
        color:#475569 !important;
        font-size:20px !important;
        font-weight:900 !important;
        line-height:1 !important;
        cursor:pointer !important;
    }

    .crm-board-mobile-tour-title-target{
        position:relative !important;
        z-index:2210 !important;
        display:inline-block !important;
        border-radius:10px !important;
        box-shadow:0 0 0 3px rgba(79,70,229,.28),0 8px 22px rgba(79,70,229,.18) !important;
        background:rgba(255,255,255,.86) !important;
    }

    .crm-board-mobile-tap-label{
        display:inline-flex !important;
        margin-top:8px !important;
        padding:5px 10px !important;
        border-radius:999px !important;
        background:#eef2ff !important;
        color:#3730a3 !important;
        font-size:12px !important;
        font-weight:900 !important;
    }

    .crm-board-mobile-drawer-coach{
        margin:0 0 12px !important;
        padding:12px !important;
        border:1px solid #dbe4f0 !important;
        border-radius:14px !important;
        background:#fff !important;
        box-shadow:0 8px 24px rgba(15,23,42,.08) !important;
        color:#0f172a !important;
    }

    .crm-board-mobile-drawer-coach h3,
    .crm-board-mobile-drawer-coach p,
    .crm-board-mobile-drawer-coach strong{
        margin:0 !important;
        letter-spacing:0 !important;
    }

    .crm-board-mobile-drawer-coach h3{
        font-size:15px !important;
        line-height:1.6 !important;
        font-weight:950 !important;
    }

    .crm-board-mobile-drawer-coach strong{
        display:block !important;
        margin-top:8px !important;
        font-size:13px !important;
        line-height:1.6 !important;
        font-weight:950 !important;
        color:#3730a3 !important;
    }

    .crm-board-mobile-drawer-coach p{
        color:#475569 !important;
        font-size:12.5px !important;
        line-height:1.8 !important;
        font-weight:750 !important;
    }

    .crm-board-mobile-drawer-coach button{
        width:100% !important;
        min-height:40px !important;
        margin-top:10px !important;
        border:1px solid #4f46e5 !important;
        border-radius:11px !important;
        background:#4f46e5 !important;
        color:#fff !important;
        font-size:13px !important;
        font-weight:900 !important;
    }

    .crm-board-mobile-action-pulse{
        position:relative !important;
        z-index:2210 !important;
        box-shadow:0 0 0 4px rgba(79,70,229,.28),0 12px 28px rgba(79,70,229,.22) !important;
        transform:translateY(-1px) !important;
    }

    .crm-mobile-add-lead-cta{
        width:calc(100vw - 32px) !important;
        min-height:46px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        margin:8px 16px 12px !important;
        border:1px solid #4f46e5 !important;
        border-radius:12px !important;
        background:#4f46e5 !important;
        color:#fff !important;
        font-size:14px !important;
        font-weight:950 !important;
        box-shadow:0 10px 24px rgba(79,70,229,.22) !important;
        cursor:pointer !important;
    }

    .crm-mobile-add-lead-cta.is-tour-target{
        position:relative !important;
        z-index:2210 !important;
        box-shadow:0 0 0 4px rgba(79,70,229,.28),0 14px 32px rgba(79,70,229,.28) !important;
    }

    .crm-mobile-add-lead-sheet-layer{
        position:fixed !important;
        inset:0 !important;
        z-index:2300 !important;
        display:flex !important;
        align-items:flex-end !important;
        justify-content:center !important;
        font-family:var(--modern-font-persian, Tahoma, sans-serif) !important;
    }

    .crm-mobile-add-lead-sheet-scrim{
        position:absolute !important;
        inset:0 !important;
        background:rgba(15,23,42,.34) !important;
    }

    .crm-mobile-add-lead-sheet{
        position:relative !important;
        z-index:1 !important;
        width:100% !important;
        max-width:560px !important;
        padding:10px 16px calc(16px + env(safe-area-inset-bottom)) !important;
        border-radius:18px 18px 0 0 !important;
        background:#fff !important;
        box-shadow:0 -18px 48px rgba(15,23,42,.22) !important;
    }

    .crm-mobile-add-lead-sheet-handle{
        width:42px !important;
        height:5px !important;
        margin:0 auto 12px !important;
        border-radius:999px !important;
        background:#cbd5e1 !important;
    }

    .crm-mobile-add-lead-sheet-close{
        position:absolute !important;
        inset-block-start:10px !important;
        inset-inline-end:14px !important;
        width:30px !important;
        height:30px !important;
        border:0 !important;
        border-radius:999px !important;
        background:#f1f5f9 !important;
        color:#475569 !important;
        font-size:21px !important;
        font-weight:900 !important;
    }

    .crm-mobile-add-lead-sheet button:not(.crm-mobile-add-lead-sheet-close){
        width:100% !important;
        min-height:48px !important;
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
        margin-top:8px !important;
        padding:10px 12px !important;
        border:1px solid #e2e8f0 !important;
        border-radius:12px !important;
        background:#f8fafc !important;
        color:#0f172a !important;
        font-size:14px !important;
        font-weight:900 !important;
        text-align:right !important;
    }
}

@media (max-width:700px) and (prefers-reduced-motion:no-preference){
    .crm-board-mobile-tour-title-target{
        animation:crm-mobile-title-pulse 1.4s ease-in-out infinite !important;
    }
}

@keyframes crm-mobile-title-pulse{
    0%,100%{box-shadow:0 0 0 3px rgba(79,70,229,.24),0 8px 22px rgba(79,70,229,.16)}
    50%{box-shadow:0 0 0 7px rgba(79,70,229,.12),0 8px 22px rgba(79,70,229,.20)}
}

@media (max-width:700px){
    .crm-board-mobile-tour-card-target{
        position:relative !important;
        z-index:2210 !important;
        border-radius:16px !important;
        box-shadow:0 0 0 4px rgba(79,70,229,.28),0 18px 38px rgba(79,70,229,.20) !important;
        background:#fff !important;
        pointer-events:none !important;
    }

    html[data-crm-board-tour-step^="mobile-"] .crm-board-mobile-action-pulse{
        pointer-events:none !important;
    }

    .project-header .views li.bulk-lead-toolbar-action .bulk-lead-import-dropdown>.dropdown-menu{
        min-height:46px !important;
        border-color:#4f46e5 !important;
        background:#4f46e5 !important;
        color:#fff !important;
        box-shadow:0 10px 24px rgba(79,70,229,.22) !important;
    }

    .project-header .views li.bulk-lead-toolbar-action .bulk-lead-import-dropdown>.dropdown-menu i,
    .project-header .views li.bulk-lead-toolbar-action .bulk-lead-import-dropdown>.dropdown-menu .bulk-lead-import-dropdown-label{
        color:#fff !important;
    }
}

@media (max-width:700px) and (prefers-reduced-motion:no-preference){
    .crm-board-mobile-tour-card-target{
        animation:crm-mobile-card-pulse 1.4s ease-in-out infinite !important;
    }
}

@keyframes crm-mobile-card-pulse{
    0%,100%{box-shadow:0 0 0 4px rgba(79,70,229,.26),0 18px 38px rgba(79,70,229,.18)}
    50%{box-shadow:0 0 0 8px rgba(79,70,229,.12),0 18px 38px rgba(79,70,229,.22)}
}

/* Mobile CRM bottom navigation. */
:root{
    --crm-mobile-nav-height:72px;
    --crm-mobile-nav-safe:env(safe-area-inset-bottom);
    --crm-layer-mobile-bottom-nav:1500;
    --crm-layer-mobile-sheet:3200;
    --crm-layer-mobile-sheet-panel:3201;
    --crm-layer-mobile-dropdown:3202;
}

.crm-mobile-bottom-nav,
.crm-mobile-pipeline-sheet-layer{
    display:none;
}

@media (max-width:767px){
    body:has(.crm-mobile-bottom-nav){
        padding-bottom:calc(var(--crm-mobile-nav-height) + var(--crm-mobile-nav-safe) + 16px) !important;
    }

    body.crm-mobile-keyboard-open .crm-mobile-bottom-nav,
    body:has(#modal-overlay) .crm-mobile-bottom-nav,
    body:has(.crm-board-tour-layer) .crm-mobile-bottom-nav,
    body:has(.crm-board-success-layer) .crm-mobile-bottom-nav,
    body:has(.crm-mobile-add-lead-sheet-layer) .crm-mobile-bottom-nav{
        display:none !important;
    }

    body.crm-mobile-pipeline-locked{
        overflow:hidden !important;
        touch-action:none !important;
    }

    .crm-mobile-bottom-nav{
        position:fixed !important;
        right:0 !important;
        left:0 !important;
        bottom:0 !important;
        z-index:var(--crm-layer-mobile-bottom-nav) !important;
        display:flex !important;
        align-items:stretch !important;
        height:calc(var(--crm-mobile-nav-height) + var(--crm-mobile-nav-safe)) !important;
        padding:7px 14px calc(7px + var(--crm-mobile-nav-safe)) !important;
        border-top:1px solid rgba(203,213,225,.72) !important;
        background:rgba(255,255,255,.96) !important;
        box-shadow:0 -10px 30px rgba(15,23,42,.08) !important;
        -webkit-backdrop-filter:blur(14px) !important;
        backdrop-filter:blur(14px) !important;
        font-family:var(--modern-font-persian,Tahoma,sans-serif) !important;
    }

    .crm-mobile-bottom-nav-item{
        flex:1 1 50% !important;
        min-width:0 !important;
        min-height:56px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:4px !important;
        margin:0 !important;
        border:0 !important;
        border-radius:14px !important;
        background:transparent !important;
        color:#64748b !important;
        text-decoration:none !important;
        font-size:11.5px !important;
        line-height:1.25 !important;
        font-weight:850 !important;
        letter-spacing:0 !important;
        cursor:pointer !important;
        -webkit-tap-highlight-color:transparent !important;
        transition:background .14s ease,color .14s ease,transform .14s ease !important;
    }

    .crm-mobile-bottom-nav-item i{
        margin:0 !important;
        color:inherit !important;
        font-size:20px !important;
        line-height:1 !important;
    }

    .crm-mobile-bottom-nav-item span{
        display:block !important;
        max-width:100% !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
        color:inherit !important;
    }

    .crm-mobile-bottom-nav-item.is-active{
        background:#eef2ff !important;
        color:#1e3a8a !important;
        font-weight:950 !important;
    }

    .crm-mobile-bottom-nav-item:focus-visible,
    .crm-mobile-pipeline-option:focus-visible,
    .crm-mobile-pipeline-primary:focus-visible,
    .crm-mobile-pipeline-secondary:focus-visible,
    .crm-mobile-pipeline-close:focus-visible{
        outline:3px solid rgba(79,70,229,.28) !important;
        outline-offset:2px !important;
    }

    .crm-mobile-bottom-nav-item.is-loading{
        pointer-events:none !important;
        opacity:.7 !important;
    }

    .crm-mobile-bottom-nav-item.is-loading i{
        animation:crm-mobile-nav-spin .7s linear infinite !important;
    }

    .crm-mobile-pipeline-sheet-layer{
        position:fixed !important;
        inset:0 !important;
        z-index:2400 !important;
        display:flex !important;
        align-items:flex-end !important;
        justify-content:center !important;
        opacity:0 !important;
        pointer-events:none !important;
        transition:opacity .18s ease !important;
        font-family:var(--modern-font-persian,Tahoma,sans-serif) !important;
    }

    .crm-mobile-pipeline-sheet-layer[hidden]{
        display:none !important;
    }

    .crm-mobile-pipeline-sheet-layer.is-open{
        opacity:1 !important;
        pointer-events:auto !important;
    }

    .crm-mobile-pipeline-sheet-backdrop{
        position:absolute !important;
        inset:0 !important;
        background:rgba(15,23,42,.34) !important;
    }

    .crm-mobile-pipeline-sheet{
        position:relative !important;
        z-index:1 !important;
        width:100% !important;
        max-width:560px !important;
        max-height:min(78vh,680px) !important;
        display:flex !important;
        flex-direction:column !important;
        padding:10px 16px calc(16px + var(--crm-mobile-nav-safe)) !important;
        border-radius:20px 20px 0 0 !important;
        background:#fff !important;
        box-shadow:0 -18px 48px rgba(15,23,42,.22) !important;
        transform:translateY(18px) !important;
        transition:transform .2s ease !important;
    }

    .crm-mobile-pipeline-sheet-layer.is-open .crm-mobile-pipeline-sheet{
        transform:translateY(0) !important;
    }

    .crm-mobile-pipeline-handle{
        width:44px !important;
        height:5px !important;
        flex:0 0 auto !important;
        margin:0 auto 13px !important;
        border-radius:999px !important;
        background:#cbd5e1 !important;
    }

    .crm-mobile-pipeline-close{
        position:absolute !important;
        inset-block-start:11px !important;
        inset-inline-end:14px !important;
        width:34px !important;
        height:34px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        border:0 !important;
        border-radius:999px !important;
        background:#f1f5f9 !important;
        color:#475569 !important;
        cursor:pointer !important;
    }

    .crm-mobile-pipeline-close i{
        margin:0 !important;
        color:inherit !important;
        font-size:15px !important;
    }

    .crm-mobile-pipeline-header{
        flex:0 0 auto !important;
        padding:0 38px 12px 0 !important;
        text-align:right !important;
    }

    .crm-mobile-pipeline-header h2{
        margin:0 0 6px !important;
        color:#0f172a !important;
        font-size:18px !important;
        line-height:1.55 !important;
        font-weight:950 !important;
        letter-spacing:0 !important;
    }

    .crm-mobile-pipeline-header p,
    .crm-mobile-pipeline-muted{
        margin:0 !important;
        color:#64748b !important;
        font-size:13.5px !important;
        line-height:1.8 !important;
        font-weight:760 !important;
    }

    .crm-mobile-pipeline-list{
        display:flex !important;
        flex-direction:column !important;
        gap:8px !important;
        overflow:auto !important;
        padding:2px 0 4px !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .crm-mobile-pipeline-option{
        width:100% !important;
        min-height:62px !important;
        display:grid !important;
        grid-template-columns:40px minmax(0,1fr) auto 16px !important;
        align-items:center !important;
        gap:10px !important;
        padding:10px 12px !important;
        border:1px solid #e2e8f0 !important;
        border-radius:14px !important;
        background:#fff !important;
        color:#0f172a !important;
        text-align:right !important;
        cursor:pointer !important;
        box-shadow:0 8px 20px rgba(15,23,42,.04) !important;
    }

    .crm-mobile-pipeline-option.is-current{
        border-color:#c7d2fe !important;
        background:#f8faff !important;
    }

    .crm-mobile-pipeline-icon{
        width:40px !important;
        height:40px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:13px !important;
        background:#eef2ff !important;
        color:#4f46e5 !important;
    }

    .crm-mobile-pipeline-icon i,
    .crm-mobile-pipeline-chevron{
        margin:0 !important;
        color:inherit !important;
    }

    .crm-mobile-pipeline-copy{
        min-width:0 !important;
        display:flex !important;
        flex-direction:column !important;
        gap:3px !important;
    }

    .crm-mobile-pipeline-copy strong,
    .crm-mobile-pipeline-copy small{
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .crm-mobile-pipeline-copy strong{
        color:#0f172a !important;
        font-size:14px !important;
        line-height:1.5 !important;
        font-weight:950 !important;
    }

    .crm-mobile-pipeline-copy small{
        color:#64748b !important;
        font-size:12px !important;
        line-height:1.5 !important;
        font-weight:780 !important;
    }

    .crm-mobile-pipeline-current{
        padding:4px 8px !important;
        border-radius:999px !important;
        background:#eef2ff !important;
        color:#3730a3 !important;
        font-size:11px !important;
        font-weight:900 !important;
        white-space:nowrap !important;
    }

    .crm-mobile-pipeline-chevron{
        color:#94a3b8 !important;
        font-size:12px !important;
    }

    .crm-mobile-pipeline-primary,
    .crm-mobile-pipeline-secondary,
    .crm-mobile-pipeline-error button{
        width:100% !important;
        min-height:48px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin-top:12px !important;
        border-radius:13px !important;
        font-size:14px !important;
        font-weight:950 !important;
        text-decoration:none !important;
        cursor:pointer !important;
    }

    .crm-mobile-pipeline-primary{
        border:1px solid #4f46e5 !important;
        background:#4f46e5 !important;
        color:#fff !important;
        box-shadow:0 12px 26px rgba(79,70,229,.22) !important;
    }

    .crm-mobile-pipeline-secondary,
    .crm-mobile-pipeline-error button{
        border:1px solid #e2e8f0 !important;
        background:#f8fafc !important;
        color:#334155 !important;
    }

    .crm-mobile-pipeline-muted{
        padding:10px 12px !important;
        border-radius:13px !important;
        background:#f8fafc !important;
    }

    .crm-mobile-pipeline-loading,
    .crm-mobile-pipeline-error{
        margin-top:10px !important;
        padding:12px !important;
        border-radius:13px !important;
        background:#f8fafc !important;
        color:#475569 !important;
        font-size:13px !important;
        font-weight:850 !important;
        text-align:right !important;
    }

    .crm-mobile-pipeline-error{
        border:1px solid #fecaca !important;
        background:#fff1f2 !important;
        color:#991b1b !important;
    }

    .crm-mobile-pipeline-error strong,
    .crm-mobile-pipeline-error span{
        display:block !important;
    }
}

@media (max-width:767px) and (prefers-reduced-motion:reduce){
    .crm-mobile-bottom-nav-item,
    .crm-mobile-pipeline-sheet-layer,
    .crm-mobile-pipeline-sheet{
        transition:none !important;
    }
}

@keyframes crm-mobile-nav-spin{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}

html[dir] #main .project-header+.table-list.sales-lead-list-horizontal>.table-list-row.sales-lead-row:has(input[type="checkbox"]:checked){
    border-color:#c7d2fe!important;
    background:#f8faff!important;
    box-shadow:0 8px 22px rgba(79,70,229,.08)!important;
}
html[dir] #main .project-header+.table-list.sales-lead-list-horizontal>.table-list-row.sales-lead-row.is-selected{
    border-color:#c7d2fe!important;
    background:#f8faff!important;
    box-shadow:0 8px 22px rgba(79,70,229,.08)!important;
}

/* Moshtariat install experience. */
.pwa-profile-menu-entry .pwa-profile-menu-button{
    width:100%!important;
    min-height:36px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:7px 10px!important;
    border:0!important;
    background:transparent!important;
    color:inherit!important;
    font:inherit!important;
    font-weight:700!important;
    text-align:right!important;
    cursor:pointer!important;
}
.pwa-profile-menu-entry .pwa-profile-menu-button i{
    width:16px!important;
    margin:0!important;
    color:#4f46e5!important;
    text-align:center!important;
}
.pwa-profile-menu-entry .pwa-profile-menu-button:hover,
.pwa-profile-menu-entry .pwa-profile-menu-button:focus{
    background:#f8fafc!important;
    color:#1e3a8a!important;
}
.pwa-profile-menu-entry .pwa-profile-menu-button:focus-visible{
    outline:3px solid rgba(79,70,229,.24)!important;
    outline-offset:2px!important;
}
.pwa-profile-menu-entry .pwa-profile-menu-button.is-installed{
    color:#64748b!important;
    cursor:default!important;
}
.pwa-profile-menu-entry .pwa-profile-menu-button.is-installed i{
    color:#16a34a!important;
}

.pwa-install-root,
.pwa-install-dialog-layer,
.pwa-install-toast,
.pwa-update-toast{
    --pwa-indigo:#4F46E5;
    --pwa-indigo-dark:#3730A3;
    --pwa-indigo-soft:#6366F1;
    --pwa-indigo-2:#818CF8;
    --pwa-lav:#EEF2FF;
    --pwa-lav2:#F5F7FF;
    --pwa-lav-bd:#D9DEFB;
    --pwa-navy:#0F172A;
    --pwa-ink:#1E293B;
    --pwa-muted:#64748B;
    --pwa-faint:#94A3B8;
    --pwa-faint2:#CBD5E1;
    --pwa-border:#DBE3EF;
    --pwa-border-soft:#E7EDF6;
    --pwa-surface:#F1F5F9;
    --pwa-green:#16A34A;
    --pwa-red:#DC2626;
    --pwa-red-bg:#FEF2F2;
    --pwa-red-bd:#FECACA;
    --pwa-ease:cubic-bezier(.22,1,.36,1);
    font-family:var(--modern-font-persian,"Vazirmatn",Tahoma,Arial,sans-serif)!important;
}
.pwa-install-root[hidden],
.pwa-install-dialog-layer[hidden],
.pwa-install-toast[hidden],
.pwa-update-toast[hidden]{
    display:none!important;
}

/* ===================== INSTALL CARD =====================
   Non-blocking promo card pinned to the corner (same placement as before);
   only its surface is redesigned. It must never cover the workspace. */
.pwa-install-root{
    position:fixed!important;
    inset-inline-start:18px!important;
    inset-inline-end:auto!important;
    bottom:18px!important;
    top:auto!important;
    z-index:2350!important;
    width:min(392px,calc(100vw - 32px))!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(12px)!important;
    transition:opacity .22s var(--pwa-ease),transform .28s var(--pwa-ease)!important;
    direction:rtl!important;
}
.pwa-install-root.is-visible{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
}
.pwa-install-card{
    position:relative!important;
    width:100%!important;
    display:block!important;
    padding:22px 20px 20px!important;
    border:1px solid var(--pwa-border-soft)!important;
    border-radius:24px!important;
    background:radial-gradient(190px 190px at 100% 0,rgba(129,140,248,.22),rgba(129,140,248,0) 70%),#fff!important;
    color:var(--pwa-navy)!important;
    box-shadow:0 20px 50px rgba(15,23,42,.16)!important;
    text-align:right!important;
}
.pwa-install-close{
    position:absolute!important;
    inset-block-start:14px!important;
    inset-inline-start:14px!important;
    z-index:3!important;
    width:32px!important;
    height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:1px solid var(--pwa-border)!important;
    border-radius:50%!important;
    background:var(--pwa-surface)!important;
    color:var(--pwa-faint)!important;
    cursor:pointer!important;
    transition:.16s var(--pwa-ease)!important;
}
.pwa-install-close svg{
    display:block!important;
    width:15px!important;
    height:15px!important;
}
.pwa-install-close:hover,
.pwa-install-close:focus{
    color:var(--pwa-red)!important;
    background:var(--pwa-red-bg)!important;
    border-color:var(--pwa-red-bd)!important;
}
.pwa-install-head{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    margin:0 0 14px!important;
}
.pwa-install-mark{
    position:relative!important;
    width:56px!important;
    height:56px!important;
    flex:0 0 56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:19px!important;
    background:linear-gradient(140deg,var(--pwa-indigo),var(--pwa-indigo-soft) 60%,var(--pwa-indigo-2))!important;
    box-shadow:0 10px 24px rgba(79,70,229,.30),inset 0 1px 0 rgba(255,255,255,.4)!important;
}
.pwa-install-icon{
    width:auto!important;
    height:20px!important;
    display:block!important;
    color:#fff!important;
}
.pwa-install-spark{
    position:absolute!important;
    top:-5px!important;
    inset-inline-start:-5px!important;
    width:22px!important;
    height:22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    border:1px solid var(--pwa-lav-bd)!important;
    background:#fff!important;
    color:#D97706!important;
    box-shadow:0 4px 14px rgba(15,23,42,.10)!important;
}
.pwa-install-spark svg{
    display:block!important;
    width:13px!important;
    height:13px!important;
}
.pwa-install-titles{
    flex:1 1 auto!important;
    min-width:0!important;
    padding-inline-end:30px!important;
}
.pwa-install-kicker{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    margin-bottom:7px!important;
    padding:3px 10px!important;
    border:1px solid var(--pwa-lav-bd)!important;
    border-radius:999px!important;
    background:var(--pwa-lav)!important;
    color:var(--pwa-indigo)!important;
    font-size:11.5px!important;
    font-weight:800!important;
    line-height:1.7!important;
}
.pwa-install-kicker svg{
    display:block!important;
    width:12px!important;
    height:12px!important;
}
.pwa-install-card h2{
    margin:0!important;
    color:var(--pwa-navy)!important;
    font-size:17px!important;
    line-height:1.55!important;
    font-weight:800!important;
    letter-spacing:0!important;
}
.pwa-install-copy{
    position:relative!important;
    z-index:2!important;
    min-width:0!important;
}
.pwa-install-copy p{
    margin:0 0 10px!important;
    color:var(--pwa-ink)!important;
    font-size:13.5px!important;
    line-height:1.8!important;
    font-weight:500!important;
}
.pwa-install-copy small{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0 0 16px!important;
    color:var(--pwa-muted)!important;
    font-size:11.5px!important;
    line-height:1.7!important;
    font-weight:600!important;
}
.pwa-install-copy small::before{
    content:""!important;
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
    background-color:currentColor!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 4.8 6v5.4c0 4.4 3 7.6 7.2 9.4 4.2-1.8 7.2-5 7.2-9.4V6z'/%3E%3Cpath d='m9.4 12.2 1.9 1.9 3.6-3.9'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 4.8 6v5.4c0 4.4 3 7.6 7.2 9.4 4.2-1.8 7.2-5 7.2-9.4V6z'/%3E%3Cpath d='m9.4 12.2 1.9 1.9 3.6-3.9'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.pwa-install-copy small:empty{
    display:none!important;
}
.pwa-install-actions{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:stretch!important;
    gap:9px!important;
}
.pwa-install-primary,
.pwa-install-secondary{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:0 18px!important;
    border-radius:13px!important;
    font-size:13.5px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transition:.17s var(--pwa-ease)!important;
}
/* the driver hides the copy CTA with the hidden attribute; the display above is
   !important, so [hidden] needs an equally strong rule to win */
.pwa-install-primary[hidden],
.pwa-install-secondary[hidden]{
    display:none!important;
}
.pwa-install-primary{
    flex:1 1 auto!important;
    border:1px solid transparent!important;
    background:linear-gradient(135deg,var(--pwa-indigo),var(--pwa-indigo-soft))!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(79,70,229,.32)!important;
}
.pwa-install-primary:hover,
.pwa-install-primary:focus{
    color:#fff!important;
    box-shadow:0 16px 32px rgba(79,70,229,.40)!important;
    transform:translateY(-1px)!important;
}
.pwa-install-primary:active{
    transform:none!important;
}
/* icons live in ::before so the JS text updates never wipe them */
[data-pwa-install-primary]::before,
[data-pwa-install-copy]::before{
    content:""!important;
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
    background-color:currentColor!important;
}
[data-pwa-install-primary]::before{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m8 11 4 4 4-4'/%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m8 11 4 4 4-4'/%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
[data-pwa-install-copy]::before{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2.5'/%3E%3Cpath d='M5 15V5.5A2.5 2.5 0 0 1 7.5 3H15'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2.5'/%3E%3Cpath d='M5 15V5.5A2.5 2.5 0 0 1 7.5 3H15'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.pwa-install-secondary{
    flex:0 0 auto!important;
    min-width:84px!important;
    border:1px solid var(--pwa-border)!important;
    background:var(--pwa-surface)!important;
    color:var(--pwa-muted)!important;
}
.pwa-install-secondary:hover,
.pwa-install-secondary:focus{
    background:#fff!important;
    border-color:var(--pwa-faint2)!important;
    color:var(--pwa-ink)!important;
}
.pwa-install-primary:focus-visible,
.pwa-install-secondary:focus-visible,
.pwa-install-close:focus-visible,
.pwa-install-dialog-close:focus-visible,
.pwa-install-step:focus-visible{
    outline:2px solid var(--pwa-indigo)!important;
    outline-offset:2px!important;
}

/* ===================== GUIDE DIALOG (manual install steps) ===================== */
.pwa-install-dialog-locked{
    overflow:hidden!important;
}
.pwa-install-dialog-layer{
    position:fixed!important;
    inset:0!important;
    z-index:2600!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:22px!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .2s var(--pwa-ease)!important;
    direction:rtl!important;
}
.pwa-install-dialog-layer.is-open{
    opacity:1!important;
    pointer-events:auto!important;
}
.pwa-install-dialog-backdrop{
    position:absolute!important;
    inset:0!important;
    background:rgba(15,23,42,.52)!important;
    -webkit-backdrop-filter:blur(6px)!important;
    backdrop-filter:blur(6px)!important;
    cursor:pointer!important;
}
.pwa-install-dialog{
    position:relative!important;
    z-index:1!important;
    width:min(460px,100%)!important;
    max-height:min(86vh,760px)!important;
    display:flex!important;
    flex-direction:column!important;
    padding:26px 24px 22px!important;
    border:1px solid var(--pwa-border-soft)!important;
    border-radius:28px!important;
    background:radial-gradient(210px 210px at 100% 0,rgba(129,140,248,.18),rgba(129,140,248,0) 70%),#fff!important;
    color:var(--pwa-navy)!important;
    box-shadow:0 40px 100px rgba(15,23,42,.40)!important;
    transform:translateY(18px) scale(.97)!important;
    transition:transform .3s var(--pwa-ease)!important;
    direction:rtl!important;
    text-align:right!important;
}
.pwa-install-dialog-layer.is-open .pwa-install-dialog{
    transform:none!important;
}
.pwa-install-dialog-handle{
    display:none!important;
}
.pwa-install-dialog-close{
    position:absolute!important;
    inset-block-start:16px!important;
    inset-inline-start:16px!important;
    z-index:3!important;
    width:38px!important;
    height:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:1px solid var(--pwa-border)!important;
    border-radius:50%!important;
    background:var(--pwa-surface)!important;
    color:var(--pwa-faint)!important;
    cursor:pointer!important;
    transition:.16s var(--pwa-ease)!important;
}
.pwa-install-dialog-close svg{
    display:block!important;
    width:18px!important;
    height:18px!important;
}
.pwa-install-dialog-close:hover,
.pwa-install-dialog-close:focus{
    color:var(--pwa-red)!important;
    background:var(--pwa-red-bg)!important;
    border-color:var(--pwa-red-bd)!important;
}
.pwa-install-dialog-header{
    position:relative!important;
    z-index:2!important;
    flex:0 0 auto!important;
    padding:0 0 16px!important;
    padding-inline-start:44px!important;
    text-align:right!important;
}
.pwa-install-dialog-kicker{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-height:26px!important;
    margin-bottom:9px!important;
    padding:2px 10px!important;
    border:1px solid var(--pwa-lav-bd)!important;
    border-radius:999px!important;
    background:var(--pwa-lav)!important;
    color:var(--pwa-indigo)!important;
    font-size:11.5px!important;
    font-weight:800!important;
    direction:ltr!important;
    unicode-bidi:embed!important;
}
.pwa-install-dialog-kicker:empty{
    display:none!important;
}
.pwa-install-dialog-header h2{
    margin:0 0 6px!important;
    color:var(--pwa-navy)!important;
    font-size:20px!important;
    line-height:1.5!important;
    font-weight:800!important;
    letter-spacing:0!important;
}
.pwa-install-dialog-header p{
    margin:0!important;
    color:var(--pwa-muted)!important;
    font-size:13.5px!important;
    line-height:1.85!important;
    font-weight:500!important;
}
.pwa-install-steps{
    position:relative!important;
    z-index:2!important;
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    margin:0!important;
    padding:2px 2px 2px 0!important;
    overflow:auto!important;
    list-style:none!important;
}
.pwa-install-step{
    position:relative!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding:12px 13px!important;
    border:1px solid var(--pwa-border-soft)!important;
    border-radius:18px!important;
    background:var(--pwa-lav2)!important;
    text-align:right!important;
}
.pwa-install-step-icon{
    position:relative!important;
    width:44px!important;
    height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid var(--pwa-lav-bd)!important;
    border-radius:14px!important;
    background:#fff!important;
    color:var(--pwa-indigo)!important;
}
.pwa-install-step-icon svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
}
.pwa-install-step-icon i{
    margin:0!important;
    color:inherit!important;
    font-size:17px!important;
}
.pwa-install-step-number{
    position:absolute!important;
    inset-block-start:-7px!important;
    inset-inline-start:-7px!important;
    width:22px!important;
    height:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    border:2px solid #fff!important;
    background:var(--pwa-indigo)!important;
    color:#fff!important;
    font-family:"Roboto Mono",ui-monospace,Menlo,Consolas,monospace!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1!important;
}
.pwa-install-step-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
}
.pwa-install-step-copy strong{
    color:var(--pwa-navy)!important;
    font-size:13.5px!important;
    line-height:1.6!important;
    font-weight:800!important;
}
.pwa-install-step-copy small{
    color:var(--pwa-muted)!important;
    font-size:12.5px!important;
    line-height:1.75!important;
    font-weight:500!important;
}
.pwa-install-dialog-actions{
    position:relative!important;
    z-index:2!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:stretch!important;
    gap:11px!important;
    padding-top:16px!important;
}
.pwa-install-dialog-actions .pwa-install-primary,
.pwa-install-dialog-actions .pwa-install-secondary{
    flex:1 1 0!important;
    min-width:0!important;
}

/* ===================== TOASTS ===================== */
.pwa-install-toast,
.pwa-update-toast{
    position:fixed!important;
    z-index:2700!important;
    inset-inline-start:18px!important;
    bottom:18px!important;
    width:min(392px,calc(100vw - 32px))!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(12px)!important;
    transition:opacity .22s var(--pwa-ease),transform .22s var(--pwa-ease)!important;
    direction:rtl!important;
}
.pwa-install-toast.is-visible,
.pwa-update-toast.is-visible{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
}
.pwa-install-toast{
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    grid-template-areas:"mark title" "mark body"!important;
    align-items:center!important;
    gap:2px 11px!important;
    padding:14px 16px!important;
    border:1px solid rgba(15,23,42,.9)!important;
    border-radius:18px!important;
    background:var(--pwa-navy)!important;
    color:#fff!important;
    box-shadow:0 24px 60px rgba(15,23,42,.34)!important;
    text-align:right!important;
}
.pwa-install-toast::before{
    content:""!important;
    grid-area:mark!important;
    align-self:center!important;
    width:26px!important;
    height:26px!important;
    border-radius:50%!important;
    background:var(--pwa-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px 14px no-repeat!important;
}
.pwa-install-toast strong{
    grid-area:title!important;
    display:block!important;
    color:#fff!important;
    font-size:13.5px!important;
    line-height:1.65!important;
    font-weight:800!important;
    text-align:right!important;
}
.pwa-install-toast span{
    grid-area:body!important;
    display:block!important;
    color:rgba(255,255,255,.76)!important;
    font-size:12.5px!important;
    line-height:1.7!important;
    font-weight:500!important;
    text-align:right!important;
}
.pwa-install-toast span:empty{
    display:none!important;
}
.pwa-update-toast{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:14px 16px!important;
    border:1px solid var(--pwa-border)!important;
    border-radius:18px!important;
    background:#fff!important;
    color:var(--pwa-navy)!important;
    box-shadow:0 20px 50px rgba(15,23,42,.16)!important;
}
.pwa-update-toast strong,
.pwa-update-toast span{
    display:block!important;
    text-align:right!important;
}
.pwa-update-toast strong{
    color:var(--pwa-navy)!important;
    font-size:13.5px!important;
    line-height:1.6!important;
    font-weight:800!important;
}
.pwa-update-toast span{
    margin-top:2px!important;
    color:var(--pwa-muted)!important;
    font-size:12.5px!important;
    line-height:1.7!important;
    font-weight:500!important;
}
.pwa-update-toast button{
    min-height:40px!important;
    padding:0 14px!important;
    border-radius:12px!important;
    font-size:12.5px!important;
    font-weight:800!important;
    cursor:pointer!important;
    transition:.16s var(--pwa-ease)!important;
}
.pwa-update-toast [data-pwa-update-action]{
    border:1px solid transparent!important;
    background:linear-gradient(135deg,var(--pwa-indigo),var(--pwa-indigo-soft))!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(79,70,229,.28)!important;
}
.pwa-update-toast [data-pwa-update-later]{
    border:1px solid var(--pwa-border)!important;
    background:var(--pwa-surface)!important;
    color:var(--pwa-muted)!important;
}
.pwa-update-toast [data-pwa-update-later]:hover{
    background:#fff!important;
    border-color:var(--pwa-faint2)!important;
    color:var(--pwa-ink)!important;
}

/* ===================== MOBILE (bottom sheets) ===================== */
@media (max-width:767px){
    body.crm-mobile-keyboard-open .pwa-install-root,
    body.pwa-install-keyboard-open .pwa-install-root,
    body:has(#modal-overlay) .pwa-install-root,
    body:has(.crm-board-tour-layer) .pwa-install-root,
    body:has(.crm-board-success-layer) .pwa-install-root,
    body:has(.crm-mobile-add-lead-sheet-layer) .pwa-install-root{
        display:none!important;
    }
    .pwa-install-root{
        inset-inline-start:14px!important;
        inset-inline-end:14px!important;
        bottom:calc(var(--crm-mobile-nav-height,72px) + env(safe-area-inset-bottom,0px) + 12px)!important;
        width:auto!important;
    }
    .pwa-install-card{
        padding:18px 16px 16px!important;
        border-radius:22px!important;
        box-shadow:0 16px 38px rgba(15,23,42,.18)!important;
    }
    .pwa-install-close{
        inset-block-start:12px!important;
        inset-inline-start:12px!important;
        width:30px!important;
        height:30px!important;
    }
    .pwa-install-head{
        gap:11px!important;
        margin-bottom:12px!important;
    }
    .pwa-install-mark{
        width:50px!important;
        height:50px!important;
        flex:0 0 50px!important;
        border-radius:17px!important;
    }
    .pwa-install-icon{
        width:auto!important;
        height:18px!important;
    }
    .pwa-install-titles{
        padding-inline-end:20px!important;
    }
    .pwa-install-card h2{
        font-size:15.5px!important;
    }
    .pwa-install-copy p{
        font-size:12.5px!important;
        line-height:1.75!important;
    }
    .pwa-install-copy small{
        margin-bottom:14px!important;
    }
    .pwa-install-actions{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 84px!important;
        gap:9px!important;
    }
    .pwa-install-dialog-layer{
        align-items:flex-end!important;
        padding:0!important;
    }
    .pwa-install-dialog{
        width:100%!important;
        max-width:560px!important;
        max-height:min(86vh,760px)!important;
        padding:12px 18px calc(18px + env(safe-area-inset-bottom,0px))!important;
        border-radius:26px 26px 0 0!important;
        border-inline:0!important;
        border-bottom:0!important;
        transform:translateY(26px)!important;
    }
    .pwa-install-dialog-handle{
        display:block!important;
        width:44px!important;
        height:5px!important;
        flex:0 0 auto!important;
        margin:0 auto 14px!important;
        border-radius:999px!important;
        background:var(--pwa-faint2)!important;
    }
    .pwa-install-dialog-close{
        inset-block-start:14px!important;
        inset-inline-start:14px!important;
        width:34px!important;
        height:34px!important;
    }
    .pwa-install-dialog-header{
        padding:0 0 14px!important;
        padding-inline-start:40px!important;
    }
    .pwa-install-dialog-header h2{
        font-size:18.5px!important;
    }
    .pwa-install-step{
        gap:11px!important;
        padding:11px 12px!important;
        border-radius:16px!important;
    }
    .pwa-install-step-icon{
        width:42px!important;
        height:42px!important;
    }
    .pwa-install-dialog-actions{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
    }
    .pwa-install-toast,
    .pwa-update-toast{
        inset-inline-start:14px!important;
        inset-inline-end:14px!important;
        bottom:calc(var(--crm-mobile-nav-height,72px) + env(safe-area-inset-bottom,0px) + 12px)!important;
        width:auto!important;
    }
    .pwa-update-toast{
        grid-template-columns:minmax(0,1fr)!important;
    }
}

@media (prefers-reduced-motion:reduce){
    .pwa-install-root,
    .pwa-install-dialog-layer,
    .pwa-install-dialog,
    .pwa-install-toast,
    .pwa-update-toast{
        transition:none!important;
    }
}

/* CRM lead list: compact sales path context and board-consistent quick actions. */
.sales-lead-list-horizontal .sales-lead-row-breadcrumb span:first-child{
    max-width:58%!important;
}
.sales-lead-list-horizontal .sales-lead-row-breadcrumb strong{
    max-width:42%!important;
}
.sales-lead-list-horizontal .sales-lead-row-actions{
    min-width:330px!important;
}
.sales-lead-row-actions .lead-call-button,
.sales-lead-row-actions .lead-sms-button,
.sales-lead-row-actions .sales-column-control>summary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    box-sizing:border-box!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    line-height:1!important;
}
.sales-lead-row-actions .lead-sms-button{
    width:auto!important;
    min-width:108px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #bfdbfe!important;
    border-radius:10px!important;
    background:#eff6ff!important;
    color:#1d4ed8!important;
    font-size:13px!important;
    font-weight:900!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.sales-lead-row-actions .lead-sms-button:hover,
.sales-lead-row-actions .lead-sms-button:focus{
    border-color:#93c5fd!important;
    background:#dbeafe!important;
    color:#1e40af!important;
}
.sales-lead-row-actions .lead-sms-button.is-disabled,
.sales-lead-row-actions .lead-sms-button:disabled{
    cursor:not-allowed!important;
    opacity:.55!important;
    background:#f8fafc!important;
    border-color:#e2e8f0!important;
    color:#94a3b8!important;
}
.sales-lead-row-actions .lead-call-button span,
.sales-lead-row-actions .lead-sms-button span,
.sales-lead-row-actions .sales-column-control-label{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.sales-lead-row-actions .sales-column-control>summary{
    min-width:112px!important;
    border:1px solid #dbe3ef!important;
    background:#fff!important;
    color:#334155!important;
    font-size:13px!important;
    font-weight:900!important;
    cursor:pointer!important;
    list-style:none!important;
    box-shadow:none!important;
    transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease!important;
}
.sales-lead-row-actions .sales-column-control>summary::-webkit-details-marker{
    display:none!important;
}
.sales-lead-row-actions .sales-column-control>summary:hover,
.sales-lead-row-actions .sales-column-control>summary:focus{
    border-color:#c7d2fe!important;
    background:#f8fafc!important;
    color:#4338ca!important;
}
.sales-lead-row-actions .sales-column-control[open]>summary,
.sales-lead-row-actions .sales-column-control>summary:active{
    border-color:#c7d2fe!important;
    background:#eef2ff!important;
    color:#3730a3!important;
}
.sales-lead-row-mobile-info{
    display:none!important;
}

@media(max-width:767px){
    .sales-lead-list-horizontal>.sales-lead-row{
        min-height:0!important;
        height:auto!important;
        padding:10px!important;
        align-items:center!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:auto auto auto!important;
        gap:8px!important;
        overflow:visible!important;
    }
    .sales-lead-row-identity{
        grid-column:1/-1!important;
        grid-row:1!important;
        min-width:0!important;
        gap:7px!important;
        align-self:center!important;
    }
    .sales-lead-row-title{
        min-width:0!important;
        font-size:14px!important;
        line-height:1.45!important;
    }
    .sales-lead-row-context{
        display:none!important;
    }
    .sales-lead-row-badges,
    .sales-lead-row-meta{
        display:none!important;
    }
    .sales-lead-row-mobile-info{
        grid-column:1/-1!important;
        grid-row:2!important;
        min-width:0!important;
        width:100%!important;
        display:flex!important;
        align-items:center!important;
        gap:6px!important;
        overflow:visible!important;
        white-space:nowrap!important;
    }
    .sales-lead-mobile-column,
    .sales-lead-mobile-age,
    .sales-lead-mobile-tag,
    .sales-lead-mobile-tags-more>summary{
        min-height:24px!important;
        height:24px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        border-radius:999px!important;
        font-size:11.5px!important;
        font-weight:900!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .sales-lead-mobile-column{
        flex:0 1 112px!important;
        max-width:34%!important;
        min-width:54px!important;
        padding:2px 8px!important;
        border:1px solid #c7d2fe!important;
        background:#eef2ff!important;
        color:#3730a3!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .sales-lead-mobile-age{
        flex:0 0 auto!important;
        gap:4px!important;
        padding:2px 7px!important;
        border:1px solid #e0f2fe!important;
        background:#f0f9ff!important;
        color:#0369a1!important;
    }
    .sales-lead-mobile-age i{
        margin:0!important;
        color:inherit!important;
        font-size:10.5px!important;
    }
    .sales-lead-mobile-tag{
        flex:1 1 auto!important;
        min-width:0!important;
        max-width:104px!important;
        padding:2px 8px!important;
        border:1px solid #dbeafe!important;
        background:#eff6ff!important;
        color:#1d4ed8!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .sales-lead-mobile-tags-more{
        position:relative!important;
        flex:0 0 auto!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
    }
    .sales-lead-mobile-tags-more>summary{
        width:30px!important;
        padding:0 6px!important;
        cursor:pointer!important;
        list-style:none!important;
        border:1px solid #dbe3ef!important;
        background:#f8fafc!important;
        color:#475569!important;
    }
    .sales-lead-mobile-tags-more>summary::-webkit-details-marker{
        display:none!important;
    }
    .sales-lead-mobile-tags-more[open]>summary{
        border-color:#c7d2fe!important;
        background:#eef2ff!important;
        color:#3730a3!important;
    }
    .sales-lead-mobile-tags-popover{
        position:absolute!important;
        inset-block-start:calc(100% + 6px)!important;
        inset-inline-end:0!important;
        z-index:50!important;
        width:min(230px,calc(100vw - 44px))!important;
        max-height:190px!important;
        display:flex!important;
        align-items:flex-start!important;
        flex-wrap:wrap!important;
        gap:6px!important;
        overflow:auto!important;
        padding:8px!important;
        border:1px solid #e2e8f0!important;
        border-radius:13px!important;
        background:#fff!important;
        box-shadow:0 16px 38px rgba(15,23,42,.18)!important;
    }
    .sales-lead-mobile-tag-popover-item{
        max-width:100%!important;
        min-height:24px!important;
        display:inline-flex!important;
        align-items:center!important;
        padding:3px 8px!important;
        border:1px solid #dbeafe!important;
        border-radius:999px!important;
        background:#eff6ff!important;
        color:#1d4ed8!important;
        font-size:11.5px!important;
        font-weight:850!important;
        line-height:1!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    .sales-lead-row-actions{
        grid-column:1/-1!important;
        grid-row:3!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        align-items:stretch!important;
        justify-content:stretch!important;
        gap:8px!important;
        padding:0!important;
        margin:0!important;
    }
    .sales-lead-row-actions .sales-column-control{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        height:38px!important;
        margin:0!important;
        padding:0!important;
    }
    .sales-lead-row-actions .lead-call-button,
    .sales-lead-row-actions .lead-sms-button,
    .sales-lead-row-actions .sales-column-control>summary{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:38px!important;
        min-height:38px!important;
        margin:0!important;
        padding:0 4px!important;
        font-size:12px!important;
        font-weight:900!important;
        gap:5px!important;
    }
    .sales-lead-row-actions .sales-column-control-label{
        display:inline!important;
    }
    .sales-lead-row-actions .sales-column-label-desktop{
        display:none!important;
    }
    .sales-lead-row-actions .sales-column-label-mobile{
        display:inline!important;
    }
    .sales-lead-row-actions .lead-call-button i,
    .sales-lead-row-actions .lead-sms-button i,
    .sales-lead-row-actions .sales-column-control>summary i{
        flex:0 0 auto!important;
        font-size:12px!important;
        margin:0!important;
    }
    .sales-lead-row-actions .sales-column-popover{
        inset-inline-start:0!important;
        inset-inline-end:auto!important;
    }
}

/* Shared mobile bottom-sheet behavior: hide Bottom Nav behind large sheets. */
@media (max-width:767px){
    html.crm-bottom-sheet-active,
    html.crm-bottom-sheet-active body{
        overflow:hidden !important;
        overscroll-behavior:none !important;
    }

    body.crm-bottom-sheet-active{
        touch-action:none !important;
    }

    body.crm-bottom-sheet-active .pwa-install-root,
    body.crm-bottom-sheet-active .pwa-update-toast{
        display:none !important;
        pointer-events:none !important;
    }

    .crm-mobile-bottom-nav{
        transform:translateY(0) !important;
        opacity:1 !important;
        pointer-events:auto !important;
        transition:transform .22s ease, opacity .18s ease, background .14s ease, color .14s ease !important;
        will-change:transform, opacity !important;
    }

    body.crm-bottom-sheet-active .crm-mobile-bottom-nav,
    body:has(#modal-overlay) .crm-mobile-bottom-nav,
    body:has(#modal-box) .crm-mobile-bottom-nav,
    body:has(.crm-mobile-add-lead-sheet-layer) .crm-mobile-bottom-nav,
    body:has([data-lead-assignment-modal]:not([hidden])) .crm-mobile-bottom-nav,
    body:has(.seller-sheet-overlay.is-open) .crm-mobile-bottom-nav,
    body:has(.salesperson-modal-overlay.is-open) .crm-mobile-bottom-nav,
    body:has(.hotlead-modal-overlay.is-open) .crm-mobile-bottom-nav,
    body:has(.sales-result-modal-overlay.is-open) .crm-mobile-bottom-nav,
    body:has(.sales-result-selector-sheet.is-open) .crm-mobile-bottom-nav,
    body:has([data-crm-mobile-pipeline-sheet].is-open) .crm-mobile-bottom-nav,
    body:has([data-crm-lead-drawer].is-open) .crm-mobile-bottom-nav{
        display:flex !important;
        transform:translateY(calc(100% + var(--crm-mobile-nav-safe) + 16px)) !important;
        opacity:0 !important;
        pointer-events:none !important;
        z-index:var(--crm-layer-mobile-bottom-nav) !important;
    }

    .lead-assignment-sheet,
    .seller-sheet-overlay,
    .salesperson-modal-overlay,
    .hotlead-modal-overlay,
    .sales-result-modal-overlay,
    .sales-result-selector-sheet,
    #modal-overlay,
    .crm-mobile-add-lead-sheet-layer,
    .crm-mobile-pipeline-sheet-layer,
    .crm-lead-drawer-shell{
        z-index:var(--crm-layer-mobile-sheet) !important;
        overscroll-behavior:contain !important;
    }

    .lead-assignment-dialog,
    .seller-sheet,
    .salesperson-modal,
    .hotlead-modal,
    .sales-result-modal,
    .sales-result-selector-panel,
    #modal-box,
    .modal-box,
    .crm-mobile-add-lead-sheet,
    .crm-mobile-pipeline-sheet,
    .crm-lead-drawer{
        position:relative !important;
        z-index:var(--crm-layer-mobile-sheet-panel) !important;
        max-height:calc(100dvh - 8px) !important;
        margin-bottom:0 !important;
        overflow:auto !important;
        -webkit-overflow-scrolling:touch !important;
        overscroll-behavior:contain !important;
    }

    .lead-assignment-dialog,
    .seller-sheet,
    .salesperson-modal,
    .hotlead-modal,
    .sales-result-modal,
    .sales-result-selector-panel,
    #modal-box,
    .modal-box,
    .crm-mobile-add-lead-sheet,
    .crm-mobile-pipeline-sheet{
        padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .crm-lead-stack{
        padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    }

    html.crm-bottom-sheet-active #modal-box,
    body.crm-bottom-sheet-active #modal-box,
    body:has(#modal-overlay) #modal-box,
    body:has(#modal-box) #modal-box,
    body:has(#modal-content) #modal-box{
        position:fixed !important;
        top:auto !important;
        right:0 !important;
        bottom:0 !important;
        left:0 !important;
        width:100vw !important;
        max-width:100vw !important;
        max-height:calc(100dvh - 8px) !important;
        margin:0 !important;
        border-radius:24px 24px 0 0 !important;
        transform:none !important;
        z-index:var(--crm-layer-mobile-sheet-panel) !important;
    }

    #dropdown,
    ul.dropdown-submenu-open,
    body > ul.dropdown-submenu-open,
    #board ul.dropdown-submenu-open{
        z-index:var(--crm-layer-mobile-dropdown) !important;
    }
}

@media (max-width:767px) and (prefers-reduced-motion:reduce){
    .crm-mobile-bottom-nav{
        transition:none !important;
    }
}